.btn-default{ float: left; margin-right: 20px; color: #333; width: 128px; text-align: center; font-size: 14px; line-height: 38px; height: 38px; border: 1px solid #dddddd;}
.btn-default:hover{color: #333;}
.btn-buy{ border: 1px solid rgb(198, 25, 25); background: rgb(198, 25, 25);color: #fff;}
.btn-buy:hover{color: #fff !important;}
.btn-open{background: #999; border: 1px solid #999;}
.btn-open:hover{color: #fff !important;border: 1px solid #999 !important;}
.product-cloumn{text-align: center; font-size: 32px;}
.product-cloumn span{display: block;font-size: 14px; margin: 25px 0 0}
.stype-blank{ display:none; height:95px; overflow:hidden}
.product-stype{ background:#fff; border-bottom:1px solid #dddddd;font-size:16px;overflow:hidden; min-width:1280px;}
.product-stype .item{ float:left;position: relative; line-height:46px;padding: 24px 54px;cursor:pointer}
.product-stype .item:before{content: "";display: inline-block;width: 41px; height: 46px; margin-right: 10px; vertical-align: top; background: url("../../images/cloud/icon.png") no-repeat;}
.product-stype .item:after{ content: ""; height:40px; width: 1px; background: #dddddd; position: absolute; right: 0; top:27px;}
.product-stype .end:after{ width: 0;}
.product-stype .active {background: #f2f5fa}

/*banner*/
.product-banner{height: 460px; min-width: 1280px;overflow: hidden}
.product-banner .main{ margin: 135px 0 0; color: #fff; overflow: hidden}
.product-banner h2{ font-size: 40px;font-weight:bold;}
.product-banner p{ font-size: 14px; line-height: 28px; margin: 24px 0 60px; overflow: hidden}

.cloud-banner{background: url("../../images/cloud/banner.png") center top #0b0b0b no-repeat;}
.cloud-banner p{width:750px;margin: 24px 0 30px;}
.cloud-banner h5{clear: both; padding: 16px 0 0 20px; font-size: 14px; color: #ff9436;background: url("../../images/cloud/ico.png") left 20px no-repeat;}
/*瀵艰埅*/
.product-nav{height:70px; background: #fff;font-size: 16px; }
.product-nav .stype{float: left;overflow: hidden}
.product-nav li{float: left; position: relative; color: #666666; line-height:70px; margin-right:90px; cursor: pointer}
.product-nav li:after{content: "";position: absolute; left: 0; bottom: 0; width: 0; height:3px;background: rgb(198, 25, 25);transition: 0.2s all linear;-moz-transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-o-transition: 0.2s all linear;}
.product-nav li:hover{color: rgb(198, 25, 25);}
.product-nav li:hover:after{width: 100%;}
.product-nav .active{color: rgb(198, 25, 25) !important;}
.product-nav .active:after{width: 100%;}
.product-nav .name{font-weight: bold; float: left; line-height: 70px; margin-right: 55px;}
.product-nav .name:after{ content: ""; float: right; width: 2px; height: 16px; background: #ddd; float: right; margin:27px 0 0 35px;}
.product-nav .btn-default{ float: right; width: 118px; height: 35px; line-height: 35px; margin: 20px 0 0;}
.product-nav .btn-default:hover{ color: #fff;}
.cloumn-blank{ display: none; height:70px;overflow: hidden;}
.nav-fixed{border-bottom: 1px solid #ddd; position: fixed; left: 0; right: 0; top: 0; z-index: 11;}

/*鍒楄〃灞曠ず*/
.product-list ul{ margin: 75px 0 0 -40px;overflow: hidden}
.product-list li{ float: left; background: #fff; text-align: center; margin-left: 40px; width: 380px; overflow: hidden}
.product-list li:before{content: ""; display: block; margin:40px auto 30px; width: 65px; height: 74px; background: url("../../images/cloud/.png") no-repeat;}
.product-list li h4{ font-size: 22px; margin: 0 0 15px;}
.product-list li p{ color: #666666; line-height:28px; margin: 0 50px;}

.rule-desc{ height:20px;line-height:20px;color:#999; padding-top:5px; font-size:12px; margin-left:135px}


.cloud-part1{padding: 95px 0 70px; min-width: 1280px; background: #f2f5fa; }
.cloud-part1 .product-cloumn-item{ margin: 75px 0 0 -30px; overflow: hidden ;display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.cloud-part1 .item {
    float: left;
    position: relative;
    padding: 24px 15px 0 135px;
    height: 125px;
    margin: 0 0 30px 30px;
    background: #fff;
}
.cloud-part1 .item span{
    position: absolute; 
    left: 0;top: 0; 
    width: 120px; 
    height: 125px;
    background: url("../../images/cloud/title.jpg") center no-repeat;
    filter: hue-rotate(165deg);
}
.cloud-part1 .item span:before{content: ""; display: block; width: 65px; height: 74px; margin: 28px auto 0;background: url("../../images/cloud/icons.png") no-repeat;}
.cloud-part1 .item h4{ font-size: 18px; font-weight: bold; margin: 0 0 8px;}
.cloud-part1 .item p{ color: #666; line-height: 24px;font-size: 13px;}
.cloud-part1 .item1 span:before{ background-position: 0 -849px;}
.cloud-part1 .item2 span:before{ background-position: -76px -849px}
.cloud-part1 .item3 span:before{ background-position: -154px -849px}
.cloud-part1 .item4 span:before{ background-position: -230px -849px}
.cloud-part1 .item5 span:before{ background-position: -308px -849px}
.cloud-part1 .item6 span:before{ background-position: -384px -849px}
.cloud-part1 .item7 span:before{ background-position: -471px 0}
.cloud-part1 .item8 span:before{ background-position: -549px 0}

.cloud-part2{ color: #333333; padding:65px 0 0; height:auto; min-width: 1280px; overflow: hidden; margin-bottom: 30px;}
.cloud-part2 .balance-table{text-align: left;border: 1px solid #dee3eb;}
.cloud-part2 .balance-table th{padding-left: 25px;}
.cloud-part2 .balance-table td{padding: 15px 0 15px 25px;font-size: 13px;}
.cloud-part2 .balance-table tbody tr:last-child td{padding: 15px 0 20px 25px;}

.cloud-part2 .balance-table .title{font-size: 14px; color: #666;}
.cloud-part2 .balance-table  i{font-size: 16px; color: rgb(198, 25, 25);}
.fa{
	margin-right:10px !important;
}


.clouds-part2{ color: #333333; padding:65px 0 0; height:910px; min-width: 1280px; overflow: hidden}
.clouds-part2 .balance-table{text-align: left;border: 1px solid #dee3eb;}
.clouds-part2 .balance-table th{text-align:center;}
.clouds-part2 .balance-table .fa-times-circle-o{font-size: 22px; color:#abaeb6}
.clouds-part2 .balance-table .fa-check-circle-o{font-size: 22px; color:#00c724}
.clouds-part2 .balance-table td{padding: 15px 0 15px 0px;text-align:center;}
.clouds-part2 .balance-table .tb-shadow{ height: 648px;}
.clouds-part2 .balance-table .title{font-size: 14px; color: #666;}


/*琛ㄦ牸瀵规瘮*/
.balance-table{ width: 100%; margin: 75px 0 0; color: #333; text-align: center; background: #fff; border-spacing: 0;border-collapse: collapse;}
.balance-table th{height: 60px; position: relative; background: #f2f5fa; font-size: 16px; font-weight: normal}
.balance-table td{padding: 12px 0; border-bottom: 1px solid #dee3eb;}
.balance-table tbody tr:last-child td{border-bottom: none; padding: 12px 0 18px;}
.balance-table span{ width: 19px;height: 19px; display: block;margin: 0 auto;}
.balance-table .title{ background: #e9edf3; font-size: 16px; text-align: center; }
.balance-table .n{background: url("../../images/cloud/ico2.jpg") center no-repeat;}
.balance-table .y{background: url("../../images/cloud/has.png") center no-repeat;}
.balance-table .tb-shadow {position: absolute; left: 0; top:59px; right: 0; z-index: 1;}
.balance-table .checked{ background: rgb(198, 25, 25); color: #fff;}
.balance-table .checked .tb-shadow { border: 1px solid rgb(198, 25, 25);}


.server-module.double {
	padding-bottom: 56px;
	background: #f7f8fa;
}
.server-module.single {
	padding-bottom: 56px;
}
.server-module.server-question-module {
	padding-bottom: 60px;
}

.module-title {
	position: relative;
	text-align: center;
	padding:50px;
	font-size: 28px;
}
.module-title span {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	color: #666;
} 

.app-scene-wrap{
	background-color: #f7f8fa;
	padding: 40px 0;
	height: 610px;
}
.app-scene-block{
	display:flex;
	justify-content:space-around;
	position: relative;
	margin-top: 38px;
}
.app-scene{
	/* float: left; */
}
.app-scene-item{
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
	color: #333333;
	z-index: 3;
	width: 100px;
	text-align: center;
}
.app-scene-detail{
	display: none;
	width: 100%;
	position: absolute;
	top:48px;
	left: 0;
	background-color: #ffffff;
	border: solid 1px #cfd6e3;
	padding:40px;
	z-index: 2;
	text-align: left;
}
.app-scene-detail ul li{
	float: left;
}
.app-scene-detail ul li:nth-child(1){
	width: 60%;
	margin-right: 92px;
}
.app-scene-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	/* line-height: 46px; */
	letter-spacing: 0px;
	color: #000000;
	font-weight: bold;
	margin-top:15px ;
}
.app-scene-title:nth-of-type(1){
	margin-top:0
}
.app-scene-content{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
}
.app-scene-tips{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: rgb(198, 25, 25);
	line-height: 23px;
}
.app-car-wrap{
	display: inline-block;
	width: 360px;
	height: 240px;
	background: url('../../images/cloud/product_sence_bg.png') no-repeat center;
    filter: hue-rotate(150deg);
}
.app-car-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	padding: 24px 0 22px;;
}
.app-car-content{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;
	/* padding:0 40px; */
}
.app-car-content div{
	float: left;
	margin:0  0 0 40px;
	width: 120px;
}
.app-buy-button{
	display: block;
	width: 90px;
	height: 34px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin: 14px 0 0 42px;
}
.app-buy-button:hover{
	color:#fff
}
.app-scene-active .app-scene-item{
	border-bottom: 2px solid rgb(198, 25, 25);;
	color: rgb(198, 25, 25);
}
.app-scene-active .app-scene-item .app-scene-detail{
	display: block;
}

.module-title {
	position: relative;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.module-title .module-title-name {
	display: inline-block;
	padding-right: 15px;
	font-size: 26px;
	color: #333;
}
/* .module-title .group-span {
	float: right;
    margin-top: -25px;
	margin-left: 20px;
    width: 100%;
    height: 20px;
	font-size: 14px;
    display: inline-block;
    background: url(img/line_ico.png) repeat-x;
    z-index: 10;
} */
.group-title {
	font-size: 18px;
	color: #333;
}


.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}

.ysUl{
	margin-left: -2%;
	margin-top: 15px;
}
.ysUl li{
	width: 31.333%;
	margin-left: 2%;
	margin-top: 25px;
}
.ysUl li a{
    background: #fff;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 1.8;
	min-height: 145px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	border: 1px #e1e6f0 solid;
}
.ysUl li a img{
	margin-right: 20px;
}
.ysUl li a h3{
	margin-bottom: 8px;
}
.ysUl li a:hover{
	box-shadow: 0 0 15px rgba(43,63,126,.2);
	border-color: #fff;
	transform: translate(0, -5px);
}


.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-shrink {
	flex-shrink: 0;
}

.flex-1 {
	flex: 1;
}
.d-flex {
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.txt-main{color: #000;}
.fw500{font-weight: 500;}
.fz18{font-size: 18px;}
.txt-818181{
	color: #818181;
	font-size: 14px;
}
.cpbox1{background-color:#f7f8fa;padding-bottom:50px;padding-top:50px}



.clouds-part{ padding:65px 0 30px; overflow: hidden}

.idc-tabs {
	width: 100%;
	border-bottom: 1px solid #eee;
	margin: 38px 0 0px 0;
	display: flex;
	justify-content: flex-start;

}
.dc-tabs{
	justify-content:space-between
}
.idc-tabs li {
	/* float: left; */
	height: 50px;
	line-height: 50px;
	/* background: #fafafa; */
	width: 160px;
	text-align: center;
	margin-right: 10px;
	/* border: 1px solid #eee; */
	margin-bottom: -1px;
	font-size: 16px;
	cursor: pointer;
}
.compare-wrap{
	background-color: #fff;
}


.table-info {
	width: 100%;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	background: #fff;
	margin-top: 20px;
}

.table-info tr {
	height: 52px;
}

.table-info tr td {
	text-align: center;
	border-top: 1px solid #eee;
	height: 70px;
	border-right: 1px solid #eee;
}
.type-table{
	padding-top: 0px;
}
.type-table tr td {
	border-right: none;
}
.type-table tr td:last-child {
	border-right: 1px solid #eee;
}
.table-info tr td strong1 {
display: inline-block;
font-weight:bolder;
font-size: 22px; 
 background-image: -webkit-linear-gradient(bottom, red, #fd8403, yellow); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}


.table-info tr{
	font-size: 14px;
	color: #666666;
}


.type-table tr:hover{background:#e6f7ff;color:#000;}

.table-info tr td.huise {
	width: 230px;
	background: #fff;
	font-size: 14px;
	text-align: center !important;
	padding-left: 0px;
}
.table-info tr td.huise span,.table-info tr td .addicon-wrap{
	position: relative;
    margin-right: 10px;
}
.table-info tr td.huise .addicon{
	position: absolute;
    top: -5px;
    left: 9px;
	font-size: 12px;
	font-style: normal;
}
.table-info tr td .addicon-wrap .addicon{
	position: absolute;
    top: -5px;
    left: 44px;
	font-size: 12px;
	font-style: normal;
}


.idc-table .info-btn1{
	background:#ff6600;
	color:#fff
}
.idc-table .info-btn2{
	background:#059fff;
	color:#fff
}
.biaoti{
	background:#fafafa;
}
.jieshao{
	line-height: 60px;
	background:#059fff;
	color: #ffffff;
}
.jieshao1{
	line-height: 60px;
	background:#FF0000;
	color: #ffffff;
}


.products-tabs {
	width: 100%;
	border-bottom: 1px solid #eee;
	margin: 70px 0 0px 0;
}

.products-tabs li {
	float: left;
	height: 50px;
	line-height: 50px;
	background: #fafafa;
	width: 166px;
	text-align: center;
	margin-right: 10px;
	border: 1px solid #eee;
	margin-bottom: -1px;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.products-tabs li:last-child{
	margin-right: 0px;
}
.products-tabs li.tab--active {
	background-color: rgb(198, 25, 25);
	border-bottom-color: #fff;
	color: #fff;
	line-height: 48px;
    border: rgb(198, 25, 25) solid 1px;
}
.clearfix {
    display: block !important;
}
.playVideo{
    color: rgb(198, 25, 25);
    background: rgb(255, 255, 255);
}
.gangyun-cloud-gg{margin-top:20px;padding:10px 15px;background-color:#006aff;color:#fff;font-size:12px}
.our-cloud{
	border-left: 1px solid rgb(198, 25, 25);
	border-right: 1px solid rgb(198, 25, 25);
}
.our-cloud1{
	border-left: 1px solid rgb(198, 25, 25);
	border-right: 1px solid rgb(198, 25, 25);
	border-bottom: 1px solid rgb(198, 25, 25) !important;
}


@media (max-width: 1200px) {
    .cloud-part1 .product-cloumn-item{
        display: grid;
    }
      .balance-table thead {
    display: none !important;
  }
  .balance-table tbody,
  .balance-table tr,
  .balance-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .balance-table tr {
    margin-bottom: 20px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }
  .balance-table td {
    padding: 15px !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  .balance-table tr td:last-child {
    border-bottom: none !important;
  }

  .balance-table td.title {
    background-color: #b1c7d8 !important;
    color: white !important;
    font-size: 16px !important;
    padding: 15px !important;
    border: none !important;
  }

  .balance-table td:not(.title):nth-child(2)::before {
    content: "其他云：";
    font-weight: bold;
    color: #666;
    margin-right: 5px;
  }
  .balance-table td:not(.title):nth-child(3)::before {
    content: "港云网络：";
    font-weight: bold;
    color: #666;
    margin-right: 5px;
  }
  .balance-table td:not(.title):nth-child(4)::before {
    content: "传统服务器：";
    font-weight: bold;
    color: #666;
    margin-right: 5px;
  }

  .balance-table td.checked {
    background-color: #e8f4f8 !important;
  }
  .our-cloud{
	display: flex;
  }
    .product-banner,.cloud-part1,.cloud-part2{
        min-width:auto;
        padding: 0 20px;
    }
    .common-layout{
        width: 100% !important;
    }
    .product-nav .name{
        display: none
    }
	.product-nav{
		margin: 0 10px;
	}
    .product-nav li {
        margin-right: 20px;
    }
    .cloud-part2 .balance-table {
        text-align: left;
        border: 1px solid #ffffff;
    }
    .cloud-part2{
        height: auto;
    }
    .product-banner .main {
        margin: 50px 0 ;
    }
    .product-banner {
        height: auto;
    }
    .product-cloumn{
        margin: 30px 0 0 0;
    }
    .cloud-part1 .product-cloumn-item {
        margin: 40px 0 0 -30px;
    }
    .balance-table {
        margin: 40px 0 0;
    }
    .module-title{
        padding: 0;
    }
    .app-scene-detail ul li:nth-child(1){
        width: 100%;
    }
    .app-scene-tips{
        padding-bottom: 20px;
    }
    .app-scene-detail{
        margin-bottom: 100px;
    }
    .app-scene-wrap {
        background-color: #f7f8fa;
        padding: 40px 0;
        height: 834px;
    }
	.cloud-banner p{
		width: auto;
	}
	

    
}
@media (max-width: 320px) {
    .app-scene-detail{
        padding: 20px
    }
    .app-car-wrap{
        width: 270px;
    }
    .app-car-content div{
        margin: 0 0 0 10px;
    }
}
@media (max-width: 1355px){
	.cloud-part1 .product-cloumn-item {
		grid-template-columns: repeat(2, 1fr);
	}
} 
@media (max-width: 1024px){
	.cloud-part1 .product-cloumn-item{ 
		grid-template-columns: repeat(1,1fr); 
		gap: 20px;
	}
}