.ssl-detail *{ box-sizing: border-box; } .ssl-detail .container-fluid{ margin-top: 30px; } .ssl-detail .rank-table th{ text-align: left; } .ssl-detail .rank-table th:last-child{ text-align: center; } .ssl-detail .new-index-title > span:before,.ssl-detail .new-index-title > span:after{ width: 428px; } /*新证书详情页**********************************************************/ .ssl-contectbg{ width: 100%; padding-top:50px; background: #f8f8f8; } .ssl-contect{ width: 1200px; margin:0 auto; } .ssl-introduction{ border:1px solid #e4e4e4; background: #fff; margin-bottom: 50px; } .introduction-alpha{ height: 80px; position: relative; padding:0 25px; } .introduction-alpha h3{ font-size: 26px; float: left; line-height: 80px; margin-right: 20px; } .intr-tag{ border:1px solid #e4e4e4; border-right: 0; color: #5fb250; text-align: center; height: 30px; line-height: 28px; margin-top:25px; float: left; padding:0 25px 0 10px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/module/ssl/tag.png") no-repeat center right; } .intr-btnbox{ width: 184px; height: 92px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/module/ssl/intr.png") no-repeat center; position: absolute; right:40px; bottom:-1px; text-align: center; padding-top: 30px; } .ssl-btns{ display: inline-block; border-radius: 3px; padding:7px 25px; } .orange-btns{ background: #fe8431; color: #fff !important; } .orange-btns:hover{ background: #ff6600; color: #fff; } .introduction-beta{ border-top: 1px solid #e4e4e4; padding:30px 25px; } .intr-item{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; margin-bottom: 15px; } .intr-item>li{ float: left; width: 25%; height: 100%; } .intr-item>li>span{ color: #333; } .starlevel{ float: left; width: 131px; height: 100%; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/module/ssl/star.png") no-repeat center left; position: relative; overflow: hidden; } .starfull{ width: 100%; height: 100%; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/module/ssl/5star.png") no-repeat center left; position: absolute; left: -131px; } .star1{ left: -109px; } .star2{ left: -82px; } .star3{ left: -55px; } .star4{ left: -27px; } .star5{ left: 0px; } .introduction-beta>p{ line-height: 1.8; } .introduction-gamma{ width: 100%; } .introduction-gamma th,.introduction-gamma td{ height: 50px; text-align: center; border:1px solid #e4e4e4; } .introduction-gamma th{ font-weight: normal; background: #f8f8f8; } .introduction-gamma td{ color: #333; } /*跟踪导航*****************/ .nav-height{ position:relative;height: 45px;} .nav-wrap { width: 100%;background: #f8f8f8;height: 45px;} .nav-wrap.navFix{height:65px; position: fixed;top:30px;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 900;padding-top:20px;} .nav-wrap ul {padding: 0;margin: 0 auto; width: 1200px;} .nav-wrap.navFix ul{ border-bottom: 0;} .nav-wrap li { float: left;margin-right: 20px;} .nav-wrap li a {display: block;width:180px;height: 45px; font-size:16px; color: #666; text-decoration: none;text-align: center;line-height: 45px;background: #ededee;} .nav-wrap li a:hover{color: #666;} .nav-wrap li a.active {border-top:2px solid #ff6600;color: #ff6600;background: #fff;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;} .nav-mobile {display: none;font-weight: bold;width: 100%;} .click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;} .click-me a {display: block;color: white;} .section-contentx{ width: 1200px; margin:0 auto;padding-top: 50px;} .Fix-a{ position: absolute; right: 50%; margin-right: -580px; bottom:10px; display: none; } .navFix .Fix-a{ display: block; } .section-contain{ width: 100%; background: #fff; padding-bottom: 25px; } .sec-title{ position: relative; width: 100%; border-left: 3px solid #ff6600; margin-bottom:45px; } .sec-title:after{ content: ''; width: 100%; border-top:1px solid #e4e4e4; position: absolute; top:50%; left: 0; } .sec-title>span{ line-height: 22px; font-size: 22px; background: #fff; position: relative; z-index: 10; color: #333; padding:0 30px 0 25px; } .ssldetails-table{ width: 100%; font-size: 14px; } .ssldetails-table td{ height: 44px; border:1px solid #e4e4e4; padding:0 30px; } .ssldetails-table td a{ color: #0066cc; font-size: 14px; transition: 0.25s; -webkit-transition:0.25s; } .ssldetails-table td a:hover{ color: #ff7200; text-decoration: underline !important; } .ssldetails-table tr td:nth-of-type(2){ color: #333; } .ssldetails-table td img{ margin-right: 20px; } .whatboxs:nth-of-type(1){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/iswhatx1.png") no-repeat center left; } .whatboxs:nth-of-type(2){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/iswhatx2.png") no-repeat center left; } .whatboxs:nth-of-type(3){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/iswhatx3.png") no-repeat center left; } .whatboxs:nth-of-type(4){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/iswhatx4.png") no-repeat center left; } .MGB0{ margin-bottom: 0 !important; } .MGT0{ margin-top: 0 !important; } .flowdiv-a{ float: left; width: 255px; text-align: center; position: relative; } .flowdiv-b{ float: left; width: 60px; } .processingbar { text-align: center; display: inline-block; width: 124px; height: 124px; background:none; border-radius: 50%; position: absolute; left: 50%; margin-left: -62px; } .processingbar font { display: none; } #processingbar1,#processingbar2,#processingbar3{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } .ssl-detail .sort-title{ color: #666; } .ssl-detail .qfc-alls .table .th{ background: #F2F2F2; font-weight: normal; } .ssl-detail .ssl-contectbg{ padding-top: 0; } .ssl-detail #section2 .sec-title,.ssl-detail #section4 .sec-title{ border: none; } .ssl-detail #nav-wrap ul li a{ background: #fff; } .ssl-detail #nav-wrap ul li a.active{ border-top: solid 2px #e2383a; border-right: solid 2px #e2383a; border-left: solid 2px #e2383a; } .ssl-detail #nav-wrap ul li a.active{ position: relative; } .ssl-detail #nav-wrap ul li a.active::after{ content: ""; width: 100%; height: 2px; bottom: -2px; left: 0; background: #fff; position: absolute; } .ssl-detail #nav-wrap ul{ border-bottom: solid 2px #e2386a; } .ssl-detail .nav-wrap.navFix{ top: 0; } .ssl-detail .nav-wrap li a.active{ color: #e2383a; } .ssl-detail #table1{ width: 1120px; margin: 0 auto; } .ssl-detail #table1 tbody>tr.active{ border: solid 1px #e84047; } .ssl-detail #table1 tbody>tr.active td{ border-top: solid 1px #e84047; border-bottom: solid 1px #e84047; } .ssl-detail .container-fluid table a.gotobuy{ display: block; margin: 0 auto; background: #e84047; cursor: pointer; } .ssl-detail a.gotobuy:hover{ background: #e84047; } .ssl-detail .sort-price{ color: #e84047; } .ssl-detail .ssl-contectbg{ background: #f2f2f2; padding-top: 40px; } .ssl-detail .ssl-rank{ background: #fff; padding-bottom: 30px; } .ssl-detail .ssl-rank .new-index-title{ margin-top: 0; padding-top: 30px; } .ssl-detail .container-fluid table a{ cursor: default; } .ssl-detail .navFix .Fix-a{ background: #e84047; } .ssl-detail .navFix .Fix-a:hover{ background: #e84047; } .ssl-detail .sec-title>span{ padding-left: 0; } .ssl-detail .nav-wrap{ background: #F2F2F2; } .ssl-detail .nav-wrap.navFix{ background: #fff; } .ssl-detail #nav-wrap ul{ background: #fff; } .ssl-detail .nav-wrap li{ width: 198px; cursor: pointer; text-align: center; font-size: 16px; color: #666; margin: 0; } .ssl-detail .nav-wrap li a{ width: 100%; } .ssl-detail #table1 tbody>tr:hover{ border: solid 1px #e84047; } .ssl-detail #table1 tbody>tr:hover td { border-top: solid 1px #e84047; border-bottom: solid 1px #e84047; } .active .ht{ color: #e84047; }