.hide{
    display: none;
}
.buy-page .disable{
    background: #ccc;
    pointer-events: none;
}
.buy-page .bandDisable{
    background: #ccc;
    color: white;
    cursor: not-allowed;
}
button:not(:disabled){
    cursor: pointer;
}
.special-nav-item{
    height: 65px!important;
}
.act-banner{
    width: 100%;
    height: 670px;
    background: #f96909 url('./img/banner-2.png') no-repeat center;
    /* box-shadow: inset 0px 0px 230px 0px #0f1234; */
    position: relative;
    text-align: center;
}
.banner_info{
    width: 1200px;
    margin: 0 auto;
    padding-top: 180px;
    color: #fff;
}
.act-title{
    font-family: MicrosoftYaHei-Bold;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    font-weight: bold;
}
.act-desc{
    font-family: MicrosoftYaHei;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 45px;
}
.timeContent{
    width: 1200px;
	height: 133px;
	background-color: #ffffff;
	box-shadow: 0px 3px 13px 0px
        rgba(184, 184, 184, 0.22);
    position: absolute;
    bottom: -62px;
    left: 50%;
    margin-left: -600px;
    z-index: 2;
}
.timeContent .number{
    display: inline-block;
    width: 16px;
    height: 24px;
    margin-top: 22px;
}
.timeContent .number_unit{
    vertical-align: middle;
    margin-top: -8px;
    display: inline-block;
}
.timeContent .item{
    width: 25%;
    height: 100px;
    border-right: 1px solid rgba(180,180,180,0.27);
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
}
.timeContent .item p{
    margin-left: 112px;
}
.timeContent .item1{
    background: url('./img/float_1.png') no-repeat 42px center;
}
.timeContent .item2{
    background: url('./img/float_2.png') no-repeat 42px center;
}
.timeContent .item3{
    background: url('./img/float_3.png') no-repeat 42px center;
}
.timeContent .item4{
    background: url('./img/float_4.png') no-repeat 42px center;
}
.timeContent .item .item-title{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
    padding-top:30px;
    padding-right: 29px;
}
.timeContent .item .des{
    font-size: 12px;
    color: #a7a7a7;
    line-height: 18px;
    margin-top: 6px;
    padding-right: 29px;
}

.cloud_title{
    width: 100%;
    padding-top: 19px;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff;
}
.cloud_subTitle{
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #ffffff;

}
.cloud_descirbe{
    padding-left: 20px;
    margin-top: 12px;
}
.cloud_descirbe>.cloud_params{
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}
.cloud_descirbe>.cloud_value{
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
}
.center_disc{
    text-align: center;
    padding-left: 0;
}



