@charset "utf-8";

#ssl {
    border-bottom: 3px solid rgb(252 131 1) !important;
}

#content h2,
#content h1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#content .safety-box h3 {
    margin: 20px 0 10px
}



.copyRight {
    text-align: center;
    background-color: #f2f2f2;
    padding: 5px;
    overflow: hidden;
}

.copyRight a {
    color: rgb(51, 51, 51)
}

.btmLink {
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.poicel {
    font: bold 12px/22px "宋体", Arial;
    color: #5C5C5C;
    line-height: 32px;
    text-align: center;
}

.bottom_img li {
    float: left;
    margin-left: 5px;
}

ul,
li {
    list-style: none
}

a {
    text-decoration: none !important
}

.titles {
    width: 100%;
    text-align: center;
}

#title-product p a {
    color: #F36A34;
    text-decoration: none;
}

#generate-csr-page #notice li {
    list-style: circle
}

#generate-csr-page h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 26px
}

#generate-csr-page #request-type h3 {
    display: inline-block;
}

#generate-csr-page .panels {
    width: 100%;
    padding: 20px 80px;
    margin-bottom: 0;
    border-bottom: 0;
    background-color: #fff
}

#generate-csr-page #request-type .type {
    width: 140px;
    margin-left: 205px;
}

#generate-csr-page #request-type .dropdown-toggle {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333 !important
}

#generate-csr-page #request-type .btn-default {
    color: #333
}

#generate-csr-page #request-type .buttons #submit {
    display: block;
    clear: both;
    background: #E95513;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    line-height: 42px;
    padding: 0 20px;
    margin: 0 auto;
}

#generate-csr-page #request-type p {
    margin-top: 30px;
    margin-bottom: 0
}

#generate-csr-page #example textarea,
#generate-csr-page #pasteCode textarea {
    margin-bottom: 20px;
    background: #F3F3F4;
    border: 1px solid #e1e1e1;
    height: 400px;
    width: 100%;
    padding: 40px;
}

#generate-csr-page #pasteCode p {
    margin: 15px 0;
    color: #E95513
}

#generate-csr-page #request-type #file-upload {
    width: 100%;
    padding: 10px 230px;
    margin: 20px 0;
    background-color: #F7F7F7
}

#generate-csr-page #request-type #file-upload .file-button {
    width: 90px;
    height: 35px;
    margin: 0 15px;
    line-height: 30px
}

#generate-csr-page #info-show {
    display: none
}

#generate-csr-page #info-show table {
    width: 100%
}

#generate-csr-page #info-show table td {
    width: 50%;
    line-height: 45px;
    padding-left: 80px;
    font-size: 15px;
    border: 1px solid #EAEAEA
}

#generate-csr-page #info-show table tr:nth-child(2n+1) {
    background-color: #F9F9F9
}

#generate-csr-page #error-show {
    display: none;
    color: red;
    font-size: 18px
}

/*格式转换*/
#generate-csr-page .formatSelect {
    width: 100%;
}

#generate-csr-page .formatSelect td {
    padding-left: 50px;
    line-height: 45px;
    background-color: #F7F7F7;
    border: 1px solid #EAEAEA
}

#generate-csr-page .formatSelect td:nth-child(1) {
    width: 30%;
}

#generate-csr-page .formatSelect td input {
    vertical-align: middle;
    cursor: pointer
}

#generate-csr-page .formatSelect td span {
    margin-left: 5px;
    margin-right: 15px;
    padding-top: 5px;
    vertical-align: middle;
}

#generate-csr-page #password div,
#prvpassword div,
#oldpassword div {
    width: 260px;
    margin: 15px 0;
    border-bottom: 1px solid #ddd
}

#generate-csr-page #password input,
#prvpassword input,
#oldpassword input {
    width: 240px;
    border: 0;
    outline: none
}


/*中间证书下载*/
#generate-csr-page #inter-cert-brands {
    margin: 0 auto;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#generate-csr-page #inter-cert-brands .inter-cert-brand {
    display: block;
    margin-bottom: 3px;
    float: left;
    width: 25%;
    line-height: 40px;
    font-size: 18px;
    font-weight: lighter;
    text-align: center;
}

#generate-csr-page #inter-cert-brands .inter-cert-brand:hover {
    cursor: pointer;
    margin-bottom: 0;
    border-bottom: 3px solid #0087B8;
}

#generate-csr-page #inter-cert-list {
    display: table;
    min-height: 310px;
    margin: 20px 0 24px 0;
    width: 100%;
}

#generate-csr-page #inter-cert-list a {
    display: block;
    width: 50%;
    float: left;
    margin: 5px 0;
    padding: 0 20px;
}



/*dns诊断工具*/


#advantage-section .advantages div:hover {
    border: 1px solid #98BDC9
}

#advantage-section .advantages div:nth-child(1) i {
    background: url(../images/whmcs-1.png) center center no-repeat;
}

#advantage-section .advantages div:nth-child(2) i {
    background: url(../images/whmcs-2.png) center center no-repeat;
}

#advantage-section .advantages div:nth-child(3) i {
    background: url(../images/whmcs-3.png) center center no-repeat;
}

#advantage-section .advantages div:nth-child(4) i {
    background: url(../images/whmcs-4.png) center center no-repeat;
}

#advantage-section .advantages div:nth-child(5) i {
    background: url(../images/whmcs-5.png) center center no-repeat;
}

#advantage-section .advantages div:nth-child(6) i {
    background: url(../images/whmcs-6.png) center center no-repeat;
}

#cpanel-page #advantage-section .advantages div:nth-child(1) i {
    background: url(../images/cpanel-1.png) center center no-repeat;
}

#cpanel-page #advantage-section .advantages div:nth-child(2) i {
    background: url(../images/cpanel-2.png) center center no-repeat;
}

#cpanel-page #advantage-section .advantages div:nth-child(3) i {
    background: url(../images/cpanel-3.png) center center no-repeat;
}

#cpanel-page #advantage-section .advantages div:nth-child(4) i {
    background: url(../images/cpanel-4.png) center center no-repeat;
}

#cpanel-page #advantage-section .advantages div:nth-child(5) i {
    background: url(../images/cpanel-5.png) center center no-repeat;
}

#cpanel-page #advantage-section .advantages div:nth-child(6) i {
    background: url(../images/cpanel-6.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(1) i {
    background: url(../images/plesk-1.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(2) i {
    background: url(../images/plesk-2.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(3) i {
    background: url(../images/plesk-3.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(4) i {
    background: url(../images/plesk-4.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(5) i {
    background: url(../images/plesk-5.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(6) i {
    background: url(../images/plesk-6.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(7) i {
    background: url(../images/plesk-7.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(8) i {
    background: url(../images/plesk-8.png) center center no-repeat;
}

#plesk-page #advantage-section .advantages div:nth-child(9) i {
    background: url(../images/plesk-9.png) center center no-repeat;
}


#plesk-page #ssl-page #choose-us-section .bound .blocks div label {
    margin-bottom: 5px
}

#plesk-page #ssl-page #choose-us-section .bound .blocks div:nth-child(1) label::before {
    background: url(../images/why-plesk-1.png) center center no-repeat;
    margin-bottom: 10px
}

#plesk-page #ssl-page #choose-us-section .bound .blocks div:nth-child(2) label::before {
    background: url(../images/why-plesk-2.png) center center no-repeat;
    margin-bottom: 10px
}

#plesk-page #ssl-page #choose-us-section .bound .blocks div:nth-child(3) label::before {
    background: url(../images/why-plesk-3.png) center center no-repeat;
    margin-bottom: 10px
}


#products-section {
    background: #eaeaea;
    text-align: center;
}

#qa-section {
    background: white;
}

#qa-section h2 {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #888
}

#qa-section h2:before {
    position: absolute;
    display: inline-block;
    content: '';
    background: #43bbf8;
    width: 40px;
    height: 3px;
    bottom: -2px;
    left: 0
}

#qa-section h2:after {
    display: block;
    content: '';
    clear: both
}

#qa-section h2 {
    margin-bottom: 35px
}

#qa-section .question {
    background: #f5f5f5;
    width: 100%;
    margin-bottom: 5px;
    padding-right: 20px;
    border-collapse: collapse;
    border: none;
    border-left: 2px solid #3bade8
}

#qa-section .question th {
    display: block;
    position: relative;
    font-weight: normal;
    line-height: 40px
}

#qa-section .question td,
#qa-section .question th {
    text-align: left
}

#qa-section .question td:first-child {
    text-align: center;
    width: 30px;
    color: #555
}

#qa-section .question th,
#qa-section .question td:last-child {
    padding-left: 18px
}

#qa-section .question tr:first-child td:first-child {
    font-size: 18px;
    background: #D3D3D3
}

#qa-section .question tr:last-child td:first-child {
    font-size: 18px;
    background: #E5E5E5
}

#qa-section .question tr:last-child td:last-child {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 22px;
    color: #666
}

#panel-section {
    width: 100%;
    height: 160px;
    background: url(../images/plane.png) center center no-repeat;
    background-size: cover
}

#panel-section .bound div:nth-child(1) {
    width: 240px;
    height: 160px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.2);
}

#panel-section .bound div:nth-child(1) p {
    width: 100%;
    height: 130px;
    padding: 15px 60px;
    text-align: center;
    color: #BEDAE8;
    font-size: 35px;
    font-weight: bold;
    border: 1px solid #fff
}

#panel-section .bound div:nth-child(2) {
    width: 800px;
    height: 140px;
    margin: 10px 40px;
    border: 1px solid #fff
}

#panel-section .bound div:nth-child(2) p {
    width: 65%;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 auto
}

#panel-section .bound div:nth-child(2) p:nth-child(1) {
    border-bottom: 1px solid #fff
}

#home-page #news-section .post img {
    width: 270px;
    height: 180px
}

.buy-box select {
    margin: 10px auto 0;
}

select {
    font-size: 16px !important;
    padding: 2px 5px;
    display: block
}

#type-list-product .box select {
    clear: both;
    display: block;
    margin-top: 10px
}

#ssl-product-page #ssl-hot-section .block .price select {
    margin: 5px auto 0;
}

