body{
min-width: 1200px;
background-color: #fff;
}
.top-nav {
min-width: 1200px;
}
.info-banner {
background: url(img/20191223/banner.png) no-repeat center top;
}
.info-banner-ssl{
background: url(img/20191223/yw-ssl-banner.jpg) no-repeat center top;
}
a.info-btn3 {
margin-left: 0;
}
.server-module {
/* margin-top: 60px;
padding-bottom: 40px; */
}
.virtue-module {
margin-top: 0;
}
.module-title {
margin-bottom: 40px;
}
/* è¯ä¹¦å“牌 begin */
.brand-slider {
width: 100%;
}
.brand-slider-item {
display: inline-block;
float: left;
width: 22%;
margin-left: 4%;
height: 400px;
border: 1px solid #eee;
}
.brand-slider-item:hover {
box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.brand-slider-item:first-child {
margin-left: 0;
}
.brand-title {
font-size: 16px;
}
.brand-text {
padding: 25px 35px;
font-size: 12px;
line-height: 2em;
text-align: justify;
}
.brand-icon {
height: 170px;
background: url(img/brand_01.png) no-repeat center;
}
.brand-icon-02 {
background-image: url(img/brand_02.png?v=2);
}
.brand-icon-03 {
background-image: url(img/brand_03.png?v=2);
}
.brand-icon-04 {
background-image: url(img/brand_04.png?v=2);
}
.brand-icon-05 {
background-image: url(img/brand_05.png?v=2);
}
.brand-slider-item:hover .brand-icon-01 {
background-image: url(img/brand_01_hover.png);
}
.brand-slider-item:hover .brand-icon-02 {
background-image: url(img/brand_02_hover.png);
}
.brand-slider-item:hover .brand-icon-03 {
background-image: url(img/brand_03_hover.png);
}
.brand-slider-item:hover .brand-icon-04 {
background-image: url(img/brand_04_hover.png);
}
.brand-slider-item:hover .brand-icon-05 {
background-image: url(img/brand_05_hover.png);
}
/* è¯ä¹¦å“牌 end */
/* æ’ä»¶æ ·å¼é‡ç½® */
.bx-wrapper {
box-shadow: none;
border: none;
}
.bx-wrapper .bx-controls-direction a {
z-index: 999;
}
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-controls-direction a {
top: 50%;
margin-top: -40px;
width: 20px;
height: 80px;
background: #eeeeee url(img/brand_left.png) no-repeat center;
}
.bx-wrapper .bx-prev:hover {
background: #009FD9 url(img/brand_left.png) no-repeat center;
}
.bx-wrapper .bx-prev {
left: 0;
}
.bx-wrapper a.bx-next:focus,
.bx-wrapper .bx-controls-direction a.bx-next {
background: #eee url(img/brand_right.png) no-repeat center;
right: 0;
}
.bx-wrapper a.bx-next:hover {
background: #009FD9 url(img/brand_right.png) no-repeat center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 16px;
height: 16px;
background: #d6f0f9;
border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #009FD9;
}
/* 特点与优势 begin*/
.virtue-list {
width: 100%;
}
.virtue-list li {
display: list-item;
float: left;
padding: 35px 60px 0 165px;
width: 49%;
height: 240px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 50px 30px;
border: 1px solid #eee;
}
.virtue-list li:hover {
box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.margin-left-20 {
margin-left: 2%;
}
.margin-top-20 {
margin-top: 20px;
}
.virtue-list .virtue-bg1 {
background-image: url(img/virtue_01.png?v=2);
}
.virtue-list .virtue-bg2 {
background-image: url(img/virtue_02.png?v=2);
}
.virtue-list .virtue-bg3 {
background-image: url(img/virtue_03.png?v=2);
}
.virtue-list .virtue-bg4 {
background-image: url(img/virtue_04.png?v=2);
}
.virtue-title {
display: block;
height: 18px;
font-size: 18px;
color: #009fd9;
}
.virtue-sub-title {
display: block;
margin-top: 15px;
height: 14px;
font-size: 14px;
color: #666;
}
.virtue-info {
margin-top: 20px;
line-height: 22px;
font-size: 12px;
color: #999;
}
/* 特点与优势 end*/
/* å¥—é¤ begin */
.package-box {
padding-top: 12px;
height: 435px;
}
.package-box li {
display: list-item;
position: relative;
float: left;
width: 282px;
margin-left: 24px;
height: 470px;
border: 1px solid #ddd;
}
.package-box li:first-child {
margin-left: 0;
}
.item-info-box {
width: 100%;
height: 435px;
transition: All 0.2s ease;
}
.package-item.active{
border: 1px solid #059fff;
box-shadow: 1px 1px 15px rgba(0,128,255,0.3);
}
.package-box .package-title {
position: relative;
height: 100px;
background-color: #eeeeee;
text-align: center;
}
.package-title .main-title {
display: block;
margin-top: 5px;
font-size: 12px;
color: #999;
}
.package-item.active .package-title{
background-color: #059fff;
color: #fff;
}
.package-title .main-title2 {
padding-top: 20px;
}
.domain-type {
display: block;
padding-top: 26px;
font-size: 18px;
font-weight: bold;
color: #555;
}
.package-item.active .main-title,
.package-item.active .domain-type{
color: #fff;
}
.domain-type span {
padding-left: 10px;
color: #333;
}
.package-box .package-hot,
.package-box .package-rec {
position: absolute;
right: 0;
top: 0;
width: 56px;
height: 56px;
line-height: 36px;
text-align: center;
background-position: center;
background-repeat: no-repeat;
background-image: url(img/ssl_hot.png?v=2);
font-style: normal;
font-size: 18px;
color: #fff;
}
.package-box .package-rec {
background-image: url(img/ssl_rec.png?v=2);
}
.package-box .area-line {
width: 114px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 25px;
line-height: 25px;
border-color: #ddd;
outline: none;
}
.package-box .area-line option {
width: 120px;
}
.package-info {
padding: 10px 0;
margin: 0 15px;
}
.item-info {
line-height: 30px;
font-size: 12px;
}
.item-info .item-name {
display: inline-block;
float: left;
width: 35%;
text-align: right;
color: #999;
}
.item-info .item-value {
display: inline-block;
position: relative;
float: left;
padding-left: 2px;
width: 65%;
font-size: 12px;
color: #333;
}
.package-item.active .item-value{
color: #059fff;
}
.package-price {
margin: 15px 10px;
text-align: center;
}
.package-price s {
line-height: 40px;
font-size: 14px;
color: #999;
}
.lease-line {
margin: 0 20px;
border-bottom: 1px solid #ddd;
}
.package-price span {
display: block;
margin-left: 5px;
font-size: 14px;
color: #555;
}
.package-price span em {
font-style: normal;
font-size: 24px;
color: #ff6600;
}
.package-box .package-buy {
display: block;
width: 175px;
margin: 0 auto;
margin-bottom: 20px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 16px;
background-color: #ff6600;
color: #fff;
}
.config-tip {
display: inline-block;
position: relative;
width: 19px;
height: 19px;
margin-top: -5px;
margin-left: 8px;
background: url(img/icon_question.png) no-repeat center;
vertical-align: middle;
}
.config-tip-content {
display: none;
position: absolute;
padding: 10px;
border: 1px solid #b8b8b8;
border-radius: 3px;
background-color: #fff;
font-size: 12px;
z-index: 200;
}
.config-tip:hover .config-tip-content {
display: block;
top: -23px;
left: 35px;
white-space: nowrap;
}
.config-tip-content:before,
.config-tip-content:after {
content: "";
position: absolute;
}
.config-tip-content:before {
border: 9px solid transparent;
border-right-color: #fff;
top: 21px;
left: -17px;
z-index: 10;
}
.config-tip-content:after {
border: 10px solid transparent;
border-right-color: #ccc;
top: 20px;
z-index: 9;
left: -20px;
}
.config-tip-content .domain-input-green{
margin: 0;
}
.domain-num {
line-height: 36px;
font-size: 14px;
color: #00aaff;
}
/* å¥—é¤ end */
/* è¯ä¹¦ç±»åž‹ begin*/
.ssl-table {
width: 100%;
text-align: center;
background-color: #fff;
font-size: 14px;
color: #999;
}
.ssl-table tr:first-child td {
border-top: 1px solid #eee;
height: 75px;
color: #555;
}
.ssl-table td {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 345px;
height: 55px;
}
.ssl-table tr td:first-child {
width: 165px;
border-left: 1px solid #eee;
background-color: #fafafa;
color: #666;
}
.ssl-table .ssl-buy {
display: inline-block;
width: 130px;
height: 35px;
line-height: 34px;
background-color: #ff6600;
font-size: 12px;
color: #fff;
}
.domain-input,
.domain-input-green {
margin: 20px auto;
width: 302px;
height: 41px;
background: url(img/domain_bg.jpg?v=2) no-repeat center;
}
.domain-input-green {
background-image: url(img/domain_bg_green.jpg?v=2);
}
.domain-input-info {
display: block;
margin-bottom: 15px;
}
/* è¯ä¹¦ç±»åž‹ end*/
/*è¯ä¹¦è´ä¹°æ¥éª¤*/
.ssl-buy-step {
position: relative;
height: 230px;
padding: 0 26px;
}
.step-items .item {
position: relative;
float: left;
margin-left: 6.6%;
width: 20%;
height: 90px;
background-color: #fff;
z-index: 10;
}
.step-items .item:first-child {
margin-left: 0;
}
.step-items .item:before {
content: '';
position: absolute;
left: -60%;
top: 22px;
width: 220px;
height: 1px;
background-color: #dddddd;
/* background: url(img/ssl_step_icon.png) no-repeat center; */
}
.step-items .item:first-child:before {
background: none;
}
.step-items .item .center {
/* width: 100%;
height: 100%; */
/* background-repeat: no-repeat;
background-position: center top; */
/* z-index: -1; */
font-size: 34px;
font-weight: bold;
font-stretch: normal;
line-height: 46px;
letter-spacing: 0px;
color: #0080ff;
position: relative;
text-align: center;
}
.step-items .item .center::before{
content: "";
display: inline-block;
position: absolute;
top: 15px;
right: 69px;
width: 0px;
height: 0px;
background: #0080ff;
border:8px solid #0080ff;
border-top:8px solid #fff;
border-right:8px solid #fff;
border-bottom:8px solid #fff;
}
.step-items .item .no-before:before{
display: none;
}
.step-items .item-1 .center {
/* background-image: url(img/ssl_step_01.png); */
}
.step-items .item-2 .center {
/* background-image: url(img/ssl_step_02.png); */
}
.step-items .item-3 .center {
/* background-image: url(img/ssl_step_03.png); */
}
.step-items .item-4 .center {
/* background-image: url(img/ssl_step_04.png); */
}
.step-items .item h2 {
margin-bottom: 12px;
white-space: nowrap;
text-align: center;
font-weight: 400;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 46px;
letter-spacing: 0px;
color: #0080ff;
}
.step-items .item p {
margin-bottom: 8px;
text-align: center;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
/* line-height: 24px; */
letter-spacing: 0px;
color: #999999;
}
/* ä¸°å¯Œçš„äº§å“ start*/
.recommend-package{
padding:80px 60px;
}
.package-type{
margin-bottom: 30px;
height: 95px;
border-bottom:1px solid #bbbbbb;
}
.package-type div{
float: left;
border: solid 1px #bbbbbb;
border-bottom: 1px solid transparent;
width: 284px;
height: 95px;
text-align: center;
vertical-align: middle;
margin-right: 26.67px;
}
.package-type .active{
border: solid 1px #0080ff;
/* border-bottom: none; */
border-bottom-color: white;
}
.package-type div:last-child{
margin-right: 0;
}
.package-type span{
display: inline-block;
width: 174px;
height: 50px;
margin:24px auto;
vertical-align: middle;
}
.package-type .sym{
background: url(img/brand_01_hover.png) no-repeat center;
}
.package-type .gep{
background: url(img/brand_02_hover.png) no-repeat center;
}
.package-type .tha{
background: url(img/brand_03_hover.png) no-repeat center;
}
.package-type .rap{
background: url(img/brand_04_hover.png) no-repeat center;
}
.recommend-package ul{
border:1px solid #bbbbbb;
position: relative;
min-height: 290px;
background-color: #f3f9ff;
}
.show-msg-wrap{
padding:0 28px;
background-color:#f3f9ff;
width: 285px;
border-right:1px solid #bbbbbb;
background: url(img/20191223/bg-1.png) no-repeat bottom;
position: absolute;
top: 0;
bottom: 0;
}
.show-msg-icon{
display: inline-block;
width: 174px;
height: 50px;
margin:24px auto;
vertical-align: middle;
background: url(img/brand_01_hover.png) no-repeat center;
text-align: center;
margin-left: 25px;
}
.show-icon-2{
background: url(img/brand_02_hover.png) no-repeat center;
}
.show-icon-3{
background: url(img/brand_03_hover.png) no-repeat center;
}
.show-icon-4{
background: url(img/brand_04_hover.png) no-repeat center;
}
.show-msg-text{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #666666;
margin-bottom: 30px;
}
.show-price-base{
float: left;
width: 920px;
padding-left: 285px;
}
.show-price-wrap{
float: left;
width: 933px;
border-bottom:1px solid #bbbbbb;
background-color: #fff;
}
.show-price-wrap:last-child{
border:none
}
.show-price-wrap:first-child{
border-bottom:1px solid #bbbbbb;
}
.show-version-wrap{
padding:15px 30px;
}
.version-content-title-wrap{
float: left;
}
.version-content-title{
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #333333;
padding-top: 10px;
}
.version-content-sectitle{
font-size: 12px;
font-weight: normal;
font-stretch: normal;
/* line-height: 30px; */
letter-spacing: 0px;
color: #999999;
width: 460px;
height: 40px;
}
.show-price-wrap a{
float: right;
display: inline-block;
width: 100px;
height: 36px;
background-color: #ffffff;
border: solid 1px #0080ff;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #0080ff;
text-align: center;
margin-top: 23px;
}
.show-price{
float: right;
font-size: 14px;
font-weight: normal;
letter-spacing: 0px;
color: #666666;
margin-right: 20px;
margin-top: 28px;
}
.show-price span{
font-size: 28px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #ff6600;
}
/* ä¸°å¯Œçš„äº§å“ end*/
/* 特点与优势 start */
.application-wrap{
background-color: #f7f8fa;
padding:80px 60px;
}
.support-list {
width: 1200px;
margin: 0 auto;
}
.support-list li {
float: left;
width: 590px;
height: 220px;
background: white;
/* margin-left:2%;
*margin-left:1%; */
margin-bottom: 20px;
}
.support-list li:nth-of-type(even){
margin-left: 20px;
}
.support-list .support-info {
padding-left: 76px;
margin: 34px;
}
.support-list li.first-in {
margin-left: 0px;
}
.support-list li span{
display: block;
}
.support-title {
line-height: 30px;
font-size: 18px;
color: #0088ff;
}
.support-describe {
line-height: 25px;
font-size: 14px;
color: #666;
}
.support-model {
margin-top: 8px;
font-size: 12px;
line-height: 25px;
color: #999;
}
.support-info-01 {
background: url(img/20191223/spe-icon-1.png) no-repeat;
background-position-y: 5px;
}
.support-info-02 {
background: url(img/20191223/spe-icon-2.png) no-repeat;
background-position-y: 5px;
}
.support-info-03 {
background: url(img/20191223/spe-icon-3.png) no-repeat;
background-position-y: 7px;
}
.support-info-04 {
background: url(img/20191223/spe-icon-4.png) no-repeat;
background-position-y: 6px;
}
/* 特点与优势 end */
.sell-wrap{
padding:60px 0 0
}