/* 云服务器专区 */
.serverZone{
    padding-bottom: 80px;
    background: #fff;
}
.serverZone_content{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.serverZone_content .serverZone_title{
    padding-top: 58px;
}
.serverZone_product{
    width: 100%;
    height: 388px;
    overflow: auto;
    margin-top: 39px;
}
.serverZone_product>div{
    float: left;
}
.serverZone_product_left{
    width: 896px;
	height: 100%;
	background-color: #ffffff;
    border: solid 1px #dbe0e5;
    box-sizing: border-box;

}
.serverZone_product_left>div{
    width: 50%;
    height: 100%;
    float: left;
    box-sizing: border-box;
}
.server_paramsOne{
    background-color: #f9faff;
}
.server_paramsTwo{

    border-left: 1px solid #dbe0e5;
}
.params_common{
    width: 361px;
    margin: 0 auto;
    margin-top: 36px;
}
.params_common>span{
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #777777;

}
.params_common>div{
    width: 100%;
    height: 35px;
    margin-top: 8px;
    background-color: #ffffff;
}
/* 四等分 */
.quartering>div{
    width: 25%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    float: left;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    border: solid 1px #dbe0e5;
    cursor: pointer;
}
.quartering>div:not(:first-child){
    border-left: none;
}
.serverZone_product .quartering>.active{
    background-color: #eff9ff;
	border: solid 1px #00a4ff;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #188ced;
}
/* 三等分 */
.trisection>div{
    width: 33.33333%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    float: left;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    border: solid 1px #dbe0e5;
    cursor: pointer;
}
.trisection>div:not(:first-child){
    border-left: none;
}
.serverZone_product .trisection>.active{
    background-color: #eff9ff;
	border: solid 1px #00a4ff;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #188ced;
}
/* 五等份 */
.fiveQuery>div{
    width: 20%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    float: left;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    border: solid 1px #dbe0e5;
    cursor: pointer;
}
.fiveQuery>div:not(:first-child){
    border-left: none;
}
.serverZone_product .fiveQuery>.active{
    background-color: #eff9ff;
	border: solid 1px #00a4ff;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #188ced;
}
.originPrice{
    font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    text-decoration: line-through;
    margin-left: 10px;
}
.buy-page .ny-oa-select{
    width: 300px;
    border-radius: 0;
}
.buy-page .ny-select-show{
    border-radius: 0;
}
.cloud_product_buy{
    width: 160px;
    height: 40px;
    display: block;
	background-color: #ff2626;
    border-radius: 20px;
    outline: none;
    border: none;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #ffffff;
    margin-top: 37px;
    margin-left: 45px;
    cursor: pointer;
}
.params_common .purchase_number{
    width: 132px;
    height: 35px;
    border: 1px solid #dbe0e5;
}
.params_common .purchase_number>input{
    width: 60px;
    height: 32px;
    border: none;
    outline: none;
    float: left;
    text-align: center;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.params_common .purchase_number>.increment,.params_common .purchase_number>.decrement{
    width: 35px;
    height: 33px;
    line-height: 35px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    color: #188ced;
    font-size: 24px;
    cursor: pointer;
}
.params_common .purchase_number>.increment{
    border-left: 1px solid #dbe0e5;
}
.params_common .purchase_number>.decrement{
    background-color: #f4f4f4;
    border-right: 1px solid #dbe0e5;
}
.cloudserver_discount{
    margin-top: 46px;
}

.cloudserver_discount{
    width: auto;
     height: 30px;
     margin: 0 auto;
     margin-top: 40px;
     font-family: MicrosoftYaHei;
     font-size: 16px;
     font-weight: normal;
     font-stretch: normal;
     line-height: 22px;
     letter-spacing: 0px;
     color: #ff2626;
     text-align: left;
     /* text-indent: 43px; */
     position: relative;
     padding-left: 42.5px;
 }

.serverZone_cloudHelptitle{
    width: 100%;
    font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 28px;
}
.serverZone_cloudHelpsubtitle{
    width: 100%;
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 16px;
}

.downloadCloudHelp{
    width: 160px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 20px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #05a85b;
    outline: none;
    border: none;
}
.cloudServer_advantage{
    width: 1200px;
    margin: 0 auto;
}
.advantage_title{
    width: 100%;
	font-family: MicrosoftYaHei;
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-top: 60px;
    position: relative;
}
.advantage_title>span {
    padding: 0 10px;
    background: #fff;
    position: relative;
    z-index: 2;
    line-height: 37px;
}
.advantage_title>span.gray{
    background: #f4f4f4;
}
.advantage_title::after{
    content: "";
    display: block;
    height: 1px;
    width: 1200px;
    background-color: #b4b4b4;
	opacity: 0.17;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 18px;
    z-index: 1;
    margin-top: -1px;
}
.advantage-list{
    width: 1200px;
    background-color: #ffffff;
    box-shadow: 0px 3px 13px 0px
            rgba(184, 184, 184, 0.38);
    margin-top: 44px;
    padding:15px;
}
.advantageOne{
    width: 100%;
    overflow: auto;
    display: flex;
    /* margin-top: 50px; */
}
.advantageOne>li{
    flex: 1;
    /* width: 33.33%; */
    float: left;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
    height: 146px;
    border-right: 1px dashed rgba(184,184,184,0.5);
    border-bottom: 1px dashed rgba(184,184,184,0.5);
    display: flex;
    align-items: center;
}
.advantageOne>li:nth-last-child(1){
    border-right: none;
}
.advantageOne>li>.advantage_icon{
    width: 100px;
    text-align: center;
}
.advantageOne>li .desc{
    flex: 1;
}
.advantageOne>li .advantage_describeTwo{
    padding-right: 20px;
    font-size: 12px;
    color: #999999;
}
.advantageTwo{
    width: 100%;
    overflow: auto;
    display: flex;
}
.advantageTwo>li{
    flex: 1;
    height: 146px;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
    border-right: 1px dashed rgba(184,184,184,0.5);
    display: flex;
    align-items: center;
}
.advantageTwo>li:nth-last-child(1){
    border-right: none;
}
.advantageTwo>li>.advantage_icon{
    width: 100px;
    text-align: center;
}
.advantageTwo>li .desc{
    flex: 1;
}
.advantageTwo>li .advantage_describeOne{
}
.advantageTwo>li .advantage_describeTwo{
    padding-right: 30px;
    font-size: 12px;
    color: #999999;
}

#secondKillSelect{
    width: 500px;
}

.pack-buy-box {
	padding: 20px 0 0 30px;
}
.formTable th {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-align: right;
	width: 90px;
	vertical-align: top;
	padding-top: 22px
}
.formTable tr {
	height: 57px;
}
.formTable td {
	padding: 12px 0 9px 10px;
}


.ruleBtn{
    cursor: pointer;
}
.ruleModal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999999;
    display: none;
}
#activityRule{
    position: fixed;
    width: 776px;
    /* height: 326px; */
    left: 50%;
    top: 38%;
    margin-left: -388px;
    margin-top: -142px;
    background: white;
    z-index: 99999999;
    padding-bottom: 38px;
}
#activityRule>div{
    width: 100%;
    height: 100%;
    position: relative;
}
#activityRule>div>.ruleTitle{
    font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	font-weight: bolder;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
    color: #333333;
    padding-left: 46px;
    padding-top: 29px;
    color: #ff2626;
}
#activityRule>div>ul{
    padding-left: 46px;
    padding-right: 30px;
}
#activityRule>div>ul>li{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
    color: #666666;
    /* margin-top: 2px; */
}
.ruleClose{
    width: 34px;
    height: 34px;
    background: url(./img/ruleClose.png) no-repeat;
    background-position-x: 0;
    position: absolute;
    right: 28px;
    top: 25px;
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
    color: #666666;
    cursor: pointer;
    transition: all .2s;
}
.ruleClose:hover{
    background-position-x: -34px;
}
/* .ruleClose:active{
    background-position-x: -68px;
} */



