@charset "utf-8"; #ssl { border-bottom: 3px solid rgb(252 131 1) !important; } 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{width: 125px;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:900px) { /*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; } #brand-ssl-page #top-sections{box-sizing: border-box;height: auto;padding: 0 16px;color: white; } .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 no-repeat !important; background-size: cover !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;} #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; } .brand-ssl-page .sdhltrus .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} } /*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 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/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/ssltrus-icon.png);background-size: 60%; background-position: 48% 34%;} #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{width: 18%;text-align: center;font-size: 20px;font-weight: bold;background-repeat: no-repeat;background-position: center 55px;background-size: 80%} #type-list-product .ssl-type-ranking li.brand a{color: black;display: block;height: 100%;padding-top: 100px} #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: 55px;} #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: 16px;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{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.jpg);background-position: center 30px;background-size: 60% auto} #ssl-brand-list .ssl-brand .brand-box li.sdhltrus{background-image: url(../images/ssl-brand/sdhltrus-icon.jpg);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: 20px 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: 15px;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: 20px 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: 20px!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: 900px) { #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: 16px;line-height: 40px} .about-ssl .type-list ul span{width:125px;height: 40px; font-size: 16px !important;} #brand-ssl-page .about-ssl .type-list ul li p{width: 100%;height: 40px; display: flex;} #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: auto;text-align: center;} .about-ssl .list .box:nth-child(2n){margin-right: 0} #hot-product .list{width: 100%;overflow: hidden;padding-top: 5px;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% ; height: 300px;} #brand-ssl-page .sectigo #top-sections{background: #3bace6 url(../images/ssl-brand/top-sectigo-mobile.png) center center repeat;background-size: 100% ; height: 300px;} #brand-ssl-page .positive #top-sections{background: #3bace6 url(../images/ssl-brand/top-positive-mobile.png) center center repeat;background-size: 100% ;height: 300px;} #brand-ssl-page .globalsign #top-sections{background: #3bace6 url(../images/ssl-brand/top-globalsign-mobile.png) center center repeat;background-size: 100% ;height: 270px;} #brand-ssl-page .digicert #top-sections{background: #3bace6 url(../images/ssl-brand/top-digicert-mobile.png) center center repeat;background-size: 100% ; height: 250px;} #brand-ssl-page .entrust #top-sections{background: #3bace6 url(../images/ssl-brand/top-entrust-mobile.png) center center repeat;background-size: 100% ; height: 400px;} #brand-ssl-page .ssltrus #top-sections{background: #273460 url(../images/ssl-brand/top-ssltrus-mobile.png) center -40px no-repeat;background-size: 100% 330px ; height: 350px;} #brand-ssl-page .sdhltrus #top-sections{background: #273460 url(../images/ssl-brand/top-sdhltrus-mobile.png) center -40px no-repeat;background-size: 100% 330px ; height: 350px;} #brand-ssl-page .cfcassl #top-sections{background: #273460 url(/ssl/images/ssl-brand/ssl-iconmenu/Rectangle_1570.png) center no-repeat; background-size:cover;height: 204px;} #brand-ssl-page .wotrusssl #top-sections{background: #273460 url(/ssl/images/ssl-brand/ssl-iconmenu/WoTrus-s_mix.png) center no-repeat; background-size:cover;height: 204px;} #brand-ssl-page .actalis #top-sections{background: url(/ssl/images/ssl-brand/ssl-iconmenu/bg_actalis.png) center no-repeat; background-size:cover;height: 204px;} #brand-ssl-page .sm2ssl #top-sections{background: #273460 url(/ssl/images/ssl-brand/ssl-iconmenu/State_mix.jpg) center no-repeat; background-size:cover;height: 204px;} #brand-ssl-page .baidutrust #top-sections{background: #273460 url(../images/ssl-brand/top-ssltrus-mobile.png) center -40px no-repeat;background-size: 100% 330px ; height: 350px;} .digicert .product-description{width: 100%;height: 170px} .about-ssl .type-list ul li{margin-bottom: 1px;margin-right:1px;} #hot-product .brand-icon{background-size: 90%!important} .cfcassl>#hot-product .brand-icon { background-size: 90px !important; } .wotrusssl>#hot-product .brand-icon { background-size: 90px !important; } .actalis>#hot-product .brand-icon { background-size: 90px !important; } .sm2ssl>#hot-product .brand-icon { background-size: 90px !important; } #hot-product .brand-icon.ssltrus{background-size: 50%!important} .ssltrus #hot-product .brand-icon{background-size: 110px!important;} .sdhltrus #hot-product .brand-icon{background-size: 110px!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: 500} #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;} .type-list{display: flex;height: auto;overflow-x: auto;overflow-y: hidden;} *{touch-action:unset;} .type-list::-webkit-scrollbar{display: none;} .type-list>ul{display: flex;} #help-module .help-doc { margin-top: 15px;margin-bottom: 15px;} } @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 .sdhltrus #top-sections{background: #3bace6 url(../images/ssl-brand/top-sdhltrus.png) center center repeat;} #brand-ssl-page .cfcassl #top-sections{background: #3bace6 url(/ssl/images/ssl-brand/ssl-iconmenu/cfca-ssl.jpg) center center no-repeat; background-size: cover;} #brand-ssl-page .wotrusssl #top-sections{background: #3bace6 url(/ssl/images/ssl-brand/ssl-iconmenu/WoTrus.jpg) center center no-repeat; background-size: cover;} #brand-ssl-page .actalis #top-sections{background: url(/ssl/images/ssl-brand/ssl-iconmenu/bg_actalis.png) center center no-repeat; background-size: cover;} #brand-ssl-page .sm2ssl #top-sections{background: #3bace6 url(/ssl/images/ssl-brand/ssl-iconmenu/State.jpg) center center no-repeat; background-size: cover;} #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} #codeguard-page #top-sections{padding-top: 60px;background: #3bace6 url(../images/ssl-brand/top-codeguard.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: 0 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;} .sdhltrus .about-ssl .product-list{border: 5px solid #e96d23;} .cfcassl .about-ssl .product-list{border: 5px solid #e96d23;} .wotrusssl .about-ssl .product-list{border: 5px solid #e96d23;} .actalis .about-ssl .product-list{border: 5px solid #e96d23;} .sm2ssl .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: 40px 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: 16px;align-items: left;justify-content: space-around;flex-direction: column;font-size: 20px;} .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;width:100%} .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: 100%;font-size: 14px;margin: 5px auto;color: #777777;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .about-ssl .product-list .box .buy-box{border-top: 1px solid #e6e6e6} .about-ssl .product-list .box .buy-box strong{font-size: 28px;} .box .module{padding-left: 10px; padding-right: 10px;} .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.png) center 15px no-repeat; background-size: 110pxs;} #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 .section:nth-child(odd){background-color: #fafafb} #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 -10px 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} .brand-ssl-page .ssltrus .type-list ul li:last-child p{ font-size: 24px;line-height: 73px;font-weight: bold;padding-right: 10px; } .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} .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} @media screen and (max-width: 500px) { #brand-ssl-page .entrust #top-sections{background: #3bace6 url(../images/ssl-brand/top-entrust-mobile.png) center center repeat;background-size: 100% ; height: 290px;} } .cfcassl #ssl-type-list .buy-box strong{color: #467ac6} .cfcassl #ssl-type-list .buy-box a,.cfcassl #compare-section .buy{background-image: linear-gradient(#467ac6, #467ac6);} .cfcassl #ssl-type-list .buy-box a:hover,.cfcassl #compare-section .buy:hover{background-image: linear-gradient(#e96d23, #e96d23);} .cfcassl .brand-icon{background: url(/ssl/images/ssl-brand/ssl-iconmenu/CFCA-s.png) center 20px no-repeat;background-size: 110px;} .cfcassl .type-list ul li p{background-image: linear-gradient(#467ac6, #467ac6);} .cfcassl .type-list li.active,.cfcassl .type-list li.active p{background-image: linear-gradient(#e96d23, #e96d23);} .cfcassl #help-module .help-doc ul li,.cfcassl #help-module .help-doc ul li a:hover,.cfcassl #help-module .ssl-tool a:hover{color: #467ac6!important} .brand-ssl-page .cfcassl .type-list ul li:last-child p{ font-size: 35px;line-height: 80px;font-weight: bold;padding-right: 10px; } .wotrusssl #ssl-type-list .buy-box strong{color: #467ac6} .wotrusssl #ssl-type-list .buy-box a,.wotrusssl #compare-section .buy{background-image: linear-gradient(#467ac6, #467ac6);} .wotrusssl #ssl-type-list .buy-box a:hover,.wotrusssl #compare-section .buy:hover{background-image: linear-gradient(#e96d23, #e96d23);} .wotrusssl .brand-icon{background: url(/ssl/images/ssl-brand/ssl-iconmenu/WoTrus-s.png) center 15px no-repeat;background-size: 110px;} .wotrusssl .type-list ul li p{background-image: linear-gradient(#467ac6, #467ac6);} .wotrusssl .type-list li.active,.wotrusssl .type-list li.active p{background-image: linear-gradient(#e96d23, #e96d23);} .wotrusssl #help-module .help-doc ul li,.wotrusssl #help-module .help-doc ul li a:hover,.cfcassl #help-module .ssl-tool a:hover{color: #467ac6!important} .brand-ssl-page .wotrusssl .type-list ul li:last-child p{ font-size: 35px;line-height: 80px;font-weight: bold;padding-right: 10px; } .actalis #ssl-type-list .buy-box strong{color: #467ac6} .actalis #ssl-type-list .buy-box strong{color: #467ac6} .actalis #ssl-type-list .buy-box a,.actalis #compare-section .buy{background-image: linear-gradient(#467ac6, #467ac6);} .actalis #ssl-type-list .buy-box a:hover,.actalis #compare-section .buy:hover{background-image: linear-gradient(#e96d23, #e96d23);} .actalis .brand-icon{background: url(/ssl/images/ssl-brand/ssl-iconmenu/Actalis-s.png) center 15px no-repeat;background-size: 110px;} .actalis .type-list ul li p{background-image: linear-gradient(#467ac6, #467ac6);} .actalis .type-list li.active,.actalis .type-list li.active p{background-image: linear-gradient(#e96d23, #e96d23);} .actalis #help-module .help-doc ul li,.actalis #help-module .help-doc ul li a:hover,.cfcassl #help-module .ssl-tool a:hover{color: #467ac6!important} .brand-ssl-page .actalis .type-list ul li:last-child p{ font-size: 35px;line-height: 80px;font-weight: bold;padding-right: 10px; } .sm2ssl #ssl-type-list .buy-box strong{color: #467ac6} .sm2ssl #ssl-type-list .buy-box a,.sm2ssl #compare-section .buy{background-image: linear-gradient(#467ac6, #467ac6);} .sm2ssl #ssl-type-list .buy-box a:hover,.sm2ssl #compare-section .buy:hover{background-image: linear-gradient(#e96d23, #e96d23);} .sm2ssl .brand-icon{background: url(/ssl/images/ssl-brand/ssl-iconmenu/CFCA-s.png) center 15px no-repeat;background-size: 110px;} .sm2ssl .list>.box:nth-child(3) .brand-icon,.sm2ssl .list>.box:nth-child(4) .brand-icon{background: url(/ssl/images/ssl-brand/ssl-iconmenu/WoTrus-s.png) center 15px no-repeat;background-size: 110px;} .sm2ssl .type-list ul li p{background-image: linear-gradient(#467ac6, #467ac6);} .sm2ssl .type-list li.active,.sm2ssl .type-list li.active p{background-image: linear-gradient(#e96d23, #e96d23);} .sm2ssl #help-module .help-doc ul li,.sm2ssl #help-module .help-doc ul li a:hover,.cfcassl #help-module .ssl-tool a:hover{color: #467ac6!important} .brand-ssl-page .sm2ssl .type-list ul li:last-child p{ font-size: 35px;line-height: 80px;font-weight: bold;padding-right: 10px; } /*品牌配置end*/