/*Phone屏幕下的专用样式*/
@media screen and (max-width:1200px) {
    /*common*/
    .titles h2{margin: 7px !important;font-weight: bold!important;font-size: 18px!important;padding-top: unset!important; margin-bottom:17px !important;}
    .titles p{font-size: 11px;clear: both;margin-top:12px;}
    ul,li{list-style: none}
    .title-mobile{width: 100%;text-align: center;}
    .title-mobile h4{font-size: 18px;}
    .title-mobile p{color: #959595}

    #title-product p{width: 100%;font-size: 9px;margin: 0;line-height: 30px;padding-left: 5px;background-color: #E6E7E9;}

    .news-footer{width: 100%;height: 7px;margin:0;background-color: #EFEFF0}

    #header-xs{position: fixed;top: 0;width: 100%;height: 50px;background: #222;z-index: 999}
    #header-xs .logo{margin: 3px 0 0 5px;}
    #header-xs .list-but{margin: 8px 8px 0 0}
    #header-xs a:nth-child(2) img{width: 35px;height: 35px; }
    #header-xs .header-list{width: 50%;margin: 0;left: 50%;right:0!important;padding: 0;border: 0}
    #header-xs .header-list .header-list-title{width: 100%;height: 30px;line-height: 30px;padding-left: 40px;color: #BFBFBF;background-color: #484848}
    #header-xs .header-list li a{width: 100%;height: 35px;padding-left: 50px;line-height: 30px;font-size:12px;background-color: #3B3B3B;color: #fff;border: 1px solid #3B3B3B}
    #header-xs .header-list li a:hover{background-color: #484848}
    /*banner*/
    #banner-mobile-box{position: relative;width:100%;height:160px;overflow: hidden}
    #banner-mobile-box .owl-controls{position: relative;}
    #banner-mobile-box .owl-controls .owl-page span{width: 5px;height: 5px;}
    #banner-mobile-box .owl-controls .owl-page.active span{width: 5px}
    #banner-mobile .owl-item{width: 100%}
    #banner-mobile .owl-item a{text-align: center;width: 100%;height: 160px;margin: auto;display: inline-block}
    #banner-mobile .owl-item:nth-child(1) > a{background: #012554 url(../images/index/banner2.png)  no-repeat center ;background-size: cover}
    #banner-mobile .owl-item:nth-child(2) > a{background: #06070c url(../images/index/cpanel-banner.jpg)  no-repeat center;background-size: cover}
    #banner-mobile .owl-item:nth-child(3) > a{background: #054eaa url(../images/index/banner3.png)  no-repeat center;background-size: cover}
    #banner-mobile .owl-pagination{position: relative;bottom: 40px}
    #banner-mobile .owl-buttons{position: relative;width: 100%;margin: 0 auto;top: -300px}
    #banner-mobile .owl-buttons div{position: absolute;top: 100px;width: 27px;height: 39px;background: center center no-repeat;opacity: 1}

    #banner-mobile-box .advantages{background: rgba(0,0,0,0.2);width: 100%;height: 50px;position: absolute;bottom: 0;z-index: 99}
    #banner-mobile-box .advantages ul{width: 100%;height: 60px;margin: 0 auto;list-style-type: none;padding: 0}
    #banner-mobile-box .advantages ul li{float: left;display: inline-block;box-sizing: border-box;width: 50%;height: 50px;padding-left: 50px;border-right: 1px solid rgba(200,200,200,0.3)}
    #banner-mobile-box .advantages ul li:first-child{border-left: 1px solid rgba(200,200,200,0.3)}
    #banner-mobile-box .advantages ul label{font-size: 10px;color: rgba(255,255,255,0.9);display: block;margin: 7px 0 0 0}
    #banner-mobile-box .advantages ul span{color: rgba(255,255,255,0.7);font-size: 9px}
    #banner-mobile-box .advantages ul li:nth-child(1){background: url(../images/index/icon-1.png) 5px 7px no-repeat;background-size: 33px 35px}
    #banner-mobile-box .advantages ul li:nth-child(2){background: url(../images/index/icon-2.png) 5px 7px no-repeat;background-size: 33px 35px}
    /*#banner-mobile-box .advantages ul li:nth-child(3){background: url(../images-3.png) 36px center no-repeat}*/

    /*product category*/
    #product-category .product-header{width: 100%;text-align: center;}
    #product-category .product-header h4{position: relative;display: inline-block;font-weight: normal;font-size: 16px;padding-bottom: 10px;border-bottom: 1px solid #888}
    #product-category .product-header h4:before{position: absolute;display: inline-block;content: '';background: #43bbf8;width: 40px;height: 3px;bottom: -2px;left: 0}
    #product-category .product-header h4:after{display: block;content: '';clear: both}
    #product-category .product-header h4{clear: right}
    #product-category .product-header .subtitle{text-align: center;font-size: 12px;color: #888;margin-bottom: 10px;}
    #product-category .product-body{width: 100%;height: 400px;margin: 0 auto;}

    #product-category .product{position: relative;padding: 0;margin-bottom: 10px;height: 120px;text-align:center;border: 1px solid #ddd}
    #product-category .product a{color: #666}
    #product-category .product-body .product-box .product:nth-child(2n+1){margin-left: 15px}
    #product-category .product-body .product-box .product:nth-child(2n){float: right;margin-right: 15px}
    #product-category .product-body .product .product-logo{width: 100%;height: 40px;text-align: center;vertical-align: middle;border-bottom: 1px solid #ddd}
    #product-category .product-body .product .product-logo a{display: inline-block}
    #product-category .product-body .product .product-logo a img{width: 90px;height: 40px;}
    #product-category .product-body .product h4{font-size: 11px;font-weight: normal;margin: 10px 0 10px 0}
    #product-category .product-body .product p{font-size: 8px;color: #666}
    #product-category .product-body .product .links{position: absolute;width: 100%;bottom: 0;color: white}
    #product-category .product-body .product .links a{display: inline-block;color: #fff;font-size: 11px;height: 30px;line-height:32px;float: left}
    #product-category .product-body .product .links a:first-child{width: 60%;background: #3bade8;}
    #product-category .product-body .product .links a:last-child{width: 40%;background: #7dca0f;}
    #product-category .product-body .product .links a:last-child:hover{background-color: #E95613}

    /*resolutions*/
    #resolutions-mobile{background: #3bade8;text-align: center;overflow: hidden}
    #resolutions-mobile .bound{width: 94%!important;margin-bottom: 20px;}
    #resolutions-mobile h4{text-align: center;font-size: 16px;color: #fff;font-weight: normal;padding: 20px 0 5px 0}
    #resolutions-mobile .subtitle{text-align: center;font-size: 13px;color: #fff;}

    #resolutions-mobile .resolutions{width: 100%;height: 100px;}
    #resolutions-mobile .resolution{position: relative;text-align: center;display: block;width: 25%;height: 120px;padding: 5px 5px;float: left;background-size: cover}
    #resolutions-mobile .resolution i{display: block;width: 100px;height: 80px;background: url(../images/resolve-icons.png) no-repeat;}
    #resolutions-mobile .resolution a{display: block;color: white;font-size: 10px;text-decoration: none}
    #resolutions-mobile .resolution:nth-child(1){background: url(../images/resolution-1.png);}
    #resolutions-mobile .resolution:nth-child(1) i{background: url(../images/resolutions-1.png) 20px center no-repeat;background-size: 45px 35px}
    #resolutions-mobile .resolution:nth-child(2){background: url(../images/resolution-2.png);}
    #resolutions-mobile .resolution:nth-child(2) i{background: url(../images/resolutions-3.png) 20px center no-repeat;background-size: 45px 35px}
    #resolutions-mobile .resolution:nth-child(3){background: url(../images/resolution-3.png)}
    #resolutions-mobile .resolution:nth-child(3) i{background: url(../images/resolutions-2.png) 25px center no-repeat;background-size: 35px 35px}
    #resolutions-mobile .resolution:nth-child(4){background: url(../images/resolution-4.png)}
    #resolutions-mobile .resolution:nth-child(4) i{background: url(../images/resolutions-4.png) 20px center no-repeat;background-size: 45px 35px}

    /*bolg*/
    #news-mobile .news-box{width: 100%;margin: 0;padding: 0}
    #news-mobile .news-box li{width: 100%;height: 110px;padding: 10px 5px;border-top:1px solid #959595}
    #news-mobile .news-box li p{font-size: 13px;}
    #news-mobile .news-box li a{font-size: 10px;color: #959595}
    /*partners*/
    #partners-mobile{width: 100%;padding-bottom: 15px;background: #EFEFF0}
    #partners-mobile .bound{width: 100%!important}
    #partners-mobile h2{text-align: center;font-size: 16px;color: #000;font-weight: normal;padding: 30px 0 5px 0}
    #partners-mobile .subtitle{text-align: center;font-size: 11px;color: #555;margin-bottom: 15px}
    #partners-mobile .partners{position: relative;display: block;width: 100%;margin: auto;text-align: center;overflow: hidden}
    #partners-mobile .partners a{display: inline-block;overflow: hidden;width: 27%;height: 40px;margin: 5px 10px;}
    #partners-mobile .partners a:nth-child(1){background: url(../images/index/partners-1.png) center center no-repeat;background-size: 110px 40px;}
    #partners-mobile .partners a:nth-child(2){background: url(../images/index/partners-2.png) center center no-repeat;background-size: 105px 40px;}
    #partners-mobile .partners a:nth-child(3){background: url(../images/index/partners-3.png) center center no-repeat;background-size: 110px 40px;}
    #partners-mobile .partners a:nth-child(4){background: url(../images/index/partners-4.png) center center no-repeat;background-size: 110px 40px;}
    #partners-mobile .partners a:nth-child(5){background: url(../images/index/partners-5.png) center center no-repeat;background-size: 110px 40px;}
    #partners-mobile .partners a:nth-child(6){background: url(../images/index/partners-6.png) center center no-repeat;background-size: 110px 40px;}
    #partners-mobile .partners a:nth-child(7){background: url(../images/index/partners-7.png) center center no-repeat;background-size: 110px 40px;}
    #partners-mobile .partners a:nth-child(8){background: url(../images/index/partners-8.png) center center no-repeat;background-size: 120px 40px;}
    #partners-mobile .partners a:nth-child(9){background: url(../images/index/partners-9.png) center center no-repeat;background-size: 120px 40px;}
    /*content*/
    #contact-mobile{background: #3bade8 url(../images/contact-us-bg.png) center center repeat;height: 110px;color: white;text-align: center;overflow: hidden}
    #contact-mobile h2{font-size: 16px;margin: 22px 0 15px 0 !important}
    #contact-mobile p{font-size: 11px;margin-bottom: 20px}
    /*footer*/
    #footer-mobile{overflow: hidden;padding-bottom: 10px;background-color: #333}
    #footer-mobile .list-group-item{cursor: pointer;background-color: #222;color: #fff;border: 1px solid #303030}
    #footer-mobile a span{float: right;padding-top: 3px}
    #footer-mobile .footer-plane{width: 100%;height:95px;padding:  10px 15px;background-color: #303030;}
    #footer-mobile .footer-plane li{float: left;width: 50%;padding:5px 0}
    #footer-mobile .footer-plane li a{color: #fff;background-color: #303030;}
    #footer-mobile .code-module{text-align: center}
    #footer-mobile .code{width: 100px;height: 100px;margin: 10px auto;background: url(../images/code.png) center center no-repeat;background-size: 100px 100px;}
    #footer-mobile .code-module span{color: #fff}
    #footer-mobile .left-part{width: 100%;padding-left: 10px;}
    #footer-mobile .left-part .links label{margin-top: 10px;color: #fff}
    #footer-mobile .left-part .links a{color: #9D9D9D;margin: 10px 5px;}
    #footer-mobile .left-part .info{color: #9D9D9D}
    #footer-mobile .left-part .info font{margin: 0 15px;}

    /*whmcs*/
    #top-section{background: #387DB6;color: white;}
    #top-section .bound{height:160px;padding: 10px 0 0 0px;background: url(../images/whmcs-banner.png) center center no-repeat;background-size: cover}
    #top-section img{margin: 10px 0 23px 0;height: 20px}
    #top-section h1{margin: 0;font-weight: bold;font-size: 15px;margin-bottom: 10px}
    #top-section p{font-size: 11px;max-width: 180px;color: #E1E4F3}
    #cpanel-page #top-section .bound{background: url(../images/cpanel-banner.jpg) center center no-repeat;background-size: cover}
    #products-section{padding-top: 20px;}

    #plesk-page #top-section {background: url(../images/plesk-banner.jpg) center center no-repeat;background-size: cover}
    #plesk-page #top-section .bound{background-image: none;padding-top: 20px;}
    #plesk-page #top-section .bound h2{width: 220px;margin: 0;margin-bottom: 5px;font-size: 14px}
    #plesk-page #top-section .bound h2:nth-child(2){font-size: 22px}
    #plesk-page #top-section .bound h2 span{color:#F36A34;font-weight: bold}
    #plesk-page #top-section .bound ul{padding-left: 15px;list-style-type: disc}
    #plesk-page #top-section .bound ul li{list-style-type: disc;margin: 5px 0;font-size: 12px;}

    #ssl-page #top-section {background: url(../images/icon/ssl-banner.jpg) center center no-repeat;background-size: cover}
    #ssl-page #top-section .bound{background-image: none;padding-top: 20px;}
    #ssl-page #top-section .bound h2{width: 220px;margin: 0;margin-bottom: 5px;font-size: 20px}
    #ssl-page #top-section .bound h2:nth-child(1){font-size: 22px;font-weight: bold}
    #ssl-page #top-section .bound h2 span{color:#F36A34;font-weight: bold}
    #ssl-page #top-section .bound ul{padding-left: 15px;width: 240px;list-style-type: disc}
    #ssl-page #top-section .bound ul li{float:left;width: 50%;list-style-type: disc;margin: 5px 0;font-size: 12px;}


    #ssl-product-page #features-section{padding: 15px 10px}
    #ssl-product-page #features-section table td,#ssl-product-page #features-section table th{border: 1px solid #e1e1e1}
    #ssl-product-page #features-section table th{width: 50%; white-space:nowrap;}
    #ssl-product-page #features-section table td{padding-left: 15px;}

    #ssl-product-page .section h2{font-size: 18px;text-align: center;margin: 30px 0 30px 0}
    #ssl-product-page #certificate-images-section .inner{padding: 10px}
    #ssl-product-page #certificate-images-section img{width: 80%;margin: 5px 0}
    #ssl-product-page #certificate-images-section{padding-bottom: 10px}

    #products-section .product{display: inline-block;position: relative;width: 160px;height: 240px;margin-bottom: 10px;border: 1px solid #e1e1e1;background: #fff url(../images/whmcs.png) center 4px no-repeat;background-size: 80px 35px}
    #products-section .product div{position: absolute;bottom: 0;left: -1px;width: 160px;background-color: #3BACE6;color: white;height: 38px;}
    #products-section .product div a{position: absolute;top: 0;display: block;line-height: 38px;font-size: 16px;text-align: center;color: white}
    #products-section .product div a:first-child{width: 90px}
    #products-section .product div a:last-child{width: 70px;right: 0;background: #7CCA1D}
    #products-section .product div a:last-child:hover{background: #E75414}
    /*#products-section .bound > div:nth-child(2){margin: 0 5px}*/
    #products-section h3{margin-top: 40px;display: block;background: #38ACE6;color: white;line-height: 40px;font-size: 14px;font-weight: normal}
    #products-section ul{padding: 5px 0 24px 0}
    #products-section li{float: left;width: 100%;text-align: left;font-size: 13px;margin-bottom: 8px}
    #products-section li:before{content: '';width: 15px;height: 15px;line-height: 30px;background: url(../images/blue-right.png) center center no-repeat;padding:5px;margin:0 5px;display: inline-block}
    #products-section li:after{content: '';display: block;width: 380px;height: 0;clear: both}
    #products-section label{font-size: 25px;color: #E75414}
    #cpanel-page #products-section .product{background: #fff url(../images/cpanel.png) center 4px no-repeat;background-size: 100px 30px}

    #whmcs-page #partners-section .titles{color: #fff!important}
    #whmcs-page #partners-section{padding-top: 20px;background: url(../images/about-us.png) center center no-repeat ;overflow: hidden;text-align: center}
    #whmcs-page #partners-section h2{font-weight: normal;font-size: 26px;margin: 70px 0}
    #whmcs-page #partners-section a{display: inline-block;width: 85px;height: 40px;margin-right: 5px;background: white;margin-bottom: 15px;}
    #whmcs-page #partners-section .aliyun{background: #fff url(../images/aliyun.png) center center no-repeat;background-size: 80px 35px;}
    #whmcs-page #partners-section .baidu-cloud{background: #fff url(../images/baidu-cloud.png) center center no-repeat;background-size: 80px 35px}
    #whmcs-page #partners-section .tencent-cloud{background: #fff url(../images/tencent-cloud.png) center center no-repeat;background-size: 80px 35px}
    #whmcs-page #partners-section .qcloud{background: #fff url(../images/qcloud.png) center center no-repeat;background-size: 80px 35px}
    #whmcs-page #partners-section a:last-child{margin-right: 0}

    #plesk-page #price-section{background-color: #f6f6f6;}
    #plesk-page #price-section .select-tabs{font-size: 0;text-align: center;padding: 10px 0;}
    #plesk-page #price-section .select-tabs .select-tab{display: inline-block;margin-right: 35px;margin-left: 35px;height: 50px;line-height: 50px}
    #plesk-page #price-section .select-tabs .select-tab .option{cursor: pointer;display: inline-block;width: 90px;height: 35px;line-height: 35px;text-align: center;font-size: 13px;background-color: #e6e7e9;color: #7d7e82}
    #plesk-page #price-section .select-tabs .select-tab .option.left{border-bottom-left-radius: 10px;border-top-left-radius: 10px}
    #plesk-page #price-section .select-tabs .select-tab .option.right{border-bottom-right-radius: 10px;border-top-right-radius: 10px}
    #plesk-page #price-section .select-tabs .select-tab .option.active{background-color: #3BADE9;color: #fff}
    #plesk-page #price-section .display-page{text-align: center}
    #plesk-page #price-section .display-page .item{display: inline-block;background-color: #fff;box-shadow: 0 0 5px #808080;border-radius: 5px;margin-right: 5px;margin-bottom: 5px;margin-left: 5px;width: 45%}
    #plesk-page #price-section .display-page .item .title{font-size: 16px;height: 40px;line-height: 40px;color: #666}
    #plesk-page #price-section .display-page .item .content{display: block;height: 65px;color: #fff;background-color: #52bce6;padding-top: 5px;box-sizing: border-box}
    #plesk-page #price-section .display-page .item .content .price .number{display: inline-block;font-size: 18px;margin-bottom: 10px}
    #plesk-page #price-section .display-page .item .content .price .currency{display: inline-block;font-size: 18px}
    #plesk-page #price-section .display-page .item .content .summarize{font-size: 11px}
    #plesk-page #price-section .display-page .item .detail{display: block;font-size: 11px;padding-top: 10px;}
    #plesk-page #price-section .display-page .item .detail ul{padding-left: 0;display: inline-block}
    #plesk-page #price-section .display-page .item .detail ul li{list-style: circle inside url('../images/check-size-10.png');height: 16px;line-height: 16px;text-align: left;color: #808080;margin-top: 10px;}
    #plesk-page #price-section .display-page .item .detail ul li.cross{list-style: circle inside url('../images/cross-size-10.png')}
    #plesk-page #price-section .display-page .item .detail ul li.plus{list-style: circle inside url('../images/plus-size-16.png')}
    #plesk-page #price-section .display-page .item .action{display: block;font-size: 13px;text-align: center;padding-top: 10px;padding-bottom: 10px}
    #plesk-page #price-section .display-page .item .action .link{display: inline-block;border-radius: 5px;width: 70px;height: 30px;line-height: 30px;text-align: center;color: #fff;background-color: #59bb41}
    #plesk-page #demo-link{padding:15px 0}

    #plesk-page #quick-access-bar{text-align: center;padding-bottom: 30px}
    #plesk-page #quick-access-bar table,#plesk-page #quick-access-bar th,#plesk-page #quick-access-bar td{border: 1px solid #e6e6e6}
    #plesk-page #quick-access-bar table{border-collapse: collapse}
    #plesk-page #quick-access-bar table tr th{box-sizing: border-box;width: 100%;padding: 10px 20px;font-size: 15px;color: #56bce6;background: #eff8fd}
    #plesk-page #quick-access-bar table tr td{font-size: 0;box-sizing: border-box;width: 600px;vertical-align: top;padding: 10px}
    #plesk-page #quick-access-bar .wrapper{display: inline-block}
    #plesk-page #quick-access-bar .image-block{display: inline-block;width: 65px;height: 30px;background-size: 70px 34px;background-repeat: no-repeat;background-position: center;box-shadow: 0 0 5px #808080;margin-right: 15px}
    #plesk-page #quick-access-bar .bisend-logo{background-image: url(../images/bisend-logo.png);margin-top: 25px;vertical-align: top}
    #plesk-page #quick-access-bar .aliyun-logo{background-image: url(../images/aliyun-logo.png);margin-top: 25px;vertical-align: top}
    #plesk-page #quick-access-bar .words-block{width: 270px;display: inline-block;font-size: 11px;text-align: left;line-height: 24px;color: #808080}
    #plesk-page #quick-access-bar .others{font-size: 11px;text-align: left;padding-left: 15px}
    #plesk-page #quick-access-bar .others span{color: #808080}
    #plesk-page #quick-access-bar .others a{display: inline-block;color: #56bce6;margin-right: 10px}

    #cpanel-page #reason-section{padding: 10px 0;background-color: #F5F5F5;}
    #cpanel-page #reason-section .bound .reason div{display:inline-block;width: 100%;padding: 10px 15px;border-top: 5px solid #42B3ED;background-color: #fff}
    #cpanel-page #reason-section .bound .reason div label{font-size: 18px}
    #cpanel-page #reason-section .bound .reason div p{margin: 10px 0}

    #ssl-hot-section{background: #EAEAEA;padding: 0 0 10px 0;text-align: center;overflow: hidden}
    #ssl-hot-section h2{font-size: 24px;font-weight: normal;margin-top: 70px;margin-bottom: 40px;line-height: 1.1;color: #333}
    #ssl-hot-section .block{display: inline-block;background: white;float: left;width: 45%;margin-left: 13px;margin-bottom:10px;height: 380px;border: 1px solid #ddd;position: relative}
    #ssl-hot-section .block .level{height: 60px;line-height: 60px;font-size: 11px;color: #555;display: inline-block}
    #ssl-hot-section .block .level:after{position: relative;top: 2px;content: '';height: 20px;display: inline-block;width: 90px;background: url(../images/blue-lock.png) left center repeat-x}
    #ssl-hot-section .block .level.level-5:after{width: 90px}
    #ssl-hot-section .block .level.level-4:after{width: 84px}
    #ssl-hot-section .block .level.level-3:after{width: 63px}
    #ssl-hot-section .block .level.level-2:after{width: 42px}
    #ssl-hot-section .block .level.level-1:after{width: 21px}
    #ssl-hot-section .block .logo{width: 100%;height: 45px;margin: 0 auto;line-height: 45px}
    #ssl-hot-section .block img{max-width: 120px;max-height: 30px}
    #ssl-hot-section .block h3{display: block;width: 100%;height: 65px;box-sizing: border-box;background: #3bade8;padding-top: 5px;line-height: 30px;color: white;font-weight: normal;font-size: 13px;margin: 0}
    #ssl-hot-section .block h3 span{display: block}
    #ssl-hot-section .block h3 a{color: white}
    #ssl-hot-section .block ul{height: 110px;border-bottom: 1px solid #ddd;padding: 0;margin: 0;list-style-type: none;font-size: 16px}
    #ssl-hot-section .block ul li{display: inline-block;width: 100%;margin-bottom: 14px;font-size: 11px}
    #ssl-hot-section .block ul li:before{position: relative;content: '';display: inline-block;width: 15px;height: 15px;background: url(../images/blue-right.png) center center no-repeat;top: 4px;margin-right: 5px}
    #ssl-hot-section .block ul li:after{content: '';display: block;clear: both;width: 284px;height: 1px}
    #ssl-hot-section .block .links{position: absolute;width: 100%;left: -1px;bottom: 0;height: 40px;background: #3bade8}
    #ssl-hot-section .block .links a{display: inline-block;height: 40px;line-height: 40px;color: white;font-size: 12px}
    #ssl-hot-section .block .links a:first-child{width: 60%}
    #ssl-hot-section .block .links a:last-child{background: #7DCA0E;float: right;width: 40%}
    #ssl-hot-section .block .links a:last-child:hover{background: #e75414}
    #ssl-hot-section .block .price strong{display: block;font-size: 18px;font-weight: normal;color: #e75414}
    #ssl-hot-section .block .price del{font-size: 13px;color: #AAA}
    #ssl-hot-section .block:last-child{margin-right: 0}



    #type-ssl-page #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white;background: #3bace6 url(../images/ssl-type/product-top-section-bg.png) center center repeat; }
    .dv-ssl > #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white; background: url(/ssl/images/dv_banner_mix.jpg) center center repeat !important;background-size: cover !important;background-position: -69px 0px !important;}
    .ev-ssl > #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white; background: url(/ssl/images/ev_banner_mix.jpg) center center repeat !important;background-size: cover !important;
        background-position: -69px 0px !important;}
    .ov-ssl > #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white; background: url(/ssl/images/ov_banner_mix.jpg) center center repeat !important;}
    .wildcard-ssl > #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white; background: url(/ssl/images/wildcard_banner_mix.jpg) center center repeat !important;}
    .multi-domain-ssl > #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white; background: url(/ssl/images/multi_banner_mix.jpg) center center repeat !important;}
    .code-sign-ssl > #top-sections{box-sizing: border-box;height: 190px;padding: 0 10px;color: white; background: url(/ssl/images/code_banner_mix.jpg) center center repeat !important;}

    #brand-ssl-page #top-sections{box-sizing: border-box;height: auto;padding: 0 16px;color: white; }

    #type-ssl-page #top-sections .bound,#brand-ssl-page #top-sections .bound{width: 100%;height: auto;}
    #type-ssl-page #top-sections h1,#brand-ssl-page #top-sections h1{font-size: 18px;padding: 15px 0 6px 0;margin: 0;font-weight: normal}
    #brand-ssl-page #top-sections h1{font-size: 20px}
    #type-ssl-page #top-sections p,#brand-ssl-page #top-sections p{width: 100%;line-height: 18px;font-size: 11px}
    #brand-ssl-page #top-sections p{font-size: 12px;letter-spacing: 1px;}
    #type-ssl-page #top-sections a,#brand-ssl-page #top-sections a{color: white}


    #ssl-product-list-mobile{width: 100%;padding: 10px 0;}
    #ssl-product-list-mobile .bound dl{margin-bottom: 5px!important;}
    #ssl-product-list-mobile .bound dl img{height: 35px}
    #ssl-product-list-mobile .bound dt{display: block;width: 100%;height: 35px;margin-bottom: 1px;line-height: 35px;text-align: center;background-color: #F7F7F7;}
    #ssl-product-list-mobile .bound dd{position: relative;width: 100%;height: 120px;}
    #ssl-product-list-mobile .bound dd label{width: 100%;height: 35px;line-height: 35px;padding-left: 10px;margin: 0;background-color: #EDEDED;}
    #ssl-product-list-mobile .bound dd ul{width: 100%;height: 75px;padding: 5px;background-color: #F7F7F7;}
    #ssl-product-list-mobile .bound dd ul li{display: inline-block;width: 32%;vertical-align: top;margin: 5px 0;font-size: 11px}
    #ssl-product-list-mobile .bound dd a{position: absolute;right: 15px;bottom: 20px;width: 60px;height: 30px;font-size: 11px;text-align: center;color: #fff;border-radius: 5px;line-height: 30px;background-color: #FF6600}

    #ssl-product-page #top-section .info .prop-table td{font-size: 11px;line-height: 0px;}

    .brand-ssl-page .ssltrus .type-list ul li:last-child p{line-height: 44px !important; }
    
    #type-ssl-page #reason-mobile{background-color: #ECECEC;text-align: center;padding: 15px}
    #type-ssl-page #reason-mobile table{background: white}
    #type-ssl-page #reason-mobile td:nth-child(1){border-bottom: 10px solid #ECECEC}
    #type-ssl-page #reason-mobile td{padding: 10px 0 20px 0;vertical-align: top;border-right: 1px solid #e1e1e1}
    #type-ssl-page #reason-mobile td h3{margin-bottom: 16px;font-size: 18px}
    #type-ssl-page #reason-mobile td .img{height: 120px;width: 70%;margin: auto;background-position: center center;background-repeat: no-repeat}
    #type-ssl-page #reason-mobile td p{margin: 0 auto 25px auto;text-align: left;line-height: 25px;font-size: 13px;width: 90%}

    #brand-ssl-page #compare-section table,#brand-ssl-page #compare-section table a,#brand-ssl-page #compare-section table th{font-size: 11px;}
    #brand-ssl-page #compare-section table{margin-bottom: 15px}
    #brand-ssl-page #compare-section table tr {width: 40px;height: 40px}

    #brand-ssl-page #introduction-section .introduction{margin: 10px auto;}
    #brand-ssl-page #introduction-section .introduction img{width: 100%!important;}
    #brand-ssl-page #introduction-section .introduction td p{font-size: 14px}
    #brand-ssl-page #introduction-section .introduction td:last-child,#brand-ssl-page #introduction-section .bound{padding: 10px}

    #ssl-product-page #top-section .bound{background-image: none;}
    /* #ssl-product-page #top-section{padding: 5px} */
    #ssl-product-page #top-section .info{position: static;width: 95%;height: 300px;background: white;margin: 0px auto; float: unset;}

    #ssl-product-page #top-section .info .logo img{height: 35px;width: auto;margin: 0 auto}
    #ssl-product-page #top-section .info .inner{padding: 0 10px}
    #ssl-product-page #top-section .info .prop-table tr{height: 40px}
    #ssl-product-page #top-section .info .prop-table th{font-size: 14px;font-weight: normal;color: #555;width: 20%}

    #ssl-product-page #advantage-section{background: #ECECEC;padding-top: 0;padding-bottom: 20px}
    #ssl-product-page #advantage-section .advantages{background: white;padding: 20px 10px 10px 10px;text-align: left;width: 100%;}
    #ssl-product-page #advantage-section .advantages h3{margin-top: 10px;font-size: 15px;font-weight: normal}
    #ssl-product-page #advantage-section .advantages div{float: left;width: 100%;box-sizing: border-box;overflow: hidden;margin-bottom: 5px;padding: 0 20px 0 10px;border: 0;-moz-box-shadow:0px 0px 2px #333333; -webkit-box-shadow:0px 0px 2px #333333; box-shadow:0px 0px 2px #333333;}
    #ssl-product-page #advantage-section .advantages div:nth-child(2n+1){clear: left}
    #ssl-product-page #advantage-section .advantages div:nth-child(2n):after{display: block;content: '';clear: both}
    #ssl-product-page #advantage-section .advantages div p{font-size: 11px}
    #ssl-product-page #advantage-section .advantages:after{display: block;clear: both;content: ''}

    .solution-page #top-sections{background: #000 url(../images/banner.png) center center no-repeat;background-size: cover;padding: 15px;color: white;height: 180px;overflow: hidden}
    .solution-page #top-sections h2{position: relative;display: inline-block;font-weight: normal;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #888}
    .solution-page #top-sections h2:before{position: absolute;display: inline-block;content: '';background: #43bbf8;width: 40px;height: 3px;bottom: -2px;left: 0}
    .solution-page #top-sections h2:after{display: block;content: '';clear: both}
    .solution-page #top-sections h1{font-weight: normal;font-size: 18px;margin-top: 0px}
    .solution-page #top-sections p{width: 100%;line-height: 20px;font-size: 11px;margin: 10px 0}
    .solution-page #top-sections a{display: inline-block;line-height: 28px;border: 1px solid #fff;font-size: 13px;text-align: center;color: white;padding: 0 15px}

    .solution-page #top-section .bound{background-image: none}
    .solution-page #products-sections{background: #EAEAEA;padding: 10px 0 20px 0}
    .solution-page #products-sections h2{position: relative;display: inline-block;font-weight: normal;font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #888}
    .solution-page #products-sections h2:before{position: absolute;display: inline-block;content: '';background: #43bbf8;width: 40px;height: 3px;bottom: -2px;left: 0}
    .solution-page #products-sections h2:after{display: block;content: '';clear: both}
    .solution-page #products-sections .products{overflow: hidden;padding-top: 40px}
    .solution-page #products-sections .product{display: inline-block;float: left;margin: 0 5px 5px 5px;width: 47%;height: 234px;border: 1px solid #ddd;text-align: center;background: white;position: relative}

    .solution-page #products-sections .product .logo{display: table-cell;width: 100%;height: 78px;vertical-align: middle}
    .solution-page #products-sections .product .logo a{display: inline-block}
    .solution-page #products-sections .product .logo a img{width: 100%}
    .solution-page #products-sections .product p{padding: 0 6px;display: block;box-sizing: border-box;margin-bottom: 0;border-bottom: 1px solid #ddd;line-height: 20px;height: 60px;font-size: 11px;color: #888}
    .solution-page #products-sections .product .price{display: block;color: #e75414;font-size: 24px;line-height: 45px}
    .solution-page #products-sections .product .buy{position: absolute;background: #43bbf8;bottom: -1px;left: -1px;width: 100%;line-height: 40px;color: white;font-size: 16px}
    .solution-page #products-sections .product .buy:hover{background: #e75414}
    .solution-page #products-sections .product:nth-child(even){margin-right: 0}

    .solution-page #introduce-section{overflow: hidden}
    .solution-page #introduce-section h2{position: relative;display: inline-block;font-weight: normal;font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #888}
    .solution-page #introduce-section h2:before{position: absolute;display: inline-block;content: '';background: #43bbf8;width: 40px;height: 3px;bottom: -2px;left: 0}
    .solution-page #introduce-section h2:after{display: block;content: '';clear: both}
    .solution-page #introduce-section h2{margin: 30px 0!important}
    .solution-page #introduce-section img{float: left;width: 100%}
    .solution-page #introduce-section .introduce{width: 100%;float: right;background: #F5F5F5;padding: 10px 30px 0 10px;box-sizing: border-box}
    .solution-page #introduce-section .introduce h3{font-weight: bold;font-size: 18px;margin-bottom: 10px}
    .solution-page #introduce-section .introduce ul{list-style-type: none;margin-bottom: 20px;padding: 0}
    .solution-page #introduce-section .introduce li,.solution-page #introduce-section .introduce p{font-size: 14px;line-height: 22px;color: #555}
    .solution-page #introduce-section .introduce p{margin-bottom: 10px}
    .solution-page #introduce-section .introduce a{display: inline-block;line-height: 30px;padding: 0 20px;color: white;font-size: 13px;background: #43bbf8;margin-bottom: 10px}

    .solution-page #feature-section{overflow: hidden;padding-top: 15px}
    .solution-page #feature-section h2{position: relative;display: inline-block;font-weight: normal;font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #888}
    .solution-page #feature-section h2:before{position: absolute;display: inline-block;content: '';background: #43bbf8;width: 40px;height: 3px;bottom: -2px;left: 0}
    .solution-page #feature-section h2:after{display: block;content: '';clear: both}
    .solution-page #feature-section .features{padding: 40px 0 20px 0;overflow: hidden}
    .solution-page #feature-section .features div{display: inline-block;position: relative;width: 100%;float: left;margin-right: 2%;margin-bottom: 10px;padding-left: 100px;box-sizing: border-box}
    .solution-page #feature-section .features div:before{position: absolute;display: block;content: '';width: 80px;height: 80px;left: 5px;top: 0;border: 1px solid #ccc;border-radius: 4px;background-image: url(../images/tb.png);background-position-y: 8px;background-repeat: no-repeat}
    .solution-page #feature-section .features div:nth-child(3n+3){margin-right: 0}
    .solution-page #feature-section .features div:nth-child(1):before{background-position-x: 10px}
    .solution-page #feature-section .features div:nth-child(2):before{background-position-x: -90px}
    .solution-page #feature-section .features div:nth-child(3):before{background-position-x: -190px}
    .solution-page #feature-section .features div:nth-child(4):before{background-position-x: -290px}
    .solution-page #feature-section .features div:nth-child(5):before{background-position-x: -390px}
    .solution-page #feature-section .features div:nth-child(6):before{background-position-x: -490px}
    .solution-page #feature-section .features label{display: block;font-size: 13px;line-height: 18px;margin: 5px 0}
    .solution-page #feature-section .features span{line-height: 24px}

    .solution-page #example-section{background: #eaeaea;padding: 10px 0 20px 0}
    .solution-page #example-section h2{position: relative;display: inline-block;font-weight: normal;font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #888}
    .solution-page #example-section h2:before{position: absolute;display: inline-block;content: '';background: #43bbf8;width: 40px;height: 3px;bottom: -2px;left: 0}
    .solution-page #example-section h2:after{display: block;content: '';clear: both}
    .solution-page #example-section h2{margin-bottom: 40px}
    .solution-page #example-section .examples{margin-top: 20px}
    .solution-page #example-section .examples div{overflow: hidden;display: inline-block;width: 48%;height: 150px;margin-right: 10px;border: 1px solid #dcdcdc;background: white;text-align: center}
    .solution-page #example-section .examples div img{display: block;height: 45px;margin: 10px auto 10px auto}
    .solution-page #example-section .examples div label{font-size: 18px;margin-bottom: 20px;display: block}
    .solution-page #example-section .examples div label a{color: #333}
    .solution-page #example-section .examples div span{font-size: 14px;display: block;color: #555}
    .solution-page #example-section .examples div:hover{border-color: #3bade8}
    .solution-page #example-section .examples div:nth-child(2n+2){margin-right: 0}
    .solution-page #qa-section{padding: 10px 0}
    .solution-page #qa-section .bound .titles{margin-bottom: 20px}

    #advantage-section{padding-top: 20px}
    #advantage-section .advantages div{display: inline-block;vertical-align:top;width: 46%;margin-bottom: 25px;border: 1px solid #E7E7E7}
    #advantage-section .advantages div:nth-child(1) i{background-size: 80px 80px}
    #advantage-section .advantages div:nth-child(2) i{background-size: 80px 80px}
    #advantage-section .advantages div:nth-child(3) i{background-size: 80px 80px}
    #advantage-section .advantages div:nth-child(4) i{background-size: 80px 80px}
    #advantage-section .advantages div:nth-child(5) i{background-size: 80px 80px}
    #advantage-section .advantages div:nth-child(6) i{background-size: 80px 80px}
    #advantage-section h2{margin: 15px 0 20px 0;font-weight: normal;font-size: 22px}
    #advantage-section i{width: 124px;height: 120px;display: inline-block}
    #advantage-section label{display: block;font-size: 17px;margin: 10px 0 10px 0}
    #advantage-section span{display: inline-block;word-break:break-all;height:150px; white-space:pre-wrap;font-size: 12px;line-height: 24px;width: 98%}
    #qa-section{padding: 5px 0}
    #qa-section .question th{font-size: 14px;}
    #qa-section .question tr:last-child td:last-child{font-size: 12px;}

    #panel-section{height: 120px;}
    #panel-section .bound div:nth-child(2){width: 100%;height: 100px;margin: 10px 0}
    #panel-section .bound div:nth-child(2) p{width: 85%;height: 50px;line-height:50px;font-size: 11px;font-weight: bold;color: #fff;text-align:center;margin: 0 auto}
    #panel-section .bound div:nth-child(2) p:nth-child(1){border-bottom: 1px dashed #6AC5F6}

    #content-mobile .box{width:100%;padding: 5px 0;margin-bottom: 10px;background-color: #fff}
    #content-mobile{width:100%;padding: 10px;background-color: #F1F1F1}
    #content-mobile .top div {display:inline-block;width: 32%;text-align: center;padding-top: 20px;}
    #content-mobile .top div img{width: 70px;height: 70px;}
    #content-mobile .top div p{font-size: 11px}
    #content-mobile .phone{padding-left: 20px;font-weight: normal}
    #content-mobile .address{padding: 20px;}
    #content-mobile .address img{width: 100%;height: 180px}

    #payment-mobile{width:100%;padding: 10px;background-color: #F1F1F1}
    #payment-mobile .box{width:100%;padding: 5px 0;background-color: #fff;border-bottom: 1px solid #F1F1F1}
    #payment-mobile .box img{width: 180px;margin: 5px 0}
    #payment-mobile .title{width: 100%;height: 30px;line-height: 30px;margin: 0;font-weight:normal;border-bottom: 1px solid #F1F1F1}
    #payment-mobile .nav{width: 100%;line-height: 30px;text-align: left;padding-left: 30px;margin: 0;font-weight:normal;background-color: #F7F7F7;border:1px solid #F1F1F1}
    #payment-mobile .content{width: 100%;padding-bottom: 5px;padding-top:15px;text-align: left;padding-left: 30px;font-size: 12px}
    #payment-mobile .sbox{text-align: left;padding-left: 30px}
    #payment-mobile .sbox img{width: 120px;height:40px;margin: 15px 0}
    #payment-mobile .wechat img{width: 30px;height:30px;margin: 15px 0}
    #payment-mobile .title{text-align: center}
    #payment-mobile .invoice{text-align: left;padding-left: 30px;padding-top: 10px}
    #payment-mobile .invoice p{margin:5px 0}

    #ssl-product-page #top-section .multi-domain-prop-table .level{margin:0}
    #ssl-product-page #top-section .multi-domain-prop-table tr:first-child td{font-size: 12px}
    #ssl-product-page #top-section .multi-domain-prop-table th{color:#555}

}

/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:991px) {
    .titles h2 {
        margin: 0 !important;
        font-weight: bold;
        font-size: 22px !important;
    }

    .titles p {
        font-size: 11px;
        margin: 5px 0 35px 0;
        clear: both
    }

    #content .section>.bound {
        width: 100%;
    }


    #panel-section .bound div:nth-child(2) {
        width: 400px;
        height: 110px;
        margin: 30px 30px;
        border: 0
    }

    #panel-section .bound div:nth-child(2) p {
        width: 85%;
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin: 0 auto
    }

    #panel-section .bound div:nth-child(2) p:nth-child(1) {
        border-bottom: 1px dashed #6AC5F6
    }

    #products-section {
        padding: 20px 0;
    }

    #products-section h4 {
        margin: 0;
        font-weight: bold;
        font-size: 20px
    }

    #products-section p {
        font-size: 11px;
        clear: both
    }

    #products-section .product {
        display: inline-block;
        position: relative;
        width: 230px;
        height: 240px;
        border: 1px solid #e1e1e1;
        background: #fff url(../images/whmcs.png) center 4px no-repeat;
        background-size: 80px 35px
    }

    #products-section .product div {
        position: absolute;
        bottom: 0;
        left: -1px;
        width: 230px;
        background-color: #3BACE6;
        color: white;
        height: 40px
    }

    #products-section .product div a {
        position: absolute;
        top: 0;
        display: block;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        color: white
    }

    #products-section .product div a:first-child {
        width: 150px
    }

    #products-section .product div a:last-child {
        width: 80px;
        right: 0;
        background: #7CCA1D
    }

    #products-section .product div a:last-child:hover {
        background: #E75414
    }

    #products-section .bound>div:nth-child(2) {
        margin: 0 22px
    }

    #products-section h3 {
        margin-top: 40px;
        display: block;
        background: #38ACE6;
        color: white;
        line-height: 40px;
        font-size: 14px;
        font-weight: normal
    }

    #products-section ul {
        padding: 5px 0 24px 0
    }

    #products-section li {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 15px;
        margin-bottom: 8px
    }

    #products-section li:before {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../images/blue-right.png) center center no-repeat;
        margin-right: 12px;
        display: inline-block
    }

    #products-section li:after {
        content: '';
        display: block;
        width: 380px;
        height: 0;
        clear: both
    }

    #products-section label {
        font-size: 25px;
        color: #E75414
    }

    #cpanel-page #products-section .product {
        background: #fff url(../images/cpanel.png) center 5px no-repeat;
        background-size: 100px 30px
    }

    #whmcs-page #products-section .bound>div:nth-child(2) {
        margin: 0
    }

    #whmcs-page #products-section li {
        height: 22px
    }

    #whmcs-page #products-section li:before {
        margin-left: 35px
    }

    .top-wrapper .top-content {
        width: 768px;
        height: 50px;
    }

    /*banner*/
    #myCarousel .carousel-inner a img {
        width: 100%;
        height: 280px !important;
    }

    #myCarousel .advantages {
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 70px;
        position: absolute;
        bottom: 0;
        z-index: 99
    }

    #myCarousel .advantages ul {
        width: 100%;
        height: 70px;
        margin: 0 auto;
        list-style-type: none;
        padding: 0
    }

    #myCarousel .advantages ul li {
        float: left;
        display: inline-block;
        box-sizing: border-box;
        width: 33%;
        padding-top: 6px;
        padding-left: 68px;
        border-right: 1px solid rgba(200, 200, 200, 0.3)
    }

    #myCarousel .advantages ul li:first-child {
        border-left: 1px solid rgba(200, 200, 200, 0.3)
    }

    #myCarousel .advantages ul label {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.9);
        display: block;
        margin: 7px 0 0 0
    }

    #myCarousel .advantages ul span {
        color: rgba(255, 255, 255, 0.7);
        font-size: 13px
    }

    #myCarousel .advantages ul li:nth-child(1) {
        background: url(../images-1.png) 10px 12px no-repeat;
        background-size: 38px 42px
    }

    #myCarousel .advantages ul li:nth-child(2) {
        background: url(../images-2.png) 10px 12px no-repeat;
        background-size: 38px 40px
    }

    #myCarousel .advantages ul li:nth-child(3) {
        background: url(../images-3.png) 10px 12px no-repeat;
        background-size: 40px 40px
    }

    /*    product*/
    #official-page #products-sections {
        background: #eaeaea url(../images/lines-bg.png) bottom center no-repeat;
        overflow: hidden;
        padding-bottom: 50px
    }

    #official-page #products-sections h2 {
        text-align: center;
        font-size: 25px;
        color: #000;
        font-weight: normal;
    }

    #official-page #products-sections .subtitle {
        text-align: center;
        font-size: 18px;
        color: #888;
        margin-bottom: 30px
    }

    #official-page #products-sections .product {
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        margin-right: 30px;
        margin-bottom: 30px;
        width: 236px;
        height: 246px;
        border: 1px solid #ccc;
        float: left;
        background: white;
        text-align: center;
    }

    #official-page #products-sections .product a {
        color: #666
    }

    #official-page #products-sections .product .product-logo {
        width: 380px;
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #ddd
    }

    #official-page #products-sections .product .product-logo a {
        display: inline-block
    }

    #official-page #products-sections .product h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 30px 0 15px 0
    }

    #official-page #products-sections .product p {
        font-size: 14px;
        color: #666
    }

    #official-page #products-sections .product .links {
        position: absolute;
        bottom: 0;
        height: 50px;
        background: #3bade8;
        color: white
    }

    #official-page #products-sections .product .links a {
        color: white;
        height: 50px;
        display: inline-block;
        font-size: 16px;
        line-height: 50px
    }

    #official-page #products-sections .product .links a:first-child {
        float: left;
        width: 150px;
    }

    #official-page #products-sections .product .links a:last-child {
        float: right;
        width: 80px;
        background-color: #7dca0f
    }

    #official-page #products-sections .product .links a:last-child:hover {
        background-color: #e95613
    }

    #official-page #products-sections .product:hover {
        border: 1px solid #3bade8;
        box-shadow: 0px 0px 4px 2px #ddd
    }

    #official-page #products-sections .product:nth-child(3n+3) {
        margin-right: 0
    }

    #official-page #products-sections .products:last-child {
        content: '';
        display: block;
        clear: both
    }

    /*resolutions*/
    #resolutions-pad {
        background: #3bade8;
        text-align: center;
        overflow: hidden
    }

    #resolutions-pad .bound {
        width: 94% !important;
        margin-bottom: 20px;
    }

    #resolutions-pad h4 {
        text-align: center;
        font-size: 16px;
        color: #fff;
        font-weight: normal;
        padding: 20px 0 5px 0
    }

    #resolutions-pad .subtitle {
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

    #resolutions-pad .resolutions {
        width: 100%;
        height: 200px;
    }

    #resolutions-pad .resolution {
        position: relative;
        text-align: center;
        display: block;
        width: 25%;
        height: 180px;
        padding: 20px 5px;
        float: left;
        background-size: cover
    }

    #resolutions-pad .resolution i {
        display: block;
        width: 100%;
        height: 100px;
        background: url(../images/resolve-icons.png) no-repeat;
    }

    #resolutions-pad .resolution a {
        display: block;
        color: white;
        font-size: 13px;
        text-decoration: none
    }

    #resolutions-pad .resolution:nth-child(1) {
        background: url(../images/resolution-1.png);
    }

    #resolutions-pad .resolution:nth-child(1) i {
        background: url(../images/resolutions-1.png) 60px center no-repeat;
        background-size: 45px 35px
    }

    #resolutions-pad .resolution:nth-child(2) {
        background: url(../images/resolution-2.png);
    }

    #resolutions-pad .resolution:nth-child(2) i {
        background: url(../images/resolutions-3.png) 60px center no-repeat;
        background-size: 45px 35px
    }

    #resolutions-pad .resolution:nth-child(3) {
        background: url(../images/resolution-3.png)
    }

    #resolutions-pad .resolution:nth-child(3) i {
        background: url(../images/resolutions-2.png) 70px center no-repeat;
        background-size: 35px 35px
    }

    #resolutions-pad .resolution:nth-child(4) {
        background: url(../images/resolution-4.png)
    }

    #resolutions-pad .resolution:nth-child(4) i {
        background: url(../images/resolutions-4.png) 60px center no-repeat;
        background-size: 45px 35px
    }

    /* bolg*/
    #official-page #news-section h2 {
        padding: 20px 0 18px 0
    }

    #official-page #news-section .posts {
        width: 670px;
        margin: 0 auto
    }

    #official-page #news-section .post {
        width: 300px;
        height: 330px
    }

    #official-page #news-section .post:nth-child(2n) {
        float: right;
        margin-right: 0
    }

    /*partners*/
    #partners-pad {
        width: 100%;
        padding-bottom: 15px;
        background: #EFEFF0
    }

    #partners-pad .bound {
        width: 100% !important
    }

    #partners-pad h2 {
        text-align: center;
        font-size: 17px;
        color: #000;
        font-weight: normal;
        padding: 30px 0 5px 0
    }

    #partners-pad .subtitle {
        text-align: center;
        font-size: 14px;
        color: #555;
        margin-bottom: 15px
    }

    #partners-pad .partners {
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
        text-align: center;
        overflow: hidden
    }

    #partners-pad .partners a {
        display: inline-block;
        overflow: hidden;
        width: 27%;
        height: 70px;
        margin: 5px 10px;
    }

    #partners-pad .partners a:nth-child(1) {
        background: url(../images/partners-1.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(2) {
        background: url(../images/partners-2.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(3) {
        background: url(../images/partners-3.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(4) {
        background: url(../images/partners-4.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(5) {
        background: url(../images/partners-5.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(6) {
        background: url(../images/partners-6.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(7) {
        background: url(../images/partners-7.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(8) {
        background: url(../images/partners-8.png) center center no-repeat;
        background-size: 180px 75px
    }

    #partners-pad .partners a:nth-child(9) {
        background: url(../images/partners-9.png) center center no-repeat;
        background-size: 180px 75px
    }

    #contact-section p {
        font-size: 15px;
    }

    #footer-section .bound {
        width: 100%
    }

    #footer-section .left-part {
        display: none
    }

    #footer-section .right-part {
        float: left;
        width: 98%;
        margin: 0 auto
    }

    #footer-section .right-part div {
        width: 25%
    }

    /*whmcs*/
    #top-section {
        background: #387DB6;
        color: white
    }

    #top-section .bound {
        height: 300px;
        padding-left: 10px;
        background: url(../images/whmcs-snapshot.png) right bottom no-repeat;
        background-size: 360px 240px
    }

    #top-section img {
        margin: 60px 0 25px 0;
        height: 40px
    }

    #top-section h1 {
        font-size: 20px;
        margin-bottom: 14px
    }

    #top-section p {
        font-size: 14px;
        line-height: 28px;
        max-width: 375px
    }

    #cpanel-page #top-section {
        background: url(../images/cpanel-banner.jpg) center center no-repeat;
        background-size: cover
    }

    #cpanel-page #top-section .bound {
        background-image: none;
        margin-left: 50px
    }

    #cpanel-page #top-section img {
        margin: 80px 0 23px 0;
        height: 30px
    }

    #cpanel-page #top-section p {
        font-size: 14px;
        line-height: 15px;
        max-width: 375px
    }

    #whmcs-page #partners-section .titles {
        color: #fff
    }

    #whmcs-page #partners-section {
        padding: 20px;
        background: url(../images/about-us.png) center center no-repeat;
        overflow: hidden;
        text-align: center
    }

    #whmcs-page #partners-section h2 {
        font-weight: normal;
        font-size: 26px;
        margin: 70px 0
    }

    #whmcs-page #partners-section a {
        display: inline-block;
        width: 85px;
        height: 40px;
        margin-right: 15px;
        background: white;
        margin-bottom: 15px;
    }

    #whmcs-page #partners-section .aliyun {
        background: #fff url(../images/aliyun.png) center center no-repeat;
        background-size: 80px 35px;
    }

    #whmcs-page #partners-section .baidu-cloud {
        background: #fff url(../images/baidu-cloud.png) center center no-repeat;
        background-size: 80px 35px
    }

    #whmcs-page #partners-section .tencent-cloud {
        background: #fff url(../images/tencent-cloud.png) center center no-repeat;
        background-size: 80px 35px
    }

    #whmcs-page #partners-section .qcloud {
        background: #fff url(../images/qcloud.png) center center no-repeat;
        background-size: 80px 35px
    }

    #whmcs-page #partners-section a:last-child {
        margin-right: 0
    }


    #advantage-section {
        padding-top: 20px
    }

    #advantage-section .advantages div {
        display: inline-block;
        vertical-align: top;
        width: 32%;
        height: 310px;
        margin-bottom: 45px;
        border: 1px solid #E7E7E7
    }

    #advantage-section .advantages div:hover {
        border: 1px solid #98BDC9
    }

    #advantage-section h2 {
        margin: 35px 0 40px 0;
        font-weight: normal;
        font-size: 24px
    }

    #advantage-section i {
        width: 124px;
        height: 120px;
        display: inline-block
    }

    #advantage-section .advantages div:nth-child(1) i {
        background-size: 100px 100px
    }

    #advantage-section .advantages div:nth-child(2) i {
        background-size: 100px 100px
    }

    #advantage-section .advantages div:nth-child(3) i {
        background-size: 100px 100px
    }

    #advantage-section .advantages div:nth-child(4) i {
        background-size: 100px 100px
    }

    #advantage-section .advantages div:nth-child(5) i {
        background-size: 100px 100px
    }

    #advantage-section .advantages div:nth-child(6) i {
        background-size: 100px 100px
    }

    #advantage-section label {
        display: block;
        font-size: 16px;
        margin: 20px 0 20px 0
    }

    #advantage-section span {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        height: 80px;
    }

    #qa-section {
        padding: 5px 0
    }

    #qa-section .question th {
        font-size: 16px;
    }

    #plesk-page #top-section {
        background: url(../images/plesk-banner.jpg) center center no-repeat;
    }

    #plesk-page #top-section .bound {
        background-image: none;
        padding-top: 30px;
    }

    #plesk-page #top-section .bound h2 {
        width: 680px;
        font-size: 36px
    }

    #plesk-page #top-section .bound h2 span {
        color: #F36A34;
        font-weight: bold
    }

    #plesk-page #top-section .bound ul {
        padding-left: 15px;
        margin-top: 30px;
        list-style-type: disc
    }

    #plesk-page #top-section .bound ul li {
        list-style-type: disc;
        margin: 10px 0;
        font-size: 18px;
    }

    #plesk-page #ssl-page #choose-us-section {
        background: url(../images/plesk-background.png) center center no-repeat;
    }

    #plesk-page #price-section {
        background-color: #f6f6f6;
        padding-bottom: 20px
    }

    #plesk-page #price-section .select-tabs {
        font-size: 0;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px
    }

    #plesk-page #price-section .select-tabs .select-tab {
        display: inline-block;
        margin-right: 35px;
        margin-left: 35px;
        height: 50px;
        line-height: 50px
    }

    #plesk-page #price-section .select-tabs .select-tab .option {
        cursor: pointer;
        display: inline-block;
        width: 140px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        background-color: #e6e7e9;
        color: #7d7e82
    }

    #plesk-page #price-section .select-tabs .select-tab .option.left {
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px
    }

    #plesk-page #price-section .select-tabs .select-tab .option.right {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px
    }

    #plesk-page #price-section .select-tabs .select-tab .option.active {
        background-color: #d2d3d5
    }

    #plesk-page #price-section .display-page {
        text-align: center
    }

    #plesk-page #price-section .display-page .item {
        background-color: #fff;
        box-shadow: 0 0 5px #808080;
        border-radius: 5px;
        display: inline-block;
        margin-top: 10px;
        margin-right: 35px;
        margin-left: 35px;
        width: 350px
    }

    #plesk-page #price-section .display-page .item .title {
        font-size: 26px;
        height: 60px;
        line-height: 60px;
        color: #666
    }

    #plesk-page #price-section .display-page .item .content {
        display: block;
        height: 140px;
        color: #fff;
        background-color: #52bce6;
        padding-top: 30px;
        box-sizing: border-box
    }

    #plesk-page #price-section .display-page .item .content .price .number {
        display: inline-block;
        font-size: 40px;
        margin-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .content .price .currency {
        display: inline-block;
        font-size: 26px
    }

    #plesk-page #price-section .display-page .item .content .summarize {
        font-size: 20px
    }

    #plesk-page #price-section .display-page .item .detail {
        display: block;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .detail ul {
        padding-left: 0;
        display: inline-block
    }

    #plesk-page #price-section .display-page .item .detail ul li {
        list-style: circle inside url('../images/check-size-10.png');
        height: 16px;
        line-height: 16px;
        text-align: left;
        color: #808080;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .detail ul li.cross {
        list-style: circle inside url('../images/cross-size-10.png')
    }

    #plesk-page #price-section .display-page .item .detail ul li.plus {
        list-style: circle inside url('../images/plus-size-16.png')
    }

    #plesk-page #price-section .display-page .item .action {
        display: block;
        font-size: 20px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .action .link {
        display: inline-block;
        border-radius: 5px;
        width: 170px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background-color: #59bb41
    }

    #demo-show {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: url(../images/plesk-plane.png) center center no-repeat
    }

    #demo-show div {
        width: 1200px;
        margin: 0 auto;
        font-size: 22px;
        padding-right: 30px;
        color: #fff
    }

    #demo-show div a {
        float: right;
        color: #fff;
        background: #fdb73b url(../images/to-demo-hover.png) 90% center no-repeat;
        line-height: 48px;
        padding: 0 70px 0 30px;
        font-size: 17px;
        border-radius: 1px;
        margin-top: 5px;
    }

    #plesk-page #quick-access-bar {
        text-align: center;
        padding-bottom: 30px
    }

    #plesk-page #quick-access-bar table,
    #plesk-page #quick-access-bar th,
    #plesk-page #quick-access-bar td {
        border: 1px solid #e6e6e6
    }

    #plesk-page #quick-access-bar table {
        border-collapse: collapse
    }

    #plesk-page #quick-access-bar table tr th {
        box-sizing: border-box;
        width: 600px;
        padding: 20px 20px;
        font-size: 20px;
        color: #56bce6;
        background: #eff8fd
    }

    #plesk-page #quick-access-bar table tr td {
        font-size: 0;
        box-sizing: border-box;
        width: 600px;
        vertical-align: top;
        padding: 10px 10px
    }

    #plesk-page #quick-access-bar .wrapper {
        display: inline-block
    }

    #plesk-page #quick-access-bar .image-block {
        display: inline-block;
        width: 150px;
        height: 68px;
        background-size: 126px 56px;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0px 0px 5px #808080;
        margin-right: 25px
    }

    #plesk-page #quick-access-bar .bisend-logo {
        background-image: url(../images/bisend-logo.png);
        margin-top: 25px;
        vertical-align: top
    }

    #plesk-page #quick-access-bar .aliyun-logo {
        background-image: url(../images/aliyun-logo.png);
        margin-top: 25px;
        vertical-align: top
    }

    #plesk-page #quick-access-bar .words-block {
        width: 350px;
        display: inline-block;
        font-size: 16px;
        text-align: left;
        line-height: 24px;
        color: #808080
    }

    #plesk-page #quick-access-bar .others {
        font-size: 16px;
        text-align: left;
        padding-left: 15px
    }

    #plesk-page #quick-access-bar .others span {
        color: #808080
    }

    #plesk-page #quick-access-bar .others a {
        color: #56bce6;
        margin-right: 10px
    }

    #ssl-page #top-section {
        background: #000 url(../images/ssl-banner.jpg) center center no-repeat;
        background-size: cover;
    }

    #ssl-page #top-section .bound {
        background-image: none;
        padding-top: 30px;
    }

    #ssl-page #top-section .bound h2:nth-child(1) {
        font-size: 36px;
        font-weight: bold
    }

    #ssl-page #top-section .bound h2 {
        width: 480px;
        font-size: 32px
    }

    #ssl-page #top-section .bound h2 span {
        color: #F36A34;
        font-weight: bold
    }

    #ssl-page #top-section .bound ul {
        padding-left: 15px;
        width: 380px;
        margin-top: 30px;
        list-style-type: disc
    }

    #ssl-page #top-section .bound ul li {
        float: left;
        list-style-type: disc;
        width: 50%;
        margin: 10px 0;
        font-size: 18px;
    }

    #ssl-page #nav-product li {
        width: 20%;
    }



    #ssl-hot-section {
        background: #EAEAEA;
        padding: 0 0 70px 0;
        text-align: center;
        overflow: hidden
    }

    #ssl-hot-section h2 {
        font-size: 24px;
        font-weight: normal;
        margin-top: 70px;
        margin-bottom: 40px;
        line-height: 1.1;
        color: #333
    }

    #ssl-hot-section .block {
        display: block;
        background: white;
        float: left;
        width: 23%;
        margin-right: 18px;
        height: 442px;
        border: 1px solid #ddd;
        position: relative
    }

    #ssl-hot-section .block .level {
        height: 60px;
        line-height: 60px;
        font-size: 12px;
        color: #555;
        display: inline-block
    }

    #ssl-hot-section .block .level:after {
        position: relative;
        top: 2px;
        content: '';
        height: 20px;
        display: inline-block;
        width: 105px;
        background: url(../images/lock.png) left center repeat-x
    }

    #ssl-hot-section .block .level.level-5:after {
        width: 105px
    }

    #ssl-hot-section .block .level.level-4:after {
        width: 84px
    }

    #ssl-hot-section .block .level.level-3:after {
        width: 63px
    }

    #ssl-hot-section .block .level.level-2:after {
        width: 42px
    }

    #ssl-hot-section .block .level.level-1:after {
        width: 21px
    }

    #ssl-hot-section .block .logo {
        width: 284px;
        height: 70px;
        display: table-cell;
        vertical-align: middle
    }

    #ssl-hot-section .block img {
        max-width: 180px;
        max-height: 50px
    }

    #ssl-hot-section .block h3 {
        display: block;
        width: 100%;
        height: 74px;
        box-sizing: border-box;
        background: #3bade8;
        padding-top: 5px;
        line-height: 30px;
        color: white;
        font-weight: normal;
        font-size: 13px;
        margin: 0
    }

    #ssl-hot-section .block h3 span {
        display: block
    }

    #ssl-hot-section .block h3 a {
        color: white
    }

    #ssl-hot-section .block ul {
        width: 100%;
        height: 120px;
        border-bottom: 1px solid #ddd;
        padding: 0;
        margin: 0;
        list-style-type: none;
        font-size: 16px
    }

    #ssl-hot-section .block ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 14px;
        font-size: 14px
    }

    #ssl-hot-section .block ul li:before {
        position: relative;
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(../images/blue-right.png) center center no-repeat;
        top: 4px;
        margin-right: 12px
    }

    #ssl-hot-section .block ul li:after {
        content: '';
        display: block;
        clear: both;
        width: 284px;
        height: 1px
    }

    #ssl-hot-section .block .links {
        position: absolute;
        width: 100%;
        left: -1px;
        bottom: 0;
        height: 40px;
        background: #3bade8
    }

    #ssl-hot-section .block .links a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: white;
        font-size: 16px
    }

    #ssl-hot-section .block .links a:first-child {
        width: 95px
    }

    #ssl-hot-section .block .links a:last-child {
        background: #7DCA0E;
        float: right;
        width: 70px
    }

    #ssl-hot-section .block .links a:last-child:hover {
        background: #e75414
    }

    #ssl-hot-section .block .price {
        padding-top: 10px
    }

    #ssl-hot-section .block .price strong {
        display: block;
        font-size: 24px;
        font-weight: normal;
        color: #e75414
    }

    #ssl-hot-section .block .price del {
        font-size: 14px;
        color: #AAA
    }

    #ssl-hot-section .block:last-child {
        margin-right: 0
    }

}

