.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 #0a5cff; background: #0a5cff;color: #fff; border-radius: 20px;}
.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: #e4efff;font-size: 16px; }
.product-nav .stype{float: left;overflow: hidden}
.product-nav li{float: left; position: relative; color: #666666; line-height:70px; padding: 0 20px; cursor: pointer}
.product-nav li:after{content: "";position: absolute; left: 0; bottom: 0; width: 0; height:3px;background: #0a5cff;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: #0a5cff; background-color: white; }
.product-nav li:hover:after{width: 100%;}
.product-nav .active{color: #0a5cff !important; background-color: white;}
.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: 60px 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{background-color: #fff; margin-top: 100px; color: #333333; padding:65px 0 0; height:auto; min-width: 1280px; overflow: hidden; padding-bottom: 100px;}
.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: #0a5cff;}
.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: #0a5cff; color: #fff;}
.balance-table .checked .tb-shadow { border: 1px solid #0a5cff;}

.server-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 60px;
}
.server-title-label{
    display: flex;
    justify-content: center;
    background-color: #e6edfc;
    color: #1765ff;
    padding: 3px 10px;
    border-radius: 20px;
    gap: 10px;
    font-size: 0.8rem;
    width: fit-content;
    height: fit-content;
}
.server-label-icon{
    display: flex;
    align-items: center;
}
.server-title-name{
    font-size: 2rem;
    font-weight: bold;
}
.server-title-imp{
    color: #0a5cff;
}
.server-title-text{
    font-size: 1.1rem;
    margin-bottom: 22px;
}
.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: #ffffff;
	padding: 40px 0;
	height: 800px;
}
.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-item-title img{
	width: 50px;
}
.app-scene-detail{
	display: none;
	width: 100%;
	position: absolute;
	top:94px;
	border-top: solid 1px #cfd6e3;
	left: 0;
	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: #0a5cff;
	line-height: 23px;
}
.app-car-wrap{
	display: inline-block;
	width: 450px;
	height: 280px;
	background: url('../../images/cloud/20260413-114802.png') no-repeat center;
	background-size: cover;
	border-radius: 10px;
	margin-top: 30px;
}
.app-car-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	padding: 37px 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.car-title{
	width: fit-content;
	width: 60%;
}
.car-line-left{
	background:linear-gradient(163deg, #ffffff00 63%, #ffffff 88%);
	height: 2px;
	width: 100%;
}
.car-line-right{
	background:linear-gradient(212deg, #ffffff00 63%, #ffffff 88%);
	height: 2px;
	width: 100%;
}
.app-car-content{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;
	display: contents;
}
.app-car-content div{
	float: left;
	margin:0  0 0 40px;
	width: 120px;
}
.app-buy-button{
	display: inline-block;
	width: 90px;
	height: 34px;
	border-radius: 2px;
	border: solid 1.4px #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;
	border-radius: 20px;
}
.app-buy-button:hover{
	color:#fff
}
.app-scene-active .app-scene-item{
	border-bottom: 2px solid #0a5cff;;
	color: #0a5cff;
}
.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: #0a5cff;
	border-bottom-color: #fff;
	color: #fff;
	line-height: 48px;
    border: #0a5cff solid 1px;
}
.playVideo{
    color: #0a5cff;
    background: rgb(255, 255, 255);
	border-radius: 20px;
}
.gangyun-cloud-gg{margin-top:20px;padding:10px 15px;background-color:#006aff;color:#fff;font-size:12px}
.our-cloud{
	border-left: 1px solid #0a5cff;
	border-right: 1px solid #0a5cff;
}
.our-cloud1{
	border-left: 1px solid #0a5cff;
	border-right: 1px solid #0a5cff;
	border-bottom: 1px solid #0a5cff !important;
}
.suggestion-title{
	width: fit-content;
	border-bottom: 4px solid #0a5cff;
	color: #000;
	font-weight: bold;
}
.suggestion-item{
	display: flex;
	line-height: 1.5;
	margin-top: 20px;
}
.suggestion-item svg{
	margin-right: 10px;
}
.suggestion-item-title{
	color: #000;
	font-size: 1rem;
	font-weight: 400;
}
.suggestion-item-text{
	color: #8c8c8c;
	font-size: 0.8rem;
	margin-top: 8px;
}
.suggestion-call{
	margin-top: 20px;
}
.suggestion-line{
	background-color: #cfd6e3;
	height: 1px;
	position: relative;
	top: -1px;
}
.cloumn-item-top{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-image:url('../../images/cloud/20260413-151215.jpg') ;
	background-size: cover;
}
.cloumn-item-top-linear{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 40px 26px 16px 20px;
	 -webkit-backdrop-filter: blur(10px);
	background: linear-gradient(45deg, #ffffff00 10%, #C5D1FF 47%, #d9d0fe85 69%);
}
.cloumn-item-top-linear1{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 40px 26px 16px 20px;
	 -webkit-backdrop-filter: blur(10px);
	background: linear-gradient(45deg, #ffffff00 10%, #b8d6ff 47%, #C5D1FF 69%);
}
.cloumn-item-top-linear2{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 40px 26px 16px 20px;
	 -webkit-backdrop-filter: blur(10px);
	background: linear-gradient(45deg, #ffffff00 10%, #acdbff 47%, #bbd8fe85 69%);
}
.cloumn-item-top-linear3{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 40px 26px 16px 20px;
	 -webkit-backdrop-filter: blur(10px);
	background: linear-gradient(45deg, #ffffff00 10%, #9ee3ec 47%, #aae1fd85 69%);
}
.cloumn-item-top-linear img,.cloumn-item-top-linear1 img,.cloumn-item-top-linear2 img,.cloumn-item-top-linear3 img{
	width: 50px;
}
.cloumn-item{
	border-radius: 20px;
	background-color: white;
	width: 100%;
}
.cloumn-any{
	display: flex;
	gap: 40px;
}
.cloumn-item-title{
	line-height: 2;
	font-size: 1rem;
	font-weight: bold;
	color: #000;
}
.cloumn-item-text{
	color: #8c8c8c;
	font-size: 0.8rem;
	margin-top: 20px;
	line-height: 1.5;
}
.cloumn-item-bottom{
	padding: 20px;
}
.cloumn-about{
	margin-top: 20px;
	background: linear-gradient(181deg, #7c94f2 31%, #8f79e7 69%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.cloumn-about svg{
	position: relative;
	top: 1px;
}
.multielement-card-bottom{
	display: flex;
	gap: 20px;
}
.cloud-end-line{
	background: linear-gradient(0deg, #ffffff00 -15%, #8c8c8c 45%,#ffffff00 105%);
	height: 80px;
	width: 10px;
}
.multielement-top-title{
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
}
.multielement-top-text{
	font-size: 0.9rem;
	line-height: 2;
	margin-bottom: 40px;
	text-align: center;
}
.multielement-card-left{
	padding: 40px;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 40px;
	width: 100%;
}
.multielement-card-item{
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.multielement-card-item-title{
	font-size: 1.1rem;
	font-weight: 600;
}
.multielement-card-item-btn{
	border-radius: 10px;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	margin-top: 20px;
	background: linear-gradient(90deg,#035DFD 2%,#9f60ff 72%);
}
.multielement-tip-item{
	border: 1px solid #8c8c8c;
	padding: 4px 8px;
	font-size: 0.8rem;
}
.multielement-card-right-text{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.multielement-tip{
	display: flex;
	gap: 10px;
}
.multielement-card-right{
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	margin-top: 40px;
}
.multielement-card-right-top{
	display: flex;
	align-items: center;
	background-color: #fff;
	justify-content: space-between;
	padding: 31px;
	border-radius: 20px;
}
.multielement-card{
	display: flex;
	gap: 20px;
}
.multielement-top-text1{
    font-size: 0.9rem;
    line-height: 2;
	margin-top: 10px;
}
.multielement-top-title1 {
    font-size: 1.2rem;
    font-weight: 600;
}

	.map-tips1-text{
		background-color: #f2f5fa;
	}
	.clearfix {
    width: 1500px;
    max-width: 100%;
    /* margin: 0 auto !important; */
    padding: 0 20px;
    box-sizing: border-box;
		display: flex;}
		.clearfix1 {
    width: 1500px;
    max-width: 100%;
    /* margin: 0 auto !important; */
    padding: 0 20px;
    box-sizing: border-box;}
@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 li {
        /* margin-right: 20px; */
		padding: 0 4px;
    }
    .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;
		width: 100%;
    }
    .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 {
        padding: 40px 0;
        height: 900px;
    }
	.cloud-banner p{
		width: auto;
	}
	.map-tips1-wave img{
		width: 400%;
	}
	.map-tips1-text-top{
		font-size: 1.5rem;
		width: fit-content;
	}
	.app-scene-detail ul li:nth-child(1) {
		width: 60%;
		margin-right: 45px;
	}
	.server-title{
		margin-top: 0;
	}
	.server-title-label{
		margin-top: 100px;
	}
    .multielement-card,.multielement-card-right-top{
		
		flex-direction: column;
	}
	
	.multielement-card-right-top{
		display: block;
	}
}
@media (max-width: 800px) {
	.clearfix,.cloumn-any{
		flex-direction: column;
	}
	.app-scene-wrap {
		height: 1100px;
	}
	.app-scene-detail ul li:nth-child(1) {
        width: 100%;
    }
	.app-car-wrap{
		width: 100%;
	}
	.app-scene-detail{
		padding: 15px;
	}
	.server-title{
		padding-top: 50px;
	}
	.app-scene-detail ul li:nth-child(1){
		margin-right: 0px;
	}
	.product-nav .btn-default{
		display: none;
	}
	.server-title-label{
		margin-top: 0;
	}
	.suggestion-title{
		margin-top: 50px;
	}
}
@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;
	}
}