.xcx {
    padding: 1.5rem 0 0;
}

.wc-t {
    color: #5a5a5a;
    text-align: center;
}

.wc-h {
    height: 1.28rem;
    font-size: .8rem;
    line-height: 1.28rem;
}

.wc-f {
    color: #fff;
}

.wc-s {
    height: .72rem;
    font-size: .44rem;
    line-height: .72rem;
}

@media (max-width: 576px) {
    .wc-h {
        height: 50px;
        font-size: 28px;
        line-height: 50px;
    }
    .wc-s {
        height: 24px;
        font-size: 20px;
        line-height: 24px;
    }
}


.xcx-c {
    width: 105%;
    padding-top: 1.2rem;
}

.xcx-cc {
    float: left;
    width: 26.98412698412698%;
    padding: 1.4rem 0 .8rem;
    margin: 0 6.34920634920635% .2rem 0;
    background: url(../images/weixin/border_oy3q.png) no-repeat;
    background-size: 100% 100%;
}

.xcx-cct {
    margin-bottom: .52rem;
    font-size: 18px;
    line-height: 28px;
    color: #5a5a5a;
    text-align: center;
}

.xcx-cci {
    width: 48.82352941176471%;
    margin: 0 auto .68rem;
}

.xcx-cci img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.xcx-ccw {
    text-align: center;
}

.xcx-ccw .ht {
    font-size: 18px;
    line-height: 24px;
}

.xcx-ccw .cstlayer {
    font-size: 12px;
    line-height: 16px;
}
@media (max-width: 768px) {
    .xcx-c {
        width: 100%;
        padding: 0 .6rem;
    }
    .xcx-cc {
        float: none;
        width: 100%;
        margin: 0 0 .2rem 0;
    }
    .xcx-cci {
        width: 117px;
        margin: 0 auto .68rem;
    }
}

.adv {
    padding-top: 2.2rem;
    background: url(../images/weixin/jzxcx-13_jh6b.jpg) no-repeat top center;
    background-size: 100% 100%;
}

.adv-c {
    width: 106.6666666666667%;
    padding: 1.2rem 0 3.6rem;
}

.adv-cc {
    float: left;
    width: 18.75%;
    padding: .8rem 0 .8rem;
    margin: 0 6.25% .2rem 0;
    background-color: #fff;
}

.adv-cci {
    width: 56.25%;
    margin: 0 auto;
}

.adv-cci img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.adv-ccw {
    margin-bottom: .8rem;
    color: rgb(83, 83, 83);
    text-align: center;
}

.adv-ccw .ht {
    height: 24px;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adv-ccw .cstlayer {
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .adv-cc {
        width: 45.75%;
        margin: 0 2.5% .2rem 0;
    }
}

.xdl {
    padding-top: 2.2rem;
}

.xdl-t {
    padding-bottom: .4rem;
}

.xdl-tt {

    box-sizing: border-box;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    color: rgb(83, 83, 83);
}

.xdl-c {
    width: 106.6666666666667%;
    padding: 1.2rem 0 3.6rem;
}

.xdl-cc {
    float: left;
    width: 18.75%;
    margin: 0 6.25% .2rem 0;
    background-color: #fff;
}

.xdl-cci {
    width: 56.25%;
    margin: 0 auto .6rem;
}

.xdl-cci img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.xdl-ccw {
    margin-bottom: .8rem;
    color: rgb(83, 83, 83);
    text-align: center;
}

.xdl-ccw .cstlayer {
    font-size: 14px;
    line-height: 16px;
}
@media (max-width: 576px) {
    .xdl-tt {
        font-size: 18px;
        line-height: 26px;
    }
    .xdl-cc {
        width: 27%;
    }
    .xdl-ccw {
        height: 48px;
        overflow: hidden;
    }
}