@charset "utf-8";
.jdc-footer-apoollo{
    margin-top: 5px;
    position: relative;
    background-color: #212330;
}
@media (min-width: 768px) {
}
.jdc-rwd a.jdc-m-btn-primary{
    background: #fff;
    color: #000;
}

.wx-text-name{display:none;}

.jdc-sg-ul .sg-item-bg {
    margin-right: 20px;
    width: 42px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: url(//static-portal.jdcloud.com/jcloud/jc/2.0.0/widget/jdc-main-footer/i/polygon_bg.png) center no-repeat;
    background-size: 100%;
    font-size: 20px;
    color: #fff;
}

.jdc-sg-ul .sg-item-bg, .jdc-sg-ul .sg-text {
    display: inline-block;
    vertical-align: middle;
    color: #a9a9ad;
}
.jdc-sg-ul .sg-text{
    width:auto;
}
.jdc-footer-channel-item .jdc-qrcode-image{
    margin-top:6px;
}
.jdc-footer-align{
    padding-left:160px;
}

/*新加 参照官网*/
.jdc-sg-ul li {
    display: inline-block;
    width: 25%;
}
.jdc-service-guarantee {
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #2d2f3a;
}
.jdc-rwd .w {
    width: 100%;
    max-width: 1200px;
}
.jdc-service-guarantee { padding: 20px 0px; box-sizing: border-box; border-bottom: 1px solid rgb(45, 47, 58); }
.jdc-sg-ul { font-size: 0px; }
.jdc-sg-ul li { display: inline-block; width: 25%; }
.jdc-sg-ul li > a { display: block; font-size: 0px; color: rgb(102, 102, 102); position: relative; padding-left: 58px; height: 48px; line-height: 48px; }
.jdc-sg-ul li > a:hover .sg-text { color: rgb(71, 98, 254); }
.jdc-sg-ul .jdcfont, .jdc-sg-ul .sg-item-bg, .jdc-sg-ul .sg-text { display: inline-block; vertical-align: middle; color: rgb(169, 169, 173); }
.jdc-sg-ul .sg-text { transition: all 0.25s ease 0s; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jdc-sg-ul .jdcfont { line-height: 1; -webkit-text-stroke-width: 0px; font-size: 48px; color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; }
.jdc-sg-ul .sg-item-bg { margin-right: 20px; width: 42px; height: 49px; line-height: 49px; text-align: center; background: url("//static-portal.jdcloud.com/jcloud/jc/2.2.0/widget/jdc-main-footer-v2/i/polygon_bg.png") center center / 100% no-repeat; font-size: 20px; color: rgb(255, 255, 255); }
.jdc-footer-link { padding-top: 34px; font-size: 0px; border-top: 1px solid rgb(45, 47, 58); }
.jdc-footer-link a { display: inline-block; vertical-align: middle; color: rgb(153, 153, 153); line-height: 24px; font-size: 12px; }
.jdc-footer-link a:hover { color: rgb(71, 98, 254); }
.jdc-footer-link span { display: inline-block; height: 14px; width: 1px; margin: 0px 18px; vertical-align: middle; overflow: hidden; background: rgb(45, 47, 58); }
.jdc-footer-copy { box-sizing: border-box; padding-top: 18px; padding-bottom: 24px; padding-right: 270px; margin: auto; max-width: 1200px; color: rgb(153, 153, 153); line-height: 24px; font-size: 12px; }
.jdc-footer-copy a { margin-left: 5px; color: rgb(153, 153, 153) !important; }
.jdc-footer-copy a:hover { color: rgb(71, 98, 254) !important; }

.jdc-footer-channel { padding: 20px 0px; width: 800px; min-height: 360px; }
.jdc-footer-channel-item { padding-right: 20px; }
.jdc-footer-channel-item dt { padding: 5px 10px 15px 0px; line-height: 24px; font-size: 16px; color: rgb(255, 255, 255); }
.jdc-footer-channel-item dd { padding: 5px 5px 5px 0px; line-height: 20px; font-size: 14px; color: rgb(153, 153, 153); }
.jdc-footer-channel-item dd a { color: rgb(153, 153, 153); }
.jdc-footer-channel-item .jdc-qrcode { width: 180px; margin: 5px 0px; }
.jdc-footer-channel-item .jdc-qrcode-wrap { position: relative; opacity: 1; overflow: visible; }
.jdc-footer-channel-item .jdc-qrcode-wrap .col-4, .jdc-footer-channel-item .jdc-qrcode-wrap .col-6 { width: 100%; position: static; }
.jdc-footer-channel-item .jdc-qrcode-wrap .col-4 i, .jdc-footer-channel-item .jdc-qrcode-wrap .col-6 i { font-size: 18px; vertical-align: -2px; margin-right: 3px; }
.jdc-footer-channel-item .jdc-qrcode-wrap .col-4 p, .jdc-footer-channel-item .jdc-qrcode-wrap .col-6 p { line-height: 28px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jdc-footer-channel-item .jdc-qrcode-wrap .col-4:hover, .jdc-footer-channel-item .jdc-qrcode-wrap .col-4:hover a, .jdc-footer-channel-item .jdc-qrcode-wrap .col-6:hover, .jdc-footer-channel-item .jdc-qrcode-wrap .col-6:hover a { color: rgb(71, 98, 254); }
.jdc-footer-channel-item .jdc-qrcode-wrap .col-4:hover .qrcode-img-wrap, .jdc-footer-channel-item .jdc-qrcode-wrap .col-6:hover .qrcode-img-wrap { display: block; }
.jdc-footer-channel-item .jdc-qrcode-image { max-width: 66px; max-height: 66px; }
.jdc-footer-channel-item .qrcode-img-wrap { display: none; position: absolute; top: 50%; left: 110px; margin-top: -50px; width: 100px; height: 100px; }
.jdc-footer-channel-item .qrcode-img-wrap .jdc-qrcode-image { z-index: 10; left: 0px; top: 0px; max-width: 100px; max-height: 100px; }
.jdc-rwd .jdc-footer-channel {
    width: 100%;
    padding-right: 270px;
}
.jdc-footer-contact { position: absolute; top: 0px; right: 0px; padding: 20px 0px; width: 270px; }
.jdc-footer-contact dd { padding-right: 0px; }
.jdc-footer-wrap { position: relative; }
.jdc-footer-wrap .jdc-footer-select { position: absolute; right: 0px; top: 26px; margin-right: 140px; width: 130px; }
.jdc-footer-wrap .jdc-footer-select:hover .jdc-footer-select-trigger::after { transform: rotate(-180deg); }
.jdc-footer-wrap .jdc-footer-select:hover .jdc-footer-dropdown { display: block; }
.jdc-footer-wrap .jdc-footer-select-trigger { display: block; position: relative; box-sizing: border-box; padding: 0px 30px; width: 150px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 36px; color: rgb(145, 146, 152); cursor: pointer; }
.jdc-footer-channel .col-3{width: 20%}
@media (max-width: 768px){
    .wx-text-name{
        display:block;
        padding:0 100px;
        box-sizing: border-box;
        margin-left:auto;
        margin-right:auto;
        line-height:60px;
        text-align: center;
        font-size:18px;
        font-weight: 600;
        color:#fff;
    }
    .jdc-footer-channel .col-3{
        width: 100%;
    }
    .jdc-rwd .jc_hd_logo{
        float: left;
    }
    .jdc-footer-align{
        padding-left:0;
    }

    /*尾部导航*/
    .jdc-rwd .m-app-tips, .jdc-rwd .m-qrcode {
        display: block
    }

    .jdc-rwd .jdc-service-guarantee {
        padding: 20px 0
    }

    .jdc-rwd .jdc-sg-ul {
        padding: 0 10%
    }

    .jdc-rwd .jdc-sg-ul .sg-text {
        display: none
    }

    .jdc-rwd .jdc-sg-ul .sg-item-bg {
        margin-right: 0
    }

    .jdc-rwd .jdc-footer-channel {
        padding: 0;
        min-height: 0
    }

    .jdc-rwd .jdc-footer-contact {
        padding: 0 0 20px;
        position: relative;
        width: auto;
        border-bottom: 1px solid #323440
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item {
        padding-right: 0;
        border-top: 1px solid #323440
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item dt {
        padding: 0 60px 0 20px;
        line-height: 50px;
        font-size: 14px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item dd {
        display: none;
        padding: 0;
        line-height: 36px;
        font-size: 14px
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item dd a {
        display: block;
        padding: 0 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item dd a:hover {
        color: #999
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item.active .jdc-common-arr:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item.active dt {
        border-bottom: 1px solid #323440
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item.active dd {
        display: block
    }

    .jdc-rwd .jdc-footer-channel .jdc-footer-channel-item .jdc-common-arr:after {
        top: 15px
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item {
        padding-right: 0;
        border-top: 1px solid #323440
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item dt {
        padding-bottom: 0;
        line-height: 50px;
        font-size: 14px;
        color: #fff;
        padding-left: 20px
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item dd {
        padding: 0 20px;
        font-size: 14px;
        line-height: 24px
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item .jdc-qrcode {
        padding-top: 0;
        text-align: center
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item .jdc-qrcode p {
        display: none
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item .jdc-qrcode .xs-text {
        display: block;
        font-size: 12px;
        white-space: normal
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item .jdc-qrcode .xs-text i {
        font-size: 20px;
        vertical-align: -3px;
        margin-right: 3px
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item .jdc-qrcode-image {
        margin-top: 20px;
        margin-bottom: 5px;
        max-width: 120px;
        max-height: 120px
    }

    .jdc-rwd .jdc-footer-contact .jdc-footer-channel-item .qrcode-img-wrap:hover .jdc-qrcode-image {
        position: relative;
        max-width: 120px;
        max-height: 120px;
        box-shadow: none
    }

    .jdc-rwd .jdc-footer-copy {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center
    }

    .jdc-rwd .jdc-footer-select {
        position: relative;
        top: 0;
        margin: 20px 20px 0;
        width: auto
    }

    .jdc-rwd .jdc-footer-select:hover .jdc-footer-select-trigger:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .jdc-rwd .jdc-footer-select:hover .jdc-footer-dropdown {
        display: none
    }

    .jdc-rwd .jdc-footer-select.active .jdc-footer-select-trigger:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .jdc-rwd .jdc-footer-select.active .jdc-footer-dropdown {
        display: block
    }

    .jdc-rwd .jdc-footer-select-trigger {
        width: auto
    }

    .jdc-rwd .jdc-footer-dropdown {
        width: 100%
    }

    .jdc-rwd .jdc-footer-copy, .jdc-rwd .jdc-footer-wrap {
        margin: auto
    }

    .jdc-rwd .jdc-footer-dropdown-option:hover {
        color: #fff
    }
    .jdc-rwd .jdc-footer-channel{
        padding-right: 0px;
    }

}