@import url(owl.carousel.css);

.video-box {
    padding: 50px 30px
}

.video-l {
    position: relative
}

    .video-l, .video-l video {
        width: 483px
    }

        .video-l img {
            width: 100%
        }

.video-stop div.loading {
    height: 265px;
    background: url(https://wangzhi.zw.cn/static/images/loading.gif) no-repeat;
    background-size: 100% auto
}

.video-controls {
    display: none
}

.video-stop-index {
    height: 265px;
    width: 100%;
    overflow: hidden
}

.video-stop {
    position: relative;
    height: 265px;
    overflow: hidden;
    transition: all 1s ease 0s
}

    .video-stop p {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0,0,0,.6)
    }

    .video-stop i {
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
        border-radius: 100%;
        display: block;
        background: url(https://wangzhi.zw.cn/static/images/stop.png) no-repeat;
        background-size: 100% auto;
        cursor: pointer
    }

    .video-stop i, .video-stop p {
        display: none;
        transition: all .1s ease
    }

    .video-stop:hover i, .video-stop:hover p {
        display: block;
        animation: spin .3s ease-in
    }

@keyframes spin {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.video-r {
    width: 620px;
    font-size: 16px;
    line-height: 2;
    padding: 30px 0 0 0
}

    .video-r h2 {
        font-size: 24px;
        padding-bottom: 20px
    }

    .video-r p {
        display: block;
        text-align: right;
        margin-top: 40px
    }

        .video-r p a {
            background: #f3d660;
            border-radius: 32px;
            padding: 10px 20px;
            color: #333;
            text-decoration: none
        }

            .video-r p a:hover {
                background: #f3d353
            }

.title i.small {
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    font-style: normal
}

.highlight li {
    float: left;
    width: 209px;
    text-align: center;
    border-radius: 8px 8px 0 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/ipv6_03.png);
    margin: 0 45px
}

    .highlight li h3 {
        color: #fff;
        font-size: 24px;
        padding: 20px 0;
        border-bottom: 2px solid #fff;
        border-radius: 8px 8px 0 0
    }

        .highlight li h3 span {
            display: none
        }

    .highlight li p {
        display: block;
        color: #fff;
        padding: 20px 25px;
        height: 140px;
        font-size: 16px
    }

    .highlight li i {
        background: url(../images/ipv6_02.png) no-repeat center top;
        display: block;
        width: 89px;
        height: 89px;
        margin: -2px auto 40px auto
    }

    .highlight li.gfsy {
        background-position: -209px bottom
    }

        .highlight li.gfsy i {
            background-position: 0 -89px
        }

    .highlight li.lhyy {
        background-position: -418px bottom
    }

        .highlight li.lhyy i {
            background-position: 0 -178px
        }

    .highlight li.http {
        background-position: -627px bottom
    }

        .highlight li.http i {
            background-position: 0 -267px
        }

    .highlight li.jjgx h3, .highlight li.jjgx p {
        background-color: #58a2ee
    }

    .highlight li.gfsy h3, .highlight li.gfsy p {
        background-color: #1ad9fb
    }

    .highlight li.lhyy h3, .highlight li.lhyy p {
        background-color: #69dac6
    }

    .highlight li.http h3, .highlight li.http p {
        background-color: #f4cf5d
    }

.col-lg-4.ipv6 {
    padding-left: 30px;
    padding-right: 30px;
    position: relative
}

.package {
    margin-top: 140px;
    background: #ef8678;
    width: 100%;
    padding: 60px 0 40px 0;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 18px
}

    .package span {
        font-size: 40px
    }

    .package sup {
        font-size: 20px;
        line-height: 1;
        vertical-align: top
    }

    .package p {
        display: block;
        margin-top: 30px
    }

        .package p a {
            color: #fff;
            font-size: 20px;
            border: 1px solid #fff;
            border-radius: 12px;
            text-decoration: none;
            padding: 5px 26px
        }

            .package p a:hover {
                background: rgba(255,255,255,.1)
            }

.bandwidth {
    position: absolute;
    left: 50%;
    margin-left: -90px;
    background: url(../images/ipv6_04.png) no-repeat center center #ef8678;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    padding-top: 60px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.fivem .bandwidth, .fivem .package {
    background-color: #4a9df1
}

.tenm .bandwidth, .tenm .package {
    background-color: #66bdc6
}

.ipv6-why {
    float: left;
    width: 670px
}

.ipv6-file {
    float: right;
    width: 464px;
    border-radius: 6px
}

    .ipv6-file img, .mob-ipv6-file img {
        display: block;
        border: 1px solid #fa2e1b;
        border-radius: 6px
    }

.ipv6-why li, .theory li {
    font-size: 20px;
    margin-bottom: 20px
}

    .ipv6-why li, .ipv6-why li p, .theory li, .theory li h5 {
        display: block
    }

        .ipv6-why li i {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            background: #2e99fe;
            width: 16px;
            height: 16px;
            border-radius: 100%;
            font-size: 20px
        }

        .ipv6-why li p {
            padding-top: 6px;
            font-size: 16px;
            line-height: 1.6
        }

        .ipv6-why li i.orange {
            background: #ffae2f
        }

        .ipv6-why li i.green {
            background: #7ecb76
        }

.theory li {
    background: #2495ff;
    color: #fff;
    border-radius: 10px;
    padding: 15px;
    font-size: 16px;
    line-height: 1.6
}

    .theory li h5 {
        font-size: 18px;
        padding-bottom: 5px
    }

.ipv6-case {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 30px
}

.ipv6-img {
    width: 465px;
    float: left
}

.ipv6-news {
    width: 685px;
    float: right
}

    .ipv6-news a.more {
        display: block;
        text-align: right;
        font-size: 16px;
        line-height: 1.4;
        color: #127be6;
        margin-top: 15px
    }

.d-border.ja-caption {
    padding: 15px 0 0 0;
    border-bottom: 0;
    background: #fff
}

.d-border.sl-wrap {
    border-top: 0;
    background: #fff
}

.d-border.ja-caption .jingjia-tabs li {
    margin-left: 20px;
    margin-right: 5px;
    padding: 0 12px
}

.selector {
    padding: 15px
}

.sl-wrap {
    padding: 10px 0
}

.selector .sl-value, .sl-value span {
    display: inline-block;
    color: #666;
    font-size: 15px;
    position: relative
}

    .selector .sl-value span {
        margin-right: 15px
    }

.selector input.form-control {
    display: inline-block;
    width: 280px
}

.selector select.form-control {
    display: inline-block;
    width: 230px
}

.selector .sl-value.sl-right {
    padding-left: 30px
}

    .selector .sl-value.sl-right i {
        display: inline-block;
        font-style: normal;
        padding-right: 45px
    }

.selector.selcolor {
    background: #f7f8fc
}

.selector .sl-value.sl-right span {
    margin: 0 15px
}

.sl-domain {
    float: right;
    width: 93%
}

    .sl-domain li {
        display: inline-block;
        margin-right: 20px
    }

.sl-value .sl-domain li label {
    padding-left: 3px;
    vertical-align: top
}

.selector .sl-value.sl-right.attention {
    color: #f50e00
}

.selector .sl-value .btn span {
    margin-right: 0;
    color: #127be6
}

.selector .sl-value .btn {
    padding: 2px 6px;
    position: absolute;
    top: 0;
    right: 20px
}

    .selector .sl-value .btn.btn-default {
        color: #127be6;
        background-color: #fff;
        border-color: #127be6
    }

.sl-value .sl-domain.dropdown-menu {
    position: inherit;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0
}

.selebtn {
    text-align: center
}

    .selebtn button {
        margin: 10px 20px
    }

        .selebtn button.btn {
            padding: 8px 46px
        }

.filter .btn-primary, .sl-wrap .btn-primary {
    background-color: #127be6;
    border-color: #127be6
}

.filter {
    margin-top: 50px;
    background: #fff
}

    .filter .table.table-striped > thead > tr > th {
        font-size: 16px;
        color: #333;
        background: #f7f8fc;
        background: -moz-linear-gradient(top,#fff 0,#f7f8fc 100%);
        background: -webkit-linear-gradient(top,#fff 0,#f7f8fc 100%)
    }

    .filter .table.table-striped > tbody > tr > td, .filter .table.table-striped > thead > tr > th {
        padding: 15px 20px
    }

        .filter .table.table-striped > tbody > tr > td.price {
            color: #ff5820
        }

    .filter .table.table-striped > tbody > tr > td {
        border: 0
    }

        .filter .table.table-striped > tbody > tr > td a {
            font-size: 15px;
            display: inline-block;
            padding-left: 5px;
            vertical-align: middle;
            font-family: Georgia
        }

            .filter .table.table-striped > tbody > tr > td a:hover {
                color: #127be6
            }

    .filter .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #fff
    }

    .filter .table-striped > tbody > tr:nth-of-type(even) {
        background-color: #f7f8fc
    }

.selemun {
    padding: 20px 20px 0 20px;
    font-size: 15px
}

    .selemun label {
        font-weight: 400;
        margin-bottom: 0;
        margin-right: 20px
    }

.filter .selemun input[type=checkbox] {
    margin: 0
}

.paginations {
    display: inline-block;
    float: right;
    padding-right: 50px;
    text-align: right
}

.page * {
    vertical-align: middle
}

.paginations .current, .paginations a:hover {
    background: #2087ed;
    border: 1px solid #2087ed;
    color: #fff
}

.paginations a {
    border: 1px solid #ddd;
    width: auto;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #999;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    text-decoration: none
}

#jumptxt {
    width: 40px;
    padding: 0 5px;
    height: 32px;
    border: solid 1px #ddd;
    margin: 0 6px 0 6px;
    border-radius: 3px
}

.paginations .chaxun {
    padding: 0;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    margin: 0 0 0 6px;
    width: 36px;
    height: 32px;
    background: #2087ed;
    border: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 3px
}

.total.d-border {
    padding-bottom: 30px;
    border-width: 0
}

.certification {
    background: url(../images/rz_27.jpg) no-repeat 700px 0;
    height: 477px
}

    .certification ul {
        width: 70%
    }

        .certification ul li {
            float: left;
            margin: 30px 0 10px 40px;
            padding: 50px;
            text-align: center;
            -webkit-box-shadow: 0 0 16px hsla(0,0%,60.8%,.45);
            box-shadow: 0 0 16px hsla(0,0%,60.8%,.45);
            border-radius: 10px
        }

            .certification ul li:hover {
                -webkit-box-shadow: 0 0 16px hsla(360,100%,60.8%,.6);
                box-shadow: 0 0 16px hsla(360,100%,60.8%,.6)
            }

            .certification ul li p {
                padding-top: 15px;
                color: #333;
                font-size: 20px
            }

.certifn-choose .certifn-box {
    height: 240px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px hsla(0,0%,60.8%,.35);
    box-shadow: 0 0 10px hsla(0,0%,60.8%,.35);
    text-align: center;
    padding: 30px 50px;
    border-radius: 16px;
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0 10px 0
}

    .certifn-choose .certifn-box:hover {
        -webkit-box-shadow: 0 0 10px hsla(360,100%,60%,.8);
        box-shadow: 0 0 10px hsla(360,100%,60%,.8)
    }

    .certifn-choose .certifn-box h4, .corevalue li h3 {
        font-size: 24px;
        color: #333;
        padding: 20px 0 15px 0
    }

    .certifn-choose .certifn-box i {
        display: block;
        height: 63px;
        width: 63px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url(../images/rz_28.png)
    }

.certifn-choose .onestop i {
    background-position: 5px -63px
}

.certifn-choose .customer i {
    background-position: 5px -126px
}

.certifn-choose .secrecy i {
    background-position: 5px -189px
}

.certifn-choose .fast i {
    background-position: 0 -252px
}

.certifn-choose .nohide i {
    background-position: 5px -315px
}

.certifn-choose .fast, .certifn-choose .nohide, .certifn-choose .secrecy {
    margin-bottom: 0
}

.corevalue {
    padding-top: 20px
}

    .corevalue li {
        display: block;
        float: left;
        background: #fff;
        width: 25%;
        height: 300px;
        overflow: hidden;
        position: relative;
        font-size: 18px;
        line-height: 1.8
    }

        .corevalue li img {
            width: 100%;
            height: 100%
        }

            .corevalue li img:hover {
                transform: scale(1.1);
                transition: all .5s ease 0s;
                -webkit-transition: all .5s ease 0s;
                -moz-transition: all .5s ease 0s
            }

        .corevalue li.text {
            padding: 40px
        }

        .corevalue li h3 {
            text-align: center
        }

        .corevalue li i {
            position: absolute;
            left: 50%;
            margin-left: -30px;
            display: block;
            width: 0;
            height: 0
        }

            .corevalue li i.arrow-up {
                border-left: 30px solid transparent;
                border-right: 30px solid transparent;
                border-bottom: 40px solid #fff;
                bottom: 0
            }

            .corevalue li i.arrow-down {
                top: 0;
                border-left: 30px solid transparent;
                border-right: 30px solid transparent;
                border-top: 40px solid #fff
            }

.station .photo {
    width: 310px;
    margin-bottom: 30px
}

    #swiper-honor img, .station .photo img {
        width: 100%
    }

.station .website {
    width: 860px;
    font-size: 16px;
    line-height: 2;
    padding-top: 30px
}

#swiper-honor img {
    height: 200px
}

.honor {
    position: relative;
    margin-top: 40px
}

    .honor .swiper-button-next, .honor .swiper-button-prev {
        position: absolute;
        left: 50%;
        top: 95px;
        background: url(../images/arrow.png) no-repeat left top;
        width: 30px;
        height: 55px
    }

    .honor .swiper-button-prev {
        margin-left: -650px
    }

    .honor .swiper-button-next {
        margin-left: 615px;
        background-position: right top
    }

.certifn-pic {
    width: 710px;
    border-radius: 10px
}

    .certifn-pic img {
        border: 8px solid #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 16px hsla(0,0%,60.8%,.45);
        box-shadow: 0 0 16px hsla(0,0%,60.8%,.45)
    }