/* 下面是hcf的代码 start */
.act-module {
    position: relative;
    width: 100%;
    background: no-repeat center;
    margin :0 auto;
}
.act-module.gray-bg{
    background: #f4f4f4;
}
.act-module.more-product-module{
    padding-bottom: 80px;
}
.clearfix {
    *zoom:1
}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}
.fl{
    float: left;
}
.cps_bg{
    /* background-color: #f9faff; */
    padding-bottom: 65px
}
.module-product-title-outer{
    padding-top: 65px;
    text-align: center;
}
.module-product-title{
    display: inline-block;
    position: relative;
    text-align: center;
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
	color: #ff2626;
    font-weight: bold;
}
.module-product-title>span{
    padding: 0 20px;
    position: relative;
    z-index: 2;
    background: #fff;
}
.module-product-title>span.gray-bg{
    background: #f4f4f4;
}
.module-product-title>span.renew_bg{
    background: #fdb901;
    color: #fff;
}

.module-product-title::after{
    content: "";
    position: absolute;
    width: 1200px;
    height: 1px;
    background-color: #cccccc;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    z-index: 1;
}
.module-product-title2{
    color: #666666;
    font-size: 14px;
    margin-top: 19px;
    margin-bottom: 30px;
}
.module-product-title2 span{
    color: #999999;
    font-size: 14px;
    position: relative;
    padding-left: 10px;
}
.module-product-title2 span::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #ff2626;
    border-bottom: 5px solid transparent;
    position: absolute;
    bottom: 4px;
    right: -16px;
}
.module-content{
    width: 1200px;
    margin:0 auto;
    margin-top: 45px;
}
.module-content.pub_border {
    background-color: #ffffff;
	border: solid 1px #e6e7ec;
}
.depend_block{
    width: 183px;
    height: 174px;
    background: #fff;
    border: solid 1px #dcdcdc;
    float: left;
    margin-right: 16px;
}
.depend_img{
    text-align: center;
    margin:0 auto;
    margin-top: 30px;
}
.depend_font{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    margin-top: 24px;
    text-align: center;
}
.margin_46{
    margin-top: 46px;
}
.margin_30{
    margin-top: 30px;
}
.cps_block{
    width: 582px;
	height: 395px;
	background-color: #ffffff;
	border-radius: 4px;
    border: solid 1px #e5e7ec;
    margin-right: 18px;
}