/*PC屏幕下的专用样式*/
@media screen and (min-width:992px) {
    .titles {
        margin-bottom: 30px
    }

    .titles h2 {
        margin: 0 !important;
        font-weight: bold !important;
        font-size: 28px !important;
    }

    .titles p {
        font-size: 14px;
        margin: 5px 0 20px 0;
        clear: both
    }

    #content .section>.bound {
        width: 1200px;
    }

    .top-wrapper .top-content {
        width: 1200px;
    }

    #ssl-product-page #features-section .links {
        display: block;
        width: 130px;
        line-height: 40px;
        margin: 5px auto;
        font-size: 15px;
        color: white;
        text-decoration: none;
        text-align: center;
        background: #3bace6;
    }

    #nav-product {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    #nav-product ul {
        display: flex;
        width: 1200px;
        margin: 0 auto
    }

    #nav-product li {
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    /* #ssl-page #nav-product li{border-right: 1px solid rgba(10,86,182,0.9)} */
    /* #ssl-page #nav-product ul li:first-child{border-left: 1px solid rgb(10 86 182 / 90%);} */
    #plesk-page #nav-product li,
    #cpanel-page #nav-product li {
        border-right: 1px solid rgba(255, 255, 251, 0.4)
    }

    #nav-product li:last-child {
        border-right: 0;
    }

    #nav-product li a {
        color: #fff
    }

    #nav-product li a:hover {
        color: #52BCE6;
    }

    #title-product {
        width: 100%;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        background-color: #E6E7E9;
    }

    #title-product p {
        width: 1200px;
        margin: 0 auto;
    }

    #products-section .product {
        display: inline-block;
        position: relative;
        width: 380px;
        height: 440px;
        border: 1px solid #e1e1e1;
        background: #fff url(../images/whmcs.png) center 4px no-repeat
    }

    #products-section .product div {
        position: absolute;
        bottom: 0;
        left: -1px;
        width: 382px;
        background-color: #3BACE6;
        color: white;
        height: 50px
    }

    #products-section .product div a {
        position: absolute;
        top: 0;
        display: block;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        color: white
    }

    #products-section .product div a:first-child {
        width: 250px
    }

    #products-section .product div a:last-child {
        width: 132px;
        right: 0;
        background: #7CCA1D
    }

    #products-section .product div a:last-child:hover {
        background: #E75414
    }

    #products-section .bound>div:nth-child(3) {
        margin: 0 22px
    }

    #products-section h3 {
        margin-top: 70px;
        display: block;
        background: #38ACE6;
        color: white;
        line-height: 102px;
        font-size: 25px;
        font-weight: normal
    }

    #products-section ul {
        width: 100%;
        padding: 28px 0 24px 0
    }

    #products-section li {
        display: inline-block;
        font-size: 16px;
        margin-bottom: 8px
    }

    #products-section li:before {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../images/blue-right.png) center center no-repeat;
        margin-right: 12px;
        display: inline-block
    }

    #products-section li:after {
        content: '';
        display: block;
        width: 380px;
        height: 0;
        clear: both
    }

    #products-section label {
        font-size: 36px;
        color: #E75414
    }

    #cpanel-page #products-section .product {
        margin-right: 40px;
        background: #fff url(../images/cpanel.png) center 15px no-repeat;
        background-size: 140px 45px
    }

    #home-page #official-page #products-sections .product {
        height: 256px
    }

    #official-page #products-sections {
        background: #eaeaea url(../images/lines-bg.png) bottom center no-repeat;
        overflow: hidden;
        padding-bottom: 50px
    }

    #official-page #products-sections h2 {
        text-align: center;
        font-size: 25px;
        color: #000;
        font-weight: normal;
        padding: 80px 0 18px 0;
    }

    #official-page #products-sections .subtitle {
        text-align: center;
        font-size: 18px;
        color: #888;
        margin-bottom: 30px
    }

    #official-page #products-sections .product {
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        margin-right: 30px;
        margin-bottom: 30px;
        width: 380px;
        height: 286px;
        border: 1px solid #ccc;
        float: left;
        background: white;
        text-align: center;
    }

    #official-page #products-sections .product a {
        color: #666
    }

    #official-page #products-sections .product .product-logo {
        width: 380px;
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #ddd
    }

    #official-page #products-sections .product .product-logo a {
        display: inline-block
    }

    #home-page #official-page #products-sections .product .product-logo {
        height: 70px
    }

    #home-page #official-page #products-sections .product .product-logo img {
        height: 70px
    }

    #official-page #products-sections .product h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 30px 0 15px 0
    }

    #official-page #products-sections .product p {
        font-size: 14px;
        color: #666
    }

    #official-page #products-sections .product .links {
        position: absolute;
        bottom: 0;
        height: 50px;
        background: #3bade8;
        color: white
    }

    #official-page #products-sections .product .links a {
        color: white;
        height: 50px;
        display: inline-block;
        font-size: 16px;
        line-height: 50px
    }

    #official-page #products-sections .product .links a:first-child {
        float: left;
        width: 248px;
    }

    #official-page #products-sections .product .links a:last-child {
        float: right;
        width: 130px;
        background-color: #7dca0f
    }

    #official-page #products-sections .product .links a:last-child:hover {
        background-color: #e95613
    }

    #official-page #products-sections .product:hover {
        border: 1px solid #3bade8;
        box-shadow: 0px 0px 4px 2px #ddd
    }

    #official-page #products-sections .product:nth-child(3n+3) {
        margin-right: 0
    }

    #official-page #products-sections .products:last-child {
        content: '';
        display: block;
        clear: both
    }

    #official-page #news-section h2 {
        padding: 20px 0 18px 0
    }

    #official-page #news-section .post {
        width: 280px;
    }

    #official-page #news-section .post .title h3 {
        line-height: 55px;
    }

    #official-page #news-section {
        padding-bottom: 80px
    }

    #contact-section p {
        font-size: 18px;
    }

    #footer-section .bound {
        width: 1200px;
    }

    /*whmcs*/
    #top-section {
        background: #387DB6;
        background-size: cover;
        color: white
    }

    #top-section .bound {
        height: 418px;
    }

    #whmcs-page #top-section .bound {
        background: url(../images/whmcs-snapshot.png) right bottom no-repeat;
    }

    #top-section img {
        margin: 108px 0 23px 0;
        height: 60px
    }

    #top-section h1 {
        font-size: 24px;
        margin-bottom: 14px
    }

    #top-section p {
        font-size: 18px;
        line-height: 28px;
        max-width: 700px
    }

    #cpanel-page #top-section {
        background: url(../images/cpanel-banner.jpg) center center no-repeat;
        background-size: cover
    }

    #cpanel-page #top-section .bound {
        background-image: none
    }

    #cpanel-page #top-section img {
        margin: 108px 0 23px 0;
        height: 50px
    }

    #cpanel-page #top-section p span {
        color: #F36A34;
        font-weight: bold
    }

    #cpanel-page #top-section .bound {
        font-weight: bold
    }

    #cpanel-page #top-section .bound .cpanel-title {
        font-size: 30px;
        margin-bottom: 25px
    }

    #cpanel-page #reason-section {
        padding-bottom: 30px;
        background: url(../images/cpanel.png) center center no-repeat;
    }

    #cpanel-page #reason-section .bound .reason div {
        display: inline-block;
        width: 48%;
        margin: 10px 10px;
        padding: 10px 15px;
        border-top: 5px solid #42B3ED;
        background-color: #fff
    }

    #cpanel-page #reason-section .bound .reason div label {
        font-size: 18px
    }

    #cpanel-page #reason-section .bound .reason div p {
        margin: 10px 0
    }

    #plesk-page #top-section {
        background: url(../images/plesk-banner.jpg) center center no-repeat;
    }

    #plesk-page #top-section .bound {
        background-image: none;
        padding-top: 90px;
    }

    #plesk-page #top-section .bound h2 {
        width: 680px;
        font-size: 36px
    }

    #plesk-page #top-section .bound h2 span {
        color: #F36A34;
        font-weight: bold
    }

    #plesk-page #top-section .bound ul {
        padding-left: 15px;
        margin-top: 30px;
        list-style-type: disc
    }

    #plesk-page #top-section .bound ul li {
        list-style-type: disc;
        margin: 10px 0;
        font-size: 18px;
    }

    #ssl-page #top-section {
        height: 300px;
        background: #000 url(../images/icon/ssl-banner.jpg) center center no-repeat;
        padding: 10px 0
    }

    #ssl-page #top-section .bound h2:nth-child(1) {
        font-size: 36px;
        font-weight: bold
    }

    #ssl-page #top-section .bound h2 {
        width: 480px;
        font-size: 32px
    }

    #ssl-page #top-section .bound h2 span {
        color: #F36A34;
        font-weight: bold
    }

    #ssl-page #top-section .bound ul {
        padding-left: 15px;
        width: 380px;
        margin-top: 30px;
        list-style-type: disc
    }

    #ssl-page #top-section .bound ul li {
        float: left;
        list-style-type: disc;
        width: 50%;
        margin: 10px 0;
        font-size: 18px;
    }

    #ssl-page #nav-product li,
    #plesk-page #nav-product li {
        width: 20%;
    }

    #cpanel-page #nav-product li,
    #whmcs-page #nav-product li {
        width: 25%;
    }

    #whmcs-page #top-section p {
        max-width: 500px
    }


    #plesk-page #ssl-page #choose-us-section {
        background: url(../images/plesk-background.png) center center no-repeat;
    }

    #plesk-page #price-section {
        background-color: #f6f6f6;
        padding: 60px 0
    }

    #plesk-page #price-section .select-tabs {
        font-size: 0;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px
    }

    #plesk-page #price-section .select-tabs .select-tab {
        display: inline-block;
        margin-right: 35px;
        margin-left: 35px;
        height: 50px;
        line-height: 50px
    }

    #plesk-page #price-section .select-tabs .select-tab .option {
        cursor: pointer;
        display: inline-block;
        width: 140px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        background-color: #e6e7e9;
        color: #7d7e82
    }

    #plesk-page #price-section .select-tabs .select-tab .option.left {
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px
    }

    #plesk-page #price-section .select-tabs .select-tab .option.right {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px
    }

    #plesk-page #price-section .select-tabs .select-tab .option.active {
        background-color: #d2d3d5
    }

    #plesk-page #price-section .display-page {
        text-align: center
    }

    #plesk-page #price-section .display-page .item {
        background-color: #fff;
        box-shadow: 0 0 5px #808080;
        border-radius: 5px;
        display: inline-block;
        margin-right: 35px;
        margin-left: 35px;
        width: 350px
    }

    #plesk-page #price-section .display-page .item .title {
        font-size: 26px;
        height: 60px;
        line-height: 60px;
        color: #666
    }

    #plesk-page #price-section .display-page .item .content {
        display: block;
        height: 140px;
        color: #fff;
        background-color: #52bce6;
        padding-top: 30px;
        box-sizing: border-box
    }

    #plesk-page #price-section .display-page .item .content .price .number {
        display: inline-block;
        font-size: 40px;
        margin-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .content .price .currency {
        display: inline-block;
        font-size: 26px
    }

    #plesk-page #price-section .display-page .item .content .summarize {
        font-size: 20px
    }

    #plesk-page #price-section .display-page .item .detail {
        display: block;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .detail ul {
        padding-left: 0;
        display: inline-block
    }

    #plesk-page #price-section .display-page .item .detail ul li {
        list-style: circle inside url('../images/check-size-10.png');
        height: 16px;
        line-height: 16px;
        text-align: left;
        color: #808080;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .detail ul li.cross {
        list-style: circle inside url('../images/cross-size-10.png')
    }

    #plesk-page #price-section .display-page .item .detail ul li.plus {
        list-style: circle inside url('../images/plus-size-16.png')
    }

    #plesk-page #price-section .display-page .item .action {
        display: block;
        font-size: 20px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

    #plesk-page #price-section .display-page .item .action .link {
        display: inline-block;
        border-radius: 5px;
        width: 170px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background-color: #59bb41
    }

    #demo-show {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: url(../images/plesk-plane.png) center center no-repeat
    }

    #demo-show div {
        width: 1200px;
        margin: 0 auto;
        font-size: 22px;
        padding-right: 30px;
        color: #fff
    }

    #demo-show div a {
        float: right;
        color: #fff;
        background: #fdb73b url(../images/to-demo-hover.png) 90% center no-repeat;
        line-height: 48px;
        padding: 0 70px 0 30px;
        font-size: 17px;
        border-radius: 1px;
        margin-top: 5px;
    }

    #plesk-page #quick-access-bar {
        text-align: center;
        padding: 60px 0
    }

    #plesk-page #quick-access-bar table,
    #plesk-page #quick-access-bar th,
    #plesk-page #quick-access-bar td {
        border: 1px solid #e6e6e6
    }

    #plesk-page #quick-access-bar table {
        border-collapse: collapse
    }

    #plesk-page #quick-access-bar table tr th {
        box-sizing: border-box;
        width: 600px;
        padding: 20px 20px;
        font-size: 20px;
        color: #56bce6;
        background: #eff8fd
    }

    #plesk-page #quick-access-bar table tr td {
        font-size: 0;
        box-sizing: border-box;
        width: 600px;
        vertical-align: top;
        padding: 10px 10px
    }

    #plesk-page #quick-access-bar .wrapper {
        display: inline-block
    }

    #plesk-page #quick-access-bar .image-block {
        display: inline-block;
        width: 150px;
        height: 68px;
        background-size: 126px 56px;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0px 0px 5px #808080;
        margin-right: 25px
    }

    #plesk-page #quick-access-bar .bisend-logo {
        background-image: url(../images/bisend-logo.png);
        margin-top: 25px;
        vertical-align: top
    }

    #plesk-page #quick-access-bar .aliyun-logo {
        background-image: url(../images/aliyun-logo.png);
        margin-top: 25px;
        vertical-align: top
    }

    #plesk-page #quick-access-bar .words-block {
        width: 350px;
        display: inline-block;
        font-size: 16px;
        text-align: left;
        line-height: 24px;
        color: #808080
    }

    #plesk-page #quick-access-bar .others {
        font-size: 16px;
        text-align: left;
        padding-left: 15px
    }

    #plesk-page #quick-access-bar .others span {
        color: #808080
    }

    #plesk-page #quick-access-bar .others a {
        color: #56bce6;
        margin-right: 10px
    }

    #type-list-product {
        padding: 70px 0
    }

    #type-list-product .ssl-type-ranking {
        width: 100%;
    }

    #type-list-product .ssl-type-ranking .type-list {
        display: flex;
        padding-left: 0;
    }

    #type-list-product .ssl-type-ranking .type-list li {
        width: 16.7%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }

    #type-list-product .ssl-type-ranking .active {
        background-color: #7dca0e;
        color: #fff
    }

    #type-list-product .ssl-type-ranking .ranking-box {
        display: none;
        width: 100%;
        padding: 30px;
        overflow: hidden;
        background-color: #f5f5f5;
    }

    #type-list-product .ssl-type-ranking .box {
        display: flex;
        width: 100%;
        height: 190px;
        margin-bottom: 25px;
        padding-left: 0;
        background-color: #fff;
    }

    #type-list-product .ssl-type-ranking .box li p {
        color: #777;
        font-size: 16px;
    }

    #type-list-product .ssl-type-ranking .box:nth-child(1) li.icon {
        background-image: url(../images/ssl/ranking-1.png);
    }

    #type-list-product .ssl-type-ranking .box:nth-child(2) li.icon {
        background-image: url(../images/ssl/ranking-2.png);
    }

    #type-list-product .ssl-type-ranking .box:nth-child(3) li.icon {
        background-image: url(../images/ssl/ranking-3.png);
    }
    #type-list-product .ssl-type-ranking .box:nth-child(4) li.icon {
        background-image: url(../images/ssl/ranking-4.png);
        background-size: 55%;
    }

    #type-list-product .ssl-type-ranking .box li.icon {
        width: 12%;
        height: 190px;
        background-repeat: no-repeat;
        background-position: center center
    }

    #type-list-product .ssl-type-ranking .box select {
        clear: both;
        display: block
    }

    #type-list-product .ssl-type-ranking ul.sectigo li.brand {
        background-image: url(../images/ssl-brand/ssltrus-icon_new.png);
        background-position: 19px 33px;
    }

    #type-list-product .ssl-type-ranking ul.geotrust li.brand {
        background-image: url(../images/ssl-brand/geotrust-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.positive li.brand {
        background-image: url(../images/ssl-brand/positive-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.globalsign li.brand {
        background-image: url(../images/ssl-brand/globalsign-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.digicert li.brand {
        background-image: url(../images/ssl-brand/digicert-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.baidutrust li.brand {
        background-image: url(../images/ssl-brand/ssltrus-icon_new.png);
        /* background-size: 100% */
        background-position: 19px 33px;
    }

    #type-list-product .ssl-type-ranking ul.entrust li.brand {
        background-image: url(../images/ssl-brand/entrust-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.ssltrus li.brand {
        background-image: url(../images/ssl-brand/ssltrus-icon.png);
        background-size: 67%;
    }

    #type-list-product .ssl-type-ranking .box li.brand {
        width: 18%;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        background-repeat: no-repeat;
        background-position: center 62px;
        background-size: 80%
    }
    #type-list-product .ssl-type-ranking .box.ssltrus li.brand{
        background-position: 30px 40px;
    }

    #type-list-product .ssl-type-ranking li.brand a {
        color: black;
        display: block;
        height: 100%;
        padding-top: 110px
    }

    #type-list-product .ssl-type-ranking .box li.info {
        width: 20%;
        padding-top: 50px;
        padding-left: 30px;
        text-align: left;
    }

    #type-list-product .ssl-type-ranking .box li.price {
        width: 15%;
        padding-top: 39px;
    }

    #type-list-product .ssl-type-ranking .box li.price p {
        font-size: 18px;
        margin-bottom: 0;
        display: flex;
        align-items: center
    }

    #type-list-product .ssl-type-ranking .box li.price strong {
        font-size: 32px;
        color: #e45413
    }

    #type-list-product .ssl-type-ranking .box li.price s {
        float: left;
        font-size: 14px;
        color: #b5b5b5;
    }

    #type-list-product .ssl-type-ranking .box li.price span {
        float: left;
        font-size: 14px;
        padding: 2px;
        border-radius: 20px;
        color: #fff;
        background-color: #3bade8
    }

    #type-list-product .ssl-type-ranking .box li.buy {
        width: 15%;
        padding-top: 70px;
    }

    #type-list-product .ssl-type-ranking .box li.buy a {
        display: block;
        width: 120px;
        height: 50px;
        margin: 0 auto;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        line-height: 52px;
        background-color: #3bade8
    }

    #type-list-product .ssl-type-ranking .box li.buy a:hover {
        background-color: #7dca0e
    }

    #type-list-product .ssl-type-ranking .more {
        float: right;
        display: block;
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        background-color: #3bade8;
    }

    #type-list-product .ssl-type-ranking .more:hover {
        background-color: #7dca0d;
    }

    #ssl-brand-list {
        padding: 60px 0
    }

    #ssl-brand-list .ssl-brand {
        width: 100%;
        height: 360px;
        padding: 30px;
        background: #fff url(../images/ssl/brand-list.jpg) 30px center no-repeat;
    }

    #ssl-brand-list .ssl-brand .brand-box {
        float: right;
        width: 650px;
        height: 300px;
        padding-left: 0;
    }

    #ssl-brand-list .ssl-brand .brand-box li {
        cursor: pointer;
        float: left;
        width: 162px;
        height: 150px;
        line-height: 200px;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center 45px;
        background-size: 80%;
        border-right: 1px solid #e6e6e6
    }

    #ssl-brand-list .ssl-brand .brand-box li:nth-child(4n) {
        border-right: 0
    }

    #ssl-brand-list .ssl-brand .brand-box li:nth-child(n+5) {
        border-top: 1px solid #e6e6e6
    }

    #ssl-brand-list .ssl-brand .brand-box li.sectigo {
        background-image: url(../images/ssl-brand/sectigo-icon.png);
        background-position: center 40px
    }

    #ssl-brand-list .ssl-brand .brand-box li.geotrust {
        background-image: url(../images/ssl-brand/geotrust-icon.png);
    }

    #ssl-brand-list .ssl-brand .brand-box li.positive {
        background-image: url(../images/ssl-brand/positive-icon.png);
    }

    #ssl-brand-list .ssl-brand .brand-box li.globalsign {
        background-image: url(../images/ssl-brand/globalsign-icon.png);
        background-position: center 25px
    }

    #ssl-brand-list .ssl-brand .brand-box li.digicert {
        background-image: url(../images/ssl-brand/digicert-icon.png);
    }

    #ssl-brand-list .ssl-brand .brand-box li.entrust {
        background-image: url(../images/ssl-brand/entrust-icon.png);
        background-position: center 35px
    }

    #ssl-brand-list .ssl-brand .brand-box li.ssltrus {
        background-image: url(../images/ssl-brand/ssltrus-icon.png);
        background-position: center 30px;
        background-size: 60% auto
    }

    #ssl-brand-list .ssl-brand .brand-box li.baidutrust {
        background-image: url(../images/ssl-brand/baidutrust-icon.png);
        background-position: center 42px;
        background-size: 100% auto
    }

    #ssl-brand-list .ssl-brand .brand-box li.baidutrust a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    #ssl-brand-list .ssl-brand .brand-box li a {
        color: #5d5d5d
    }

    #register-process .process {
        display: flex
    }

    #register-process .process .process-box {
        position: relative;
        width: 220px;
        heifght: 115px;
        margin-right: 100px;
        font-size: 18px;
        padding-top: 30px;
        text-align: center;
        background-color: #3bade8
    }

    #register-process .process .process-box:last-child {
        margin-right: 0
    }

    #register-process .process .process-box:before {
        content: '';
        position: absolute;
        display: block;
        width: 50px;
        height: 25px;
        right: -75px;
        top: 50px;
        background: url(../images/ssl-type/arrow.jpg) center center no-repeat;
    }

    #register-process .process .process-box:last-child::before {
        background-image: none !important;
    }

    #register-process .process .process-box p {
        color: #fff;
        font-weight: bold;
        margin: 0
    }


    #brand-ssl-page .titles h2 {
        margin-bottom: 40px !important
    }

    #type-ssl-page #top-sections {
        box-sizing: border-box;
        height: 300px;
        color: white;
        background-size: 100% 350px;
    }

    /*#type-ssl-page .ev-ssl .bound{background: url(../images/ev-top-section-image.png) right 75px center no-repeat;}*/
    #type-ssl-page .ip-ssl #top-sections {
        background: #3bace6 url(../images/ssl-type/ip-top-section-image.jpg) center center no-repeat !important;
    }

    #type-ssl-page .ev-ssl #top-sections {
        background: #3bace6 url(../images/ssl-type/ev-top-section-image.jpg) center center no-repeat !important;
    }

    #type-ssl-page .ov-ssl #top-sections {
        background: url(../images/ssl-type/ov-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page .dv-ssl #top-sections {
        background: url(../images/ssl-type/dv-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page .multi-domain-ssl #top-sections {
        background: url(../images/ssl-type/multi-domain-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page .code-sign-ssl #top-sections {
        background: url(../images/ssl-type/code-sign-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page .wildcard-ssl #top-sections {
        background: url(../images/ssl-type/wildcard-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page .email-sign-ssl #top-sections {
        background: url(../images/ssl-type/email-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page .doc-sign-ssl #top-sections {
        background: url(../images/ssl-type/doc-top-section-image.jpg) center center no-repeat;
    }

    #type-ssl-page #top-sections .bound {
        min-height: 290px;
    }

    #type-ssl-page #top-section h1 {
        font-size: 38px;
        padding: 70px 0 22px 0;
        margin: 0;
        font-weight: normal
    }

    #type-ssl-page #top-sections p {
        width: 600px;
        line-height: 24px
    }

    #type-ssl-page #top-sections a {
        color: white
    }

    #ssl-product-page #top-section .bound {
        background-image: none
    }

    #ssl-product-page #top-section .bound .description p {
        font-size: 16px
    }

    #ssl-product-page #advantage-section .advantages div {
        border: 0;
        height: 140px !important
    }

    .solution-page #top-sections {
        background: #000 url(../images/banner.png) center center no-repeat;
        color: white;
        height: 340px;
        overflow: hidden
    }

    .solution-page #top-sections h2 {
        position: relative;
        display: inline-block;
        font-weight: normal;
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #888
    }

    .solution-page #top-sections h2:before {
        position: absolute;
        display: inline-block;
        content: '';
        background: #43bbf8;
        width: 40px;
        height: 3px;
        bottom: -2px;
        left: 0
    }

    .solution-page #top-sections h2:after {
        display: block;
        content: '';
        clear: both
    }

    .solution-page #top-sections h1 {
        font-weight: normal;
        font-size: 40px;
        margin-top: 55px
    }

    .solution-page #top-sections p {
        width: 690px;
        line-height: 27px;
        font-size: 13px;
        margin: 20px 0
    }

    .solution-page #top-sections a {
        display: inline-block;
        line-height: 38px;
        border: 1px solid #fff;
        font-size: 16px;
        margin-right: 600px;
        text-align: center;
        color: white;
        padding: 0 45px
    }

    .solution-page #top-section .bound {
        background-image: none
    }

    .solution-page #products-sections {
        background: #EAEAEA;
        padding: 70px 0 60px 0
    }

    .solution-page #products-sections h2 {
        position: relative;
        display: inline-block;
        font-weight: normal;
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #888
    }

    .solution-page #products-sections h2:before {
        position: absolute;
        display: inline-block;
        content: '';
        background: #43bbf8;
        width: 40px;
        height: 3px;
        bottom: -2px;
        left: 0
    }

    .solution-page #products-sections h2:after {
        display: block;
        content: '';
        clear: both
    }

    .solution-page #products-sections .products {
        overflow: hidden;
        padding-top: 40px
    }

    .solution-page #products-sections .product {
        display: inline-block;
        float: left;
        margin: 0 18px 20px 0;
        width: 284px;
        height: 284px;
        border: 1px solid #ddd;
        text-align: center;
        background: white;
        position: relative
    }

    .solution-page #products-sections .product .logo {
        display: table-cell;
        width: 284px;
        height: 78px;
        vertical-align: middle
    }

    .solution-page #products-sections .product .logo a {
        display: inline-block
    }

    .solution-page #products-sections .product p {
        padding: 0 32px;
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
        line-height: 24px;
        height: 80px;
        font-size: 13px;
        color: #888
    }

    .solution-page #products-sections .product .price {
        display: block;
        color: #e75414;
        font-size: 24px;
        line-height: 75px
    }

    .solution-page #products-sections .product .buy {
        position: absolute;
        background: #43bbf8;
        bottom: -1px;
        left: -1px;
        width: 286px;
        line-height: 48px;
        color: white;
        font-size: 16px
    }

    .solution-page #products-sections .product .buy:hover {
        background: #e75414
    }

    .solution-page #products-sections .product:nth-child(4n+4) {
        margin-right: 0
    }

    .solution-page #introduce-section {
        padding-top: 35px;
        padding-bottom: 50px;
        overflow: hidden
    }

    .solution-page #introduce-section h2 {
        position: relative;
        display: inline-block;
        font-weight: normal;
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #888
    }

    .solution-page #introduce-section h2:before {
        position: absolute;
        display: inline-block;
        content: '';
        background: #43bbf8;
        width: 40px;
        height: 3px;
        bottom: -2px;
        left: 0
    }

    .solution-page #introduce-section h2:after {
        display: block;
        content: '';
        clear: both
    }

    .solution-page #introduce-section h2 {
        margin-top: 30px
    }

    .solution-page #introduce-section img {
        float: left;
        width: 720px
    }

    .solution-page #introduce-section .introduce {
        width: 440px;
        float: right;
        background: #F5F5F5;
        padding: 40px 30px 0 40px;
        box-sizing: border-box
    }

    .solution-page #introduce-section .introduce h3 {
        font-weight: normal;
        font-size: 18px;
        margin-bottom: 20px
    }

    .solution-page #introduce-section .introduce ul {
        list-style-type: none;
        margin-bottom: 90px;
        padding: 0
    }

    .solution-page #introduce-section .introduce li,
    .solution-page #introduce-section .introduce p {
        font-size: 14px;
        line-height: 22px;
        color: #555
    }

    .solution-page #introduce-section .introduce p {
        margin-bottom: 20px
    }

    .solution-page #introduce-section .introduce a {
        display: inline-block;
        line-height: 40px;
        padding: 0 40px;
        color: white;
        font-size: 16px;
        background: #43bbf8;
        margin-bottom: 50px
    }

    #whmcs-page #partners-section .titles {
        color: #fff
    }

    #whmcs-page #partners-section {
        padding-top: 20px;
        background: url(../images/about-us.png) center center no-repeat;
        overflow: hidden;
        text-align: center
    }

    #whmcs-page #partners-section h2 {
        font-weight: normal;
        font-size: 26px;
        margin: 70px 0
    }

    #whmcs-page #partners-section a {
        display: inline-block;
        width: 280px;
        height: 140px;
        margin-right: 20px;
        background: white;
        margin-bottom: 40px
    }

    #whmcs-page #partners-section .aliyun {
        background: #fff url(../images/aliyun.png) center center no-repeat
    }

    #whmcs-page #partners-section .baidu-cloud {
        background: #fff url(../images/baidu-cloud.png) center center no-repeat
    }

    #whmcs-page #partners-section .tencent-cloud {
        background: #fff url(../images/tencent-cloud.png) center center no-repeat
    }

    #whmcs-page #partners-section .qcloud {
        background: #fff url(../images/qcloud.png) center center no-repeat
    }

    #whmcs-page #partners-section a:last-child {
        margin-right: 0
    }

    #products-section {
        padding: 30px 0;
    }

    #advantage-section {
        padding-top: 30px
    }

    #advantage-section .advantages div {
        display: inline-block;
        vertical-align: top;
        width: 33%;
        height: 300px !important;
        margin-bottom: 45px;
        border: 1px solid #E7E7E7
    }

    #advantage-section .advantages div:hover {
        border: 1px solid #98BDC9
    }

    #advantage-section h2 {
        margin: 65px 0 40px 0;
        font-weight: normal;
        font-size: 24px
    }

    #advantage-section i {
        width: 124px;
        height: 120px;
        display: inline-block
    }

    #advantage-section label {
        display: block;
        font-size: 24px;
        margin: 20px 0 20px 0
    }

    #advantage-section span {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        width: 330px;
        height: 75px
    }

    #qa-section {
        padding: 70px 0
    }

    #qa-section .question th {
        font-size: 18px;
    }

    #qa-section .question tr:last-child td:last-child {
        font-size: 14px;
    }

    #proxy-page #nav-product li {
        width: 25%;
    }

    #proxy-page #top-section {
        background: url(../images/proxy-banner.jpg);
    }

    #proxy-page #top-section .bound {
        padding-top: 90px;
        box-sizing: border-box
    }

    #proxy-page #top-section .bound h1 {
        font-size: 30px;
        color: #e95513;
    }

    #proxy-page #top-section .bound p {
        width: 40%;
        line-height: 40px;
        margin-bottom: 40px;
        color: #fff;
        font-weight: bold;
        font-size: 36px
    }

    #proxy-page #top-section .bound a {
        display: inline-block;
        width: 160px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #333;
        border-radius: 20px;
        background-color: #fff;
    }

    #proxy-page #top-section .bound .active {
        color: #fff;
        background-color: #e95513;
    }

    #why-racent-cooperation {
        padding: 40px 0;
        background-color: #fff
    }

    #proxy-page .titles h2 {
        font-size: 30px !important
    }

    .icon-grid-section .grid {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin-right: -20px !important
    }

    #brand-ssl-page .about-ssl .list .box .product-description {
        display: table;
        width: 100%;
        min-height: 130px;
    }

    #brand-ssl-page .about-ssl .list .box .product-description .module {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .titles p {
        font-size: 14px;
        margin: 5px 0 20px 0;
        clear: both;
    }

    #type-ssl-page .about-ssl .type-list ul li p {
        letter-spacing: 5px;
        width: 100%;
        line-height: 80px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        padding-left: 0 !important;
        background-size: 90% !important;
    }

    #hot-product .product-description,
    .about-ssl .list .box .product-description {
        display: table;
        width: 100%;
        min-height: 100px;
    }

    #hot-product .product-description .module,
    .about-ssl .list .box .product-description .module {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    @media (min-width:768px) {
        .icon-grid-section .grid {
            margin-right: -40px !important
        }

        #footer-section #friend-links {
            color: white;
        }

        #footer-section #friend-links ul {
            padding: 0 0 5px 0;
            height: 35px;
            overflow: hidden
        }

        #footer-section #friend-links ul li {
            float: left;
            height: 35px;
            line-height: 40px;
            margin-right: 1px;
            padding-right: 13px;
            list-style: none;
            font-size: 0.875rem;
        }

        #footer-section #friend-links h4 {
            float: left;
            display: block;
            height: 35px;
            line-height: 25px;
            padding: 5px 0 0 0;
            margin: 0;
            font-weight: normal;
        }

        #footer-section #friend-links a {
            font-size: 14px;
        }
    }

    .icon-grid-section.column-five .icon-block,
    .icon-grid-section.column-four .icon-block {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 20px
    }

    .icon-grid-section.column-five .icon-block:after,
    .icon-grid-section.column-four .icon-block:after {
        content: "";
        display: block;
        padding-bottom: 75%
    }

    .icon-grid-section .btn-box {
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-align: center;
        transition: all .9s
    }

    .icon-grid-section .btn-box:hover {
        z-index: 20
    }

    .icon-grid-section .btn-box .front-side {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        -webkit-transition: .3s ease-in;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .icon-grid-section .btn-box .front-side .box-icon {
        width: 68px;
        height: 68px;
        margin: 0 auto;
        padding-top: 20px
    }

    .icon-grid-section .btn-box .front-side .h5-heading {
        width: 100%;
        padding: 0 20px
    }

    .icon-grid-section .btn-box .back-side {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

    .icon-grid-section .btn-box .back-side .icon-description {
        text-align: left;
        padding: 20px;
        margin-bottom: 0
    }

    .icon-grid-section.se-theme-white .front-side {
        background: #f6f6f5;
        color: #091927
    }

    .icon-grid-section.se-theme-light .front-side {
        background: #fff;
        color: #091927
    }

    .icon-grid-section.se-theme-light .back-side,
    .icon-grid-section.se-theme-white .back-side {
        background: #e95513;
        color: #fff
    }

    .icon-grid-section.se-theme-dark .front-side {
        background: #fff;
        color: #091927
    }

    .icon-grid-section.se-theme-dark .back-side {
        background: #f6f6f5;
        color: #091927
    }

    .icon-grid-section.se-theme-darkReverse {
        background: #fff
    }

    .icon-grid-section.se-theme-darkReverse .front-side {
        background: #091927;
        color: #fff
    }

    .icon-grid-section.se-theme-darkReverse .back-side {
        background: #f6f6f5;
        color: #091927
    }

    .icon-grid-section .icon-hover .btn-box {
        overflow: hidden
    }

    .icon-grid-section .icon-hover .btn-box:hover .front-side {
        -webkit-transform: translateY(-100.5%);
        -ms-transform: translateY(-100.5%);
        transform: translateY(-100.5%)
    }

    .icon-grid-section .icon-hover .btn-box .back-side a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: inherit
    }

    .icon-grid-section .icon-hover .btn-box .back-side .cta-text {
        font-weight: 500;
        color: #00b373;
        display: inline-block;
        border-bottom: 2px solid #00b373;
        padding-bottom: 5px
    }

    .icon-grid-section .icon-link .btn-box {
        overflow: hidden
    }

    .icon-grid-section .icon-link .btn-box .front-side {
        position: relative
    }

    .icon-grid-section .icon-link .btn-box .front-side a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border: 3px solid #ececeb
    }

    .icon-grid-section .icon-link .btn-box .front-side a,
    .icon-grid-section .icon-link .btn-box .front-side figure {
        transition: all .2s ease
    }

    .icon-grid-section .icon-link .btn-box:hover .front-side figure {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }

    .icon-grid-section .icon-link .btn-box:hover .front-side a {
        border: 3px solid #00b373;
        transition: all .2s ease
    }
}

