.mainleft {
    width: 280px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 30px;
}
.mainleft a {
    display: block;
    position: relative;
    overflow: hidden;
}
.mainleft a p {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 20px 0 10px;
}
.mainleft a p .svg {
    width: 60%;
    height: 60%;
    margin: 20%;
    display: block;
    object-fit: contain;
}
.mainleft a.on p .svg {
    width: 90%;
    height: 90%;
    margin: 5%;
}
.mainleft a.on::after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(/static/images/aright.png) center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    z-index: 10;
}
.mainleft a p .svg path {
    fill: #fff;
}
.mainleft a span {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 60px;
}
.mainleft.serv1 a p {
    background: #df7753;
}
.mainleft.serv1 a {
    border-bottom: 1px solid #df7753;
}
.mainleft.serv1 a:nth-child(1) {
    border-top: 1px solid #df7753;
}
.mainleft.serv1 a.on {
    background: #df7753;
    color: #fff;
    font-weight: bold;
}
.mainleft.serv2 a p {
    background: #4164b6;
}
.mainleft.serv2 a {
    border-bottom: 1px solid #4164b6;
}
.mainleft.serv2 a:nth-child(1) {
    border-top: 1px solid #4164b6;
}
.mainleft.serv2 a.on {
    background: #4164b6;
    color: #fff;
    font-weight: bold;
}
.mainleft.serv3 a p {
    background: #339d66;
}
.mainleft.serv3 a {
    border-bottom: 1px solid #339d66;
}
.mainleft.serv3 a:nth-child(1) {
    border-top: 1px solid #339d66;
}
.mainleft.serv3 a.on {
    background: #339d66;
    color: #fff;
    font-weight: bold;
}
.mainright {
    width: calc(100% - 380px);
    padding-left: 50px;
    border-left: 1px solid #eee;
    float: right;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 200%;
}
.mainright img {
    max-width: 100%;
}