.padding-let-10{
    padding-left: 10px;
}
.mar-let-35{
    margin-left: 35px !important;
}
.disc-wrap{
    margin-left: 23px;
    margin-top: 49px;
}
.disc-wrap span{
    display: inline-block;
}
.disc_int{
    font-family: ArialMT;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #ff2626;
    /* margin-right: 10px; */
}
.disc_int span{
    font-size: 16px;
    font-weight: bolder;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ff2626;
}
.disc_num{
    font-family: ArialMT;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
    color: #ff2626;
    margin-right: 10px;
}
.disc_ori_price{
	height: 12px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    text-decoration:line-through;
    text-align: center;
}
.cps_btn_left{
    width: 180px;
	height: 44px;
	background-color: #2a9ff0;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    display: inline-block;
    margin-top: 24px;
    margin-left: 23px
}
.cps_btn_right{
	background-color: #ff2626;
}

.zk_pub_bg{
    padding-bottom: 60px;
}
.cps_pad{
    padding-bottom: 60px;
}
.marg{
    margin-right: 46px;
    margin-left: 46px;
}

.buy-btn{
    display: inline-block;
    width: 114px;
	height: 34px;
	background-color: #ff2626;
    border-radius: 20px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    margin:0 auto;
    margin-top: 30px;
    cursor: pointer;
    margin-left: 22px;
    margin-right: 10px
}
.checksys-btn{
    text-align: center;
    display: inline-block;
    width: 114px;
    height: 34px;
    line-height: 34px;
	border-radius: 17px;
    border: solid 1px #ff2626;
    font-size: 14px;
    color: #ff2626;
}
.pub_right .disc_ori_price{
    margin-top:0;
}
.renew_bg {
    background:#f4bc00 url(img/discount_bg.png) no-repeat center;
    height: 534px;
    background-size: cover;
    margin-top: 100px;
}

.renew_bg .ruleBtn{
    color: #fff;
}
.renew_bg .module-product-title2{
    color: #fff;
}
.renew_bg .module-product-title2 span::before{
    border-left: 6px solid #fff;
}
.to_cent_wrap{
    width: 1200px;
    height: 301px;
    margin:0 auto 0 auto;
    background: #fff;
}
.renew_content_left,.renew_content_right{
    width:506px;
    margin-left: 46px;
    margin-top: 48px;
}
.renew_content_right{
    position: relative;
}
.renew_content_right::before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 227px;
    background:#dddddd;
    position: absolute;
    left: -49px;
}
.renew_content_right{
    margin-left: 99px;
}
.up_renew_title_wrap div:nth-child(1){
    color: #333333;
    font-size: 24px;
}
.up_renew_title_wrap div:nth-child(2){
    color: #999;
    font-size: 14px;
}
.up_money{
    color: #ff2626;
    font-size: 50px;
    margin-left: 66px;
}
.up_money_price{
    font-size: 18px;
    color: #ff2626;
}
.up_money span:nth-child(2){
    color: #ff2626;
    font-size: 26px;
}
.renew_coupon_wrap{
    margin-top: 20px;
}
.renew_coupon {
    width: 248px;
    height: 31px;
    background-color: rgba(255, 102, 0,.04);
    border: solid 1px #ffc29a;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 0 10px;
}
.renew_coupon:nth-child(even){
  margin-left: 10px;
}
.renew_coupon span{
    color: #ff2626;
    font-size: 12px;
    vertical-align: middle;
}
.renew_coupon span:nth-child(1){
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}
.renew_coupon span:nth-child(2){
    margin-left: 16px;
    float: right;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}