@media (max-width: 992px) {
    #ssl-page .titles {
        margin-top: 15px;
        padding: 10px 0 10px 0
    }

    #contact-mobile {
        background: #3bade8 url(../images/contact-us-bg.png) center center repeat !important;
    }

    #ssl-page #top-section .bound {
        padding-top: 10px !important
    }

    #type-list-product .ssl-type-ranking {
        width: 100%;
    }

    #type-list-product .ssl-type-ranking .type-list {
        padding-left: 0;
    }

    #type-list-product .ssl-type-ranking .type-list li {
        width: 100%;
        height: 50px;
        margin: 5px 0;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        -moz-box-shadow: 0px 0px 2px #757575;
        -webkit-box-shadow: 0px 0px 2px #757575;
        box-shadow: 0px 0px 2px #757575;
    }

    #type-list-product .ssl-type-ranking .active {
        background-color: #7dca0e;
        color: #fff
    }

    #type-list-product .ssl-type-ranking .ranking-box {
        display: none;
        width: 100%;
        overflow: hidden;
        background-color: #f5f5f5;
    }

    #type-list-product .ssl-type-ranking .box {
        position: relative;
        width: 100%;
        height: 250px;
        margin-bottom: 5px;
        padding: 10px 0;
        background-color: #fff;
    }

    #type-list-product .ssl-type-ranking .box li p {
        color: #777;
        font-size: 16px;
    }

    #type-list-product .ssl-type-ranking .box:nth-child(1) li.icon {
        background-image: url(../images/ssl/ranking-1.png);
    }

    #type-list-product .ssl-type-ranking .box:nth-child(2) li.icon {
        background-image: url(../images/ssl/ranking-2.png);
    }

    #type-list-product .ssl-type-ranking .box:nth-child(3) li.icon {
        background-image: url(../images/ssl/ranking-3.png);
    }

    #type-list-product .ssl-type-ranking .box li.icon {
        float: left;
        width: 20%;
        height: 100px;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 90%
    }

    #type-list-product .ssl-type-ranking ul.sectigo li.brand {
        background-image: url(../images/ssl-brand/sectigo-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.geotrust li.brand {
        background-image: url(../images/ssl-brand/geotrust-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.positive li.brand {
        background-image: url(../images/ssl-brand/positive-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.globalsign li.brand {
        background-image: url(../images/ssl-brand/globalsign-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.digicert li.brand {
        background-image: url(../images/ssl-brand/digicert-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.baidutrust li.brand {
        background-image: url(../images/ssl-brand/baidutrust-icon.png);
    }

    #type-list-product .ssl-type-ranking ul.entrust li.brand {
        background-image: url(../images/ssl-brand/entrust-icon.png);
    }

    #type-list-product .ssl-type-ranking .box li.brand {
        padding-top: 35px;
        float: left;
        width: 30%;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        background-repeat: no-repeat;
        background-position: center 5px;
        background-size: 100%
    }

    #type-list-product .ssl-type-ranking .box li.info {
        position: absolute;
        width: 100%;
        bottom: 50px;
        padding: 0 10px;
        text-align: left;
    }

    #type-list-product .ssl-type-ranking .box li.info p {
        float: left;
        width: 50%;
        font-size: 14px
    }

    #type-list-product .ssl-type-ranking .box li.price {
        float: right;
        width: 44%;
    }

    #type-list-product .ssl-type-ranking .box li.price p {
        font-size: 14px;
        width: 100%;
        text-align: left;
        margin-bottom: 0;
        display: flex;
        align-items: center
    }

    #type-list-product .ssl-type-ranking .box li.price strong {
        font-size: 24px;
        color: #e45413
    }

    #type-list-product .ssl-type-ranking .box li.price s {
        float: left;
        font-size: 14px;
        color: #b5b5b5;
    }

    #type-list-product .ssl-type-ranking .box li.price span {
        float: left;
        font-size: 14px;
        padding: 2px;
        margin-left: 5px;
        border-radius: 20px;
        color: #fff;
        background-color: #3bade8
    }

    #type-list-product .ssl-type-ranking .box li.buy {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #type-list-product .ssl-type-ranking .box li.buy a {
        display: block;
        width: 100%;
        height: 50px;
        margin: 0 auto;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        line-height: 52px;
        background-color: #3bade8
    }


    #ssl-brand-list {
        padding: 10px 0;
        overflow: hidden
    }

    #ssl-brand-list .ssl-brand {
        width: 100%;
        height: 300px;
    }

    #ssl-brand-list .ssl-brand .brand-box {
        width: 100%;
        padding-left: 0;
    }

    #ssl-brand-list .ssl-brand .brand-box li {
        float: left;
        width: 50%;
        height: 162px;
        line-height: 200px;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center 45px;
        background-size: 80%;
        border-bottom: 1px solid #e6e6e6
    }

    #ssl-brand-list .ssl-brand .brand-box li:nth-child(n+5) {
        border-bottom: 0
    }

    #ssl-brand-list .ssl-brand .brand-box li:nth-child(odd) {
        border-right: 1px solid #e6e6e6
    }

    #ssl-brand-list .ssl-brand .brand-box li.sectigo {
        background-image: url(../images/ssl-brand/sectigo-icon.png);
        background-position: center 40px
    }

    #ssl-brand-list .ssl-brand .brand-box li.geotrust {
        background-image: url(../images/ssl-brand/geotrust-icon.png);
    }

    #ssl-brand-list .ssl-brand .brand-box li.positive {
        background-image: url(../images/ssl-brand/positive-icon.png);
    }

    #ssl-brand-list .ssl-brand .brand-box li.globalsign {
        background-image: url(../images/ssl-brand/globalsign-icon.png);
        background-position: center 25px
    }

    #ssl-brand-list .ssl-brand .brand-box li.digicert {
        background-image: url(../images/ssl-brand/digicert-icon.png);
    }

    #ssl-brand-list .ssl-brand .brand-box li.entrust {
        background-image: url(../images/ssl-brand/entrust-icon.png);
        background-position: center 35px
    }

    #ssl-brand-list .ssl-brand .brand-box li.ssltrus {
        background-image: url(../images/ssl-brand/ssltrus-icon.png);
        background-position: center 30px;
        background-size: 60%
    }

    #ssl-brand-list .ssl-brand .brand-box li a {
        color: #5d5d5d
    }

    .about-ssl .product-list .box .buy-box a {
        display: block;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        color: #fff;
        font-weight: bold;
    }

    .about-ssl .product-list .box .buy-box .operating {
        display: flex;
        margin-top: 20px
    }

    #footer-mobile {
        background-color: #333 !important;
    }

    #type-ssl-page #safety .safety-box .img,
    #features .safety-box .img {
        width: 100%;
    }

    #type-ssl-page #features .safety-box .img {
        width: 100%;
    }

    #type-ssl-page #safety .safety-box p {
        width: 100%
    }

    #type-ssl-page .section {
        padding: 30px 0
    }

    .section .titles {
        margin-bottom: 30px !important;
    }

    #why-choose .reason-box img {
        float: left;
        width: 10%;
    }

    #why-choose .reason-box .reason-list {
        width: 100%;
    }

    #why-choose .reason-box .reason-content {
        width: 85%;
    }

    #register-process .process {
        padding: 0 15px
    }

    #register-process .process .process-box {
        float: left;
        position: relative;
        width: 40%;
        height: 115px;
        margin-right: 20%;
        margin-bottom: 65px;
        font-size: 18px;
        padding-top: 30px;
        text-align: center;
        background-color: #3bade8
    }

    #register-process .process .process-box:nth-child(3) {
        float: right
    }

    #register-process .process .process-box:nth-child(2) {
        margin-right: 0
    }

    #register-process .process .process-box:nth-child(3) {
        margin-right: 0
    }

    #register-process .process .process-box:nth-child(1)::before {
        content: '';
        position: absolute;
        display: block;
        width: 50px;
        height: 25px;
        right: -60px;
        top: 50px;
        background: url(../images/ssl-type/arrow.jpg) center center no-repeat;
    }

    #register-process .process .process-box:nth-child(2)::before {
        content: '';
        position: absolute;
        display: block;
        width: 25px;
        height: 50px;
        left: 40%;
        bottom: -60px;
        background: url(../images/ssl-type/arrow-b.jpg) center center no-repeat;
    }

    #register-process .process .process-box:nth-child(3)::before {
        content: '';
        position: absolute;
        display: block;
        width: 50px;
        height: 25px;
        left: -60px;
        top: 50px;
        background: url(../images/ssl-type/arrow-l.jpg) center center no-repeat;
    }

    #register-process .process .process-box:last-child::before {
        background-image: none !important;
    }

    #register-process .process .process-box p {
        color: #fff;
        font-weight: bold;
        margin: 0
    }
}