.certifn-list {
    width: 460px
}

    .certifn-list ul li {
        display: block;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

.c-time {
    width: 70px;
    color: #127be6;
    text-align: center;
    font-size: 16px
}

    .c-time p.date {
        display: block;
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 5px;
        border-bottom: 2px solid #127be6;
        color: #127be6
    }

.certifn-list ul li.last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.c-news {
    width: 370px;
    padding-top: 5px
}

    .c-news h2 {
        font-size: 16px;
        padding-bottom: 10px
    }

        .c-news h2 a {
            color: #000
        }

            .c-news h2 a:hover {
                color: #127be6
            }

.domain-caption {
    font-size: 24px;
    border-bottom: 1px solid #dcdcdc;
    height: 56px;
    line-height: 56px;
    width: 70%
}

    .domain-caption span {
        display: inline-block;
        height: 56px;
        padding: 0 20px;
        color: #2a62ff
    }

.jingjia-links {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #dcdcdc;
    width: 30%;
    text-align: right;
    color: #2a62ff;
    padding-right: 10px
}

    .jingjia-links a {
        display: inline-block;
        color: #2a62ff;
        padding: 0 7px;
        text-decoration: none
    }

.jingjia-table {
    margin: 50px 50px 40px 50px
}

.jingjia-rules {
    padding: 0 50px
}

.jingjia-buy {
    padding: 40px 0;
    text-align: center
}

    .jingjia-buy .btn {
        color: #fff;
        padding: 10px 70px;
        background: #ff8915;
        border-radius: 6px
    }

.jingjia-left.d-border, .jingjia-right.d-border {
    margin-top: 0
}

.domain-caption.entrust {
    width: 100%;
    font-size: 18px
}

    .domain-caption.entrust span {
        color: #666
    }

.comm {
    padding: 0 15px 25px 15px
}

    .comm li {
        color: #aaa
    }

        .comm li.last {
            padding-top: 10px
        }

.jingjia-search {
    width: 800px;
    margin: 30px auto;
    position: relative
}

.search-bar {
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 10px 15px
}

    .search-bar input {
        border: 0;
        width: 95%;
        font-size: 16px;
        display: inline-block;
        color: #c2c2c2
    }

    .search-bar .search-btn {
        background: url(../images/icon_search.png) no-repeat right top;
        width: 31px;
        height: 27px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 100
    }

.jingjia-tabs, .title02 {
    border-bottom: 1px solid #d5d5d5;
    height: 40px
}

    .jingjia-tabs li, .title02 span {
        display: inline-block;
        color: #003;
        font-size: 18px;
        height: 40px;
        position: relative;
        padding: 3px 5px 0 40px
    }

        .domain-caption span.active, .jingjia-tabs li.active, .title02 span.active {
            border-bottom: 2px solid #2a62ff
        }

        .title02 span i {
            display: inline-block;
            background: url(../images/jingjia_01.png) no-repeat left top;
            width: 27px;
            height: 32px;
            position: absolute;
            left: 0;
            top: 0
        }

    .jingjia-tabs a, .title02 a {
        display: inline-block;
        float: right;
        padding-top: 10px
    }

.popular li {
    width: 20%;
    float: left;
    padding: 16px 8px 0 8px;
    display: block
}

.popular .domainList:hover {
    border-color: #2a62ff
}

.popular .domainList {
    border: 1px solid #eee;
    background: #fff;
    padding: 20px
}

.popular p.new-domain {
    color: #2a62ff;
    font-size: 18px;
    margin-bottom: 8px
}

.jingjia-left, .jingjia-right {
    margin-top: 50px
}

.jingjia-left {
    width: 840px
}

.jingjia-right {
    width: 320px
}

.jingjia-tabs li {
    cursor: pointer
}

.jingjia-right .title02 span, .jingjia-tabs li {
    padding-left: 0;
    padding-right: 0;
    margin-right: 30px
}

.other-domain {
    display: none
}

    .other-domain .domainList {
        background: #fff;
        padding: 0;
        height: 120px;
        border: 0
    }

        .other-domain .domainList:hover {
            border: 1px solid #2a62ff
        }

    .other-domain .popular li {
        padding: 20px 5px 0 5px
    }

    .other-domain .popular p.new-domain {
        color: #2a62ff;
        padding: 5px 8px;
        background: #eaecf3
    }

    .other-domain .domainList:hover p.new-domain {
        color: #fff;
        background: #2a62ff
    }

    .other-domain .popular p {
        padding: 8px 10px 0 10px;
        color: #666
    }

.jingjia-right ul {
    padding-top: 25px
}

.jingjia-right li {
    display: block;
    padding-bottom: 20px
}

.jingjia-right span {
    display: inline-block;
    padding-bottom: 20px;
    margin-right: 15px
}

    .jingjia-right span input {
        vertical-align: top;
        height: auto
    }

.jingjia-right li label {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    width: 15%;
    text-align: left
}

.jingjia-right input, .jingjia-right textarea {
    display: inline-block;
    max-width: 83%;
    height: 35px;
    vertical-align: top
}

.jingjia-right textarea {
    height: 170px
}

.jingjia-right li.last {
    text-align: center
}

    .jingjia-right li.last .btn {
        background: #2a62ff;
        color: #fff;
        border: 0;
        padding: 10px 70px
    }

.dns-tex {
    width: 710px
}

    .dns-tex ul li {
        display: block;
        border: 2px solid #d4d4d6;
        border-radius: 2px;
        padding: 10px 15px 10px 80px;
        margin-bottom: 17px;
        position: relative
    }

        .dns-tex ul li div.number {
            position: absolute;
            left: 15px;
            top: 30px;
            width: 50px;
            height: 43px;
            line-height: 43px;
            overflow: hidden;
            color: #fff;
            font-size: 30px;
            background-position: 0 0;
            background-repeat: no-repeat;
            text-align: center;
            font-weight: 700
        }

            .dns-tex ul li div.number.n01 {
                background-image: url(../images/dns_01.png)
            }

            .dns-tex ul li div.number.n02 {
                background-image: url(../images/dns_02.png)
            }

            .dns-tex ul li div.number.n03 {
                background-image: url(../images/dns_03.png);
                margin-bottom: 0
            }

        .dns-tex ul li div.caption {
            font-size: 24px;
            color: #000
        }

.deploy-box {
    position: relative;
    padding: 40px 0 0 0
}

.deploy {
    border-width: 1px;
    border-style: solid;
    text-align: center;
    margin-left: -1px
}

    .deploy.contrast {
        border-color: #e7e7e7
    }

    .deploy.low {
        border-color: #ffd654;
        background: #ffd654
    }

    .deploy.enterprise {
        border-color: #ffa445;
        background: #ffa445
    }

    .deploy.elite {
        border-color: #26e776;
        background: #26e776
    }

    .deploy.ultimate {
        border-color: #4ea1f8;
        background: #4ea1f8
    }

    .deploy.contrast .deploy-cap, .deploy.contrast ul li {
        color: #000
    }

    .deploy.low .deploy-cap {
        background: #ffd654;
        border-bottom: 1px solid #ffd654
    }

    .deploy.enterprise .deploy-cap {
        background: #ffa445;
        border-bottom: 1px solid #ffa445
    }

    .deploy.elite .deploy-cap {
        background: #26e776;
        border-bottom: 1px solid #26e776
    }

    .deploy.ultimate .deploy-cap {
        background: #4ea1f8;
        border-bottom: 1px solid #4ea1f8
    }

    .deploy ul li {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #e7e7e7;
        color: #6e6e6e;
        font-size: 18px
    }

        .deploy ul li.btn, .deploy.contrast ul li:last-child {
            border-bottom: 0
        }

        .deploy ul li.deploy-cap, .deploy.contrast ul li.deploy-cap {
            font-size: 22px
        }

        .deploy ul li.deploy-cap {
            color: #fff
        }

        .deploy ul li.link {
            font-size: 16px;
            height: 66px
        }

        .deploy ul li.btn {
            padding: 26px 0;
            display: none
        }

            .deploy ul li.btn a {
                color: #fff;
                font-size: 16px;
                padding: 7px 30px;
                border-radius: 4px;
                text-decoration: none
            }

        .deploy ul li.deploy-explan {
            font-size: 15px;
            height: 110px
        }

    .deploy.contrast .deploy-explan {
        font-size: 22px;
        line-height: 76px
    }

.deploy-price {
    height: 120px;
    position: relative
}

.deploy.contrast .deploy-price {
    line-height: 80px
}

.deploy-price b {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -4px
}

.deploy-price sup {
    top: -1.5em
}

.deploy-price span {
    display: block;
    width: 86px;
    height: 23px;
    line-height: 23px;
    background: url(../images/dns_04.png) 0 0;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 13px;
    right: 20px
}

.deploy.elite .deploy-price span {
    background: url(../images/dns_04.png) 0 -23px
}

.deploy.low ul li.link a {
    color: #ffc200
}

.deploy.enterprise ul li.link a {
    color: #fd952b
}

.deploy.elite ul li.link a {
    color: #26e776
}

.deploy.ultimate ul li.link a {
    color: #4ea1f8
}

.deploy.low ul li.btn a {
    background: #ffc200
}

.deploy.enterprise ul li.btn a {
    background: #fd952b
}

.deploy.elite ul li.btn a {
    background: #26e776
}

.deploy.ultimate ul li.btn a {
    background: #4ea1f8
}

.selected.hover, .selected:hover {
    border-top: 0;
    top: -19px;
    position: relative;
    -webkit-box-shadow: 0 0 46px hsla(0,0%,60.8%,.25);
    box-shadow: 0 0 46px hsla(0,0%,60.8%,.25)
}

    .selected.hover ul li.deploy-cap, .selected:hover ul li.deploy-cap {
        padding: 30px 0 30px 0
    }

    .selected.hover ul li.btn, .selected:hover ul li.btn {
        display: block
    }

.system li {
    float: left;
    width: 31%;
    display: block;
    margin: 10px 42px 30px 0;
    padding-top: 43px;
    position: relative
}

    .system li div {
        border: 1px solid #e9e6e9;
        -webkit-box-shadow: 0 0 10px hsla(0,0%,60.8%,.3);
        box-shadow: 0 0 10px hsla(0,0%,60.8%,.3);
        padding: 65px 35px 20px 35px;
        text-align: center;
        height: 210px
    }

        .system li div h5 {
            font-size: 20px;
            color: #000;
            padding-bottom: 15px
        }

        .system li div p {
            font-size: 16px
        }

    .system li i {
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(../images/dns_05.png);
        width: 86px;
        height: 86px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -43px;
        top: 0
    }

    .system li.sys02 i {
        background-position: 0 -86px
    }

    .system li.sys03 i {
        background-position: 0 -172px
    }

    .system li.sys04 i {
        background-position: 0 -258px
    }

    .system li.sys05 i {
        background-position: 0 -344px
    }

    .system li.sys06 i {
        background-position: 0 -430px
    }

    .system li.sys03, .system li.sys06 {
        margin-right: 0
    }

    .corevalue li.text:nth-last-child(1), .corevalue li.text:nth-last-child(2), .corevalue li:last-child, .system li.sys04, .system li.sys05, .system li.sys06 {
        margin-bottom: 0
    }

.leading {
    position: relative
}

.dns-advantage {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #7f92e9;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 50%;
    margin-top: -60px;
    z-index: 2;
    font-size: 40px;
    line-height: 1.2;
    padding-top: 30px
}

.leading li {
    border: 2px solid #55e0e6;
    float: left;
    width: 49%;
    height: 190px;
    margin: 10px 0 15px 0;
    position: relative;
    text-align: center
}

    .leading li span {
        display: block;
        width: 70px;
        height: 70px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(../images/dns_06.png);
        color: #fff;
        font-size: 22px;
        text-align: left;
        padding: 8px 5px;
        position: absolute;
        top: -1px
    }

    .leading li h4 {
        font-size: 26px;
        padding: 20px 0;
        border-bottom: 2px solid #55e0e6
    }

    .leading li p {
        display: block;
        font-size: 18px;
        padding: 20px;
        text-align: left
    }

    .leading li.protect, .leading li.tech {
        border-radius: 0 16px 16px 16px;
        left: -1px
    }

    .leading li.idc, .leading li.management {
        border-radius: 16px 0 16px 16px;
        float: right;
        border-color: #7fa8f5
    }

        .leading li.idc span, .leading li.management span {
            background-position: 0 -70px;
            right: -1px;
            text-align: right
        }

        .leading li.idc h4, .leading li.protect h4 {
            border-bottom-color: #7fa8f5
        }

    .leading li.protect {
        border-color: #7fa8f5
    }

        .leading li.protect span {
            background-position: 0 -140px
        }

    .leading li.management {
        border-color: #55e0e6
    }

        .leading li.management span {
            background-position: 0 -210px
        }

.ssl-value {
    background: url(../images/ssl_01.jpg) no-repeat center 30px;
    height: 480px;
    position: relative
}

    .ssl-value i {
        display: inline-block;
        background: url(../images/ssl_02.png) no-repeat left top;
        width: 120px;
        height: 26px;
        position: absolute;
        top: 10px
    }

    .ssl-value h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .ssl-value p {
        display: block;
        width: 340px;
        padding: 20px;
        color: #fff;
        height: 126px
    }

.value-01 {
    position: absolute;
    left: 0;
    top: 70px;
    width: 50%
}

.value-02 {
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: 150px
}

.value-03 {
    position: absolute;
    left: 0;
    top: 290px;
    width: 50%
}

.value-04 {
    position: absolute;
    left: 50%;
    top: 290px;
    margin-left: 150px
}

.value-01 i {
    left: 50%;
    margin-left: 34px
}

.value-02 i {
    left: 0;
    background-position: 0 -26px
}

.value-03 i {
    left: 50%;
    margin-left: 34px;
    background-position: 0 -52px
}

.value-04 i {
    left: 0;
    background-position: 0 -78px
}

.value-01 h3 {
    color: #7757ff;
    padding-left: 150px
}

.value-02 h3 {
    color: #6683ff;
    padding-left: 135px
}

.value-03 h3 {
    color: #1dca8a;
    padding-left: 125px;
    padding-top: 20px
}

.value-04 h3 {
    color: #b257ff;
    padding-left: 135px;
    padding-top: 20px
}

.value-01 p {
    background-color: #7757ff
}

.value-02 p {
    background-color: #6683ff;
    margin-left: 120px;
    width: 310px
}

.value-03 p {
    background-color: #1dca8a
}

.value-04 p {
    background-color: #b257ff;
    margin-left: 120px;
    width: 310px
}

.ssl-scenes {
    background: url(../images/ssl_03.png) no-repeat left 70px;
    height: 530px;
    position: relative
}

    .ssl-scenes div {
        position: absolute;
        left: 50%
    }

        .ssl-scenes div.title {
            margin-left: -460px;
            top: 50px
        }

    .ssl-scenes img {
        border-radius: 50%;
        display: block;
        float: left;
        background: #fff;
        margin-right: 20px;
        padding: 5px;
        border: 4px solid #fdbd0c
    }

    .ssl-scenes b {
        display: block;
        font-size: 18px;
        color: #ff9c00;
        padding-bottom: 5px
    }

.scenes-01 {
    margin-left: -50px
}

.scenes-02 {
    top: 130px;
    margin-left: -10px
}

.scenes-03 {
    top: 270px;
    margin-left: -12px
}

.scenes-04 {
    margin-left: -55px;
    top: 410px
}

.scenes-02 img {
    border-color: #42cc99
}

.scenes-03 img {
    border-color: #5798f9
}

.scenes-04 img {
    border-color: #8557f9
}

.scenes-02 b {
    color: #42cc99
}

.scenes-03 b {
    color: #5798f9
}

.scenes-04 b {
    color: #8557f9
}

.ssl-tabs {
    text-align: center;
    padding: 20px 0 0 0
}

    .ssl-tabs li {
        display: inline-block;
        padding: 8px 20px;
        height: 65px;
        border: 2px solid #d2d2d2;
        border-radius: 32px;
        margin: 0 20px;
        position: relative;
        cursor: pointer;
        background: #fff
    }

        .ssl-tabs li i {
            display: none;
            background: url(../images/ssl_25.png) no-repeat 0 0;
            width: 28px;
            height: 17px;
            position: absolute;
            top: 61px;
            left: 50%;
            margin-left: -14px
        }

        .ssl-tabs li.active {
            border-color: #ff9c00
        }

            .other-domain.show, .ssl-choose.show, .ssl-tabs li.active i {
                display: block
            }

.ssl-choose {
    margin-top: 50px;
    display: none;
    background: #fff
}

    .ssl-choose ul {
        float: left;
        width: 190px;
        border: 1px solid #dcdcdc;
        padding: 20px 15px;
        margin-right: 12px
    }

        .ssl-choose ul.last {
            margin-right: 0
        }

        .ssl-choose ul:hover {
            box-shadow: 0 0 30px hsla(0,0%,60.8%,.35)
        }

        .ssl-choose ul li {
            text-align: center
        }

            .ssl-choose ul li h5 {
                font-size: 18px;
                line-height: 1.6;
                color: #000;
                border-top: 1px dashed #dcdcdc;
                border-bottom: 1px dashed #dcdcdc;
                padding: 12px 0;
                margin: 20px 0
            }

    .ssl-choose img {
        width: 100%
    }

    .ssl-choose p {
        display: block;
        height: 170px;
        color: #666;
        line-height: 1.8;
        padding: 0 10px;
        text-align: left;
        border-bottom: 1px dashed #dcdcdc
    }

    .ssl-choose b {
        display: block;
        font-style: italic;
        font-size: 24px;
        color: #000;
        padding: 15px 0
    }

    .ssl-choose ul li a {
        display: block;
        background: #bf0005;
        padding: 8px 0;
        border-radius: 32px;
        color: #fff;
        font-size: 16px;
        text-decoration: none
    }

.ssl-special ul {
    width: 230px
}

.edition-box {
    padding: 90px 0 0 0;
    position: relative;
    height: 1100px
}

.edition-bg {
    border: 1px solid #d8f2ec;
    border-left: 0
}

.deploy-box .deploy, .edition-box .edition {
    background: #fff;
    float: left;
    width: 20%
}

.leibie {
    height: 290px;
    position: relative;
    overflow: hidden
}

    .leibie span {
        display: block;
        position: absolute;
        font-size: 18px;
        color: #9a9997
    }

        .leibie span.leixing {
            right: 20px;
            top: 20px
        }

        .leibie span.fuwu {
            left: 20px;
            bottom: 20px
        }

.diagonal {
    background: url(../images/aqlm_15.gif) no-repeat left top;
    height: 241px;
    width: 240px;
    position: absolute;
    left: 0;
    top: -1px;
    border-left: 1px solid #d8f2ec
}

.cuxiao {
    background: url(../images/aqlm_13.jpg) no-repeat;
    width: 60px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 0
}

.type {
    border-top: 5px solid #00ca97;
    padding: 50px 16px 0 16px;
    height: 290px;
    border-left: 1px solid #d8f2ec;
    position: relative
}

    .type p {
        display: block;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1.6;
        color: #f47b30;
        font-weight: 700;
        text-align: center
    }

        .type p.stars {
            background-image: url(../images/aqlm_14.gif);
            background-position: left top;
            background-repeat: repeat;
            height: 15px;
            margin: 0 auto 15px auto
        }

            .type p.stars.two-stars {
                width: 36px
            }

            .type p.stars.three-stars {
                width: 56px
            }

            .type p.stars.four-stars {
                width: 76px
            }

            .type p.stars.five-stars {
                width: 96px
            }

        .type p.apply {
            display: none
        }

            .type p.apply a {
                display: inline-block;
                background: #ffc439;
                color: #fff;
                font-size: 16px;
                padding: 6px 40px;
                border-radius: 3px;
                text-decoration: none
            }

                .type p.apply a:hover {
                    background: #f1b62b
                }

.version.hover, .version:hover {
    border: 1px solid #00ca97;
    border-top: none;
    top: -50px;
    position: relative
}

    .version.hover .type, .version:hover .type {
        border-right: 0;
        height: 340px
    }

        .version.hover p.apply, .version:hover .type p.apply {
            display: block
        }

.hangbiao {
    background-color: #00ca97;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    padding-left: 40px;
    width: 100%
}

.hb-img {
    background-image: url(../images/aqlm_16.gif);
    background-repeat: no-repeat
}

.row-01 {
    background-position: 15px 14px
}

.row-02 {
    background-position: 13px -75px
}

.row-03 {
    background-position: 14px -122px
}

.row-04 {
    background-position: 13px -168px
}

.ul-group li {
    display: block;
    font-size: 15px;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border-left: 1px solid #d8f2ec
}

    .ul-group li:nth-child(even) {
        background-color: #f0fcf9
    }

.eyes li {
    background-image: url(../images/aqlm_17.png);
    background-repeat: no-repeat;
    background-position: 93% center
}

.symbol li {
    text-align: center;
    color: #00ca97
}

    .symbol li.yes {
        background: url(../images/aqlm_18.png) no-repeat center center
    }

.tabs {
    text-align: center
}

    .tabs li {
        display: block;
        float: left;
        width: 20%;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
        position: relative;
        cursor: pointer
    }

.tabs-hover .tabs .tab-item:after {
    -webkit-transition: width .3s;
    background: #00ca97;
    content: " ";
    height: 2px;
    position: absolute;
    top: 110px;
    left: 50%;
    transition: width .3s;
    width: 0
}

.tabs-hover .tabs .tab-item p {
    padding-top: 20px;
    -webkit-transition: all .2s ease;
    font-size: 18px;
    line-height: 32px;
    transition: all .2s ease
}

.tabs-hover .tabs .tab-item._actived {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

    .tabs-hover .tabs .tab-item._actived:after {
        width: 30px;
        margin-left: -15px
    }

.tabs-hover .out {
    display: none
}

.tabs-hover .detail {
    -webkit-transition: all .2s linear;
    height: 0;
    margin-top: 85px;
    position: relative;
    transition: all .2s linear
}

    .tabs-hover .detail p {
        font-weight: 400;
        line-height: 1.4
    }

    .tabs-hover .detail.active {
        height: 504px
    }

.tabs-hover .detail {
    -webkit-transition: all .2s linear;
    height: 0;
    margin-top: 85px;
    position: relative;
    transition: all .2s linear
}

    .edition-bg, .tabs-hover .detail .main {
        -webkit-box-shadow: 0 0 46px hsla(0,0%,60.8%,.25);
        box-shadow: 0 0 46px hsla(0,0%,60.8%,.25);
        height: 100%;
        margin: auto;
        position: relative;
        width: 100%
    }

        .tabs-hover .detail .main .desc {
            color: #666;
            font-size: 20px;
            font-weight: 300;
            margin-top: 26px;
            width: 434px
        }

        .tabs-hover .detail .main .title {
            font-size: 32px;
            font-weight: 700
        }

        .tabs-hover .detail .main .container {
            padding: 0 8%;
            width: 100%
        }

    .tabs-hover .detail .mark {
        -webkit-transform: translateX(-50%);
        -webkit-transition: left .5s ease;
        border: 10px solid transparent;
        border-bottom-color: #edfff8;
        height: 0;
        height: 10px;
        position: absolute;
        top: -20px;
        transform: translateX(-50%);
        transition: left .5s ease;
        width: 0
    }

.tabs-hover .fade-enter-active, .tabs-hover .fade-leave-active, .tabs-hover .fadeIn, .tabs-hover .fadeOut {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important
}

.tabs-hover .qq_2 {
    height: 342px;
    left: 0;
    opacity: .2;
    top: 24px;
    width: 343px;
    z-index: 1
}

.tabs-hover .qq_3 {
    height: 310px;
    left: 121px;
    opacity: 0;
    top: 42px;
    width: 321px
}

.tabs-hover .wechat-2 {
    left: 0;
    opacity: .2;
    top: 0;
    z-index: 1
}

.tabs-hover .wechat-3 {
    left: 110px;
    opacity: 0;
    top: 20px
}

.tabs-hover .liulan_2 {
    -webkit-transition: height 2s ease;
    height: 0;
    left: 92px;
    top: 42px;
    transition: height 2s ease
}

.tabs-hover .liulan_3 {
    left: 109px;
    opacity: 0;
    top: 19px
}

.tabs-hover .sougou_liulan_2 {
    -webkit-transition: height 2s ease;
    height: 0;
    left: 92px;
    top: 42px;
    transition: height 2s ease
}

.tabs-hover .sougou_liulan_3 {
    left: 109px;
    opacity: 0;
    top: 17px
}

.tabs-hover .sougou_2 {
    left: 200px;
    opacity: .2;
    top: -67px;
    z-index: 1
}

.tabs-hover .sougou_3 {
    height: 350px;
    left: 218px;
    opacity: 0;
    top: 32px;
    width: 350px
}

.tabs-hover .guanjia_2 {
    left: 300px;
    opacity: .2;
    top: 30px;
    z-index: 1
}

.tabs-hover .guanjia_3 {
    height: 350px;
    left: 229px;
    opacity: 0;
    top: 52px;
    width: 350px
}

.tabs-hover .cnzz_2 {
    left: 129px;
    opacity: .2;
    top: 13px;
    z-index: 1
}

.tabs-hover .cnzz_3 {
    height: 350px;
    left: 50px;
    opacity: 0;
    top: 32px;
    width: 350px
}

.el-row {
    position: relative
}

.el-col-12 {
    padding-top: 5%;
    width: 50%
}

[class*=el-col-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.tabs-hover .detail .main .title {
    margin-top: 100px;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    text-align: left
}

.t_div .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: 1
}

.com-left {
    width: 395px
}

.com-intro {
    width: 760px;
    padding-top: 50px
}

    .com-intro h3 {
        font-size: 28px;
        margin-bottom: 30px
    }

    .com-intro p {
        font-size: 14px;
        color: #7a7a7a;
        padding-bottom: 15px;
        line-height: 30px
    }

.title p {
    padding-bottom: 20px
}

.jdh_ddym_comyum ul li {
    width: 280px;
    height: 300px;
    margin-right: 25px;
    float: left;
    cursor: pointer
}

    .jdh_ddym_comyum ul li div {
        height: 160px;
        margin: 0 auto;
        background: #fff;
        padding: 0 25px;
        box-shadow: 0 0 8px #e5e5e5;
        position: relative
    }

        .jdh_ddym_comyum ul li div img {
            position: absolute;
            top: -9px;
            left: 50%;
            margin-left: -8px;
            display: none
        }

    .jdh_ddym_comyum ul li .hoverstyle {
        background-color: #0072e7
    }

        .jdh_ddym_comyum ul li .hoverstyle p {
            color: #fff
        }

.jdh_ddym_comyum ul .jdh_ddym_margin {
    margin-right: 0
}

.jdh_plb_pone {
    font-size: 20px;
    color: #333;
    padding: 25px 0 10px 0;
    text-align: center
}

.jdh_plb_ptwo {
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.domainnames {
    padding: 15px 0 15px 15px;
    font-size: 16px;
    color: #474747;
    background-color: #fff;
    font-weight: bold;
}

    .domainnames span {
        font-size: 14px;
        color: #999999;
    }

.result-total {
    border: 1px solid #ff8815;
    background: #fff;
    padding: 15px 50px 15px 15px;
    font-size: 16px;
    color: #333;
}

    .d-price i, .result-total i {
        font-style: normal;
        color: #ff6000
    }

    .added, .buyadd, .result-total a.orange {
        font-size: 14px;
        padding: 5px 30px;
        border-radius: 3px;
        color: #fff;
        text-decoration: none
    }

    .result-total a.orange {
        background: #ff8815
    }

        .result-total a.orange:hover {
            background: #f37f0f
        }

.result-list li {
    background: #fff;
    display: block;
    border-bottom: 1px dashed #e5e5e5;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 15px;
    position: relative
}

    .result-list li div {
        display: inline-block;
        color: #333
    }

        .result-list li div.d-name {
            min-width: 280px
        }

            .result-list li div.d-name input[type=checkbox], input.checkall {
                margin: 0 5px 0 0
            }

    .more-price, .result-list li .registered, del {
        color: #949494
    }

    .result-list li .unregistered {
        color: #00b12e
    }

    .result-list li div span.d-mark {
        background: #127be6;
        margin-left: 10px;
        font-size: 12px;
        padding: 2px 7px;
        position: relative;
        font-weight: 700;
        color: #fff;
        border-radius: 2px
    }

.d-mark::before {
    content: " ";
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    left: -3px;
    background-color: inherit;
    transform: rotate(45deg)
}

.result-list li div.middle {
    position: absolute;
    top: 15px;
    right: 230px
}

    .result-list li div.middle span {
        margin-right: 4px
    }

.result_all {
    padding: 15px 0 10px 15px
}

    .result_all label {
        font-weight: 400
    }

    .result_all a {
        display: inline-block;
        color: #fff;
        background: #2993ff;
        font-size: 13px;
        padding: 3px 20px;
        border-radius: 32px;
        margin-left: 10px;
        text-decoration: none
    }

        .result_all a:hover {
            background: #127be6
        }

.d-price i {
    color: #db0000
}

.more-price {
    background: url(../images/icon_down.gif) no-repeat center right;
    padding-right: 18px;
    cursor: pointer
}

.more-price2 {
    background: url(../images/icon_up.png) no-repeat center right;
    padding-right: 18px;
    cursor: pointer
}

.view {
    font-size: 16px;
    text-decoration: none;
    color: #5b5b5b;
    margin-right: 10px
}

    .view:hover {
        color: #127be6;
    }

.result-list li div.price-list {
    display: none;
    position: absolute;
    top: 40px;
    right: 132px;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    z-index: 9999
}

.price-list .table > tbody > tr > td, .price-list .table > thead > tr > th {
    font-size: 12px;
    text-align: center;
    background: #f3f3f3;
    border-color: #fff
}

.price-list .table > tbody > tr > td {
    color: #666
}

.cn-list li:last-child, .price-list .table-bordered {
    border: 0
}

.icon-arrow {
    background: url(../images/icon_up.gif) no-repeat;
    width: 21px;
    height: 9px;
    position: absolute;
    right: 97px;
    top: -8px;
    z-index: 10000
}

.buyadd {
    background: #2993ff;
    padding: 4px 22px
}

    .buyadd:hover {
        color: yellow;
        cursor: pointer;
    }

.allbuyadd {
    background-color: #ff8815;
}

    .allbuyadd:hover {
        background: #f37d0a;
        color: #fff;
        text-decoration: none;
    }

.cn-list li h2, .more-links a, .more-links p, .result-list li div.right a {
    text-decoration: none;
    line-height: 50px
}

.added, .added:hover {
    padding: 5px 30px 5px 40px;
    background: url(../images/icon_added.gif) no-repeat 20px 9px #fff;
    border: 1px solid #e5e5e5;
    color: #afafaf;
    cursor: default
}

.more-links {
    background: #fff;
    text-align: center;
    padding: 3px 0;
    font-size: 16px
}

    .more-links a, .more-links p {
        color: #127be6;
        font-size: 16px
    }

    .more-links:hover {
        background: #f8f8f8
    }

.cn-list.d-border {
    margin-top: 20px;
    border-top: 2px solid #127be6
}

.cn-list li h2 {
    font-weight: 700;
    font-size: 18px
}

.bg-light {
    background: #ecf4ff;
    padding: 50px 0;
    margin-top: 50px
}

.free-box {
    width: 200px;
    height: 390px;
    padding: 60px 25px;
    color: #fff;
    font-size: 15px;
    line-height: 1.6;
    background: url(../images/value_bg.png) no-repeat
}

.value-btn {
    text-align: center;
    padding: 30px 10px 0 10px
}

    .value-btn a {
        background: #127be6;
        color: #fff;
        padding: 6px 35px;
        display: inline-block;
        border-radius: 3px;
        text-decoration: none
    }

        .value-btn a:hover {
            background: #0e6fd2
        }

.text-box {
    width: 980px
}

    .text-box .panel-default > .panel-heading {
        color: #127be6;
        padding: 15px;
        background-color: #fff
    }

    .text-box .panel {
        box-shadow: none;
        border-radius: 0
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body, .text-box .panel {
        border: 0
    }

.icon-a, .panel-title span {
    font-size: 20px
}

.text-box .panel-title a {
    display: block;
    text-decoration: none;
    position: relative
}

    .text-box .panel-title a.collapsed::before, .text-box .panel-title a::before {
        content: "-";
        width: 25px;
        height: 1px;
        font-size: 26px;
        color: #b8b8b8;
        position: absolute;
        top: -5px;
        right: 5px
    }

    .text-box .panel-title a.collapsed::before {
        content: "+"
    }

.text-box .panel-body {
    background: #ecf4ff
}

.icon-a {
    width: 3%;
    color: #127be6
}

.answer {
    width: 96%;
    padding-right: 20px;
    font-size: 15px;
    color: #333;
    line-height: 1.8
}

.bg-color {
    background: #f7f8fc;
    padding: 30px 0
}

    .bg-color.bg-result {
        padding: 0
    }

.white-box {
    background: #fff;
    padding: 20px;
    margin-top: 30px
}

.price-title h1 {
    font-weight: 700;
    color: #585678;
    font-size: 20px;
    margin-bottom: 15px
}

    .price-title h1 span {
        font-size: 14px;
        color: rgba(88,86,120,.5);
        display: inline-block;
        padding-left: 5px
    }

.prdiv.xzdiv label {
    padding-left: 0
}

.table > thead > tr > th {
    border-bottom-width: 1px
}

.p-table .table > tbody > tr > td, .p-table .table > thead > tr > th {
    text-align: center;
    vertical-align: middle
}

.p-table .table > thead > tr > th {
    font-size: 18px;
    background: #585678;
    color: #fff
}

.p-table .table > thead > tr.f-small > th {
    font-size: 16px
}

    .p-table .table > thead > tr.f-small > th.blue {
        background: #007eff
    }

.p-table .table > tbody > tr > td {
    padding: 12px;
    color: #333
}

    .p-table .table > tbody > tr > td:first-child {
        font-weight: 700;
        color: #47456b
    }

    .p-table .table > tbody > tr > td:nth-child(2), .p-table .table > tbody > tr > td:nth-child(4) {
        background: #f7f8fc
    }

.hotList li {
    width: 33.333332%;
    float: left
}

.dynList.hotList li a {
    width: 95%
}

.dynList.hotList li.last {
    border-bottom: 0
}

.d-info {
    width: 895px
}

.d-border {
    border: 1px solid #dcdcdc
}

.head {
    font-size: 20px;
    border-bottom: 2px solid #127be6;
    padding: 15px
}

    .head b, .inventory span a, .shopping li a {
        color: #127be6;
        text-decoration: none
    }

.whole_btn {
    padding-left: 15px;
    border-bottom: 1px solid #eee;
}

    .whole_btn label {
        padding: 0 10px 0 0;
    }

        .whole_btn label input {
            margin-right: 3px;
        }

.d-box {
    padding: 30px 60px
}

.update {
    text-align: right;
    color: #000;
    margin-bottom: 10px
}

    .myinfo a, .update a {
        color: #127be6;
        text-decoration: underline;
        display: inline-block;
        margin-left: 10px
    }

.table {
    margin-bottom: 0
}

.d-box .table > tbody > tr > td, .jingjia-table .table > tbody > tr > td {
    border-top: 0;
    border-left: 1px solid #dcdcdc;
    line-height: 1.8;
    padding: 10px 30px
}

    .d-box .table > tbody > tr > td p {
        line-height: 2.2
    }

    .d-box .table > tbody > tr > td:first-child, .jingjia-table .table > tbody > tr > td:first-child {
        border: 0;
        text-align: right;
        padding-right: 16px
    }

.d-box .table-striped > tbody > tr:nth-of-type(odd), .jingjia-table .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff
}

.d-box .table-striped > tbody > tr:nth-of-type(even), .jingjia-table .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f8f8f8
}

.other-info {
    padding: 15px 15px 0 15px
}

.myinfo {
    color: #666;
    padding-bottom: 15px
}

    .myinfo b.nolink {
        display: block;
        padding-bottom: 5px
    }

.d-right {
    width: 280px
}

.d-list, .mob-years, .other-info {
    margin-top: 0;
    background: #ffff;
}

.inventory {
    border-bottom: 1px solid #eee;
    font-size: 18px;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    position: relative
}

    .inventory span {
        font-size: 14px
    }

    .inventory i.num {
        display: inline-block;
        width: 20px;
        height: 20px;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        background: #127be6;
        color: #fff;
        border-radius: 50%;
        font-style: normal;
        position: absolute;
        left: 95px;
        top: 50%;
        margin-top: -10px
    }

.noshop {
    padding: 20px 15px;
    text-align: center
}

.inventory span, .right, .shopping li span {
    float: right
}

.shopping {
    padding: 20px 15px 0 15px
}

    .shopping li {
        color: #333;
        padding-bottom: 20px
    }

        .shopping li span.remove a {
            border: 1px solid #127be6;
            font-size: 13px;
            padding: 2px 8px;
            border-radius: 3px;
            text-decoration: none
        }

            .shopping li span.remove a:hover {
                background: #127be6;
                color: #fff
            }

.settle {
    border-top: 1px solid #eee;
    padding: 20px 0;
    text-align: center
}

    .settle button {
        background: #ff8815;
        padding: 5px 30px;
        color: #fff
    }

        .settle button:hover {
            background: #f37d0a
        }

.blue-tab {
    text-align: center;
    margin-bottom: 40px
}

    .blue-tab li {
        display: inline-block;
        cursor: pointer;
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 42px;
        text-align: center;
        color: #666
    }

        .blue-tab li.active {
            background: url(../images/domain_tab.png) no-repeat left top;
            color: #fff
        }

.mybox.active {
    display: block
}

.mybox {
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 5px #e5e5e5;
    display: none;
    position: relative
}

    .mybox.mybox2 {
        padding: 30px 0 10px 0
    }

.mylist li {
    width: 33.33332%;
    height: 160px;
    float: left;
    padding-left: 20px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

    .mylist li img {
        float: left
    }

    .mylist li div {
        float: left;
        width: 85%;
        padding-left: 15px
    }

.pone {
    font-size: 18px;
    color: #000;
    padding-bottom: 8px
}

    .pone a {
        color: #000
    }

.ptwo {
    font-size: 14px;
    color: #9a9a9a;
    line-height: 24px
}

.pthree {
    padding-top: 20px;
    display: block
}

    .pone a:hover, .pthree, .pthree:hover {
        color: #0079f5
    }

.inner.right-none, .mylist li.right-none {
    border-right: none
}

.inner.bottom-none, .mylist li.bottom-none {
    border-bottom: none;
    padding-top: 30px
}

#scroll, #scroll-honor, .scroll-box {
    width: 1140px
}

.owl-buttons div {
    position: absolute;
    top: 93px;
    padding: 5px;
    border-radius: 0;
    background-color: transparent;
    overflow: hidden
}

#scroll-honor .owl-buttons div {
    top: 123px
}

.mybox.mypartner {
    padding: 30px 30px 10px 30px
}

.myscroll {
    position: relative;
    float: left;
    width: 20%;
    height: 280px;
    text-align: center
}

.inner {
    height: 130px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

    .inner p {
        display: block;
        padding-top: 10px
    }

#scroll-honor .myscroll {
    height: 340px
}

#scroll-honor .inner {
    height: 160px
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.internet div {
    float: left;
    width: 399px;
    border-right: 1px solid #fff;
    padding: 35px 45px 0 50px;
    height: 215px;
    position: relative
}

.i-construct {
    background: #8042ff;
    background: -moz-linear-gradient(left,#988aff 0,#8042ff 100%);
    background: -webkit-linear-gradient(left,#988aff 0,#8042ff 100%);
    background: linear-gradient(to right,#988aff 0,#8042ff 100%)
}

.i-approve {
    background: #fe605d;
    background: -moz-linear-gradient(left,#fd8381 0,#fe605d 100%);
    background: -webkit-linear-gradient(left,#fd8381 0,#fe605d 100%);
    background: linear-gradient(to right,#fd8381 0,#fe605d 100%)
}

.i-spread {
    background: #0048ff;
    background: -moz-linear-gradient(left,#4d7fff 0,#0048ff 100%);
    background: -webkit-linear-gradient(left,#4d7fff 0,#0048ff 100%);
    background: linear-gradient(to right,#4d7fff 0,#0048ff 100%)
}

.internet div span {
    display: block;
    color: #fff
}

.internet div.i-construct span.i-span {
    margin-right: 32px
}

.internet div span.i-span {
    margin-right: 40px
}

.internet div span h5 {
    font-size: 24px;
    margin-bottom: 10px
}

.internet div span p {
    color: #fff;
    font-size: 16px;
    padding-bottom: 5px
}

.i-icon {
    background-repeat: no-repeat;
    width: 15px;
    height: 24px;
    z-index: 100;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -12px
}

.i-construct .i-icon {
    background-image: url(../images/domain_purple.png)
}

.i-approve .i-icon {
    background-image: url(../images/domain_red.png)
}

.whoistitle ul li {
    float: left;
    background: #fff;
    color: #666;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 25%;
    font-size: 18px;
    border: 1px solid #e3e3e3;
    border-left: none;
    cursor: pointer
}

    .whoistitle ul li.first {
        border-left: 1px solid #e3e3e3
    }

.whoistitle ul .active {
    background: #2087ed;
    color: #fff;
    height: 60px;
    border-top: 2px solid #2087ed;
    border-bottom: none
}

.whoisbody {
    background: #fff;
    padding: 30px;
    border: 1px solid #e3e3e3;
    border-top: 0
}

.whoisbox {
    border: 15px solid #dcdcdc;
    padding: 15px;
    background: #fff;
    position: relative;
    margin-bottom: 20px
}

.whoisbody .whoisbodys .textarea {
    float: left;
    width: 890px;
    height: 125px;
    overflow: hidden;
    padding: 15px;
    border: 1px dashed #e3e3e3;
    outline: 0
}

.whoisbtn {
    width: 170px;
    float: right;
    position: relative
}

    .whoisbtn .import {
        height: 35px;
        overflow: hidden;
        opacity: 0;
        cursor: pointer
    }

.my-file {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #666;
    border: 1px solid #dcdcdc;
    background: #eee;
    background: -moz-linear-gradient(top,#fdfdfd 0,#eee 100%);
    background: -webkit-linear-gradient(top,#fdfdfd 0,#eee 100%);
    background: linear-gradient(to bottom,#fdfdfd 0,#eee 100%)
}

.whoisbtn .my-submit {
    margin-top: 22px;
    height: 67px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 24px;
    background: #ff9100;
    background: -moz-linear-gradient(top,#ffbd1f 0,#ff9100 100%);
    background: -webkit-linear-gradient(top,#ffbd1f 0,#ff9100 100%);
    background: linear-gradient(to bottom,#ffbd1f 0,#ff9100 100%)
}

    .whoisbtn .my-submit:hover {
        background: #ffa710
    }

    .whoisbtn .my-submit input.submit {
        display: block;
        color: #fff;
        height: 100%;
        background: url(../images/domain_06.png) no-repeat 20px 18px;
        padding-left: 30px
    }

.domainul li {
    float: left;
    width: 10%;
    padding: 5px 5px 0 5px
}

.xzdiv {
    padding-bottom: 10px
}

    .xzdiv label {
        margin-right: 20px
    }

        .xzdiv input, .xzdiv label input {
            margin-right: 4px;
            vertical-align: top
        }

.cycle {
    margin-top: 30px
}

    .cycle .picScroll-left, .cycle .picScroll-left .bd {
        height: 180px
    }

.years .picScroll-left, .years .picScroll-left .bd {
    height: 130px
}

    .years .picScroll-left .bd ul li {
        margin-right: 12px
    }

    .years .picScroll-left .hd .next, .years .picScroll-left .hd .prev {
        top: 50px
    }

.coupon {
    display: block;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 80px;
}

    .coupon h2 {
        font-size: 26px;
        color: #000000;
        text-align: center;
        line-height: 42px;
        height: 42px;
        margin: 52px 0 32px 0;
    }

    .coupon .coupon_list {
        width: 1200px;
        margin: 0 auto;
    }

        .coupon .coupon_list li {
            float: left;
            margin-right: 25px;
            width: 383px;
            height: 260px;
            background-color: #f7f7f7;
        }

.coupon_list li h3 {
    background-color: #517ff6;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin-bottom: 29px;
}

.coupon_list li .price {
    text-align: center;
    font-size: 18px;
    color: #f31100;
    margin-bottom: 8px;
    line-height: 34px;
}

    .coupon_list li .price b {
        font-size: 30px;
        font-weight: 700;
        font-weight: bold;
    }

.original_price {
    color: #6b6b6b;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 30px;
}

    .original_price span {
        text-decoration: line-through;
    }

.coupon_list li a {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 193px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    background-color: #ff8815;
    text-align: center;
}

    .coupon_list li a:hover {
        text-decoration: none;
    }

.coupon .coupon_list .no_margin {
    margin-right: 0;
}


.picScroll-left {
    margin: 0 auto;
    width: 1272px;
    overflow: hidden;
    position: relative
}

    .picScroll-left .bd {
        width: 1200px;
        overflow: hidden;
        margin: 0 auto
    }

        .picScroll-left .bd ul {
            overflow: hidden;
            zoom: 1
        }

            .picScroll-left .bd ul li {
                margin-right: 12px;
                float: left;
                overflow: hidden
            }

.Promotions .picScroll-left .bd ul li {
    margin-right: 18px;
    float: left;
    overflow: hidden;
    width: 286px;
}

.picScroll-left .hd .next, .picScroll-left .hd .prev {
    display: block;
    width: 28px;
    height: 51px;
    position: absolute;
    top: 77px;
    left: 0;
    z-index: 10;
    cursor: pointer;
}

.Promotions .picScroll-left .hd .next, .Promotion .picScroll-left .hd .prev {
    display: block;
    width: 28px;
    height: 51px;
    position: absolute;
    top: 77px;
    left: 0;
    z-index: 10;
    cursor: pointer;
}

.Promotions .picScroll-left .hd .prev {
    background: #eeeeee url(../images/arrow_le.png) no-repeat center
}

.Promotions .picScroll-left .hd .next {
    background: #eeeeee url(../images/arrow_re.png) no-repeat center;
    left: inherit;
    right: 0
}

.Promotion {
    display: none
}

.picScroll-left .hd .prev {
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
}

.picScroll-left .hd .next {
    background-image: url(../images/next.png);
    left: inherit;
    right: 0;
    background-repeat: no-repeat;
}

.ad a, .dian a, .dian p, .picScroll-left .bd ul li a {
    display: block;
    text-decoration: none
}

.dian {
    background: #9d7fff;
    border-radius: 3px;
    width: 230px;
    height: 130px;
    overflow: hidden;
    padding: 4px 20px 10px 20px
}

    .dian p {
        color: #fff;
        font-size: 16px;
        padding-top: 5px
    }

        .dian p span {
            display: inline-block;
            margin-right: 10px
        }

    .dian span.name {
        font-size: 24px
    }

    .dian span.hot-sale {
        background: url(../images/hot.png) no-repeat;
        width: 29px;
        height: 13px
    }

    .dian span.name.price {
        margin-right: 0
    }

    .dian.color-02 {
        background: #3dbf96
    }

    .dian.color-03 {
        background: #ff6b6b
    }

    .dian.color-04 {
        background: #7f9aff
    }

    .dian.color-05 {
        background: #ff9732
    }

    .dian.color-06 {
        background: #bd2f8d
    }

.indicate {
    background: url(../images/kx_07.png) no-repeat center 20px;
    height: 400px;
    position: relative
}

    .indicate .appreciation {
        left: 0
    }

    .indicate .e-card {
        margin-left: 200px;
        top: 170px
    }

    .indicate .e-engine {
        left: inherit;
        right: 0
    }

    .indicate .e-browser {
        left: inherit;
        right: 0;
        margin-right: 210px;
        top: 150px
    }

.add-value {
    background: url(../images/kx_12.jpg) no-repeat left 20px;
    height: 335px;
    padding: 90px 0 0 590px
}

    .add-value li {
        display: block;
        float: left;
        text-align: center;
        margin-right: 20px
    }

        .add-value li img {
            display: block;
            border: 6px solid #e2e2e2;
            border-radius: 5px;
            width: 188px
        }

        .add-value li p {
            font-size: 16px;
            color: #666;
            padding-top: 10px
        }

.choseus {
    width: 300px;
    height: 150px;
    overflow: hidden;
    position: relative
}

    .choseus.color-box h6 {
        padding-bottom: 10px
    }

.color-box {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
    padding: 30px 20px
}

.ch-red {
    background: #fe605d;
    background: -moz-linear-gradient(left,#fd8381 0,#fe605d 100%);
    background: -webkit-linear-gradient(left,#fd8381 0,#fe605d 100%);
    background: linear-gradient(to right,#fd8381 0,#fe605d 100%)
}

.ch-green {
    background: #85c121;
    background: -moz-linear-gradient(left,#9ac94b 0,#85c121 100%);
    background: -webkit-linear-gradient(left,#9ac94b 0,#85c121 100%);
    background: linear-gradient(to right,#9ac94b 0,#85c121 100%)
}

.ch-blue {
    background: #3a81ff;
    background: -moz-linear-gradient(left,#87b2ff 0,#3a81ff 100%);
    background: -webkit-linear-gradient(left,#87b2ff 0,#3a81ff 100%);
    background: linear-gradient(to right,#87b2ff 0,#3a81ff 100%)
}

.ch-purple {
    background: #9530dd;
    background: -moz-linear-gradient(left,#bb72ee 0,#9530dd 100%);
    background: -webkit-linear-gradient(left,#bb72ee 0,#9530dd 100%);
    background: linear-gradient(to right,#bb72ee 0,#9530dd 100%)
}

.ch-data {
    background: #00d1de;
    background: -moz-linear-gradient(left,#54edff 0,#00d1de 100%);
    background: -webkit-linear-gradient(left,#54edff 0,#00d1de 100%);
    background: linear-gradient(to right,#54edff 0,#00d1de 100%)
}

.ch-yellow {
    background: #ffa600;
    background: -moz-linear-gradient(left,#ffc250 0,#ffa600 100%);
    background: -webkit-linear-gradient(left,#ffc250 0,#ffa600 100%);
    background: linear-gradient(to right,#ffc250 0,#ffa600 100%)
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fe605d
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #87b2ff
}

.ch-arrow {
    display: block;
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 100
}

.i-green {
    border-left: 10px solid #85c121
}

.i-blue {
    left: inherit;
    right: 0
}

.i-purple {
    left: inherit;
    right: 0;
    border-right: 10px solid #bb72ee
}

.i-data {
    border-left: 10px solid #00d1de
}

.i-yellow {
    border-left: 10px solid #ffa600
}

.caseScroll {
    position: relative
}

#well-case {
    width: 1200px;
    height: 544px;
    overflow: hidden
}

    #well-case li {
        display: block;
        width: 1200px;
        float: left
    }

        #well-case li p {
            display: block;
            float: left;
            width: 376px;
            margin: 10px 12px 10px 12px;
            box-shadow: 0 2px 12px rgba(0,0,0,.15)
        }

.caseScroll .groupBtn a {
    top: 240px
}

.basic {
    background: url(../images/cx_01.jpg) no-repeat left top;
    height: 440px;
    position: relative
}

.appreciation {
    position: absolute;
    left: 50%;
    top: 20px;
    width: 192px;
    text-align: center
}

    .appreciation img {
        border: 6px solid #e5e5e5;
        border-radius: 50% !important
    }

    .appreciation p {
        display: block;
        font-size: 16px;
        color: #666;
        margin-top: 10px
    }

        .appreciation p i {
            font-style: normal
        }

.e-card {
    margin-left: 220px;
    top: 110px
}

.e-media {
    left: inherit;
    right: 0
}

.e-safe {
    top: inherit;
    bottom: 0;
    margin-left: 40px
}

.e-brand {
    margin-left: 0
}

.cx-value, .kx-value {
    background: url(../images/cx_07.png) no-repeat 330px 30px;
    height: 410px;
    position: relative
}

    .cx-value .value, .kx-value .value {
        float: none;
        border: 0;
        border-radius: 0;
        position: absolute;
        left: 150px;
        background-image: url(../images/cx_08.png);
        background-repeat: no-repeat;
        background-position: left top;
        width: 188px;
        height: 188px;
        background-color: transparent
    }

        .cx-value .value.bright {
            background-image: url(../images/cx_09.png);
            left: 50%;
            margin-left: 240px
        }

        .cx-value .value.tree {
            background-image: url(../images/cx_10.png);
            left: 0;
            top: 160px;
            margin-left: 0
        }

        .cx-value .value.platform {
            background-image: url(../images/cx_11.png);
            left: inherit;
            top: 160px;
            right: 20px
        }

.kx-value {
    background: url(../images/kx_01.png) no-repeat left 30px;
    height: 440px
}

    .kx-value .value {
        background-image: url(../images/kx_02.png);
        width: 193px;
        height: 168px;
        left: 60%;
        top: 50px;
        padding: 22px 30px
    }

        .kx-value .value.bright {
            background-image: url(../images/kx_03.png);
            margin-left: -170px;
            top: 150px
        }

        .kx-value .value.tree {
            background-image: url(../images/kx_04.png);
            top: 150px;
            margin-left: 170px
        }

        .kx-value .value.platform {
            background-image: url(../images/kx_05.png);
            top: 250px
        }

.des-tabs {
    text-align: center
}

    .des-tabs li {
        margin: 0 15px;
        display: inline-block;
        color: #666;
        font-size: 16px;
        border: 1px solid #e2e2e2;
        padding: 7px 20px;
        border-radius: 4px;
        cursor: pointer
    }

        .des-tabs li.on {
            position: relative;
            color: #fff;
            background: #b41f25;
            background: -moz-linear-gradient(top,#ff3341 0,#b41f25 100%);
            background: -webkit-gradient(linear,top bottom,top bottom,color-stop(0,#ff3341),color-stop(100%,#b41f25));
            background: -webkit-linear-gradient(top,#ff3341 0,#b41f25 100%);
            background: -o-linear-gradient(top,#ff3341 0,#b41f25 100%);
            background: -ms-linear-gradient(top,#ff3341 0,#b41f25 100%);
            background: linear-gradient(to bottom,#ff3341 0,#b41f25 100%)
        }

            .des-tabs li.on i {
                display: block;
                background: url(../images/cx_down.png) no-repeat left top;
                width: 16px;
                height: 8px;
                position: absolute;
                left: 50%;
                margin-left: -8px;
                bottom: -8px
            }

.tab-content-wrap {
    margin-top: 40px;
    height: 500px;
    position: relative
}

.tab-content {
    position: absolute;
    top: 0;
    transition: all .2s linear;
    opacity: 0;
    z-index: -1;
    height: 0;
    width: 100%
}

    .tab-content.show {
        height: auto;
        opacity: 1;
        top: 0;
        z-index: 1
    }

.overflow-hide {
    overflow: hidden
}

.des-list:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.25)
}

.add-value li.last, .des-list.last-list, .mob-desc li:last-child, .saleBox ul li.right, .why li.w-last {
    margin-right: 0
}

.add-value li, .des-list, .mob-desc li {
    float: left;
    margin-right: 3.4%;
    width: 31%;
    border: 1px solid #e2e2e2
}

    .des-list h5 {
        text-align: center;
        padding: 25px 0 25px 0;
        font-size: 24px;
        color: #666;
        font-style: italic;
        border-bottom: 1px solid #e2e2e2;
        display: block
    }

        .des-list h5 img {
            width: 100px;
            vertical-align: middle;
        }

        .des-list h5 b {
            color: #cb141d
        }

            .des-list h5 b.nobold {
                font-weight: 400;
                font-style: normal;
                color: #666666;
            }

.des-inner {
    padding: 25px 55px 0
}

.des-list.last-list .des-inner {
    padding: 25px 38px 0
}

.des-inner p {
    display: block;
    font-size: 15px;
    padding-bottom: 20px;
    color: #555;
}

.des-inner .special_p {
    font-size: 14px;
}

p.price {
    color: #cb161f
}

.des-inner p span, .des-inner td span {
    color: #a4a4a4
}

.des-inner p img {
    vertical-align: middle;
    padding-right: 5px;
}

.price_btn {
    width: 296px;
    height: auto;
    border-top: 1px solid #ededed;
    margin: 0 auto;
    padding-top: 28px;
}

    .price_btn .price {
        height: 52px;
        font-size: 18px;
        text-align: center;
        color: #cd071a;
        font-weight: bold;
    }

.des-inner p.des-icon {
    text-align: center;
    padding-bottom: 25px;
}

.price_btn .price span {
    font-size: 14px;
    color: #666;
    text-decoration: line-through;
    font-weight: normal;
}

.price_btn .des-btn {
    display: inline-block;
    width: 224px;
    height: 40px;
    background-color: #d02b36;
    text-align: center;
    line-height: 40px;
    margin: 0 0 34px 30px;
    border-radius: 4px;
}

    .price_btn .des-btn a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
    }

.des-inner p.des-btn {
    text-align: center;
    padding-top: 15px
}

    .des-inner p.des-btn a {
        font-size: 16px;
        padding: 10px 40px;
        border-radius: 4px;
        color: #fff;
        background: #b41f25;
        background: -moz-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: -webkit-gradient(linear,top bottom,top bottom,color-stop(0,#ff3341),color-stop(100%,#b41f25));
        background: -webkit-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: -o-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: -ms-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: linear-gradient(to bottom,#ff3341 0,#b41f25 100%)
    }

.des-inner td {
    font-size: 15px;
    line-height: 1.4;
    padding-bottom: 3px
}

.space30 {
    margin-top: 30px;
    background-color: #fff;
    border: none;
}
/*.space30_01{background:#fff url(/images/kxlogo/youhui.png) no-repeat top right;}*/
.why li {
    display: block;
    float: left;
    width: 390px;
    height: 200px;
    overflow: hidden;
    margin: 15px 15px 0 0;
    position: relative
}

    .why li .why-inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        color: #fff;
        font-size: 16px;
        line-height: 2;
        text-align: center;
        padding: 45px 50px 0 50px
    }

        .choseus h6, .why li .why-inner h6 {
            font-size: 24px;
            padding-bottom: 20px
        }

    .choseus:hover img, .why li:hover img {
        transform: scale(1.2);
        transition: all .5s
    }

.case-box {
    width: 100%;
    position: relative;
    height: 258px
}

.case {
    background: url(../images/cx_18.png) no-repeat 0 0;
    width: 137px;
    height: 118px;
    text-align: center;
    padding-top: 35px;
    position: absolute;
    left: 0;
    top: 20px
}

.case02 {
    top: 139px
}

.case03 {
    top: 79px;
    left: 104px
}

.case04 {
    left: 208px
}

.case05 {
    top: 139px;
    left: 208px
}

.case06 {
    top: 79px;
    left: 312px
}

.case07 {
    left: 416px
}

.case08 {
    top: 139px;
    left: 416px
}

.case09 {
    top: 79px;
    left: 520px
}

.case10 {
    left: 624px
}

.case11 {
    top: 139px;
    left: 624px
}

.case12 {
    top: 79px;
    left: 728px
}

.case13 {
    left: 832px
}

.case14 {
    top: 139px;
    left: 832px
}

.case15 {
    top: 79px;
    left: 936px
}

.case16 {
    left: 1040px
}

.case17 {
    top: 139px;
    left: 1040px
}

.cx-website {
    padding-top: 20px
}

.cx-form {
    width: 560px
}

    .cx-form li {
        display: block;
        padding-bottom: 20px
    }

        .cx-form li label {
            color: #333;
            font-size: 15px;
            font-weight: 400;
            width: 20%;
            padding-right: 2%;
            text-align: right
        }

        .cx-form li input {
            display: inline-block;
            max-width: 70%;
            height: 40px
        }

            .cx-form li input.verifycode {
                width: 46%;
                display: inline-block
            }

            .cx-form li input.contacter {
                width: 26%;
                display: inline-block
            }

        .cx-form li label.radio-box {
            position: relative;
            border: 1px solid #fc1d1e;
            margin-bottom: 0;
            text-align: center;
            padding: 6px 0;
            border-radius: 2px;
            width: 19%;
            margin-left: 10px
        }

            .cx-form li label.radio-box input[type=radio] {
                opacity: 0;
                width: 0;
                height: 0
            }

        .cx-form li label span.radio-style::before {
            display: inline-block;
            background: url(../images/kx_29.png) no-repeat left top;
            width: 25px;
            height: 21px;
            position: absolute;
            right: -1px;
            top: -1px
        }

        .cx-form li label.radio-box input[type=radio]:checked + .radio-style::before {
            content: ""
        }

        .cx-form li img {
            vertical-align: middle
        }

        .cx-form li.last {
            text-align: center;
            padding-top: 10px
        }

            .cx-form li.last .btn {
                background: #d22d31;
                color: #fff;
                border: 0;
                padding: 10px 40px;
                font-size: 15px
            }

                .cx-form li.last .btn:hover {
                    background: #f5373b
                }

.cnews-pic {
    width: 400px;
    position: relative
}

.cnews-title {
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    padding: 0 15px;
    color: #fff;
    font-size: 18px
}

    .cnews-title:hover {
        color: #fff
    }

.cnews-list {
    width: 780px
}

.cnews-box {
    border-bottom: 1px dashed #e5e5e5;
    padding: 14px
}

    .cnews-box a {
        font-display: block;
        text-decoration: none;
        color: #999
    }

    .cnews-box.no-boder {
        border: none
    }

    .cnews-box:hover {
        background-color: #f7f8fc
    }

        .cnews-box:hover h4.sub-tit {
            color: #ec6c6d
        }

.title-top {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .title-top h4.sub-tit {
        width: 76%;
        display: inline-block;
        font-size: 15px;
        color: #000
    }

.cnews-time {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-style: normal;
    font-size: 15px;
    color: #999
}

.other-product a {
    margin-top: 20px;
    display: block;
    color: #666;
    font-size: 20px;
    text-align: center;
    text-decoration: none
}

.c-icon {
    background: url(../images/shadow.png) no-repeat center bottom;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 10px;
    opacity: .9
}

.other-product a:hover {
    color: #5179a3
}

    .other-product a:hover .c-icon {
        opacity: 1
    }

.ctfation-box {
    padding: 60px 0
}

.ctfation {
    background: url(../images/rz_05.jpg) no-repeat right 35px;
    padding-top: 30px
}

    .ctfation ul li {
        text-align: center;
        display: block;
        margin-right: 15px;
        float: left;
        width: 153px
    }

        .ctfation ul li p {
            color: #666;
            font-size: 16px;
            padding-top: 5px
        }

.red-word {
    font-size: 20px;
    color: #ce0202;
    padding: 50px 60px
}

.red-btn {
    width: 50%;
    text-align: center
}

    .red-btn a {
        display: inline-block;
        margin: 0 35px;
        padding: 8px 40px;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        background: #ff3341;
        background: -moz-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: -webkit-gradient(linear,top bottom,top bottom,color-stop(0,#ff3341),color-stop(100%,#bbe9fe));
        background: -webkit-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: -o-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: -ms-linear-gradient(top,#ff3341 0,#b41f25 100%);
        background: linear-gradient(to bottom,#ff3341 0,#b41f25 100%)
    }

        .red-btn a:hover {
            background: #d7272e
        }

.ctfation-choose {
    position: relative;
    background: url(../images/rz_06.png) no-repeat center bottom;
    height: 420px
}

.ctf-line {
    position: absolute;
    left: 50%;
    top: 50%;
    border-bottom: 1px solid #b086b8
}

.purple {
    width: 100px;
    margin-top: -138px;
    margin-left: -180px
}

.yellow {
    width: 120px;
    margin-top: 24px;
    margin-left: -180px;
    border-color: #ebae44
}

.cyan {
    width: 100px;
    margin-top: -120px;
    margin-left: 95px;
    border-color: #7ea1bf
}

.magenta {
    width: 130px;
    margin-top: 14px;
    margin-left: 60px;
    border-color: #901a4e
}

.ctfation-intro {
    position: absolute;
    left: 0;
    top: 50px;
    width: 340px;
    text-align: right;
    font-size: 16px;
    color: #666
}

    .ctfation-intro .circle {
        position: absolute;
        right: -80px;
        top: -5px;
        background: #b086b8;
        width: 56px;
        height: 56px;
        line-height: 56px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: 16px
    }

    .ctfation-intro h3 {
        color: #b086b8;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 10px
    }

    .ctfation-intro.yellow-i {
        top: 215px
    }

        .ctfation-intro.yellow-i .circle {
            background: #ebae44;
            top: -10px
        }

        .ctfation-intro.yellow-i h3 {
            color: #ebae44
        }

    .ctfation-intro.cyan-i {
        top: 65px;
        left: 50%;
        margin-left: 190px;
        width: 410px;
        text-align: left;
        padding-left: 75px
    }

        .ctfation-intro.cyan-i .circle {
            left: 0;
            top: -5px;
            background: #7ea1bf
        }

        .ctfation-intro.cyan-i h3 {
            color: #7ea1bf
        }

    .ctfation-intro.magenta-i {
        top: 200px;
        left: 50%;
        margin-left: 190px;
        width: 410px;
        text-align: left;
        padding-left: 75px
    }

        .ctfation-intro.magenta-i .circle {
            left: 0;
            top: -5px;
            background: #901a4e
        }

        .ctfation-intro.magenta-i h3 {
            color: #901a4e
        }

.valueList {
    background: url(../images/rz_07.jpg) no-repeat center 20px;
    padding: 100px 0;
    position: relative
}

.value {
    float: left;
    width: 206px;
    height: 206px;
    border-radius: 50%;
    border: 5px solid #e5e5e5;
    background-color: #2ba6e2;
    color: #fff;
    font-size: 16px;
    padding: 40px 30px;
    text-align: center
}

    .value i {
        display: block;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 10px
    }

.bright {
    background-color: #ff6262;
    position: absolute;
    left: 190px
}

.tree {
    background-color: #884ee8;
    position: absolute;
    left: 50%;
    margin-left: 200px;
    z-index: 1
}

.platform {
    background-color: #0fcea8;
    position: absolute;
    right: 0
}

.station ul {
    width: 470px
}

    .station ul li {
        float: left;
        width: 97px;
        text-align: center;
        display: block;
        margin: 15px 20px 0 0
    }

        .station ul li p {
            font-size: 16px;
            padding-top: 5px;
            color: #666
        }

.network {
    width: 670px;
    font-size: 16px;
    color: #666;
    line-height: 2;
    padding-top: 40px
}

.company li img {
    display: block;
    float: left;
    width: 290px;
    margin-right: 10px
}

.groupScroll {
    position: relative;
    margin: 40px auto 30px auto
}

.groupBox {
    width: 1200px;
    height: 200px;
    overflow: hidden
}

    .groupBox ul li {
        float: left;
        width: 300px;
        text-align: center
    }

        .groupBox ul li img {
            width: 296px;
            display: block
        }

.groupBtn a {
    position: absolute;
    left: 50%;
    top: 65px;
    background: url(../images/arrow.png) no-repeat left top;
    width: 30px;
    height: 55px
}

    .groupBtn a#goL2 {
        margin-left: -645px
    }

    .groupBtn a#goR2 {
        margin-left: 613px;
        background-position: right top
    }

.basic-box, .choose-box, .ctfation-news, .value-box {
    padding: 50px 0
}

    .choose-box .col-lg-3 {
        position: relative
    }

.choose {
    text-align: center;
    margin-top: 40px
}

    .choose img {
        display: inline-block
    }

    .choose h5 {
        color: #000;
        font-size: 18px;
        display: block;
        margin-top: 25px
    }

    .choose em {
        width: 30px;
        height: 2px;
        background: #b2d8ff;
        display: block;
        margin: 18px auto
    }

    .choose p {
        display: block;
        color: #666
    }

.line-r {
    background: #efefef;
    width: 1px;
    height: 160px;
    position: absolute;
    right: 0;
    top: 40px
}

.partner li {
    position: relative;
    display: block;
    float: left;
    width: 16.6667%;
    padding: 15px 0;
    text-align: center;
    border-right: 1px solid #eff0f2
}

    .partner li.line-b {
        margin-bottom: 30px
    }

.shape {
    background: url(../images/line-b.png) no-repeat right top;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 1.5%;
    bottom: -18px
}

.partner li.six {
    border: 0
}

    .partner li.six .shape {
        background-image: url(../images/line-b-six.png)
    }

#swiper-partner {
    padding-bottom: 20px
}

#tabs-partner.pagination {
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 100%;
    margin: 0;
    text-align: center
}

#tabs-partner .swiper-pagination-bullet, #tabs-partner .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #aaa;
    opacity: 1;
    margin: 0 5px
}

    #tabs-partner .swiper-active-switch, #tabs-partner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007eff;
        transition: all .3s ease-out 0s;
        width: 30px
    }

#tabs-partner.green .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #11b984
}

.ad-lunzhuan {
    float: left;
    width: 297px;
    height: 410px
}

    .ad-lunzhuan .swiper-slide a {
        display: block;
        width: 100%;
        height: 410px
    }

    .ad-lunzhuan .swiper-container-horizontal > .swiper-pagination-bullets {
        margin: 0;
        text-align: center;
        bottom: 5px;
        position: absolute;
        z-index: 100
    }

.dynamic {
    float: left;
    width: 554px;
    height: 410px;
    background: #fff;
    margin-left: 25px
}

.ad-link {
    float: right;
    width: 298px
}

.tab {
    border-bottom: 1px solid #e9ebf0;
    padding: 12px 8px 0 8px;
    height: 52px
}

.tab2 {
    display: none;
}

.tab a {
    color: #333;
    font-size: 18px;
    text-decoration: none;
    margin: 0 12px;
    height: 40px;
    display: inline-block;
    cursor: pointer
}

    .tab a.active {
        color: #007eff;
        border-bottom: 2px solid #007eff
    }

    .tab a:hover {
        color: #333
    }

    .tab a.active:hover {
        color: #007eff
    }

.dynamic-l {
    margin: 17px;
    float: left;
    background: url(../images/news-bg.jpg) no-repeat 0 0;
    width: 300px;
    height: 325px;
    position: relative
}

.notes {
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 19px;
    z-index: 1001
}

    .notes h3 a {
        display: block;
        color: rgba(255,255,255,1);
        text-decoration: none;
        font-size: 18px
    }

    .notes p.detail {
        color: rgba(255,255,255,.8);
        line-height: 1.8;
        padding-top: 10px
    }

        .notes p.detail a {
            color: rgba(255,255,255,.95);
            text-decoration: none
        }

            .notes p.detail a:hover {
                color: rgba(255,255,255,1)
            }

.dynamic-r {
    width: 550px;
    padding: 0 15px;
    margin: 17px 0
}

.high {
    text-align: center;
    margin-bottom: 15px
}

    .high a {
        display: block;
        width: 250px
    }

        .high a img {
            width: 100%
        }

.dynList li {
    display: block;
    border-bottom: 1px dashed #e8e8e8;
    height: 34px;
    margin-top: 12px
}

    .dynList li a {
        display: block;
        float: left;
        width: 80%;
        font-size: 15px;
        height: 34px;
        color: #888
    }

        .dynList li a:hover {
            color: #5179a3
        }

        .dynList li a i {
            display: inline-block;
            font-style: normal;
            color: #5179a3
        }

    .dynList li span.time {
        display: block;
        text-align: right;
        color: #999;
        float: right;
        width: 18%;
        height: 34px
    }

.preordain {
    padding: 40px 0 18px 0
}

.preordain-l {
    float: left;
    color: #fff;
    width: 188px;
    height: 380px;
    padding: 40px 20px;
    background: url(../images/domain.jpg) no-repeat 0 0;
    position: relative
}

.pre-title h1 {
    color: #fff;
    font-size: 24px
}

.pre-title em {
    display: block;
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 15px 0
}

.preordain .see-more {
    text-decoration: none;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    padding: 5px 0;
    margin-top: 30px
}

    .preordain .see-more:hover {
        background: rgba(255,255,255,.09);
        transition: all .2s ease-out 0s
    }

.arrow-r {
    background: url(../images/arrow-r.png) no-repeat left top;
    width: 8px;
    height: 18px;
    position: absolute;
    right: -8px;
    top: 50px
}

.preordain-r {
    float: right;
    width: 1000px
}

    .preordain-r .domainList {
        border: 1px solid #eee;
        background: #f7f8fc;
        padding: 12px 20px;
        margin-bottom: 23px
    }

        .preordain-r .domainList p {
            display: block;
            color: #666
        }

            .preordain-r .domainList p.new-domain {
                color: #ff3000;
                font-size: 18px;
                margin-bottom: 8px
            }

            .preordain-r .domainList p.zh-domain {
                width: 180px;
                margin: 0 0 5px 0
            }

        .popular .domainList a, .preordain-r .domainList a {
            text-decoration: none;
            display: block
        }

        .preordain-r .domainList:hover {
            border-color: #fd7875;
            transition: all .5s ease-out 0s
        }

        .preordain-r .domainList.del-domain {
            padding: 20px 12px 10px 8px
        }

            .preordain-r .domainList.del-domain p {
                font-size: 15px;
                text-align: center;
                padding-bottom: 10px;
                color: #999
            }

.fast-domain {
    background: #f7f8fc;
    padding: 15px 0
}

    .fast-domain a {
        display: inline-block;
        margin-right: 26px
    }

        .fast-domain a span {
            display: inline-block;
            padding-right: 1px
        }

.bold {
    font-weight: 700
}

.sky {
    color: #0048ff
}

.orange {
    color: #ff7e00
}

.fast-domain a:hover, .fast-domain a:hover span {
    color: #2a62ff;
    text-decoration: none
}

.picScroll {
    height: 120px;
    position: relative;
    margin: 20px auto 30px auto
}

#picBox {
    width: 1200px;
    height: 120px;
    overflow: hidden
}

.company ul li, .picScroll ul li {
    float: left;
    display: block;
    width: 1200px
}

    .picScroll ul li div.picList a {
        display: block;
        float: left;
        margin-right: 2px
    }

        .picScroll ul li div.picList a.end {
            margin-right: 0
        }

.control a {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 50%;
    top: 50px;
    z-index: 100
}

    .control a#goL {
        margin-left: -640px
    }

    .control a#goR {
        margin-left: 614px
    }

.control.control-sale a {
    top: 70px
}

.gray {
    background: #f7f8fc;
    padding: 50px 0
}

.server-box li {
    width: 390px;
    float: left;
    display: block;
    margin: 15px 15px 5px 0
}

    .server-box li:hover {
        box-shadow: 0 1px 12px rgba(170,170,170,.9)
    }

.server-l {
    float: left;
    width: 185px
}

    .server-l .click {
        display: block;
        color: rgba(255,255,255,.8);
        text-decoration: none
    }

    .server-l .hill {
        height: 269px;
        background: url(../images/hill.png) no-repeat left bottom;
        padding: 25px 20px;
        text-align: center
    }

    .server-l .writing {
        color: rgba(255,255,255,1)
    }

        .server-l .writing h2, .server-l .writing h2 a {
            font-size: 24px;
            color: rgba(255,255,255,8);
            padding: 20px 0 15px 0
        }

            .server-l .writing h2 a:hover {
                text-decoration: none
            }

.server-r {
    width: 205px;
    height: 269px;
    float: right;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    padding: 45px 14px
}

    .server-r p {
        font-size: 16px;
        color: #333
    }

    .server-r .server-link {
        margin: 30px 0
    }

        .server-r .server-link a {
            display: inline-block;
            padding: 0 5px 5px 5px;
            font-size: 15px;
            color: #666
        }

.server-btn {
    color: #fff;
    display: block;
    text-align: center;
    padding: 6px 0;
    font-size: 15px;
    border-radius: 3px
}

    .server-btn:hover {
        color: #fff;
        text-decoration: none;
        opacity: .9;
        transition: all .2s ease-out 0s
    }

.server-box li.yuming .server-l {
    background: #2cb4ec;
    background: -moz-linear-gradient(left,#46d7ec 0,#2cb4ec 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#46d7ec),color-stop(100%,#2cb4ec));
    background: -webkit-linear-gradient(left,#46d7ec 0,#2cb4ec 100%);
    background: linear-gradient(to right,#46d7ec 0,#2cb4ec 100%)
}

.server-box li.wangzhan .server-l {
    background: #8042ff;
    background: -moz-linear-gradient(left,#988aff 0,#8042ff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#988aff),color-stop(100%,#8042ff));
    background: -webkit-linear-gradient(left,#988aff 0,#8042ff 100%);
    background: linear-gradient(to right,#988aff 0,#8042ff 100%)
}

.server-box li.renzheng .server-l {
    background: #ff6c13;
    background: -moz-linear-gradient(left,#ffc494 0,#ff6c13 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffc494),color-stop(100%,#ff6c13));
    background: -webkit-linear-gradient(left,#ffc494 0,#ff6c13 100%);
    background: linear-gradient(to right,#ffc494 0,#ff6c13 100%)
}

.server-box li.yunanq .server-l {
    background: #0048ff;
    background: -moz-linear-gradient(left,#4d7fff 0,#0048ff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4d7fff),color-stop(100%,#0048ff));
    background: -webkit-linear-gradient(left,#4d7fff 0,#0048ff 100%);
    background: linear-gradient(to right,#4d7fff 0,#0048ff 100%)
}

.server-box li.shangbiao .server-l {
    background: #fe605d;
    background: -moz-linear-gradient(left,#fd8381 0,#fe605d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fd8381),color-stop(100%,#fe605d));
    background: -webkit-linear-gradient(left,#fd8381 0,#fe605d 100%);
    background: linear-gradient(to right,#fd8381 0,#fe605d 100%)
}

.server-box li.tuiguang .server-l {
    background: #00c59e;
    background: -moz-linear-gradient(left,#72edd2 0,#00c59e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#72edd2),color-stop(100%,#00c59e));
    background: -webkit-linear-gradient(left,#72edd2 0,#00c59e 100%);
    background: linear-gradient(to right,#72edd2 0,#00c59e 100%)
}

.server-box li.yuming .server-r {
    border-color: #44d3ec
}

.server-box li.wangzhan .server-r {
    border-color: #9582ff
}

.server-box li.renzheng .server-r {
    border-color: #ffb27a
}

.server-box li.yunanq .server-r {
    border-color: #429fff
}

.server-box li.shangbiao .server-r {
    border-color: #fd7f7d
}

.server-box li.tuiguang .server-r {
    border-color: #6cebcf
}

.server-box li.yuming .server-btn {
    background: #0094cf;
    background: -moz-linear-gradient(top,#46d7ec 0,#0094cf 100%);
    background: -webkit-gradient(linear,top bottom,color-stop(0,#46d7ec),color-stop(100%,#0094cf));
    background: -webkit-linear-gradient(top,#46d7ec 0,#0094cf 100%);
    background: linear-gradient(to bottom,#46d7ec 0,#0094cf 100%)
}

.server-box li.wangzhan .server-btn {
    background: #611bf3;
    background: -moz-linear-gradient(top,#947eff 0,#611bf3 100%);
    background: -webkit-gradient(linear,top bottom,color-stop(0,#947eff),color-stop(100%,#611bf3));
    background: -webkit-linear-gradient(top,#947eff 0,#611bf3 100%);
    background: linear-gradient(to bottom,#947eff 0,#611bf3 100%)
}

.server-box li.renzheng .server-btn {
    background: #ff6100;
    background: -moz-linear-gradient(top,#fb8 0,#ff6100 100%);
    background: -webkit-gradient(linear,top bottom,color-stop(0,#fb8),color-stop(100%,#ff6100));
    background: -webkit-linear-gradient(top,#fb8 0,#ff6100 100%);
    background: linear-gradient(to bottom,#fb8 0,#ff6100 100%)
}

.server-box li.yunanq .server-btn {
    background: #004fdf;
    background: -moz-linear-gradient(top,#6d9dff 0,#004fdf 100%);
    background: -webkit-gradient(linear,top bottom,color-stop(0,#6d9dff),color-stop(100%,#004fdf));
    background: -webkit-linear-gradient(top,#6d9dff 0,#004fdf 100%);
    background: linear-gradient(to bottom,#6d9dff 0,#004fdf 100%)
}

.server-box li.shangbiao .server-btn {
    background: #fe3a36;
    background: -moz-linear-gradient(top,#ff9492 0,#fe3a36 100%);
    background: -webkit-gradient(linear,top bottom,color-stop(0,#ff9492),color-stop(100%,#fe3a36));
    background: -webkit-linear-gradient(top,#ff9492 0,#fe3a36 100%);
    background: linear-gradient(to bottom,#ff9492 0,#fe3a36 100%)
}

.server-box li.tuiguang .server-btn {
    background: #00b18e;
    background: -moz-linear-gradient(top,#67e9cc 0,#00b18e 100%);
    background: -webkit-gradient(linear,top bottom,color-stop(0,#67e9cc),color-stop(100%,#00b18e));
    background: -webkit-linear-gradient(top,#67e9cc 0,#00b18e 100%);
    background: linear-gradient(to bottom,#67e9cc8 0,#00b18e 100%)
}

.server-box li.renzheng, .server-box li.tuiguang {
    margin-right: 0
}

.search-box {
    background: url(../images/search-bg.gif) repeat left top;
    padding: 25px 0 20px 0
}

.cnic {
    width: 200px;
    height: 46px;
    margin-top: 26px;
    background: url(/images/domain_l.png) no-repeat left center
}

.search-middle {
    width: 780px
}

.search-tab a {
    display: inline-block;
    background: #272744;
    padding: 5px 35px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px 3px 0 0;
    font-size: 16px
}

    .search-tab a.default {
        background: #007eff
    }

.s-domain {
    width: 70%;
    padding: 10px
}

    .s-domain input, .s-trademark input, .whoisbtn input {
        width: 100%;
        border: 0
    }

    .s-domain .domainDrop li input {
        width: auto
    }

.s-box {
    width: 100%;
    display: none;
    position: relative
}

    .s-box.active {
        display: block
    }

.select_box ul {
    border: 0;
    background: #eee;
    top: 50px;
    width: 100px
}

.sch-box {
    position: relative;
    height: 43px;
    background: #fff;
    border-radius: 0 3px 3px 3px
}

    .sch-box .btn-group.open .dropdown-toggle {
        box-shadow: none
    }

.domainDrop {
    background: #fff;
    border-radius: 4px;
    padding: 25px 20px 10px 20px;
    position: absolute;
    left: 0;
    top: 45px;
    width: 780px;
    z-index: 999998;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    display: none
}

    .domainDrop li {
        display: block;
        width: 14%;
        float: left;
        padding-bottom: 8px
    }

        .domainDrop li label, .domainul li label, .sl-domain li label, .xzdiv label {
            font-weight: 400;
            color: #333;
            padding-left: 5px
        }

    .domainDrop.dropdown-menu {
        float: none;
        border: 0;
        margin: 0
    }

.sch-box [role=button] {
    cursor: none
}

.domainul li input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-color: #fff;
    -webkit-appearance: none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: 0
}

    .domainul li input[type=checkbox]:checked {
        background: url(../images/domain_05.png) no-repeat center
    }

.domainDrop li span, .domainul li span {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
    padding: 2px 3px;
    line-height: 1.2
}

span.color-hot {
    background: #e30000
}

span.color-sale {
    background: #ff6c00
}

span.color-new {
    background: #0080ff
}

.sch-type {
    position: relative;
    width: 15%;
    font-size: 18px;
    border-left: 1px solid #b2b2b2;
    line-height: 43px;
    background: #f7f8fc
}

    .sch-type input {
        display: block;
        width: 100%;
        height: 43px;
        line-height: 43px;
        background: url(/images/domico.png) no-repeat 90px 19px;
        border: 0;
        cursor: pointer;
        padding: 0 20px 0 15px
    }

    .sch-type .select-ul {
        background: #f7f8fc;
        left: -1px;
        top: 43px;
        border: 1px solid #b2b2b2;
        border-top: 0;
        width: 117px;
        height: 200px;
        overflow-y: scroll;
        position: absolute;
        z-index: 999999;
        display: none
    }

        .sch-type .select-ul li {
            padding-left: 15px;
            line-height: 2;
            font-size: 16px;
            cursor: pointer
        }

            .sch-type .select-ul li:hover {
                background: #ddd
            }

.sch-btn {
    float: right;
    width: 15%;
    background: #007eff;
    line-height: 43px;
    color: #fff;
    font-size: 18px;
    border-radius: 0 3px 3px 0;
    text-align: center;
}

.s-trademark {
    width: 84%;
    padding: 10px
}

.tlink {
    position: absolute;
    right: 0;
    top: -30px
}

    .teamlink a, .tlink a {
        display: inline-block;
        margin-left: 20px;
        color: #fff
    }

.blink {
    margin-top: 15px
}

.onlylink {
    width: 40%
}

    .onlylink a {
        color: #ff6920
    }

.t-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.teamlink a {
    background: #292744;
    padding: 2px 9px;
    border-radius: 1px;
    margin-left: 8px
}

.brand {
    width: 200px;
    margin-top: 30px
}

    .brand i {
        display: inline-block;
        background: url(/images/baohu.png) no-repeat;
        width: 54px;
        height: 54px;
        border-radius: 27px
    }

    .brand p {
        color: #fff;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 1px;
        width: auto;
        float: right;
        padding-top: 4px
    }

        .brand p span {
            font-weight: 400;
            font-size: 12px;
            letter-spacing: 0
        }

    .brand :hover i {
        background-color: #2087ed
    }

    .brand :hover p {
        color: #2087ed
    }

.banner {
    position: relative
}

    .banner.bannerH .swiper-slide {
        height: 460px
    }

    .banner.rz-bnr .swiper-slide, .banner.rz-bnr .swiper-slide a {
        height: 460px
    }

    .banner .odd-bnr, .banner .swiper-slide, .banner .swiper-slide a {
        background-repeat: no-repeat;
        background-position: center top;
        height: 400px
    }

        .banner .swiper-slide a {
            display: block
        }

#tabs-banner.pagination {
    position: absolute;
    z-index: 20;
    bottom: 0;
    width: 100%;
    text-align: center
}

#tabs-banner .swiper-pagination-bullet, #tabs-banner .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #fff;
    margin: 0 8px;
    opacity: .3
}

    #tabs-banner .swiper-active-switch, #tabs-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fff;
        opacity: .7;
        width: 20px
    }

.chushen {
    width: 567px;
    float: left
}

.telone {
    padding: 20px 5px 0 5px
}

    .telone span {
        border: 2px solid #e8141c;
        border-radius: 6px;
        height: 52px;
        line-height: 52px;
        width: 250px;
        display: inline-block;
        font-size: 18px;
        text-align: center;
        background-image: url(../images/kx_28.png);
        background-repeat: no-repeat
    }

        .telone span a, .telone span a:hover {
            text-decoration: none;
            color: #333;
        }

        .telone span.fl {
            background-position: 35px 10px;
            padding-left: 30px;
        }

        .telone span.fr {
            background-position: 60px -42px;
            padding-left: 40px;
        }

#mob-banner, #swiper-icon, .cnews-more, .dym-more, .dynList.hotList li.last, .ie-arrow-left, .ie-arrow-right, .m-show, .mob-case, .mob-corevalue, .mob-desc, .mob-domain, .mob-search, .mob-show .shape, .powerful, .preordain .title {
    display: none
}

.dig-bg {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.6;
    opacity: 0.6;
    display: none;
}

#closeVideo {
    display: inline-block;
    padding-right: 5px;
    color: #fff;
    font-size: 16px;
}

.dig-vid {
    display: block;
    width: 1000px;
    height: 560px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    top: 50%;
/*    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
*/    overflow: hidden;
/*    box-shadow: 0 0 15px #666;
*/    z-index: 10001;
    display: none;
    text-align: right;
    box-sizing: content-box;
    padding:40px
}
    .dig-vid #close {
        width: 30px;
        height: 30px;
        font-size:16px;
        top:15px;
        right:15px;
    }

    .dig-vid .videoBox {
        overflow: hidden;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        box-shadow: 0 0 15px #666;
    }
@media screen and (max-width:768px) {
    #swiper-banner, .ad-link, .ad-lunzhuan, .corevalue li i, .ctf-line, .ctfation-intro, .cx-website .fl, .d-mark, .d-right, .description, .detail, .dns-tex ul li div.number, .dynList li span.time, .e-media, .fast-domain, .foot, .free-box, .high, .highlight li i, .i-icon, .line-r, .mob-hide, .more-links, .more-price, .other-info, .picScroll, .preordain-l, .pthree, .ptwo, .result-total, .scroll-outer, .search-box, .selector .sl-value.sl-right i, .server-r, .slider-box a.next, .slider-box a.prev, .ssl-choose p, .system li div p, .title p, .years, del {
        display: none
    }

    #mob-banner, #swiper-icon, .cnews-more, .m-show, .mob-case, .mob-domain, .mob-show .shape, .powerful, .preordain .title {
        display: block
    }

        #scroll, #scroll-honor, #swiper-icon img, .add-value li img, .appreciation img, .chushen img, .cnews-pic img, .ctfation ul li img, .dynList li a, .dynList.hotList li a, .ipv6-img img, .jdh_ddym_comyum ul li img, .jingjia-search, .mob-case img, .mob-desc li img, .mob-ipv6-file img, .partner li img, .preordain-r .domainList p.zh-domain, .red-btn, .scroll-box, .ssl-special ul, .ssl-value-mob img, .video-l img, .video-l video, .yuanli {
            width: 100%
        }

    .certifn-list.fr, .certifn-pic.fl, .chushen, .cnews-list, .cnews-pic, .com-intro, .com-left, .cx-form, .cx-form.fr, .d-info, .dns-tex.fr, .dynamic, .dynamic-l, .dynamic-r, .hotList li, .ipv6-file, .ipv6-img, .ipv6-news, .ipv6-why, .jingjia-left.fl, .jingjia-right.fr, .mylist li div, .preordain-r, .server-l, .station .photo.fl, .station .website.fr, .text-box, .video-l.fl, .video-r.fr, span.fl, span.fr {
        float: none;
        width: 100%
    }

        .choose p, .dian p, .inner p, .internet div span p, .server-l .writing, .value {
            font-size: 10px
        }

            .certifn-choose .certifn-box h4, .choose h5, .cn-list li h2, .cnews-title, .cx-form li label, .dynList li a, .highlight li p, .icon-a, .internet div span h5, .ipv6-why li p, .mob-corevalue li h3, .p-table .table > thead > tr > th, .panel-title span, .preordain-r .domainList p.new-domain, .price-title h1 span, .selector .sl-value, .server-l .writing h2, .server-l .writing h2 a, .sl-value span, .ssl-choose ul li h5, .ssl-scenes b, .station .website, .theory li, .title-top h4.sub-tit, .video-r, .inventory {
                font-size: 14px
            }

                .add-value li p, .answer, .appreciation p, .blue-tab li, .certification ul li p, .cnews-box, .cnews-time, .ctfation ul li p, .d-box .table > tbody > tr > td, .d-box .table > tbody > tr > td p, .dian span.name, .dynList li span.time, .jdh_plb_ptwo, .jingjia-rules, .jingjia-rules p, .jingjia-table .table > tbody > tr > td, .mob-edition li p.intro, .other-product a, .p-table .table > tbody > tr > td, .p-table .table > thead > tr.f-small > th, .panel-title, .pone, .popular .domainList p, .preordain-r .domainList p, .preordain-r .domainList.del-domain p, .red-word, .result-list li div.right a, .result-list li span, .ssl-choose b, .ssl-choose ul li a, .update, .value i, .allbuyadd, .inventory span, .shopping li span.remove a {
                    font-size: 12px
                }

                .domain-caption.entrust span, .ipv6-why li, .notes h3 a, .platform-mob li h3, .popular p.new-domain, .price-title h1, .tab a, .theory li h5, .video-r h2 {
                    font-size: 16px
                }

    .ctfation-box {
        padding: 30px 0
    }

    .ctfation {
        background: 0 0;
        padding: 0 15px
    }

        .ctfation ul li {
            margin-right: 0;
            width: 25%;
            padding: 0 2px
        }

            .ctfation ul li p {
                color: #000
            }

    .red-word {
        text-align: center;
        color: #ce0202;
        padding: 15px 0 25px 0
    }

    .red-btn a {
        display: inline-block;
        margin: 0 10px;
        padding: 6px 32px;
        border-radius: 32px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        background: #d7272e
    }

    .ctfation-choose {
        background: url(../images/rz_06_mob.jpg) no-repeat top center;
        background-size: 100% auto;
        height: 230px
    }

    .valueList {
        background-position: right 15px;
        padding: 0 10px;
        background-size: 45% auto;
        height: 200px
    }

    .value {
        width: 105px;
        height: 105px;
        padding: 15px 5px;
        border-width: 3px
    }

        .value i {
            margin-bottom: 0;
            font-style: normal
        }

    .bright {
        position: absolute;
        left: 108px
    }

    .tree {
        position: absolute;
        left: 10px;
        top: 95px;
        z-index: 1;
        margin-left: 0
    }

    .platform {
        position: absolute;
        left: 108px;
        top: 95px;
        z-index: 2
    }

        .platform.value i, .tree.value i {
            margin-bottom: 5px
        }

    .mob-search {
        display: block;
        padding: 0 15px 20px 15px
    }

    .sch-title {
        text-align: center;
        margin: 20px 0
    }

        .sch-title h1 {
            font-size: 18px;
            color: #000;
            text-transform: uppercase
        }

    .mob-sch span {
        float: left;
        color: #000;
        font-size: 16px;
        display: block;
        height: 40px;
        line-height: 40px
    }

        .mob-sch span.www {
            width: 10%;
            margin-right: 2%
        }

        .mob-sch span.mob-input {
            width: 60%
        }

            .mob-sch span.mob-input input {
                width: 100%;
                border: 1px solid #bfbfbf;
                border-right: 0;
                padding: 6px 10px;
                border-radius: 4px 0 0 4px;
                -webkit-appearance: none;
                height: 40px;
                line-height: 40px
            }

    .mob-sch button.mob-sch-btn {
        height: 40px;
        line-height: 40px;
        width: 28%;
        color: #fff;
        background: url(../images/mob-search.png) no-repeat 15px 10px #007eff;
        background-size: 20px 20px;
        padding-left: 26px;
        font-size: 16px;
        border-radius: 0 4px 4px 0
    }

    .d-border.result-list.cn-list, .mob-top {
        border-top: 8px solid #f1f2f7
    }

    .gray {
        background: #fff;
        padding: 30px 0 20px
    }

    .server-box {
        padding: 0 15px
    }

        .server-box li {
            width: 32%;
            margin: 0 2% 2% 0
        }

            .server-box li:nth-child(3), .server-box li:nth-child(6) {
                margin-right: 0
            }

    .server-l .hill {
        height: 180px;
        padding: 18px 0 0 0
    }

        .server-l .hill img {
            width: 55px
        }

    .server-l .writing h2, .server-l .writing h2 a {
        font-weight: 700;
        padding: 15px 0 10px 0
    }

    .server-box li:hover {
        box-shadow: none
    }

    .preordain {
        padding: 30px 0 10px 0
    }

    .preordain-r .col-xs-6:nth-last-child(2), .preordain-r .col-xs-6:nth-last-child(3), .preordain-r .col-xs-6:nth-last-child(4), .preordain-r .col-xs-6:nth-last-child(5), .preordain-r .col-xs-6:nth-last-child(6), .preordain-r .col-xs-6:nth-last-child(7) {
        display: none
    }

    .preordain-r .col-xs-6:nth-child(odd) {
        padding-right: 7px
    }

    .preordain-r .col-xs-6:nth-child(even) {
        padding-left: 7px
    }

    .preordain-r .domainList {
        border-color: #fd7875;
        padding: 10px;
        height: 100px;
        margin-bottom: 15px
    }

        .preordain-r .domainList.del-domain {
            padding: 24px 0 0 0
        }

            .preordain-r .domainList.del-domain p {
                padding-bottom: 10px;
                color: #999
            }

                .preordain-r .domainList.del-domain p img {
                    width: 20px
                }

        .preordain-r .domainList p.new-domain {
            margin-bottom: 4px
        }

    .tab {
        border-bottom: none;
        padding: 0 8px 5px 8px;
        height: 36px;
        position: absolute;
        width: 75%;
        z-index: 9
    }

    .tab2 {
        border-bottom: 1px solid #e9ebf0;
        z-index: 2;
        width: 100%
    }

    .tab a {
        height: 36px
    }

    .dynamic {
        height: auto;
        position: relative;
    }

    #swiper-dynamic {
        z-index: 3;
        top: 0;
        padding-top: 36px;
    }

    .dynamic-l {
        margin: 4%;
        background-size: 100% auto;
        width: 92%;
        border-radius: 2px;
        height: 90px
    }

    .dynamic-r {
        padding: 0 15px 0 10px;
        margin: 0;
        position: relative;
        padding-bottom: 90px;
    }

        .dynamic-r .high {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            padding: 0 15px 0 15px
        }

            .dynamic-r .high a {
                width: 49%;
                height: auto
            }

    .dynList li a:hover {
        color: #888;
        text-decoration: none
    }

    .notes {
        bottom: 5px;
        width: 100%;
        left: 0;
        padding: 0 10px
    }

        .notes .t-hide {
            line-height: 1.5;
            overflow: auto;
            text-overflow: inherit;
            white-space: normal
        }

    .dynList li span.time {
        width: 25%
    }

    .dynList li, .dynList li a, .dynList li span.time {
        height: 32px
    }

    .dym-more {
        display: block;
        text-align: right;
        margin: 0;
        position: absolute;
        top: -42px;
        right: 17px;
        z-index: 3;
    }

        .dym-more a {
            color: #5179a3;
            font-size: 13px
        }

    .choose-box .col-xs-6 {
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0
    }

        .choose-box .col-xs-6:nth-child(odd) {
            border-right: 1px solid #e0e0e0
        }

        .choose-box .col-xs-6:nth-child(3), .choose-box .col-xs-6:nth-child(4) {
            border-bottom: 0
        }

    .basic-box, .choose-box, .ctfation-news, .value-box {
        padding: 30px 0
    }

    .choose {
        margin: 0;
        height: 160px;
    }

    .mob-choose {
        padding: 0 5px
    }

    .choose img {
        width: 50px
    }

    .choose h5 {
        font-weight: 700;
        margin-top: 20px
    }

    .choose em {
        width: 20px;
        margin: 9px auto
    }

    .choose p {
        line-height: 1.6;
        padding: 0 15px;
    }

    #tabs-partner.pagination {
        position: absolute;
        bottom: 10px
    }

    .partner {
        padding: 0 15px 0 15px
    }

        .partner li {
            width: 22.7%;
            margin-right: 3%
        }

            .partner li:nth-child(12), .partner li:nth-child(16), .partner li:nth-child(4), .partner li:nth-child(8) {
                margin-right: 0;
                border-right: 0
            }

            .partner li.six.mob-last {
                border: 0
            }

            .partner li.six {
                border-right: 1px solid #eff0f2
            }

            .partner li:nth-child(12) .shape, .partner li:nth-child(16) .shape, .partner li:nth-child(4) .shape, .partner li:nth-child(8) .shape {
                background-image: url(../images/line-b-six-mob.png)
            }

            .partner li.six .shape {
                background-image: url(../images/line-b-mob.png)
            }

    .shape {
        background-image: url(../images/line-b-mob.png);
        left: 2.5%
    }

    .pagination {
        margin: 0
    }

    .banner .swiper-slide, .banner.bannerH .swiper-slide, .banner.rz-bnr .swiper-slide, .banner.rz-bnr .swiper-slide a {
        background-size: 100% auto;
        height: 200px
    }

    #mob-tabs.pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        width: 100%;
        text-align: center
    }

    #mob-tabs .swiper-pagination-bullet, #mob-tabs .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: #fff;
        margin: 0 6px;
        opacity: .3
    }

        #mob-tabs .swiper-active-switch, #mob-tabs .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #fff;
            opacity: .7;
            width: 16px
        }

    .rz-bnr {
        background-image: url(../images/rz_banner_mob.jpg);
        background-size: 100% auto
    }

    .banner .odd-bnr.rz-bnr {
        height: 200px
    }

    .cnews-pic {
        padding: 0 15px;
        margin-bottom: 5px
    }

    .cnews-title {
        padding: 0 30px
    }

    .cnews-pic img {
        height: 150px
    }

    .title-top h4.sub-tit {
        padding-bottom: 8px
    }

    .cnews-list .col-lg-6:nth-last-child(1), .cnews-list .col-lg-6:nth-last-child(2), .cnews-list .col-lg-6:nth-last-child(3), .cnews-list .col-lg-6:nth-last-child(4) {
        display: none
    }

    .cnews-more {
        text-align: center;
        padding-top: 20px
    }

        .cnews-more a {
            color: #5179a3
        }

    .c-icon {
        background-size: 100% auto;
        padding-bottom: 2px
    }

        .c-icon img {
            width: 60%
        }

    .mob-product .col-xs-4:nth-child(3) .c-icon img {
        width: 57%
    }

    .c-icon.c-big img {
        width: 30%
    }

    .c-icon.c-middle img {
        width: 42%
    }

    .other-product a {
        height: 110px
    }

    .col-xs-4 {
        border: 1px solid #e5e5e5
    }

    .mob-product .col-xs-4.three-cols:nth-child(2), .mob-product .col-xs-4.three-cols:nth-child(3), .mob-product .col-xs-4.three-cols:nth-child(4) {
        border-bottom: 1px solid #e5e5e5
    }

    .mob-product {
        padding: 30px 15px
    }

        .mob-product .col-xs-4:nth-child(2), .mob-product .col-xs-4:nth-child(3) {
            border-right: 0;
            border-bottom: 0
        }

        .mob-product .col-xs-4:nth-child(4) {
            border-bottom: 0
        }

        .mob-product .col-xs-4:nth-child(5), .mob-product .col-xs-4:nth-child(6) {
            border-right: 0
        }

    .basic {
        background-position: 60% 42%;
        background-size: 55% auto;
        height: 380px
    }

    .appreciation {
        left: 15px;
        top: 0;
        width: 120px
    }

        .appreciation img {
            border-width: 3px
        }

        .appreciation.e-media.e-brand, .e-card {
            margin-left: 0;
            left: inherit;
            right: 15px
        }

    .e-safe {
        top: inherit;
        bottom: 0;
        margin-left: 0
    }

    .appreciation.e-media.e-brand {
        display: block;
        top: inherit;
        bottom: 0
    }

    .cx-value {
        background-position: 50% 30%;
        background-size: 50% auto;
        height: 260px
    }

        .cx-value .value {
            background-size: 110px 110px;
            left: 15px;
            padding: 25px 15px;
            width: 110px;
            height: 110px
        }

            .cx-value .value.bright {
                right: 15px;
                left: inherit;
                margin-left: 0
            }

            .cx-value .value.tree {
                left: 30px;
                top: inherit;
                bottom: 0
            }

            .cx-value .value.platform {
                top: inherit;
                bottom: 10px;
                right: 30px
            }

    .cx-form, .mob-desc {
        display: block;
        padding: 0 15px
    }

        .mob-desc li {
            display: block;
            border: 1px solid #e2e2e2;
            padding: 10px 5px 5px 5px
        }

            .mob-desc li p {
                text-align: center;
                display: block;
                padding-bottom: 12px
            }

                .mob-desc li p span {
                    font-size: 12px;
                }

                .mob-desc li p a {
                    background: #b41f25;
                    display: block;
                    width: 90%;
                    margin: 0 auto;
                    border-radius: 32px;
                    padding: 2px 0;
                    color: #fff
                }

        .cx-form li {
            padding-bottom: 15px
        }

            .cx-form li input, .jingjia-right li input, .jingjia-right li textarea {
                height: 34px;
                box-shadow: none;
                -webkit-appearance: none
            }

            .cx-form li label {
                width: 25%
            }

            .cx-form li img {
                width: 90px
            }

            .cx-form li input.verifycode {
                width: 40%
            }

    .kx-value {
        background-size: 45% auto;
        background-position: right 20px;
        height: 210px
    }

        .kx-value .value {
            background-size: 110px 96px;
            width: 110px;
            height: 96px;
            left: 10px;
            top: 0;
            padding: 15px
        }

            .kx-value .value.bright {
                left: 120px;
                margin-left: 0;
                top: 0
            }

            .kx-value .value.tree {
                top: 110px;
                margin-left: 0
            }

            .kx-value .value.platform {
                left: 120px;
                top: 110px
            }

    .indicate {
        background-size: 40% auto;
        background-position: 53% 90px;
        height: 330px
    }

        .indicate .appreciation {
            left: 15px
        }

        .indicate .e-engine {
            margin-left: 0;
            top: 0;
            left: inherit;
            right: 15px
        }

        .indicate .e-card {
            margin-left: 0;
            top: 180px
        }

        .indicate .e-browser {
            left: inherit;
            right: 15px;
            margin-right: 0;
            top: 180px
        }

        .indicate .appreciation img {
            border-color: #fe6261
        }

        .indicate .e-engine img {
            border-color: #7fc269
        }

        .indicate .e-card img {
            border-color: #f8b453
        }

        .indicate .e-browser img {
            border-color: #56a4fe
        }

    .add-value, .case-img {
        background: 0 0;
        height: auto;
        padding: 0 15px
    }

        .add-value li {
            border: 0
        }

            .add-value li img {
                border-width: 4px
            }

        .case-img li {
            width: 50%;
            float: left;
            margin-bottom: 15px;
            text-align: center
        }

            .case-img li img {
                width: 94%;
                box-shadow: 0 2px 10px rgba(0,0,0,.15)
            }

    .mob-domain {
        position: absolute;
        z-index: 999;
        background: #f7f8fc;
        width: 93%;
        left: 0;
        right: 0;
        top: 360px;
        margin: auto;
        padding-left: 10px;
        box-shadow: 2px 4px 10px #333;
        display:none;
    }

    .mobile_close {
        position: absolute;
        right: 0;
    }
    .mob-domain li {
        display: block;
        float: left;
        width: 33.333332%
    }

    #swiper-icon {
        padding: 15px 0
    }

    .internet {
        padding: 0 15px
    }

        .internet div {
            width: 33.3332%;
            padding: 15px 5px;
            height: 220px
        }

            .internet div span.i-span, .internet div.i-construct span.i-span {
                margin-right: 0
            }

        .internet img {
            width: 60px
        }

        .internet span {
            margin-bottom: 15px;
            text-align: center
        }

    .blue-tab {
        margin-bottom: 20px
    }

        .blue-tab li {
            display: inline-block;
            cursor: pointer;
            padding: 3px 6px;
            width: auto;
            height: auto;
            line-height: 20px;
            margin: 0 5px;
            border-radius: 4px
        }

            .blue-tab li.active {
                background: #007cfa
            }

    .mybox {
        padding: 15px 0
    }

    .mylist li {
        text-align: center;
        height: 70px
    }

        .mylist li img {
            float: none;
            width: 22px
        }

    .pone {
        display: block;
        padding-top: 10px;
        line-height: 1.4
    }

    .mylist li, .mylist li div {
        padding-left: 0
    }

        .mylist li.bottom-none, .myscroll .inner.bottom-none {
            padding-top: 15px
        }

    .myscroll {
        height: 180px
    }

    .inner {
        padding: 0 5px;
        height: 80px
    }

        .inner img {
            width: 70%
        }

    .mybox.mypartner {
        padding: 15px 0 10px 0
    }

    .owl-buttons {
        display: none
    }

    #scroll-honor .myscroll {
        height: 230px
    }

    #scroll-honor .inner {
        height: 110px
    }

    .d-info.d-border {
        border: 0
    }

    .head {
        font-size: 16px;
        border-color: #e5e5e5
    }

    .d-box {
        padding: 20px 12px
    }

        .d-box .table > tbody > tr > td {
            padding: 5px;
            line-height: 1.4
        }

            .d-box .table > tbody > tr > td:first-child, .jingjia-table .table > tbody > tr > td:first-child {
                padding-right: 0
            }

    .basic-box.space10 {
        padding: 0 0 10px 0
    }

    .head b {
        color: #333
    }

    .d-box .table > tbody > tr > td p {
        line-height: 1.6
    }

    .dian {
        width: 100%;
        height: auto;
        padding: 0 5px 5px 5px
    }

    .mob-years li {
        margin-right: 2%;
        float: left;
        width: 32%
    }

        .mob-years li:last-child {
            margin-right: 0
        }

    .dian span.hot-sale {
        background-size: 20px 9px;
        width: 20px;
        height: 9px
    }

    .bg-color, .value-btn {
        background: #fff;
        padding: 0
    }

    .white-box {
        padding: 15px 12px;
        margin-top: 0
    }

    .p-table .table > tbody > tr > td {
        padding: 8px 5px
    }

    .hotList {
        padding: 0 12px
    }

    .bg-light {
        background: #fff;
        margin-top: 0
    }

    .text-box .panel-default > .panel-heading {
        background: #f7f8fc
    }

    .text-box .panel-body {
        background: #fff
    }

    .answer {
        width: 94%;
        padding-right: 0;
        line-height: 1.6
    }

    .text-box .panel-title a.collapsed::before, .text-box .panel-title a::before {
        top: -10px
    }

    .com-intro, .com-left, .jdh_ddym_comyum ul, .result-list.d-border {
        border: 0;
        padding: 0 15px
    }

    .result-list li {
        padding: 0;
        font-size: 12px
    }

        .result-list li div.d-name {
            min-width: 0;
            width: auto
        }

        .result-list li div.middle {
            margin: 0 5px;
            position: inherit;
            top: 0;
            right: 0;
            display: none;
        }

    .com-left {
        text-align: center;
        margin-bottom: 40px
    }

        .com-left img {
            width: 200px
        }

    .com-intro h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .com-intro p:last-child {
        padding-bottom: 0
    }

    .jdh_ddym_comyum ul li {
        width: 48%;
        height: auto;
        margin-right: 0
    }

        .jdh_ddym_comyum ul li:nth-child(1), .jdh_ddym_comyum ul li:nth-child(2) {
            margin-bottom: 4%
        }

            .jdh_ddym_comyum ul li:nth-child(1) div, .jdh_ddym_comyum ul li:nth-child(2) div {
                height: 115px
            }

        .jdh_ddym_comyum ul li:nth-child(odd) {
            margin-right: 2%
        }

        .jdh_ddym_comyum ul li:nth-child(even) {
            margin-left: 2%
        }

        .jdh_ddym_comyum ul li div {
            height: 140px;
            padding: 0 10px
        }

    .jdh_plb_pone {
        font-size: 14px;
        padding: 10px 0 0 0
    }

    .jdh_ddym_comyum ul li div img {
        top: -5px;
        width: 10px
    }

    .certifn-choose, .corevalue, .dns-tex, .highlight, .ipv6-file, .ipv6-img, .ipv6-news, .ipv6-why, .jingjia-search, .leading, .mob-box, .mob-deploy, .mob-edition, .platform-mob, .ssl-choose, .ssl-scenes, .ssl-value-mob, .station, .system {
        padding: 0 15px
    }

        .mob-edition li, .platform-mob li {
            display: block;
            width: 50%;
            float: left;
            text-align: center;
            margin-bottom: 20px;
            height: 150px;
        }

            .platform-mob li img {
                width: 95%
            }

            .platform-mob li h3 {
                padding-bottom: 10px
            }

            .platform-mob li:nth-last-child(1), .platform-mob li:nth-last-child(2) {
                margin: 0
            }

        .mob-edition li {
            width: 48%;
            margin-bottom: 15px;
            box-shadow: 0 0 10px hsla(0,0%,60.8%,.45);
            padding: 20px 15px;
            text-align: center;
            height: 255px
        }

            .mob-edition li:nth-child(even) {
                float: right
            }

            .mob-edition li img {
                width: 120px
            }

            .mob-edition li h4, .mob-edition li p.price {
                font-size: 16px;
                padding: 10px 0;
                color: #000
            }

            .mob-edition li p.intro {
                text-align: left;
                height: 60px
            }

            .mob-edition li p a {
                display: block;
                background: #c60020;
                padding: 6px 0;
                border-radius: 32px;
                color: #fff;
                text-decoration: none
            }

    .ssl-scenes {
        background: 0 0;
        height: auto;
        position: inherit
    }

        .ssl-scenes div {
            position: inherit;
            left: 0;
            float: left;
            width: 50%;
            padding: 15px;
            border: 1px solid #ddd;
            margin-right: -1px;
            margin-top: -1px
        }

            .ssl-scenes div.title {
                margin-left: 0;
                top: 0;
                float: none;
                border: 0;
                width: 100%;
                padding: 0
            }

        .ssl-scenes img {
            float: none;
            margin-right: 0;
            width: 55px;
            margin: 0 auto 10px auto;
            border-width: 2px
        }

    .scenes-01, .scenes-02, .scenes-03, .scenes-04 {
        margin-left: 0;
        top: 0
    }

    .ssl-scenes b {
        text-align: center
    }

    .ssl-scenes p {
        text-align: left
    }

    .ssl-tabs li {
        border-width: 1px;
        padding: 3px 6px;
        height: 32px;
        margin: 0 5px
    }

        .ssl-tabs li img {
            width: 60px;
            vertical-align: middle
        }

        .ssl-tabs li i {
            background-size: 16px 10px;
            width: 16px;
            height: 10px;
            top: 30px;
            margin-left: -8px
        }

    .ssl-choose {
        margin-top: 30px
    }

        .ssl-choose ul {
            width: 32%;
            padding: 15px 10px;
            margin-right: 6px;
            margin-bottom: 6px
        }

            .ssl-choose ul:nth-child(3) {
                margin-right: 0
            }

            .ssl-choose ul li h5 {
                margin: 20px 0 0 0
            }

    .dns-tex ul li:last-child, .mob-deploy li:nth-child(3), .mob-deploy li:nth-child(4), .partner.ssl-partner li:nth-child(9).line-b {
        margin-bottom: 0
    }

    .dns-tex ul li {
        padding: 25px 15px 12px 15px;
        text-align: center;
        margin: 40px 0 20px 0
    }

        .dns-tex ul li div.caption {
            background: #64aaff;
            position: absolute;
            top: -17px;
            left: 50%;
            margin-left: -76px;
            width: 152px;
            height: 31px;
            line-height: 30px;
            color: #fff;
            font-size: 18px
        }

            .dns-tex ul li div.caption span.m-show {
                display: inline-block
            }

        .dns-tex ul li:nth-child(2) div.caption, .dns-tex ul li:nth-child(2) div.caption i.square {
            background: #26e776
        }

        .dns-tex ul li:nth-child(3) div.caption, .dns-tex ul li:nth-child(3) div.caption i.square {
            background: #ffa445
        }

        .dns-tex ul li div.caption i.square {
            background: #64aaff;
            width: 22px;
            height: 22px;
            position: absolute;
            top: 5px;
            transform: rotate(45deg)
        }

            .dns-tex ul li div.caption i.square.s-left {
                left: -11px
            }

            .dns-tex ul li div.caption i.square.s-right {
                right: -11px
            }

    .mob-deploy li {
        float: left;
        width: 47%;
        text-align: center;
        margin-bottom: 20px
    }

        .certifn-choose .col-lg-4:nth-child(even), .mob-deploy li:nth-child(even) {
            float: right
        }

        .mob-deploy li p {
            display: block;
            -webkit-box-shadow: 0 0 5px hsla(0,0%,60.8%,.25);
            box-shadow: 0 0 5px hsla(0,0%,60.8%,.25);
            padding: 15px;
            height: 100px;
            border-radius: 6px 6px 0 0;
            font-size: 16px;
            line-height: 1.4
        }

            .mob-deploy li a, .mob-deploy li i, .mob-deploy li p span {
                display: block
            }

            .mob-deploy li p span {
                padding-bottom: 5px
            }

        .mob-deploy li i {
            font-size: 13px;
            font-style: normal
        }

        .mob-deploy li:nth-child(1) p {
            color: #ffc200;
            padding-top: 26px
        }

        .mob-deploy li:nth-child(2) p {
            color: #ffa445
        }

        .mob-deploy li:nth-child(3) p {
            color: #26e776
        }

        .mob-deploy li:nth-child(4) p {
            color: #4ea1f8;
            padding-top: 26px
        }

        .mob-deploy li a {
            border-radius: 0 0 6px 6px;
            color: #fff;
            font-size: 17px;
            padding: 6px 0
        }

        .mob-deploy li:nth-child(1) a {
            background: #ffc200
        }

        .mob-deploy li:nth-child(2) a {
            background: #ffa445
        }

        .mob-deploy li:nth-child(3) a {
            background: #26e776
        }

        .mob-deploy li:nth-child(4) a {
            background: #4ea1f8
        }

    .system li {
        float: left;
        width: 32%;
        display: block;
        margin: 0 6px 6px 0;
        padding-top: 0
    }

        .system li i {
            width: 43px;
            height: 43px;
            background-size: 43px auto;
            top: 10px;
            margin-left: -22px
        }

        .system li div {
            padding: 70px 10px 10px;
            height: 100px
        }

        .system li:first-child div {
            padding: 61px 10px 10px
        }

        .system li div h5 {
            font-size: 12px;
            padding-bottom: 0
        }

        .system li.sys02 i {
            background-position: 0 -43px
        }

        .system li.sys03 i {
            background-position: 0 -86px
        }

        .system li.sys04 i {
            background-position: 0 -129px
        }

        .system li.sys05 i {
            background-position: 0 -172px
        }

        .system li.sys06 i {
            background-position: 0 -215px
        }

    .leading li {
        margin: 0 0 10px 0
    }

        .leading li h4 {
            font-size: 16px;
            padding: 15px 0
        }

        .leading li p {
            font-size: 12px;
            padding: 10px
        }

        .leading li span {
            background-size: 50px auto;
            width: 50px;
            height: 50px;
            font-size: 16px;
            padding: 5px
        }

        .leading li.idc span {
            background-position: 0 -50px
        }

        .leading li.protect span {
            background-position: 0 -100px
        }

        .leading li.management span {
            background-position: 0 -150px
        }

    .dns-advantage {
        width: 90px;
        height: 90px;
        border-radius: 100%;
        left: 50%;
        margin-left: -45px;
        top: 50%;
        margin-top: -60px;
        z-index: 2;
        font-size: 20px;
        line-height: 1.2;
        padding-top: 20px
    }

    .jingjia-search {
        margin: 15px 0
    }

    .search-bar {
        padding: 6px
    }

        .search-bar input {
            border: 0;
            width: 92%;
            font-size: 14px;
            display: inline-block;
            color: #c2c2c2;
            padding: 3px 0
        }

        .search-bar .search-btn {
            background-size: 21px 18px;
            width: 21px;
            height: 18px;
            right: 25px;
            top: 12px
        }

    .jingjia-tabs, .jingjia-tabs li, .title02, .title02 span {
        height: 34px
    }

        .title02 span {
            font-size: 16px;
            padding: 0 5px 0 27px
        }

        .jingjia-tabs li {
            font-size: 15px;
            padding: 0;
            margin-right: 12px;
            color: #666
        }

        .title02 span i {
            background-size: 18px 21px;
            width: 18px;
            height: 21px
        }

    .popular li {
        width: 50%;
        padding: 12px 5px 0 5px
    }

    .popular .domainList {
        padding: 15px;
        border: 1px solid #2a62ff
    }

    .jingjia-tabs a, .popular li:nth-last-child(1), .popular li:nth-last-child(2), .popular li:nth-last-child(3), .popular li:nth-last-child(4), .popular li:nth-last-child(5), .popular li:nth-last-child(6), .popular li:nth-last-child(7) {
        display: none
    }

    .other-domain .popular li {
        padding: 15px 5px 0 5px
    }

    .other-domain .domainList {
        padding: 0;
        border: 1px solid #2a62ff;
        height: 110px
    }

    .other-domain .popular p.new-domain {
        background: #2a62ff;
        color: #fff
    }

    .jingjia-right li {
        padding: 0 15px 15px 15px
    }

    .jingjia-right span {
        padding-left: 15px;
        color: #666;
        padding-bottom: 15px
    }

    .jingjia-right li textarea {
        height: 120px
    }

    .jingjia-right li label {
        width: 15%
    }

    .jingjia-right input, .jingjia-table .table > tbody > tr > td {
        vertical-align: middle
    }

    .jingjia-right input, .jingjia-right textarea {
        width: 84%
    }

    .jingjia-left, .jingjia-right, .jingjia-right.d-border {
        margin-top: 30px
    }

    .title02 a {
        padding-top: 5px
    }

    .jingjia-right li.last {
        padding-top: 20px
    }

    .jingjia-right input[type=checkbox] {
        width: auto
    }

    .domain-caption {
        font-size: 16px;
        height: 46px;
        line-height: 46px;
        width: 100%
    }

        .domain-caption span {
            height: 46px;
            padding: 0 10px
        }

    .jingjia-links {
        height: 50px;
        line-height: 50px;
        border-bottom: 0;
        width: 100%;
        text-align: right;
        color: #2a62ff;
        padding-right: 10px
    }

    .jingjia-table {
        margin: 5px 12px 20px 12px
    }

    .jingjia-rules {
        padding: 0 12px
    }

    .jingjia-table .table > tbody > tr > td {
        padding: 8px 5px
    }

    .jingjia-rules, .jingjia-rules p, .jingjia-table .table > tbody > tr > td {
        color: #666;
        line-height: 1.8
    }

    .certification {
        background-position: 92% top;
        background-size: 35% auto;
        height: auto
    }

        .certification ul {
            width: 60%
        }

            .certification ul li {
                float: left;
                margin: 15px 0 0 10px;
                padding: 10px;
                -webkit-box-shadow: 0 0 10px hsla(0,0%,60.8%,.45);
                box-shadow: 0 0 10px hsla(0,0%,60.8%,.45)
            }

                .certification ul li img {
                    width: 80px
                }

    .certifn-choose .col-lg-4 {
        padding-left: 0;
        padding-right: 0;
        width: 48%;
        float: left
    }

    .certifn-choose .certifn-box {
        padding: 15px 10px;
        height: 140px;
        font-size: 11px;
        line-height: 1.4;
        margin: 5px 0 10px 0
    }

        .certifn-choose .certifn-box h4, .corevalue li h3 {
            padding: 15px 0 10px 0
        }

        .certifn-choose .certifn-box i {
            height: 33px;
            width: 33px;
            background-size: 33px auto
        }

    .certifn-choose .onestop i {
        background-position: 5px -33px
    }

    .certifn-choose .customer i {
        background-position: 5px -66px
    }

    .certifn-choose .secrecy i {
        background-position: 5px -99px
    }

    .certifn-choose .fast i {
        background-position: 0 -132px
    }

    .certifn-choose .nohide i {
        background-position: 5px -165px
    }

    .mob-corevalue {
        display: block;
        padding: 0 15px
    }

        .mob-corevalue li {
            height: 120px;
            margin-bottom: 15px;
            font-size: 12px;
            line-height: 1.4;
            float: left;
            width: 50%
        }

            .mob-corevalue li img {
                width: 100%;
                height: 120px
            }

            .mob-corevalue li.text {
                padding: 10px;
                border: 1px solid #ddd
            }

            .mob-corevalue li h3 {
                padding: 5px 0;
                text-align: center
            }

            .ipv6-why li:last-child, .mob-corevalue li:nth-last-child(1), .mob-corevalue li:nth-last-child(2), .theory li:last-child {
                margin-bottom: 0
            }

    .ctfation-news {
        padding: 30px 15px
    }

    .certifn-pic img {
        border: 0;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 20px
    }

    .c-time {
        width: 18%
    }

    .c-news {
        width: 78%
    }

    .station .photo {
        text-align: center;
        margin-bottom: 0
    }

        .station .photo img {
            width: 230px
        }

    .station .website {
        padding-top: 15px
    }

    .honor {
        margin-top: 20px;
        padding: 0 15px
    }

    #swiper-honor img {
        height: 90px
    }

    .honor .swiper-button-next, .honor .swiper-button-prev {
        margin-left: 0;
        left: 4px;
        top: 50px;
        background-size: 40px auto;
        width: 20px;
        height: 30px
    }

    .honor .swiper-button-next {
        margin-left: 0;
        left: inherit;
        right: 4px
    }

    .selector input.form-control {
        width: 130px
    }

    .selector .sl-value span, .selector .sl-value.sl-right span, .sl-domain li {
        margin-right: 5px;
        margin-left: 0
    }

    .selector .sl-value.sl-right {
        padding-left: 0;
        margin-top: 15px
    }

        .selector .sl-value.sl-right.mob-no-top {
            margin-top: 0
        }

    .selector select.form-control {
        width: 100px
    }

        .selector select.form-control.mob-form-01 {
            width: 200px
        }

        .selector select.form-control.mob-form-02 {
            width: 75px
        }

    .selector .sl-value .btn {
        right: inherit;
        left: 0;
        top: 30px;
        font-size: 12px
    }

    .sl-domain {
        width: 78%
    }

    .selector {
        padding: 10px
    }

    .selebtn button.btn {
        padding: 6px 30px
    }

    .selebtn button {
        margin: 5px 10px
    }

    .filter .table.table-striped > tbody > tr > td, .filter .table.table-striped > thead > tr > th {
        padding: 10px 12px;
        color: #666
    }

    .filter .table.table-striped > thead > tr > th, .paginations a, .selemun {
        font-size: 13px
    }

    .filter .btn-primary, .filter .table.table-striped > tbody > tr > td, .filter .table.table-striped > tbody > tr > td a, .page, .paginations .chaxun {
        font-size: 12px
    }

    .selemun {
        padding: 15px 10px 0 12px
    }

    .filter {
        margin-top: 20px;
        padding-bottom: 20px
    }

    .paginations {
        display: block;
        float: none;
        padding: 0;
        margin-top: 20px;
        text-align: center
    }

        #jumptxt, .paginations .chaxun, .paginations a {
            min-width: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0;
            margin: 0 2px
        }

            .paginations a:nth-child(5), .paginations a:nth-child(6), .paginations a:nth-child(7), .paginations a:nth-child(8) {
                display: none
            }

    .selector .form-control {
        height: 30px;
        padding: 2px 7px
    }

    #jumptxt, .selector .form-control {
        -webkit-appearance: none;
        box-shadow: none
    }

    .selector.selcolor {
        background-color: #fff
    }

    .filter .table.table-striped > thead > tr > th img {
        width: 6px
    }

    .gray.mob-top-20 {
        padding: 20px 0
    }

    .selemun, .sl-domain li label {
        color: #666
    }

    .total.d-border {
        padding-bottom: 20px;
        border-width: 1px;
        border-top: 0
    }

    .filter .table-responsive {
        border-bottom: 0;
        margin-bottom: 0
    }

    .video-box {
        padding: 30px 15px
    }

    .highlight li {
        float: left;
        width: 48%;
        background: 0 0;
        margin: 0 0 10px 0
    }

        .highlight li:nth-child(even) {
            float: right
        }

    .title i.small {
        font-size: 12px;
        padding: 10px 0
    }

    .highlight li h3 {
        font-size: 18px;
        padding: 10px 25px 10px 50px;
        height: 50px;
        line-height: 30px;
        border-width: 1px;
        position: relative
    }

    .highlight li p {
        padding: 15px;
        border-radius: 0 0 8px 8px;
        height: 120px
    }

    .highlight li h3 span {
        display: block;
        position: absolute;
        left: 15%;
        background: url(../images/ipv6_02.png) no-repeat left top;
        background-size: 30px auto;
        width: 30px;
        height: 30px
    }

    .highlight li.gfsy h3 span {
        background-position: left -30px
    }

    .highlight li.lhyy h3 span {
        background-position: left -60px
    }

    .highlight li.http h3 span {
        background-position: left -90px;
        left: 10%
    }

    .bandwidth {
        position: absolute;
        left: 50%;
        margin-left: -60px;
        background-size: 90px auto;
        width: 120px;
        height: 120px;
        font-size: 18px;
        padding-top: 45px
    }

    .col-lg-4.ipv6 {
        margin: 15px 0 10px 0
    }

    .package {
        margin-top: 90px;
        padding: 50px 0 40px 0
    }

        .package span {
            font-size: 30px
        }

        .package p {
            margin-top: 25px
        }

            .package p a {
                font-size: 18px;
                padding: 8px 36px
            }

    .mob-ipv6-file, .yuanli {
        margin-bottom: 30px
    }

    .ipv6-case {
        padding: 3px 0;
        margin-bottom: 10px
    }

        .ipv6-case img {
            width: 80%
        }

    .ipv6-why li i {
        width: 12px;
        height: 12px;
        margin-right: 5px;
        vertical-align: inherit
    }

    .video-stop, .video-stop div.loading, .video-stop-index {
        height: 215px
    }

    .dynamic {
        margin-left: 0
    }

    .chushen {
        padding: 0 15px;
        margin-bottom: 20px
    }

    .telone {
        padding: 10px 10px 0 10px
    }

        .telone span {
            border: 1px solid #e8141c;
            width: 48%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            background-size: 15px auto;
        }

            .telone span.fl {
                background-position: 15px 12px;
                padding-left: 18px;
                float: left;
                display: block;
            }

            .telone span.fr {
                background-position: 35px -16px;
                padding-left: 15px;
                float: right;
                display: block;
            }

    .cx-form li label.radio-box {
        padding: 4px 0;
        border-radius: 2px;
        margin-left: 5px
    }

    .cx-form li label span.radio-style::before {
        background-size: 18px auto;
        width: 18px;
        height: 15px
    }

    .coupon {
        padding-bottom: 0;
    }

    .Promotions {
        display: none;
        padding-bottom: 0;
    }

    .Promotion {
        display: block;
    }

    .coupon h2 {
        font-size: 18px;
        margin: 10px auto;
    }

    .Promotion h2 {
        margin: 10px auto;
    }

    .coupon .coupon_list {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .mob-top {
        border: none;
    }

    .coupon .coupon_list li {
        width: 49%;
        margin: 0 2% 2% 0;
        height: auto;
        padding-bottom: 15px;
    }

        .coupon .coupon_list li:nth-child(2) {
            margin-right: 0;
        }

    .coupon_list li h3 {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        margin-bottom: 10px;
    }

    .coupon_list li .price {
        font-size: 12px;
        line-height: 26px;
        margin-bottom: 0;
    }

        .coupon_list li .price b {
            font-size: 16px;
        }

    .original_price {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .coupon_list li a {
        width: 70%;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }

    .domainnames {
        padding: 10px 10px 0 10px;
        font-size: 14px;
    }

        .domainnames span {
            font-size: 12px;
        }

    .picScroll-left2 {
        width: 100%;
        padding: 0 10px;
    }

        .picScroll-left2 .bd {
            width: 100%;
        }

            .picScroll-left2 .bd .tempWrap {
                width: 100%;
            }

    .Promotion .picScroll-left2 .bd ul {
    }

        .Promotion .picScroll-left2 .bd ul li {
            width: 49%;
            margin: 0 2% 2% 0;
            background-color: gray;
            float: left;
        }

            .Promotion .picScroll-left2 .bd ul li:nth-child(2n) {
                margin-right: 0;
            }

            .Promotion .picScroll-left2 .bd ul li img {
                width: 100%;
            }

    .Promotion .picScroll-left2 .hd .prev {
        background: transparent;
    }

    .Promotion .picScroll-left2 .hd .next {
        background: transparent;
    }

    .main .d-right {
        display: block;
        width: 100%;
        float: none;
    }

        .main .d-right .ad {
            display: none;
        }

    .inventory {
        height: 40px;
        line-height: 40px;
    }

        .inventory i.num {
            width: 16px;
            height: 16px;
            line-height: 16px;
            font-size: 12px;
            margin-top: -9px;
            left: 70px;
        }

    .shopping {
        padding: 15px 15px 0 15px;
    }

        .shopping li {
            padding-bottom: 15px;
            font-size: 12px;
        }

    .settle {
        padding: 20px 15px 20px 0;
        text-align: right;
    }

    .d-border {
        border: none;
    }

    .inventory {
        font-size: 12px;
        color: #000;
    }


    .dig-vid {
        width: 95%;
        height: auto;
        text-align: right;
        padding: 40px 10px 10px;
    }
    #closeVideo {
        display: inline-block;
        padding-right: 5px;
        color: #fff;
        font-size: 14px;
    }
    .dig-vid #close {
        font-size: 12px;
        padding: 0 !important;
        text-align: center;
        line-height: 20px;
        right: 10px!important;
        top: 2px!important;
    }
}

@media screen and (max-width:320px) {
    .blue-tab li {
        margin: 0
    }

    .certification, .indicate {
        background: 0 0
    }

        .c-news, .certification ul {
            width: 100%
        }

    .d-box .table > tbody > tr > td, .d-box .table > tbody > tr > td p, .jingjia-table .table > tbody > tr > td, .paginations a, .result-list li div.right a, .result-list li span, .selector .form-control, .selector .sl-value, .sl-value span, .ssl-choose b, .ssl-scenes p {
        font-size: 10px
    }

    .buyadd {
        padding: 6px 10px
    }

    .added, .added:hover {
        padding: 6px 20px;
        background: 0 0
    }

    .banner .swiper-slide, .banner.bannerH .swiper-slide, .banner.rz-bnr .swiper-slide, .banner.rz-bnr .swiper-slide a {
        height: 170px
    }

    .sch-title h1 {
        font-size: 15px
    }

    .mob-sch button.mob-sch-btn {
        height: 30px;
        line-height: 30px;
        background-size: 12px 12px;
        padding-left: 26px;
        font-size: 12px
    }

    .mob-sch span, .mob-sch span.mob-input input {
        height: 30px;
        line-height: 30px;
        font-size: 12px
    }

        .cx-form li label, .domainul li label, .highlight li p, .jingjia-right li label, .mob-sch span.www, .sl-value .sl-domain li label, .ssl-scenes b {
            font-size: 12px
        }

    .jingjia-tabs li {
        font-size: 13px;
        margin-right: 10px
    }

    .jdh_ddym_comyum ul li div {
        height: 160px
    }

    .jdh_ddym_comyum ul li:nth-child(1) div, .jdh_ddym_comyum ul li:nth-child(2) div, .mob-corevalue li, .mob-corevalue li img {
        height: 140px
    }

    .ssl-tabs li {
        padding: 3px;
        margin: 0 2px
    }

    .mob-edition li {
        height: 275px
    }

        .mob-edition li img {
            width: 100%
        }

        .mob-edition li p.intro {
            height: 80px
        }

    .certification ul li {
        width: 45.5%
    }

    .certifn-choose .certifn-box {
        height: 150px
    }

    .c-time {
        display: none
    }

    .ssl-choose ul, .system li {
        width: 31.9%
    }

        .system li div {
            height: 120px
        }

    .jingjia-table .table > tbody > tr > td:first-child {
        padding: 8px 0 8px 0
    }

    .jingjia-right li label {
        width: 16%
    }

    .jingjia-right input, .jingjia-right textarea {
        width: 80%
    }

    .selector input.form-control {
        width: 100px
    }

    .selector select.form-control {
        width: 90px
    }

        .selector select.form-control.mob-form-02 {
            width: 70px
        }

    .paginations a {
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin: 0 1px
    }

    .highlight li h3 span {
        left: 10%
    }

    .highlight li h3 {
        font-size: 14px
    }

    .highlight li.http h3 {
        padding: 10px 15px 10px 50px
    }

    .kx-value {
        background-position: right 40px;
        height: 210px
    }

    .ssl-scenes p {
        line-height: 22px;
        color: #666
    }

    .ssl-choose ul li h5 {
        height: 120px
    }

    .video-stop, .video-stop div.loading, .video-stop-index {
        height: 190px
    }

    .telone {
        padding: 10px 0 0 0
    }

        .telone span {
            font-size: 12px;
            height: 34px;
            line-height: 32px;
        }

            .telone span.fl {
                background-position: 15px 8px;
                padding-left: 20px;
            }

            .telone span.fr {
                background-position: 30px -20px;
                padding-left: 15px;
            }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    body, html {
        overflow-x: scroll;
        width: 100%
    }

    .banner .swiper-slide, .banner.bannerH .swiper-slide, .banner.rz-bnr .swiper-slide, .banner.rz-bnr .swiper-slide a {
        height: 400px
    }
}