.marg_10{
    margin-right: 10px;
}
.renew_btn {
    width: 506px;
    height: 46px;
    text-align: center;
    line-height: 44px;
    margin-top: 19px;
    cursor: pointer;
    background-color: #ff2626;
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
}
.renew_btn:hover{
    background: #f20000;
}
.have_btn{
    background-color: #bbbbbb;
    pointer-events: none;
    cursor: default;
}
.renew_btn span{
    color: #ffffff;
    font-size: 16px;
}
.new_btn{
    width: 180px;
	height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    margin-top: 24px;
}
.new_btn a{
    color: #ffffff;
    font-size: 16px;
}
.server_content{
    width: 1200px;
    margin:0 auto;
}
.server_content .server_line{
    padding-top: 18px;
}
.server_content .select_wrap{
    margin: 6px 0 12px 30px;
}
.select_btn{
    width: 250px;
    overflow: hidden;
    padding-left: 1px;
    position: relative;
}
.select_btn .item{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    margin-left: -1px;
    float: left;
    border:1px solid #ccc;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
}
.select_btn .item.active{
    border-color: #00a4ff;
    color: #00a4ff;
    background-color: #eff9ff;
    z-index: 10;
}
.select_btn1 .item{
    width: 20%;
}
.select_btn2 .item{
    width: 33.3%;
}
.size_wrap{
    width: 86px;
    height: 46px;
    margin:0 48px;
    margin-top: 30px;
}
.size_wrap div{
    display: block
}
.size_wrap div:nth-child(1){
    color:#333;
    font-size: 18px;
    width: 100%;
    height: 50%;
}
.size_wrap div:nth-child(2){
    color:#666;
    font-size: 16px;
    /* width: 100%;
    height: 50%; */
}
.marg_20{
    margin-top: 22px;
}
.common_disc{
    text-align: center
}
.common-price{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 0 21px;
}
.common_disc-wrap{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 10px;
}
.common_disc_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #ff2626;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.common_disc_ori_price{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ff2626;
}
.common_disc_ori_price>span{
    font-size: 24px;
}
.common_disc_ori_price>em,.common_disc_unit > em{
  font-style: normal;
}
.common_disc_btn{
    display: inline-block;
    width: 244px;
    height: 34px;
    background-color: #ff2626;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    margin: 0 auto;
    margin-top: 18px;
}
.common_disc_btn:hover{
    background: #f20000;
}
.idc-item-pirce {
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-l-r-18px{
  padding-right: 18px;
  padding-left: 18px;
}
.idc-line.m-b-0px{
  margin-bottom: 0;
}
.m-t-15px{
  margin-top: 15px;
}
.idc-item-pirce>.common_disc{
  width: 100%;
    padding: 0 18px;
    margin-top: 19px;
}
.idc-item-pirce>.common_disc:nth-child(1){
    border-right:1px dashed #c9c9c9;
}
#idc .cloud_computer_sm{
    height: 80px;
}
.idc-line{
    /* width: 102px; */
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 19px;
}
.idc-item-pirce .common_disc_ori_price>p{
    margin-bottom: 10px;
}
.idc-item-pirce .common_disc-wrap{
    margin-top: 14px;
}
.idc-item-pirce .common_disc_btn{
    /* width: 102px; */
}
.server_line ,.server_time{
    text-align: left
}
.server_line span,.server_time span{
    color: #666666;
    font-size: 16px;
    text-align: left;
}
.ser_marg{
    margin-right: 50px;
}

.cloud_computer{
    padding-bottom: 50px;
}
.cloud_computer_wrap{
    width: 1200px;
    margin:0 auto;
}
.cloud_computer_block{
    width: 285px;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(184, 184, 184, 0.7);
    padding-bottom: 28px;
}

