.footer .top .h1{ margin: 0 10px; } .footer .service-lis ul .last{ box-sizing: content-box; } .footer *{ box-sizing: content-box; } .footer a:hover{ text-decoration: none; } .suspension-right-box a:hover{ text-decoration: none; } .suspension-right-btn{ text-decoration: none; } .suspension-right-btn:hover{ text-decoration: none; } .suspension-right-box *{ box-sizing: content-box; } .form-row-same.ssl-name .lis{ width: auto; padding: 0 8px; } .nav h1{ margin: 0; } a{ color: #333; } .nav a:hover{ text-decoration: none; } body .header{ padding-bottom: 110px; } .ssl-container{ width: 1200px; padding: 0; margin: 0 auto; background: #fff; } .ssl-banner{ height: 150px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/ssl_banner_02.png") no-repeat scroll center center; } .fenlei .form-title { width: 30px; box-sizing: border-box; height: 100%; padding: 0 5px; position: absolute; left: 0; top: 0; background: #e6e6e6; text-align: center; } .fenlei .form-title p { vertical-align: middle; font-size: 12px; display: inline-block; color: #666; transition: color .1s ease-in-out; margin: 0; } .fenlei .form-title b { display: inline-block; height: 100%; vertical-align: middle; } .fenlei { padding: 40px 0 20px 60px; position: relative; background: #fff; margin-bottom: 20px; } .ssl-con1{ margin-bottom: 20px; } .ssl-con1 .form-title,.ssl-con4 .form-title{ font-size: 20px; color: #333; line-height: 42px; border-bottom: dashed 1px #E6E6E6; margin-bottom: 40px; margin-top: 40px; } .ssl-con1 .form-title span,.ssl-con4 .form-title span{ display: inline-block; line-height: 36px; border-bottom: solid 4px #e23839; margin-top: 1px; position: relative; bottom: -1px; } .form_process{ margin: 0 40px; } .form_process_step{ width: 278px; height: 68px; text-align: center; line-height: 68px; color: #fe8431; font-size: 18px; float: left; background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/form_process_05.png") no-repeat scroll center center; background-size: contain; } .form_process_step.step2{ background: url("/wwwwystzxcom"/wwwwystzxcom/template/Home/Default/PC/Static/img/form_process_06.png"") no-repeat scroll center center; background-size: contain; } .form_process_step.step3{ background: url("/wwwwystzxcom"/wwwwystzxcom/template/Home/Default/PC/Static/img/form_process_06.png"") no-repeat scroll center center; background-size: contain; } .form_process_step.step4{ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/form_process_07.png") no-repeat scroll center center; background-size: contain; } .form_process_step span{ font-size: 24px; color: #fe8431; } .ssl-message{ width: auto; padding: 0 80px; padding-right: 60px; } .ssl-message-left{ width: 90px; color: #999999; font-size: 16px; text-align: center; } .form-row-same { position: relative; padding-left: 120px; margin-bottom: 20px; } .form-row-same h4 { height: 32px; position: absolute; left: 0; top: 0; line-height: 32px; color: #999; font-weight: 400; margin: 0; font-size: 16px; margin-left: 10px; } .form-row-same .lis { width: 160px; height: 32px; text-align: center; box-sizing: border-box; line-height: 32px; text-align: center; border: 1px solid #dcdcdc; float: left; margin-bottom: 10px; cursor: pointer; position: relative } .form-row-same .lis+.lis { border-left-color: #fff } .form-row-same .bingo.lis { border: 1px solid #dd2726; color: #cc0000 } .form-row-same .bingo.lis .nick { width: 18px; height: 18px; background-position: 0 -180px; top: 0; right: 0; position: absolute; z-index: 1 } .form-row-same .prev.lis { border-right-color: #fff } .form-row-same .next.lis { border-left-color: #fff } .form-row-same .icon { background-image: url("/wwwwystzxcom"/wwwwystzxcom/template/Home/Default/PC/Static/img/cloudServer.png""); } .form-row-same p{ color: #999; font-size: 12px; margin-top: 10px; } .lis-box-same{ height: 32px; overflow: hidden; } .order-container{ width: 100%; border: solid 1px #e3e3e3; margin: 0 auto; margin-bottom: 74px; padding: 0 32px; padding-top: 10px; } .order-list{ width: auto; overflow: hidden; border-bottom: dashed 1px #E3E3E3; padding-bottom: 10px; } .order-list .order-title{ width: 25%; text-align: center; line-height: 130px; font-size: 18px; color: #4c4c4c; float: left; } .order-content{ float: left; overflow: hidden; width: 73%; margin: 0;padding: 0; margin-top: 10px; } ul,li{ list-style: none; } .order-content li{ width: 33%; text-align: left; float: left; margin: 10px 0; font-size: 14px; color: #808080; } .order-content li span{ color: #333; } .order-pay{ width: auto; margin: 36px auto; text-align: center; } .coupons select { border: 1px solid #e1e5ee; outline: none; } .order-pay-top{ overflow: hidden; display: inline-block; } .order-pay-top .price-wrap{ float: left; margin-right: 24px; font-size: 18px; color: #4c4c4c; } .order-pay-top .price-wrap span{ color: #f00909; } .order-pay-top .coupons{ float: left; color: #666; font-size: 12px; } .order-pay-top .coupons select{ line-height: 24px; height: 24px; } .pay-btn{ width: 160px; height: 36px; color: #fff; text-align: center; line-height: 36px; font-size: 16px; margin: 0 auto; display: block; background: #e84047; border-radius: 5px; cursor: pointer; } .pay-btn:link{ text-decoration: none; color: #fff; } .pay-btn:hover{ text-decoration: none; color: #fff; } .pay-btn:active{ text-decoration: none; color: #fff; } .pay-btn:visited{ text-decoration: none; color: #fff; } .form-row-same.drag .drag-box { height: 32px } .form-row-same.drag .drag-box .article { width: 480px; height: 12px; position: relative; background: #f2f2f2; float: left; margin-top: 10px } .form-row-same.drag .drag-box .article:after { content: ''; display: block; position: absolute; width: 12px; height: 12px; background: #f2f2f2; right: -6px; top: 0; z-index: 0; border-radius: 50% } .form-row-same.drag .drag-box .article:before { content: ''; display: block; position: absolute; width: 12px; height: 12px; background: #dd2726; left: -6px; top: 0; z-index: 0; border-radius: 50% } .form-row-same.drag .drag-box .mask { width: 50%; left: 0; top: 0; height: 100%; position: absolute; background: #dd2726; z-index: 1 } .form-row-same.drag .drag-box .point { width: 24px; height: 24px; border-radius: 50%; position: absolute; top: -6px; left: 50%; z-index: 2; box-shadow: 0 0 7px rgba(255, 0, 0, 0.31); cursor: pointer; background: #fff } .form-row-same.drag .show-box { width: 96px; height: 30px; float: left; background-image: url("/wwwwystzxcom"/wwwwystzxcom/template/Home/Default/PC/Static/img/cloudServer.png""); background-position: -174px -171px; padding-left: 7px; box-sizing: border-box; margin-left: 20px; position: relative } .form-row-same.drag .show-box input { width: 59px; height: 100%; border: 0; outline: none; text-align: center; color: #cc0000; background: transparent } .form-row-same.drag .show-box span { display: inline-block; width: 27px; border-left: 1px solid #dcdcdc; background: #ebebeb; text-align: center; line-height: 28px; height: 28px; position: absolute; right: 1px; top: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .form-row-same.drag .num-box { height: 28px; width: 100% } .form-row-same.drag .num-box div { float: left; margin-right: 122px } .form-row-same.drag h4{ background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/yuming_03.png") no-repeat center center; background-size: contain; text-align: center; color: #f00909; width: 92px; font-size: 12px; line-height: 34px; margin-left: 4px; margin-right: 10px; } .form-row-same.server h4{ width: 96px; background: none; color: #999; font-size: 16px; font-weight: 400; } .form-row-same.drag p { color: #fe8431; font-size: 12px } .price-div{ color: #666666; font-size: 16px; line-height: 32px; } .price-div span{ color: #f00909; } /* 弹框 */ .conXY{ height:480px; max-width:900px; padding:12px; border:1px solid #d4d4d4; background:#f8f8f8; overflow:auto; } .conXY p { line-height: 28px; text-align: justify; text-justify: inter-ideograph; text-indent: 2em; margin: 0; } .tx_name{ font-size: 22px; margin: 16px 0 16px; } .Goon{ text-align:center; } .Goon .Goon_inpt{ width: 270px; height: 40px; background-color: #fd5c52; color: white; display: inline; font-size: 18px; border: none; cursor: pointer; } .button-sets{display:none;} .baomu_tips{ color: #666;margin-top: -10px;line-height: 40px;margin-left: 90px;margin-bottom: 10px; } .wz_content p b{ color: inherit; } @media screen and (max-width: 1600px) { #alert>.dialog{ height: auto !important; } #alert>.dialog>.dlg-body{ margin-bottom: 10px !important; } #alert>.dialog>.dlg-body>.align-wapper{ margin-bottom: 8px !important; margin-top: 0 !important; } .conXY{ height: 300px; } }