@media (min-width:375px) {

    .icon-grid-section.column-five .icon-block:after,
    .icon-grid-section.column-four .icon-block:after {
        padding-bottom: 50%
    }
}

@media (min-width:576px) {

    .icon-grid-section.column-five .icon-block,
    .icon-grid-section.column-four .icon-block {
        width: calc(50% - 20px);
        margin-right: 20px
    }

    .icon-grid-section.column-five .icon-block:after,
    .icon-grid-section.column-four .icon-block:after {
        padding-bottom: 100%
    }
}

@media (min-width:768px) {

    .icon-grid-section.column-five .icon-block,
    .icon-grid-section.column-four .icon-block {
        width: calc(33.33% - 20px)
    }
}

@media (min-width:992px) {
    .icon-grid-section.column-four .icon-block {
        width: calc(25% - 30px);
        margin-right: 30px
    }
}

@media (min-width:1200px) {
    .icon-grid-section.column-four .icon-block {
        width: calc(25% - 40px);
        margin-top: 0;
        margin-right: 40px
    }

    .icon-grid-section.column-four .icon-block:after {
        padding-bottom: 75%
    }
}

@media (min-width:992px) {
    .icon-grid-section.column-five .icon-block {
        width: calc(25% - 30px);
        margin-top: 30px;
        margin-right: 30px
    }
}