.cloud_computer_block_more{
    width: 284px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cloud_computer_block_more.host-cloud_computer_block{
    height: 517px;
}
.cloud_computer_block_more.server-cloud_computer_block{
    height: 615px;
}
.cloud_computer_block_more.b-cloud_computer_block{
    height: 586px;
}
.cloud_computer_block_more.idc-cloud_computer_block{
    height:493px;
}
.cloud_computer_block_more.host-more-bg{
    background: #fff url(img/host-more-bg.png) no-repeat center;
    background-size: cover;
}
.cloud_computer_block_more.server-more-bg{
    background: #fff url(img/server-more-bg.png) no-repeat center;
    background-size: cover;
}
.cloud_computer_block_more.baremetal-more-bg{
    background: #fff url(img/baremetal-more-bg.png) no-repeat center;
    background-size: cover;
}
.cloud_computer_block_more.idc-more-bg{
    background: #fff url(img/idc-more-bg.png) no-repeat center;
    background-size: cover;
}
.cloud_computer_block_more .more_content_ico{
    width: 50px;
	height: 50px;
    margin: 0 auto 21px auto;

}
.cloud_computer_block_more  .more-info{
    text-align: center;
    padding: 0 20px;
    margin-bottom: 40px;
    width: 100%;
}
.cloud_computer_block_more  .more-info>.more-title{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.cloud_computer_block_more  .more-info>.more-desc{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 20px;
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.cloud_computer_block_more.host-more-bg .more_content_ico{
    background: url(img/host-more.png) no-repeat center;
}
.cloud_computer_block_more.server-more-bg .more_content_ico{
    background: url(img/server-more.png) no-repeat center;
}
.cloud_computer_block_more.baremetal-more-bg .more_content_ico{
    background: url(img/baremetal-more.png) no-repeat center;
}
.cloud_computer_block_more.idc-more-bg .more_content_ico{
    background: url(img/idc-more.png) no-repeat center;
}

.cloud_computer_block_more .more_a{
    width: 244px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ff2626;
}
.cloud_computer_block_more .more_a:hover{
      color: #FFFFFF;
      background: #FF6600;
}
.cloud_computer_title{
    color: #ffffff;
    height: 76px;
    text-align: center;
    font-size: 20px;
	letter-spacing: 0px;
    /* background-image: linear-gradient(-29deg,
        #1ea6d7 0%,
        #38c2d1 71%,
        #51ddcb 100%),
    linear-gradient(
        #c2c2c3,
        #c2c2c3); */
    background-image: linear-gradient(-29deg, #ff2626 0%, #ffa407 71%, #ffba58 100%), linear-gradient(#c2c2c3, #c2c2c3);
    background-blend-mode: normal,
        normal;
        line-height: 76px;
        position: relative;
}
.cloud_computer_desc{
    padding-top: 25px;
    width: 240px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #999999;
    margin: 0 auto;
}
.discount-ico{
    width: 76px;
    height: 74px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.discount-ico.d-1-5{
    background: url(img/1.5-d.png) no-repeat center;
}
.discount-ico.d-1-8{
    background: url(img/1.8-d.png) no-repeat center;
}
.discount-ico.d-7{
    background: url(img/7-d.png) no-repeat center;
}
.product{
    padding-right: 12px;
}
.star{
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(img/star.png) no-repeat center;
    margin-right: 4px;
}
.star:nth-of-type(1){
    margin-left: 9px;
}

.cloud_computer_sm_wrap{
    background-color: #f9f9f9;
    width: 244px;
    margin: 31px auto 0 auto;
    padding: 0px 20px 7px 23px;
}
.cloud_computer_sm{
    width: 100px;
    height: 63px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px dashed #c9c9c9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.cloud_computer_sm.defend-text{
    height: auto;
    width: 100%;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ff2626;
    text-align: center;
    margin-bottom: 11px;
    padding-top: 5px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.cloud_computer_sm.defend-text>.defend-ico{
  display: inline-block;
  width: 14px;
  height: 15px;
  background: url(img/defend-ico.png) no-repeat center;
  margin-right: 6px;
}
.cloud_computer_sm>.ico{
    display: block;
    width: 33px;
    height: 18px;
    background: url(img/dx-ico.png) no-repeat center;
    position: absolute;
    right: -4px;
    top: 12px;
}
.cloud_computer_sm>.ico.core{
    right: -8px;
}
.cloud_computer_sm>.ico.dk{
    right: -16px;
}
.cloud_computer_sm.no-border{
    border-bottom: none;
}

.cloud_computer_sm div:nth-child(1){
    color: #333333;
    font-size: 20px;
}
.cloud_computer_sm div:nth-child(1)>span{
    font-size: 16px;
}
.cloud_computer_sm div:nth-child(2){
    color: #999999;
    font-size: 14px;
}
#host .cloud_computer_sm{

}
#baremetal .cloud_computer_sm_wrap{
    padding: 0;
}
#baremetal .cloud_computer_sm{
    height: 80px;
    width: 121px;
    position: relative;
}
#baremetal .cloud_computer_sm.ssd{
    width: 100%;
}

#baremetal .cloud_computer_sm::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 1px;
    border-bottom: 1px dashed rgba(201,201,201,0.53);
}
#baremetal .cloud_computer_sm.ssd::after{
    width: 200px;
    right: 23px;
}
#baremetal .cloud_computer_sm.left::after{
    left: 0;
}
#baremetal .cloud_computer_sm.last-sm:after{
    border-bottom:none;
}

#baremetal .cloud_computer_sm div:nth-child(1){
    font-size: 16px;
    position: relative;
    right: -4px;
}
#baremetal .cloud_computer_sm div:nth-child(2){
    font-size: 14px;
}

.cloud_compute_line ,.cloud_compute_time{
    text-align: left;
    margin-top:20px;
}
.cloud_compute_line span,.cloud_compute_time span{
    color: #666666;
    font-size: 12px;
    text-align: left;
    margin-left:20px;
}

.cloud_compute_marg{
    margin-right: 18px;
}
.cur-pon{
    cursor: pointer;
}
.bold{
    font-weight: bold;
}
.disabled{
    background: #ccc;
    pointer-events: none;
    color: #fff!important;
}
.box-show:hover{
    box-shadow: 0 0 6px 0 rgba(184, 184, 184, 0.7)
}
.secondKill_time >.time_disabled{
    color:#666;
    background-color: #eff0f5;
	border: solid 1px #cdced5;
}
.formTable  td  span{
    padding-top: 4px;
    display: inline-block;
}
.title-icon{
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 30px;
    top:0;
    left: 0;
}
/* 下面是hcf的代码 end */


/* 更多产品 */
.product-list{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.product-list-item {
    /* width: 224px; */
    width: 285px;
    height: 274px;
    background-image: linear-gradient(135deg,
        #0d80e2 0%,
        #5eb9f9 100%),
    linear-gradient(
        #0087db,
        #0087db);
    background-blend-mode: normal,
        normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-right: 20px;
}
/* .product-list-item:nth-child(5n){
    margin-right: 0;
} */
.product-list-item:nth-child(4n){
    margin-right: 0;
}
.product-list-item>.ico{
    width: 40px;
    height: 40px;
    margin-top: 56px;
}
.product-list-item>.item-title{
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    font-weight: bold;
    margin-top: 19px;
}
.product-list-item>.item-desc{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.8;
    margin-top: 20px;
}
.product-list-item>.item-btn{
    margin-top: 20px;
	width: 180px;
	height: 34px;
	border: solid 1px #ffffff;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
    text-align: center;
	letter-spacing: 0px;
	color: #ffffff;
    cursor: pointer;
}
.product-list-item>.item-btn:hover{
    background: #FFFFFF;
    color: #1083e3;
}
.product-list-item>.item-btn-list .item-btn{
    margin-top: 20px;
    display: inline-block;
    width: 85px;
	height: 34px;
	border: solid 1px #ffffff;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
    text-align: center;
	letter-spacing: 0px;
	color: #ffffff;
    cursor: pointer;
}
.product-list-item>.item-btn-list .item-btn:hover{
    background: #FFFFFF;
    color: #1083e3;
}
.product-list-item>.item-btn-list .item-btn:nth-child(1){
    margin-right: 8px;
}
.ny-select-list .ny-select-item:hover, .ny-select-list .ny-select-item.active {
    background: #398dee;
    color: #fff!important;
}



/* scroll */
.visible-hidden {
  visibility: hidden;
}
.suspension {
  /* display: none!important; */
}
.showing-btn {
  position: fixed;
  z-index: 1000;
  top: 300px;
  left: -35px;
  width: 35px;
  height: 120px;
  cursor: pointer;
  transition: left .5s ease;
  background-image: linear-gradient(45deg,
  #ff2626 0%,
  #f20000 100%),
linear-gradient(
  #00aaff,
      #00aaff);
  color:#fff;
  text-align: center;
}

.showing-btn.hiding-animate2 {
  left: 0px;
}
.showing-btn div:nth-child(1){
  padding-top: 18px;
}
.nav-container {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 999;
  margin-top: -300px;
  height: 610px;
  width: 119px;
  background: url(img/red_packet_2.png) no-repeat 1px 0;
  transition: left .5s ease;
}
.nav-container.hiding-animate1 {
  left: -130px;
}
.act-reduce-price {
  padding-top: 60px;
  padding-left: 16px;
  width: 100%;
  height: 94px;
  line-height: 16px;
  font-size: 16px;
  color: #fff000;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}
.act-reduce-price-title {
margin-left: 6px;
}
.act-reduce-price-name {
font-size: 12px;
padding-left: 16px;
}
.nav-item {
  padding-top: 14px;
  width: 105px;
height: 65px;
/* background-image: linear-gradient(45deg,
  #0d80e2 0%,
  #5eb9f9 100%),
linear-gradient(
  #1f94ee,
  #1f94ee); */
  background-image: linear-gradient(45deg, #f20000 0%, #ff2626 100%), linear-gradient(#feb100, #ffa00a);
  background-blend-mode: normal,
  normal;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.nav-item.active {
  padding-top: 14px;
  width: 130px;
  height: 80px;
  /* background-image: linear-gradient(45deg,
  #ff2626 0%,
  #f20000 100%),
linear-gradient(
  #00aaff,
  #00aaff); */
background-image: linear-gradient(45deg,
#ff2626 0%,
#f20000 100%),
linear-gradient(
#00aaff,
#00aaff);
background-blend-mode: normal,
  normal;
  border: none;
}
.active .act-nav-item-title {
  margin-bottom: 4px;
  color: #fff;
  font-size: 20px;
}
.special-nav-item {
  position: relative;
  width: 105px;
height: 174px;
/* background-image: linear-gradient(45deg,
  #0d80e2 0%,
  #5eb9f9 100%),
linear-gradient(
  #4929cc,
  #4929cc); */
  background-image: linear-gradient(45deg, #f20000 0%, #ff2626 100%), linear-gradient(#feb100, #ffa00a);
background-blend-mode: normal,
  normal;
}
.special-nav-item-a {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 24px;
  width: 96px;
  height: 52px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: url(img/icon_to_top.png) no-repeat center 0;
}

.module-6 .module-product-title {
  margin-bottom: 70px;
}
.module-6 .module-product-title:before,
.module-6 .module-product-title:after {
  background: none;
}

.coupon-get-item {
  float: left;
  width: 590px;
  height: 201px;
  background: url(img/coupon_bg.png) no-repeat center;
}
.coupon-get-item:first-child {
  margin-right: 20px;
}
.left-container {
position: relative;
  float: left;
  padding: 20px 0 20px 30px;
  width: 524px;
  height: 100%;
}
.left-container-top {
  display: table-cell;
  vertical-align: bottom;
  height: 80px;
  color: #fff;
}
.left-container-top-intro {
  margin-right: 87px;
  display: inline-block;
  font-size: 14px;
}
.coupon-name {
position: absolute;
color: #fff;
top: 33px;
font-size: 22px;
font-weight: bold;
}
.left-container-top-money {
  font-size: 20px;
}
.left-container-top-money-big {
  font-size: 50px;
}
.left-container-bottom {
  padding: 10px 0;
}
.coupon-little-item {
  float: left;
  margin-left: 8px;
  margin-bottom: 8px;
  padding: 0 15px 0 10px;
  width: 152px;
  height: 31px;
  line-height: 31px;
  background: url(img/bg_white_transparent.png) no-repeat center;
  color: #fff;
}
.no-margin-left {
  margin-left: 0;
}
.coupon-little-item-left {
  font-size: 14px;
}
.coupon-little-item-right {
  float: right;
  font-size: 12px;
  line-height: 33px;
}
.coupon-little-item:first-child {
  margin-left: 0;
}

.coupon-link {
  float: left;
  padding: 41px 20px 20px 22px;
  width: 66px;
  height: 100%;
  font-size: 20px;
  color: #fff;
}
.coupon-link.disable {
  cursor: not-allowed;
}