@media (min-width:1200px) {
    .icon-grid-section.column-five .icon-block {
        width: calc(20% - 40px)
    }
}

#product-portfolio {
    width: 100%;
    height: 360px;
    margin-bottom: 270px;
    box-sizing: border-box;
    background-color: #02223d;
}

#product-portfolio .titles {
    margin-top: 0;
    margin-bottom: 60px;
}

#product-portfolio .titles h2 {
    color: #fff;
    padding-top: 80px;
    font-weight: normal !important;
}

#product-portfolio .portfolios {
    display: flex;
}

#product-portfolio .portfolio {
    position: relative;
    width: 280px;
    margin-right: 27.5px;
}

#product-portfolio .portfolio:last-child {
    margin: 0
}

#product-portfolio .portfolio .box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 220px;
    text-align: center;
    padding: 0 10px;
    -moz-box-shadow: 0px 5px 9px #E4E4E4;
    -webkit-box-shadow: 0px 5px 9px #E4E4E4;
    box-shadow: 0px 5px 9px #E4E4E4;
}

#product-portfolio .portfolio .box h3 {
    font-size: 18px;
    font-weight: bold
}

#product-portfolio .portfolio .box p {
    height: 110px;
    font-size: 14px;
}

#product-portfolio .portfolio .box a {
    display: block;
    width: 145px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #e95513;
}

#product-portfolio .portfolio:hover .box {
    background-color: #e95513
}

#product-portfolio .portfolio:hover h3,
#product-portfolio .portfolio:hover p {
    color: #fff
}

#product-portfolio .portfolio:hover a {
    color: #666;
    background-color: #fff;
}

#proxy-qualifications {
    padding: 70px 0
}

#proxy-qualifications .titles {
    margin-bottom: 60px
}

#proxy-qualifications .qualifications-list {
    display: flex
}

#proxy-qualifications .qualifications {
    position: relative;
    width: 230px;
    height: 140px;
    margin-right: 90px;
    text-align: center;
    padding-top: 15px;
    background-color: #fff;
    border-radius: 5px;
}

#proxy-qualifications .qualifications p {
    width: 100px;
    margin: 15px auto;
    font-size: 16px;
    font-weight: bold
}

#proxy-qualifications .qualifications:last-child {
    margin: 0
}

#proxy-qualifications .qualifications:before {
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    right: -65px;
    width: 45px;
    height: 60px;
    background: url(../images/proxy/qualifications/arrow.png) center center no-repeat
}

#proxy-qualifications .qualifications:last-child::before {
    background: 0
}

#proxy-page {
    background-color: #f5f5f5
}

.product-menu {
    padding: 0 20px;
}

.top-wrapper .product-menu {
    margin: 0 auto;
    width: 1200px;
    padding-top: 30px;
    padding-bottom: 30px;
    min-width: 290px;
    text-align: left;
}

.top-wrapper .product-menu a {
    box-sizing: border-box;
    width: 100%
}

.top-wrapper .product-menu a span {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 5px
}

.product-menu .active,
.product-menu .box dl dd a:hover {
    color: #e95513
}

.product-menu .active,
.product-menu .box dl dd:hover {
    color: #e95513
}

.product-menu .box dl dd a {
    color: #a9a9a9;
}

.submenu {
    display: none;
    height: 290px;
    background-color: #111;
}

.product-menu .box {
    float: left;
    display: flex;
    width: 1200px;
}

.product-menu .box dl {
    padding: 10px 15px;
    box-sizing: border-box;
}

.product-menu .box dl:nth-child(1) {
    width: 30%;
}

.product-menu .box dl:nth-child(2) {
    width: 30%;
}

.product-menu .box dl dt {
    position: relative;
    margin: 5px 0 20px 0;
    font-size: 16px;
    color: #fff
}

.product-menu .box dl dt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    border-bottom: 1px solid #414141
}

.product-menu .box dl:nth-child(1) dt:before {
    width: 95px
}

.product-menu .box dl:nth-child(2) dt:before {
    width: 95px
}

.product-menu .box dl:nth-child(3) dt:before {
    width: 130px
}

.product-menu .box dl:nth-child(4) dt:before {
    width: 70px
}

.product-menu .box dl dd {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 20px;
    line-height: 35px;
    color: #c2c2c2
}

.product-menu .box dl:nth-child(1) dd {
    width: 100%
}

.product-menu .box dl:nth-child(2) dd {
    width: 100%
}

.product-menu .box dl dd:before {
    content: '●';
    display: block;
    position: absolute;
    left: 0;
}

.product-menu .img {
    float: right;
    width: 360px;
    height: 190px;
    background: url(../picture/nav-img.png) 30px -10px no-repeat;
    background-size: cover
}


#ssl-product,
#control-panel,
#management-system {
    background-color: #eee;
    padding-top: 30px
}

#management-system {
    padding-bottom: 40px
}

#ssl-product h2,
#control-panel h2,
#management-system h2 {
    font-size: 24px
}

#ssl-product .ssl-box,
#control-panel .panel-box {
    display: flex;
}

#ssl-product .ssl-box .ssl-brand-list {
    width: 700px;
    height: 470px;
    margin-right: 40px;
    background-color: #fff;
}

#ssl-product .ssl-box .ssl-type-list {
    width: 460px;
    height: 470px;
    background-color: #fff;
}

#ssl-product .ssl-brand-list .brands {
    height: 50%;
    border-bottom: 1px solid #e6e6e6
}

#ssl-product .ssl-brand-list .brand {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
    text-align: left;
    padding: 20px 40px 0 40px
}

#ssl-product .ssl-brand-list .brand:nth-child(odd) {
    border-right: 1px solid #e6e6e6
}

#ssl-product .ssl-brand-list .brand .img img {
    max-width: 300px;
    height: 40px;
    margin-bottom: 5px
}

#ssl-product .ssl-brand-list .brand .title {
    display: block;
    font-size: 18px;
    color: #414141;
    margin: 10px 0
}

#ssl-product .ssl-brand-list .brand p {
    width: 240px;
    font-size: 14px;
    margin-bottom: 30px;
    color: #999
}

#ssl-product .ssl-brand-list .brand .font {
    font-size: 16px
}

#ssl-product .ssl-brand-list .brand strong {
    font-size: 22px;
    color: #ea6023
}

#ssl-product .ssl-brand-list .brand .buy {
    display: block;
    position: absolute;
    bottom: 23px;
    left: 150px;
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background-color: #ec6c32;
}

#ssl-product .ssl-brand-list .brand .buy.active {
    background-color: #ea6023;
    color: #fff
}

#ssl-product .ssl-type-list .title {
    width: 100%;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #17d092;
}

#ssl-product .ssl-type-list .ssl-type dl {
    width: 100%;
    height: 140px;
    padding-left: 55px;
    margin-top: 30px;
    box-sizing: border-box;
}

#ssl-product .ssl-type-list .ssl-type dl dt {
    position: relative;
    margin: 5px 0 20px 0;
    font-size: 18px;
    font-weight: normal;
    color: #414141
}

#ssl-product .ssl-type-list .ssl-type dl dt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    border-bottom: 1px solid #ea6023
}

.ssl-type-list dl:nth-child(1) dt:before {
    width: 105px
}

.ssl-type-list dl:nth-child(2) dt:before {
    width: 145px
}

.ssl-type-list dl dd {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 20px;
    line-height: 35px;
    color: #c2c2c2
}

.ssl-type-list dl dd:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 17px;
    height: 17px;
    background: url(../images/index/type-icon.png)
}

.ssl-type-list dl dd a {
    color: #666;
}

.ssl-type-list dl dd a:hover {
    color: #ea6023;
}

#control-panel .panel {
    position: relative;
    width: 25%;
    height: 400px;
    margin: 0;
    padding: 20px 20px;
    text-align: center;
}

#control-panel .product:hover a {
    color: #fff;
    background-color: #ec6c32
}

#control-panel .more {
    padding: 40px 20px;
    text-align: left;
    background: url(../images/index/control-panel.png) center center no-repeat
}

#control-panel .more h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fff
}

#control-panel .more p {
    font-size: 14px;
    margin-bottom: 25px;
    color: #fff
}

#control-panel .more a {
    display: block;
    width: 135px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    border: 2px solid #fff
}

#control-panel .img {
    height: 50px;
}

#control-panel .img img {
    height: 35px;
}

#control-panel .title {
    font-size: 18px;
}

#control-panel .subtitle {
    font-size: 14px;
}

#control-panel .description {
    height: 165px;
}

#control-panel .description p {
    color: #a0a0a0;
    margin-bottom: 4px;
}

#control-panel a {
    display: block;
    width: 134px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #333;
    margin: 30px auto;
    border: 1px solid #ec6c32
}

#management-system .system-box {
    width: 100%;
    height: 290px;
}

#management-system .system-box .lf {
    float: left;
    width: 300px;
    height: 290px;
    padding: 20px 35px;
    background-color: #00c0ff
}

#management-system .system-box .lf ul,
#management-system .system-box .rf ul {
    padding: 0
}

#management-system .system-box .lf h3 {
    font-weight: bold;
    font-size: 24px;
    color: #fff
}

#management-system .system-box .lf li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #fff
}

#management-system .system-box .lf p {
    color: #fff;
    margin-bottom: 24px
}

#management-system .system-box .rf {
    float: left;
    width: 900px;
    height: 290px;
    padding: 15px 55px;
    color: #fff;
    background: url(../images/index/system.jpg)
}

#management-system .system-box .rf li:before {
    content: '✔';
    margin-right: 10px
}

#management-system .system-box .rf p {
    color: #cceffa
}

#management-system .system-box .rf .price {
    margin: 25px 0;
    font-size: 14px
}

#management-system .system-box .rf .price strong {
    font-size: 18px;
    font-weight: bold
}

#management-system .system-box .rf a {
    display: block;
    width: 134px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 30px 0;
    border: 2px solid #fff
}

#solution {
    width: 100%;
    height: 744px;
    background: url(../images/index/solution-panel.png)
}

#solution .titles {
    margin-top: 0;
    margin-bottom: 60px;
}

#solution .titles .subtitle {
    width: 710px;
    margin: 20px auto;
    font-size: 16px;
    color: #fff
}

#solution .titles h2 {
    color: #fff;
    padding-top: 80px;
    font-weight: normal !important;
}

#solution .portfolios {
    display: flex;
}

#solution .portfolio {
    position: relative;
    width: 280px;
    margin-right: 27.5px;
}

#solution .portfolio img {
    width: 280px
}

#solution .portfolio:last-child {
    margin: 0
}

#solution .portfolio .con_box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 220px;
    background-color: #fff;
    text-align: center;
    padding: 0 10px;
    -moz-box-shadow: 0px 5px 9px #E4E4E4;
    -webkit-box-shadow: 0px 5px 9px #E4E4E4;
    box-shadow: 0px 5px 9px #E4E4E4;
}

#solution .portfolio .con_box h3 {
    font-size: 18px;
    font-weight: bold
}

#solution .portfolio .con_box p {
    height: 110px;
    font-size: 14px;
}

#solution .portfolio .con_box a {
    display: block;
    width: 145px;
    height: 35px;
    line-height: 32px;
    border: 2px solid #e6e6e6;
    color: #666;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #fff;
}

#solution .portfolio:hover a {
    border: 2px solid #ec6c32
}

#Latest-blog {
    padding: 70px 0;
}

#Latest-blog ul {
    padding: 0
}

#Latest-blog ul li {
    float: left;
    width: 48%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2
}

#Latest-blog ul li:nth-child(odd) {
    margin-right: 4%;
}

#Latest-blog ul li:hover a {
    color: #df5113
}

#Latest-blog ul li a {
    color: #666;
    font-size: 16px
}

#Latest-blog ul li a:before {
    content: '●';
    margin-right: 5px;
    color: #df5113
}

/*ssl tools*/
#sslTools-page .tool-banner {
    width: 100%;
    height: 300px;
    padding-top: 80px;
    color: #fff;
    text-align: center;
    background: url(../images/sslTools/banner.jpg)
}

.tool-banner p.title {
    font-size: 32px
}

.tool-banner p.box {
    width: 300px;
    height: 40px;
    font-size: 22px;
    margin: 0 auto;
    line-height: 40px;
    border: 2px solid #fff
}

.tool-list,
.tool-installation {
    padding-top: 15px;
}

.tool-list .list,
.tool-installation .list {
    width: 1000px;
    margin: 15px auto;
    height: 120px
}

.tool-installation .list {
    height: 240px
}

.tool-list .list .box,
.tool-installation .list .box {
    float: left;
    width: 210px;
    height: 100px;
    padding-top: 25px;
    margin-top: 25px;
    margin-right: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #666666
}

.tool-list .list .box span,
.tool-installation .list .box span {
    display: block;
    width: 150px;
    height: 60px;
    padding-left: 25px
}

.tool-list .list .box:nth-child(1) span {
    line-height: 55px
}

.tool-list .list .box:hover,
.tool-installation .list .box:hover {
    color: #fff
}

.tool-list .box:nth-child(1) {
    background: #e6e6e6 url('../images/sslTools/list-1.png') 140px center no-repeat;
    background-size: 50px 50px
}

.tool-list .box:nth-child(2) {
    background: #e6e6e6 url('../images/sslTools/list-2.png') 140px center no-repeat;
    background-size: 50px 50px
}

.tool-list .box:nth-child(3) {
    background: #e6e6e6 url('../images/sslTools/list-3.png') 140px center no-repeat;
    background-size: 50px 50px
}

.tool-list .box:nth-child(1):hover {
    background: #e95613 url('../images/sslTools/list-1-hover.png') 140px center no-repeat;
    background-size: 50px 50px
}

.tool-list .box:nth-child(2):hover {
    background: #e95613 url('../images/sslTools/list-2-hover.png') 140px center no-repeat;
    background-size: 50px 50px
}

.tool-list .box:nth-child(3):hover {
    background: #e95613 url('../images/sslTools/list-3-hover.png') 140px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(1) {
    background: #e6e6e6 url('../images/sslTools/list-4.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(2) {
    background: #e6e6e6 url('../images/sslTools/list-5.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(3) {
    background: #e6e6e6 url('../images/sslTools/list-6.png') 155px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(4) {
    margin-right: 0;
    background: #e6e6e6 url('../images/sslTools/list-7.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(5) {
    background: #e6e6e6 url('../images/sslTools/list-8.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(1):hover {
    background: #e95613 url('../images/sslTools/list-4-hover.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(2):hover {
    background: #e95613 url('../images/sslTools/list-5-hover.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(3):hover {
    background: #e95613 url('../images/sslTools/list-6-hover.png') 155px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(4):hover {
    background: #e95613 url('../images/sslTools/list-7-hover.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-installation .list .box:nth-child(5):hover {
    background: #e95613 url('../images/sslTools/list-8-hover.png') 150px center no-repeat;
    background-size: 50px 50px
}

.tool-list .title,
.tool-installation .title {
    width: 100%;
    text-align: center;
    margin: 25px 0;
    font-size: 24px;
}

#advantage ul li:nth-child(1) {
    background: #009f67 url(../images/ssl-brand/advantage/1.png) no-repeat
}

#advantage ul li:nth-child(2) {
    background: #009f67 url(../images/ssl-brand/advantage/2.png) no-repeat
}

#advantage ul li:nth-child(3) {
    background: #009f67 url(../images/ssl-brand/advantage/3.png) no-repeat
}

#advantage ul li:nth-child(4) {
    background: #009f67 url(../images/ssl-brand/advantage/4.png) no-repeat
}

#advantage ul li:nth-child(5) {
    background: #009f67 url(../images/ssl-brand/advantage/5.png) no-repeat
}

#advantage ul li:nth-child(6) {
    background: #009f67 url(../images/ssl-brand/advantage/6.png) no-repeat
}

#advantage ul li:nth-child(7) {
    background: #009f67 url(../images/ssl-brand/advantage/7.png) no-repeat
}

#advantage ul li:nth-child(8) {
    background: #009f67 url(../images/ssl-brand/advantage/8.png) no-repeat
}

* {
    touch-action: pan-y;
}

@media screen and (max-width: 767px) {
    #Latest-blog {
        padding: 25px 0
    }

    #ssl-product,
    #control-panel,
    #management-system {
        padding-top: 1px
    }

    .bound {
        box-sizing: border-box
    }

    #ssl-product h2,
    #control-panel h2,
    #management-system h2 {
        text-align: center
    }

    #ssl-product .ssl-box,
    #control-panel .panel-box,
    #solution .portfolios {
        display: block;
    }

    #ssl-product .ssl-box .ssl-brand-list,
    #ssl-product .ssl-box .ssl-type-list {
        width: 100%;
        margin: 0
    }

    #ssl-product .ssl-brand-list .brand {
        padding: 20px 10px 0 10px;
    }

    #ssl-product .ssl-brand-list .brand .img img {
        max-width: 100%
    }

    #ssl-product .ssl-brand-list .brand p {
        width: 100%
    }

    #ssl-product .ssl-brand-list .brand .buy {
        left: 0;
        bottom: 0;
        width: 100%
    }

    #ssl-product .ssl-type-list .ssl-type dl {
        padding-left: 25px
    }

    #control-panel .panel-box {
        padding: 0 5px
    }

    #control-panel .panel {
        width: 100%;
        height: 130px;
        padding: 10px 10px;
        text-align: left;
        border-bottom: 1px solid #e6e6e6
    }

    #control-panel .img {
        height: 45px;
    }

    #control-panel a {
        position: absolute;
        right: 5px;
        top: 20px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background-color: #ec6c32;
    }

    #management-system .system-box {
        height: 450px
    }

    #management-system .system-box .lf {
        width: 100%;
        height: 220px;
        text-align: center;
        padding: 20px 10px
    }

    #management-system .system-box .lf p {
        font-size: 16px
    }

    #management-system .system-box .rf {
        width: 100%;
        padding: 15px 15px;
        background: url(../images/index/system-mobile.png) center center;
        background-size: 100%
    }

    #management-system .system-box .rf a {
        margin: 5px 0
    }

    #solution {
        padding: 0 5px
    }

    #solution .titles .subtitle {
        width: 100%
    }

    #solution .portfolio {
        float: left;
        width: 49%;
        height: 118px;
        padding: 0;
        margin-bottom: 125px;
        margin-right: 0
    }

    #solution .portfolio:nth-child(odd) {
        margin-right: 2%;
    }

    #solution .portfolio img {
        width: 100%;
    }

    #solution .portfolio .con_box {
        height: 110px
    }

    #solution .portfolio .con_box h3 {
        font-size: 15px
    }

    #Latest-blog ul li {
        width: 100%;
        height: 40px;
        line-height: 40px
    }

    #Latest-blog ul li a {
        font-size: 14px
    }

    .about-ssl {
        margin-top: 20px
    }

    .about-ssl .type-list ul strong {
        width: 20px;
        font-size: 22px;
        line-height: 40px
    }

    .about-ssl .type-list ul span {
        width: 140px;
        height: 40px;
    }

    #brand-ssl-page .about-ssl .type-list ul li p {
        width: 100%;
        height: 40px;
    }

    #type-ssl-page .about-ssl .type-list ul li p {
        width: 100%;
        height: 60px;
    }

    .about-ssl .list .box {
        width: 49%;
        margin-bottom: 10px;
        margin-right: 1%;
        height: 320px;
        text-align: center;
    }

    .about-ssl .list .box:nth-child(2n) {
        margin-right: 0
    }

    #hot-product .list {
        width: 100%;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 30px
    }

    #hot-product .list .box {
        position: relative;
        float: left;
        width: 49%;
        margin-bottom: 10px;
        margin-right: 2%;
        /*height: 380px;*/
        text-align: center;
        -moz-box-shadow: 0px 0px 5px #b6b6b6;
        -webkit-box-shadow: 0px 0px 5px #b6b6b6;
        box-shadow: 0px 0px 5px #b6b6b6;
    }

    #hot-product .list .box img {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    #hot-product .list .box:nth-child(2n) {
        margin-right: 0
    }

    .about-ssl .list .note span {
        width: 12%;
    }

    .about-ssl .list .note ul {
        width: 88%;
    }

    .about-ssl .product-list {
        margin-top: 20px
    }

    .about-ssl .product-list .box h3 {
        font-size: 17px;
    }

    #type-ssl-page .about-ssl .type-list ul li p {
        font-size: 25px;
        letter-spacing: 5px;
        line-height: 60px;
        text-align: center;
        font-weight: bold;
    }

    #hot-product .list .box h3 {
        width: 100%;
        height: 40px;
        font-size: 16px;
        padding: 0 5px;
        display: flex;
        margin-top: 5px;
        align-items: left;
        justify-content: space-around;
        flex-direction: column;
        font-weight: 600;
    }

    #hot-product .list .box p {
        font-size: 16px;
        margin: 5px 0;
        color: #777777;
    }

    #hot-product .list .box .buy-box {
        border-top: 1px solid #e6e6e6
    }

    #hot-product .list .box .buy-box strong {
        font-size: 28px;
    }

    #hot-product .list .box .buy-box .operating {
        display: flex;
        justify-content: center
    }

    #hot-product .list .box .buy-box a {
        display: block;
        width: 90px;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        color: #fff;
        font-weight: bold;
        margin-top: 15px
    }

    #hot-product .list .box .buy-box a:nth-child(2) {
        background-color: #7dca0d
    }

    #brand-ssl-page #hot-product .list .box .buy-box a {
        width: 140px;
        font-size: 18px
    }


    #brand-ssl-page #compare-section .buy {
        width: 60px;
        height: 35px;
    }

    #why-choose .reason-box .reason-list {
        width: 100%;
        height: 100px;
    }

    #why-choose .reason-box {
        padding: 0 5px;
        box-sizing: border-box
    }

    #help-module .help-doc,
    #help-module .ssl-tool,
    #help-module .ssl-tool .title {
        width: 100%
    }

    #help-module .ssl-tool {
        height: 105px
    }

    #brand-ssl-page #hot-product .list {
        margin-top: 20px
    }

    #hot-product .list .box .brand-icon {
        width: 100%;
        height: 100px;
        background-size: 90%;
        padding-top: 50px
    }

    #hot-product .list .box .product-description {
        height: 120px
    }

    #brand-ssl-page .geotrust #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-geotrust-mobile.jpg) center center repeat;
        background-size: 100%
    }

    #brand-ssl-page .sectigo #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-sectigo-mobile.png) center center repeat;
        background-size: 100%
    }

    #brand-ssl-page .positive #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-positive-mobile.png) center center repeat;
        background-size: 100%
    }

    #brand-ssl-page .globalsign #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-globalsign-mobile.png) center center repeat;
        background-size: 100%
    }

    #brand-ssl-page .digicert #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-digicert-mobile.png) center center repeat;
        background-size: 100%
    }

    #brand-ssl-page .entrust #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-entrust-mobile.png) center center repeat;
        background-size: 100%
    }

    #brand-ssl-page .ssltrus #top-sections {
        background: #fff url(../images/ssl-brand/top-ssltrus-mobile.png) center -40px no-repeat;
        background-size: 100% 330px
    }

    #brand-ssl-page .baidutrust #top-sections {
        background: #fff url(../images/ssl-brand/top-ssltrus-mobile.png) center -40px no-repeat;
        background-size: 100% 330px
    }

    .digicert .product-description {
        width: 100%;
        height: 170px
    }

    .about-ssl .type-list ul li {
        margin-bottom: 1px
    }

    #hot-product .brand-icon {
        background-size: 90% !important
    }

    #hot-product .brand-icon.ssltrus {
        background-size: 50% !important
    }

    .ssltrus #hot-product .brand-icon {
        background-size: 50% !important;
    }

    #type-ssl-page .about-ssl .product-list .box h3 {
        height: 50px !important;
    }

    #safety .safety-box {
        box-sizing: border-box;
        background-size: 100% !important;
        background-position: top center;
    }

    #safety .safety-box .box {
        width: 100%;
        padding-left: 10px
    }

    #safety .safety-box h3 {
        font-size: 18px;
        font-weight: bold;
    }

    #safety .safety-box ul {
        margin-top: 20px
    }

    #features .safety-box .box {
        width: 100%
    }

    #codeguard-page h1 {
        font-size: 22px
    }

    #codeguard-page #top-sections {
        height: 350px;
        padding-top: 20px;
        color: #fff;
        background: #3bace6 url(../images/ssl-brand/top-codeguard-mobile.jpg) center center no-repeat;
        background-size: 100%
    }

    #codeguard-page #hot-product .list .box {
        height: 350px
    }

    #codeguard-page #safety .safety-box {
        height: 560px;
        margin-top: 10px;
        padding-top: 260px;
        padding-left: 20px;
        padding-bottom: 10px
    }

    #codeguard-page #why-choose .reason-box .reason-list {
        margin: 10px 0 10px 0
    }

    #advantage ul li {
        float: left;
        width: 48%;
        height: 80px;
        padding-left: 10px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        margin-right: 4%;
        margin-bottom: 15px;
        background-position: 110px center !important;
        background-size: 70px !important
    }

    #advantage ul li:nth-child(2n) {
        margin-right: 0
    }

    #advantage ul {
        height: 380px;
    }

    #codeguard-page #features .safety-box {
        background: #fff url(../images/ssl-brand/protection.png) top center no-repeat !important;
        background-size: 100% !important
    }

    #proxy p {
        width: 100%;
        font-size: 14px;
        color: #dcebe4;
        margin: 20px auto
    }

    #type-ssl-page .feature {
        padding-left: 10px;
        box-sizing: border-box;
    }

    .advanced-section .features .feature {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    #type-ssl-page .feature .left-icon {
        width: 60px;
        margin: 10px 20px 0 0;
    }

    #type-ssl-page .feature .left-icon img {
        width: 60px;
    }
}

@media (min-width:992px) {
    #top-sections {
        overflow: hidden;
        color: white;
    }

    #brand-ssl-page .geotrust #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-geotrust.jpg) center center repeat;
    }

    #brand-ssl-page .sectigo #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-sectigo.jpg) center center repeat;
    }

    #brand-ssl-page .positive #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-positive.jpg) center center repeat;
    }

    #brand-ssl-page .globalsign #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-globalsign.jpg) center center repeat;
    }

    #brand-ssl-page .digicert #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-digicert.jpg) center center repeat;
    }

    #brand-ssl-page .entrust #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-entrust.jpg) center center repeat;
    }

    #brand-ssl-page .ssltrus #top-sections {
        background: #3bace6 url(../images/ssl-brand/top-ssltrus.jpg) center center repeat;
    }

    #brand-ssl-page .baidutrust #top-sections {
        background: #3bace6 url(../images/picture/top-baidutrust.jpg) center center repeat;
    }

    #brand-ssl-page .baidutrust #top-sections {
        color: #333
    }

    #brand-ssl-page .positive #top-sections p,
    #brand-ssl-page .positive #top-sections h1 {
        color: #333
    }

    #brand-ssl-page #top-sections {
        height: 350px
    }

    #brand-ssl-page #top-sections{padding-top: 60px;background: #3bace6 url(../images/ssl-brand/top-sdhltrus.png) center -50px repeat;}



    #codeguard-page #top-sections h1 {
        margin-top: 20px !important;
        font-weight: 400
    }

    #codeguard-page #top-sections p {
        display: block;
        width: 480px;
        font-size: 15px
    }

    #codeguard-page .titles h2 {
        font-weight: 400 !important
    }

    #top-sections a {
        color: white
    }

    #top-sections h1 {
        margin: 0 0 20px 0;
        display: inline-block;
        width: 600px;
        font-weight: 600
    }

    #top-sections p {
        display: inline-block;
        line-height: 24px;
        width: 600px
    }

    #hot-product .list {
        display: flex;
        width: 100%;
        justify-content: center
    }

    #hot-product .list .box {
        position: relative;
        width: 270px;
        /*height: 385px;*/
        text-align: center;
        margin-right: 40px;
        -moz-box-shadow: 0px 0px 5px #b6b6b6;
        -webkit-box-shadow: 0px 0px 5px #b6b6b6;
        box-shadow: 0px 0px 5px #b6b6b6;
    }

    #hot-product .list .box img {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    #hot-product .list .box:last-child {
        margin-right: 0;
    }

    #hot-product .list .box h3 {
        width: 90%;
        height: 40px;
        margin: 30px auto 0 auto;
        font-size: 18px;
        padding: 0 5px;
        display: flex;
        align-items: left;
        justify-content: space-around;
        flex-direction: column;
        font-weight: 600;
    }

    #hot-product .list .box p {
        font-size: 15px;
        margin: 5px 0;
        color: #777777;
    }

    #hot-product .list .box .buy-box {
        border-top: 1px solid #e6e6e6
    }

    #hot-product .list .box .buy-box .price {
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6
    }

    #hot-product .list .box .buy-box .price s {
        font-size: 16px
    }

    #hot-product .list .box .buy-box .price span {
        width: 60px;
        padding: 5px;
        color: #fff;
        min-width: 50px
    }

    #hot-product .list .box .buy-box strong {
        font-size: 28px;
    }

    #hot-product .list .box .buy-box .operating {
        display: flex;
        padding: 0 10px
    }

    #hot-product .list .box .buy-box a {
        display: block;
        width: 110px;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        color: #fff;
        font-weight: 600;
        margin: 10px auto;
    }

    /*#brand-ssl-page #hot-product .list .box .buy-box a{width: 160px;font-size: 18px}*/
    #hot-product .list .box .buy-box a:nth-child(2) {
        background-color: #7dca0d
    }

    #hot-product .list .box .brand-icon {
        width: 100%;
        height: 110px;
        padding-top: 35px
    }

    #brand-ssl-page .section {
        padding: 60px 0
    }

    #contact-section {
        padding: 0 !important
    }

    .about-ssl {
        display: flex;
    }

    .about-ssl .type-list {
        width: 20%;
    }

    .about-ssl .type-list ul strong {
        width: 80px;
        font-size: 56px;
        line-height: 80px
    }

    #type-ssl-page .about-ssl .type-list ul strong {
        width: 80px;
        font-size: 56px;
        line-height: 80px
    }

    .about-ssl .type-list ul span {
        width: 90px;
        height: 80px;
    }

    .about-ssl .type-list ul li {
        height: 80px;
        margin-bottom: 15px;
    }

    .about-ssl .type-list ul li p {
        width: 90%;
        height: 80px;
    }

    .about-ssl .product-list .box h3 {
        font-size: 20px;
    }

    .about-ssl .list .box {
        width: 260px;
        margin-right: 60px;
    }

    .about-ssl .product-list {
        width: 75%;
        padding: 0px 10px
    }

    .about-ssl .product-list .box {
        margin: 10px 20px 15px 0;
    }

    .about-ssl .list .note span {
        width: 50px;
    }

    .about-ssl .list .note ul {
        width: 85%;
    }


    #brand-ssl-page #compare-section .buy {
        width: 80px;
        height: 35px;
    }

    #why-choose .reason-box {
        margin-top: 60px
    }

    #why-choose .reason-box .reason-list {
        width: 390px;
        height: 100px;
        margin-bottom: 25px;
        margin-right: 15px
    }

    #why-choose .reason-box .reason-list:nth-child(3n) {
        margin-right: 0
    }

    #help-module .help-doc {
        width: 50%
    }

    #help-module .ssl-tool {
        width: 20%;
    }

    #help-module .ssl-tool .title {
        width: 90%;
    }

    #help-module .help-doc {
        float: left;
        padding: 0 25px;
    }

    #help-module .ssl-tool a {
        display: block;
    }

    .geotrust .about-ssl .product-list {
        border: 5px solid #096bb2;
    }

    .ssltrus .about-ssl .product-list {
        border: 5px solid #e96d23;
    }

    .baidutrust .about-ssl .product-list {
        border: 5px solid #e96d23;
    }

    .sectigo .about-ssl .product-list {
        border: 5px solid #00af74;
    }

    .positive .about-ssl .product-list {
        border: 5px solid #0e1b2b;
    }

    .globalsign .about-ssl .product-list {
        border: 5px solid #62a63f;
    }

    .digicert .about-ssl .product-list {
        border: 5px solid #62a63f;
    }

    .entrust .about-ssl .product-list {
        border: 5px solid #4f8dc8;
    }

    #type-ssl-page .about-ssl .product-list {
        border: 5px solid #7eca0e;
    }

    .digicert #ssl-type-list .product-description,
    .entrust #ssl-type-list .product-description {
        width: 100%;
        height: 185px;
        overflow: hidden
    }

    #type-ssl-page .section,
    #ssl-page .section,
    #codeguard-page .section {
        padding: 20px 0;
    }

    #ssl-page .section {
        overflow: hidden
    }

    #footer-section.section {
        padding-bottom: 0
    }

    #type-ssl-page #safety .safety-box .box {
        width: 45%;
        float: right
    }

    #safety .safety-box h3 {
        font-size: 26px;
        font-weight: 600
    }

    #type-ssl-page #safety .safety-box,
    #type-ssl-page #features .safety-box {
        height: 420px;
        padding: 40px;
        background-position: 10px center !important;
        background-size: 48% 300px !important;
    }

    #safety .safety-box ul,
    #features .safety-box ul {
        margin-top: 40px
    }

    #safety .safety-box p {
        width: 45%;
        font-size: 16px;
        color: #666
    }

    #type-ssl-page #features .safety-box {
        background-position: 30px center !important;
    }

    #codeguard-page #hot-product .list .box {
        height: 330px
    }

    #codeguard-page #safety .safety-box {
        padding: 40px;
        height: 460px;
        background-position: right center !important;
    }

    #codeguard-page #why-choose .reason-box .reason-list {
        margin: 20px 0 40px 0
    }

    #features .safety-box .box {
        float: right;
        width: 45%
    }

    #advantage .titles p {
        width: 60%;
    }

    #advantage ul li {
        float: left;
        width: 249px;
        height: 100px;
        padding-left: 30px;
        padding-top: 10px;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        margin-right: 68px;
        margin-bottom: 40px;
        background-position: 150px center !important;
    }

    #advantage ul li:nth-child(4n) {
        margin-right: 0
    }

    #advantage ul {
        height: 300px;
    }

    #codeguard-page #features .safety-box {
        background: #fff url(../images/ssl-brand/protection.png) left center no-repeat !important
    }

    #proxy p {
        width: 30%;
        font-size: 16px;
        color: #dcebe4;
        margin: 20px auto
    }

    #type-ssl-page .feature {
        padding-left: 30px;
        box-sizing: border-box;
    }

    #type-ssl-page .feature .left-icon {
        margin: 10px 30px 0 0;
    }

    .table-section table td.name {
        font-size: 20px;
    }

    .about-ssl .product-list .box .buy-box .operating {
        display: flex;
        padding: 0 10px;
        margin-top: 10px
    }

    .about-ssl .product-list .box .buy-box a {
        display: block;
        width: 180px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        margin: 5px;
    }



    #type-ssl-page #safety .safety-box .img,
    #features .safety-box .img {
        width: 45%;
        border-radius: 40px;
    }

    #type-ssl-page #safety .safety-box,
    #type-ssl-page #features .safety-box {
        display: flex;
        width: 100%;
        background-color: #fff
    }

    #features .safety-box {
        padding-top: 230px
    }

    #type-ssl-page #features .safety-box .img {
        width: 45%;
    }

    #type-ssl-page #safety .safety-box .img,
    #features .safety-box .img {
        height: 265px;
        margin-top: 30px;
        margin-right: 60px;
    }

    #type-ssl-page #safety .safety-box p {
        width: 90%
    }

    #why-choose .reason-box .reason-content {
        width: 340px;
    }

    #why-choose .reason-box .reason-list {
        width: 390px;
    }
}

#hot-product .list .box .buy-box strong {
    color: #e55415
}

#hot-product .list .box .buy-box .price span {
    width: 60px;
    padding: 4px 5px;
    color: #fff;
    border-radius: 20px;
    background-color: #3bade9
}

.about-ssl .type-list ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.about-ssl .type-list ul strong {
    float: left;
}

.about-ssl .type-list ul span {
    float: left;
    display: flex;
    margin-left: 20px;
    align-items: left;
    justify-content: space-around;
    flex-direction: column;
    font-size: 20px;
    font-weight: bold
}

.about-ssl .type-list ul li {
    width: 100%;
    color: #fff;
    cursor: pointer
}

.about-ssl .type-list ul li p {
    margin: 0;
    padding-left: 15px;
}

.about-ssl .list {
    display: none
}

.about-ssl .list .note {
    float: left;
    width: 100%;
    margin: 20px 0 10px 0
}

.about-ssl .list .note span {
    float: left;
    font-size: 15px
}

.about-ssl .list .note ul {
    float: left;
    padding-left: 20px
}

.about-ssl .list .note li {
    list-style: solid !important;
    font-size: 15px
}

.about-ssl .list .box {
    float: left;
    text-align: center;
    -moz-box-shadow: 0px 0px 3px #b6b6b6;
    -webkit-box-shadow: 0px 0px 3px #b6b6b6;
    box-shadow: 0px 0px 3px #b6b6b6;
}

#hot-product .list .box .buy-box a {
    background-color: #3bade9
}

.about-ssl .product-list .box h3 {
    width: 100%;
    height: 60px;
    padding: 0 5px;
    margin: 5px 0;
    display: flex;
    align-items: left;
    justify-content: space-around;
    flex-direction: column;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
}

.about-ssl .product-list .box p {
    width: 90%;
    font-size: 14px;
    margin: 5px auto;
    color: #777777;
}

.about-ssl .product-list .box .buy-box {
    border-top: 1px solid #e6e6e6
}

.about-ssl .product-list .box .buy-box strong {
    font-size: 28px;
}


.about-ssl .product-list .box .buy-box a:nth-child(2) {
    background-color: #7dca0d !important;
}


.table-section table {
    border: 1px solid #ddd;
    width: 100%;
    border-collapse: collapse;
}

.table-section table {
    border-collapse: collapse;
}

.table-section table th {
    width: 25%;
    height: 60px;
    font-size: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 1px solid #ddd;
}

.table-section table td {
    text-align: center;
    width: 25%;
    height: 60px;
    border: 1px solid #ddd;
}

.table-section table td p {
    color: #e85414;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0
}

.table-section table a {
    display: block;
    margin: auto;
    line-height: 36px;
    border-radius: 20px;
    color: white;
    background-color: #e85414;
}

.table-section table a {
    width: 60%;
    height: 36px;
}

#brand-ssl-page #compare-section .buy {
    display: block;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
}

#codeguard-page #why-choose {
    overflow: hidden;
}

#why-choose .reason-box {
    width: 100%;
    overflow: hidden
}

#why-choose .reason-box .reason-list {
    float: left;
    height: 100px;
}

#why-choose .reason-box .reason-content {
    float: right;
    height: 100px;
}

#why-choose .reason-box img {
    margin-top: 5px
}

#why-choose .reason-box .reason-content h3 {
    margin: 5px 0
}


#help-module .help-doc {
    float: left;
    padding: 0 25px;
    border-right: 1px solid #e6e6e6
}

#help-module .ssl-tool {
    float: right;
    padding: 0 25px
}

#help-module .help-doc .help-title strong {
    float: left;
    font-size: 20px;
}

#help-module .help-doc .help-title a {
    float: right;
    line-height: 35px;
    font-size: 16px;
    color: #666666
}

#help-module .help-doc ul li {
    margin-top: 5px;
    list-style: disc !important
}

#help-module .help-doc ul li a {
    color: #333;
    font-size: 16px
}

#help-module .ssl-tool .title {
    float: right;
    font-weight: 600;
    padding: 5px 0;
    font-size: 20px;
    border-bottom: 1px solid #e6e6e6
}

#help-module .ssl-tool a {
    padding-left: 25px;
    font-size: 16px;
    margin: 10px 0;
    color: #666666
}

/*各品牌配置*/
#codeguard-page .section:nth-child(odd) {
    background-color: #f4f4f4
}

#codeguard-page #footer-section {
    background-color: #171717;
}

#codeguard-page .brand-icon {
    background: url(../images/ssl-brand/codeguard-icon.png) center center no-repeat;
    border-bottom: 1px solid #e6e6e6
}

#codeguard-page #hot-product .list .box .brand-icon {
    height: 60px
}

#codeguard-page #hot-product .list .box h3 {
    font-size: 22px;
    margin-top: 10px
}

#codeguard-page #hot-product .list .box .buy-box strong {
    color: #00af74
}

#codeguard-page #hot-product .list .box .buy-box .price span {
    background-color: #00af74
}

#codeguard-page #hot-product .list .box .buy-box a {
    background-color: #00af74
}

#codeguard-page #why-choose .reason-box .reason-content {
    width: 300px;
    padding-right: 40px
}

#codeguard-page #safety .safety-box {
    width: 100%;
    background: #fff url(../images/ssl-brand/safety.png) no-repeat
}


#safety .safety-box ul,
#features .safety-box ul {
    padding-left: 0;
}

#safety .safety-box ul li,
#features .safety-box ul li {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    color: #666;
    margin-bottom: 15px
}

#codeguard-page #safety .safety-box ul li:before,
#features .safety-box ul li:before {
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 30px;
    height: 30px;
    content: '';
    background: url(../images/ssl-brand/gou.png) center center no-repeat;
}


#features .safety-box .box p {
    width: 85%
}

#proxy {
    width: 100%;
    height: 240px;
    margin-top: 40px;
    padding-top: 30px;
    background: url(../images/ssl-brand/proxy.png)
}

#proxy h2 {
    color: #fff
}

#proxy a {
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    color: #333;
    background-color: #fff;
    margin: 0 auto
}

#advantage .titles p {
    margin: 20px auto;
    font-size: 16px;
    color: #666
}

#advantage ul {
    width: 100%;
    padding-left: 0
}

.advanced-section {
    padding: 30px 0
}

.advanced-section .features .feature .left-icon {
    width: 120px;
    height: 100px;
    text-align: center;
}

.advanced-section .features .feature>div {
    float: left;
}

#ssl-type-page .feature {
    color: #fff;
}

.advanced-section .features .feature>div {
    float: left;
}

.advanced-section .features .feature ul {
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.advanced-section h3 {
    margin: 5px 0 10px 0;
    font-weight: 600
}

/* #ssl-page .section:nth-child(odd) {
    background-color: #f5f5f5
} */

#advantage ul li span {
    display: flex;
    align-items: left;
    width: 120px;
    height: 80px;
    justify-content: space-around;
    flex-direction: column
}

.advanced-section .features {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.advanced-section .features .feature {
    width: 45%;
    margin-bottom: 20px;
    padding: 20px 0 40px;
    padding-left: 0px;
    background-color: #ffffff;
    -moz-box-shadow: 0px 0px 11px #8A8A8A;
    -webkit-box-shadow: 0px 0px 11px #8A8A8A;
    box-shadow: 0px 0px 11px #8A8A8A;
}

#type-ssl-page .brand-icon {
    border-bottom: 1px solid #e6e6e6
}

#hot-product .sectigo {
    background: url(../images/ssl-brand/sectigo-icon.png) center 15px no-repeat;
}

#hot-product .geotrust {
    background: url(../images/ssl-brand/geotrust-icon.png) center 20px no-repeat;
}

#hot-product .baidutrust {
    background: url(../images/ssl-brand/ssltrus-icon_new.png) center 12px no-repeat;
}

#hot-product .positive {
    background: url(../images/ssl-brand/positive-icon.png) center 15px no-repeat;
}

#hot-product .globalsign {
    background: url(../images/ssl-brand/globalsign-icon.png) center -10px no-repeat;
}

#hot-product .digicert {
    background: url(../images/ssl-brand/digicert-icon.png) center 15px no-repeat;
}

#hot-product .entrust {
    background: url(../images/ssl-brand/entrust-icon.png) center 10px no-repeat;
}

#hot-product .ssltrus {
    background: url(../images/ssl-brand/ssltrus-icon.png) center 15px no-repeat;
    background-size: 110px;
}


#type-ssl-page .type-list .sectigo {
    background: #3bade9 url(../images/ssl-type/sectigo-icon.png) center center no-repeat;
}

#type-ssl-page .type-list .geotrust {
    background: #3bade9 url(../images/ssl-type/geotrust-icon.png) center center no-repeat;
}

#type-ssl-page .type-list .positive {
    background: #3bade9 url(../images/ssl-type/positive-icon.png) center center no-repeat;
}

#type-ssl-page .type-list .globalsign {
    background: #3bade9 url(../images/ssl-type/globalsign-icon.png) center center no-repeat;
}

#type-ssl-page .type-list .digicert {
    background: #3bade9 url(../images/ssl-type/digicert-icon.png) center center no-repeat;
}

#type-ssl-page .type-list .entrust {
    background: #3bade9 url(../images/ssl-type/entrust-icon.png) center center no-repeat;
}

#type-ssl-page #ssl-type-list .buy-box strong {
    color: #f3610e;
}

#type-ssl-page .buy-box a:hover {
    background-image: linear-gradient(#096bb2, #096bb2);
}




#type-ssl-page #footer-section {
    background-color: #171717
}

#type-ssl-page #features .safety-box {
    background-color: #fff;
}

#type-ssl-page #features .safety-box .img {
    height: 300px;
    border-radius: 0;
}



#type-ssl-page .ev-ssl #safety .safety-box .img {
    background: url(../images/ssl-type/ev-safety.jpg) center center no-repeat;
}

#type-ssl-page .ov-ssl #safety .safety-box .img {
    background: url(../images/ssl-type/ov-safety.jpg) center center no-repeat;
}

#type-ssl-page .dv-ssl #safety .safety-box .img {
    background: url(../images/ssl-type/dv-safety.jpg) center center no-repeat;
}

#type-ssl-page .wildcard-ssl #safety .safety-box .img {
    background: url(../images/ssl-type/wildcard-safety.jpg) center center no-repeat;
}

#type-ssl-page .multi-domain-ssl #safety .safety-box .img {
    background: url(../images/ssl-type/multi-domain-safety.jpg) center center no-repeat;
}

#type-ssl-page .ev-ssl #features .safety-box .img,
#type-ssl-page .dv-ssl #features .safety-box .img {
    background: url(../images/ssl-type/ev-safetys.jpg) center center no-repeat;
    background-size: 100%
}

#type-ssl-page .ov-ssl #features .safety-box .img {
    background: url(../images/ssl-type/ov-safetys.jpg) center center no-repeat;
    background-size: 100%
}

#type-ssl-page .wildcard-ssl #features .safety-box .img {
    background: url(../images/ssl-type/wildcard-safetys.jpg) center center no-repeat;
    background-size: 100%
}


#type-ssl-page #safety .safety-box ul li {
    margin-bottom: 5px;
    padding-left: 25px
}

#type-ssl-page #features .safety-box ul li {
    margin-bottom: 5px;
    padding-left: 35px
}

#type-ssl-page #safety .safety-box ul li:before {
    display: block;
    position: absolute;
    left: 5px;
    top: -2px;
    width: 30px;
    height: 30px;
    color: #3bade9;
    font-size: 20px;
    content: '•';
}

#type-ssl-page #features .safety-box ul li:before {
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 30px;
    height: 30px;
    content: '';
    background: url(../images/ssl-brand/gou.png) center center no-repeat;
}

#type-ssl-page .type-list li.active,
#type-ssl-page .type-list li.active p,
#type-ssl-page #ssl-type-list .buy-box a:hover {
    background-color: #7eca0e;
}

#type-ssl-page .type-list ul li p,
#type-ssl-page #ssl-type-list .buy-box a {
    background-color: #3bade9;
}

.brand-icon {
    border-bottom: 1px solid #e6e6e6
}

.geotrust #ssl-type-list .buy-box strong {
    color: #f3610e
}

.geotrust #ssl-type-list .buy-box a,
.geotrust #compare-section .buy {
    background-image: linear-gradient(#fab691, #f9862b);
}

.geotrust .buy-box a:hover,
.geotrust #compare-section .buy:hover {
    background-image: linear-gradient(#096bb2, #096bb2);
}

.geotrust .brand-icon {
    background: url(../images/ssl-brand/geotrust-icon.png) center 20px no-repeat;
}

.geotrust .type-list ul li p {
    background-image: linear-gradient(#fab691, #f9862b);
}

.geotrust .type-list li.active,
.geotrust .type-list li.active p {
    background-image: linear-gradient(#096bb2, #096bb2);
}

.geotrust #help-module .help-doc ul li,
.geotrust #help-module .help-doc ul li a:hover,
#type-ssl-page #help-module .help-doc ul li a:hover,
#type-ssl-page .ssl-tool a:hover,
.geotrust #help-module .ssl-tool a:hover {
    color: #096bb2 !important
}

.sectigo #ssl-type-list .buy-box strong {
    color: #00af74
}

.sectigo #ssl-type-list .buy-box a,
.sectigo #compare-section .buy {
    background-image: linear-gradient(#00af74, #00af74);
}

.sectigo #ssl-type-list .buy-box a:hover,
.sectigo #compare-section .buy:hover {
    background-image: linear-gradient(#00af74, #00af74);
}

.sectigo .brand-icon {
    background: url(../images/ssl-brand/sectigo-icon.png) center 20px no-repeat;
}

.sectigo .type-list ul li p {
    background-image: linear-gradient(#898989, #898989);
}

.sectigo .type-list li.active,
.sectigo .type-list li.active p {
    background-image: linear-gradient(#00af74, #00af74);
}

.sectigo #help-module .help-doc ul li,
.sectigo #help-module .help-doc ul li a:hover,
.sectigo #help-module .ssl-tool a:hover {
    color: #00af74 !important
}


.positive #ssl-type-list .buy-box strong {
    color: #f8d756
}

.positive #ssl-type-list .buy-box a,
.positive #compare-section .buy {
    background-image: linear-gradient(#f8d756, #f8d756);
}

.positive #ssl-type-list .buy-box a:hover,
.positive #compare-section .buy:hover {
    background-image: linear-gradient(#f8d756, #f8d756);
}

.positive .brand-icon {
    background: url(../images/ssl-brand/positive-icon.png) center 20px no-repeat;
}

.positive .type-list ul li p {
    background-image: linear-gradient(#f8d756, #f8d756);
}

.positive .type-list li.active,
.positive .type-list li.active p {
    background-image: linear-gradient(#0e1b2b, #0e1b2b);
}

.positive #help-module .help-doc ul li,
.positive #help-module .help-doc ul li a:hover,
.positive #help-module .ssl-tool a:hover {
    color: #f8d756 !important
}


.globalsign #ssl-type-list .buy-box strong {
    color: #0d69b2
}

.globalsign #ssl-type-list .buy-box a,
.globalsign #compare-section .buy {
    background-image: linear-gradient(#0d69b2, #0d69b2);
}

.globalsign #ssl-type-list .buy-box a:hover,
.globalsign #compare-section .buy:hover {
    background-image: linear-gradient(#62a63f, #62a63f);
}

.globalsign .brand-icon {
    background: url(../images/ssl-brand/globalsign-icon.png) center 12px no-repeat;
}

.globalsign .type-list ul li p {
    background-image: linear-gradient(#0d69b2, #0d69b2);
}

.globalsign .type-list li.active,
.globalsign .type-list li.active p {
    background-image: linear-gradient(#62a63f, #62a63f);
}

.globalsign #help-module .help-doc ul li,
.globalsign #help-module .help-doc ul li a:hover,
.globalsign #help-module .ssl-tool a:hover {
    color: #0d69b2 !important
}


.digicert #ssl-type-list .buy-box strong {
    color: #0f9dff
}

.digicert #ssl-type-list .buy-box a,
.digicert #compare-section .buy {
    background-image: linear-gradient(#0f9dff, #0f9dff);
}

.digicert #ssl-type-list .buy-box a:hover,
.digicert #compare-section .buy:hover {
    background-image: linear-gradient(#62a63f, #62a63f);
}

.digicert .brand-icon {
    background: url(../images/ssl-brand/digicert-icon.png) center 15px no-repeat;
}

.digicert .type-list ul li p {
    background-image: linear-gradient(#0f9dff, #0f9dff);
}

.digicert .type-list li.active,
.digicert .type-list li.active p {
    background-image: linear-gradient(#62a63f, #62a63f);
}

.digicert #help-module .help-doc ul li,
.digicert #help-module .help-doc ul li a:hover,
.digicert #help-module .ssl-tool a:hover {
    color: #0f9dff !important
}


.entrust #ssl-type-list .buy-box strong {
    color: #68006f
}

.entrust #ssl-type-list .buy-box a,
.entrust #compare-section .buy {
    background-image: linear-gradient(#68006f, #68006f);
}

.entrust #ssl-type-list .buy-box a:hover,
.entrust #compare-section .buy:hover {
    background-image: linear-gradient(#4f8dc8, #4f8dc8);
}

.entrust .brand-icon {
    background: url(../images/ssl-brand/entrust-icon.png) center 10px no-repeat;
}

.entrust .type-list ul li p {
    background-image: linear-gradient(#68006f, #68006f);
}

.entrust .type-list li.active,
.entrust .type-list li.active p {
    background-image: linear-gradient(#4f8dc8, #4f8dc8);
}

.entrust #help-module .help-doc ul li,
.entrust #help-module .help-doc ul li a:hover,
.entrust #help-module .ssl-tool a:hover {
    color: #68006f !important
}

.ssltrus #ssl-type-list .buy-box strong {
    color: #467ac6
}

.ssltrus #ssl-type-list .buy-box a,
.ssltrus #compare-section .buy {
    background-image: linear-gradient(#467ac6, #467ac6);
}

.ssltrus #ssl-type-list .buy-box a:hover,
.ssltrus #compare-section .buy:hover {
    background-image: linear-gradient(#e96d23, #e96d23);
}

.ssltrus .brand-icon {
    background: url(../images/ssl-brand/ssltrus-icon.png) center 20px no-repeat;
    background-size: 110px;
}

.ssltrus .type-list ul li p {
    background-image: linear-gradient(#467ac6, #467ac6);
}

.ssltrus .type-list li.active,
.ssltrus .type-list li.active p {
    background-image: linear-gradient(#e96d23, #e96d23);
}

.ssltrus #help-module .help-doc ul li,
.ssltrus #help-module .help-doc ul li a:hover,
.ssltrus #help-module .ssl-tool a:hover {
    color: #467ac6 !important
}

.sdhltrus #ssl-type-list .buy-box strong{color: #467ac6}
.sdhltrus #ssl-type-list .buy-box a,.sdhltrus  #compare-section  .buy{background-image: linear-gradient(#467ac6, #467ac6);}
.sdhltrus #ssl-type-list .buy-box a:hover,.sdhltrus #compare-section  .buy:hover{background-image: linear-gradient(#e96d23, #e96d23);}
.sdhltrus .brand-icon{background: url(../images/ssl-brand/sdhltrus-icon.png) center 20px no-repeat;background-size: 176px;}
.sdhltrus .type-list ul li p{background-image: linear-gradient(#467ac6, #467ac6);}
.sdhltrus .type-list li.active,.sdhltrus .type-list li.active p{background-image: linear-gradient(#e96d23, #e96d23);}
.sdhltrus #help-module .help-doc ul li,.sdhltrus #help-module .help-doc ul li a:hover,.sdhltrus #help-module .ssl-tool a:hover{color: #467ac6!important}
.sdhltrus .about-ssl .product-list{border: 5px solid #e96d23;}
.sdhltrus #compare-section table th, .sdhltrus #compare-section table thead th:first-child {
    background: #467ac6;
}

.brand-ssl-page .ssltrus .type-list ul li:last-child p {
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    padding-right: 10px;
}


.baidutrust #ssl-type-list .buy-box strong {
    color: #467ac6
}

.baidutrust #ssl-type-list .buy-box a,
.entrust #compare-section .buy {
    background-image: linear-gradient(#467ac6, #467ac6);
}

.baidutrust #compare-section .buy {
    background-image: linear-gradient(#467ac6, #467ac6);
}

.baidutrust #ssl-type-list .buy-box a:hover,
.baidutrust #compare-section .buy:hover {
    background-image: linear-gradient(#e96d23, #e96d23);
}

.baidutrust .brand-icon {
    background: url(../images/ssl-brand/baidutrust-icon.png) center 20px no-repeat;
}

.baidutrust .type-list ul li p {
    background-image: linear-gradient(#467ac6, #467ac6);
}

.baidutrust .type-list li.active,
.baidutrust .type-list li.active p {
    background-image: linear-gradient(#e96d23, #e96d23);
}

.baidutrust #help-module .help-doc ul li,
.baidutrust #help-module .help-doc ul li a:hover,
.baidutrust #help-module .ssl-tool a:hover {
    color: #467ac6 !important
}

/* hk样式修改 */


#ssl-product-page #top-section .info .logo img {
    max-width: none;
}
/*品牌配置end*/

#top-sections h1 {
    color: #333;
}

#top-sections p {
    color: #666;
}

#top-sections a {
    color: #666;
}