﻿/*main{margin-top:100px;}*/
.cloud-b2b{color: #000;}

.cloud-b2b-advantage .description{opacity: 0.7!important; font-size:16px;}
.cloud-b2b-advantage-text{flex-direction: column;align-items: initial;}
.cloud-b2b-advantage__item{padding: 4px;width: 33.33%;}
.cloud-b2b-advantage__item .more{color: var(--main-color);font-size: 14px;}
.cloud-b2b-advantage__item-inner{background: #fff;padding: 8%; transition: .4s; display: block;box-shadow: 0px 0 10px 0px rgba(0,0,0,.05);text-align: center;}
[class*="cloud-b2b-advantage__icon__"] {max-width: 80%;margin: auto;padding-top: 3vw;}
.cloud-b2b-advantage__item-inner .btn{margin-top: 10px;}
.cloud-b2b-advantage .text-center .pt-xs img{max-width: 66%;}


/* 左图右文列表 */
.cloud-b2b-feature {padding: 10vw 0;}
.cloud-b2b-feature .text{padding-left: 0;padding-top: 5vw;}
/* .cloud-b2b-feature .text .description{padding:10px 0 15px} */
.cloud-b2b-feature:nth-child(even) .row {flex-direction: row-reverse;}
.cloud-b2b-feature .description{opacity: .7!important;}
.cloud-b2b-feature .btn{border-color: #284DC5; background-color: #284DC5;margin-top:20px;}
.cloud-b2b-feature .image{position: relative;}
.cloud-b2b-feature .image img:not(:first-child){position: absolute;}
.cloud-b2b-feature__0{position: relative;}
.cloud-b2b-feature__0::after{position: absolute;width: 100%;content: '';background: url('../images/cloud-b2b-feature-background.png')no-repeat;left: 0;top: 0;z-index: -1;height: 100%;}
.cloud-b2b-feature__1{position: relative;}
.cloud-b2b-feature__1::after{position: absolute;width: 100%;content: '';background: url('../images/cloud-b2b-feature-background.png')no-repeat;left: 0;top: 0;z-index: -1;height: 100%;background-position-y: 100%;}
.cloud-b2b-feature__0 img:nth-child(2){right: 0;bottom: 0;max-width: 48%;}
.cloud-b2b-feature__1 img:nth-child(2){left: 0%;top: 50%;max-width: 60%;}
.cloud-b2b-feature__2 img:nth-child(2){left: 0%;bottom: 0%;max-width: 36%;}
.cloud-b2b-feature__3 img:nth-child(2){right: 0;top: 0;max-width: 60%;}
.cloud-b2b-feature__4 img:nth-child(2){right: 0;top: 0;max-width: 65%;}
/* .cloud-b2b-feature__3 img:nth-child(2){left: 4%;top: 32%; transform: translateY(-50%)!important;width: 20%;}
.cloud-b2b-feature__3 img:nth-child(3){right: 0%;top: 32%; transform: translateY(-50%)!important;width: 20%;}
.cloud-b2b-feature__3 img:nth-child(4){right: 18%;top: 39%;width: 40%;} */


.cloud-b2b__customerCase{background: #284DC5;width:100%;float:left;}
.cloud-b2b__customerCase-content .description{color: #ffffff;}
.cloud-b2b-customerCase__item{width: 50%;padding: 4px}
.cloud-b2b-customerCase__item .more{color: var(--main-color);font-size: 14px;}

.colud-fbanner .content {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 8px;padding:5vw 4vw;justify-content: center;flex-direction: column;align-items: center;}
.colud-fbanner .btn {flex-shrink: 0;margin: 3vw 0 0;background:#284DC5;border: 1px solid #284DC5;}

.cloud-b2b-advantage {width:100%;float:left;}


.page-b2b{width:100%;float:left; position:relative;}
.page-b2b img{max-width:100%;}
.page-b2b span{ position:absolute; font-size:60px; color:#fff;left:15%;top:40%;}
.page-b2b p{ position:absolute; font-size:30px; color:#fff;left:15%;top:60%;}



@media(max-width:1200px){
		.page-b2b span{ font-size:40px;}
		
		}			
		

      @media (max-width:768px) {
				.page-b2b span {font-size: 20px;top:30%;left:10%;}
				.page-b2b p{ font-size:16px;top:55%;left:10%;}
				
			
				
            }




@media(min-width:768px){

.cloud-b2b-advantage__item .more{font-size: 16px;}
.cloud-b2b-advantage__item-inner .btn{margin-top: 0;}
.cloud-b2b-advantage__item-inner{box-shadow: none;padding: 3vw;text-align: center;align-items: center!important;background: none;transition: .4s;}
.cloud-b2b-advantage__item-inner:hover{box-shadow: 0px 24px 48px 0px rgba(0, 2, 30, 0.08);}

.cloud-b2b-feature .image img:not(:first-child){position: absolute;}
.cloud-b2b-feature .image img{margin: auto;display: block;}
.cloud-b2b-feature .text {padding: 0;}
.cloud-b2b-feature:nth-child(odd) .text {padding-left: 2vw;}
.cloud-b2b-feature {padding: 4vw 0;width:100%;float:left;}
.cloud-b2b-feature__1 img:nth-child(2){left: -30%;top: 60%;max-width: 52%;}
.cloud-b2b-feature__4 img:nth-child(2){right: 0;top: 0;}


.cloud-b2b-customerCase__item{width: 32%;padding: 12px;}
.cloud-b2b-customerCase__item .more{font-size: 16px;}

.colud-fbanner .content {flex-direction: row;padding: 3vw 4vw;}
.colud-fbanner .btn {margin:0 0 0 2vw;}
}
@media (min-width: 576px) {
  .cloud-b2b-advantage__item{width: 33.33%; background-color:#fff;border-right: solid 10px #F3F7F9;}
    .cloud-b2b-advantage__item:nth-child(3){border-right:none;}
}

@media(max-width:1400px){
.cloud-b2b-feature__1 img:nth-child(2){}
}

.common_swiper_pagination {text-align: center; position: absolute;bottom: 20px!important; z-index: 2; width: 20px;}
.common_swiper_pagination span{width: 40px!important; margin: 0 5px; height: 3px;opacity: .5;border-radius: 0;cursor: pointer;box-shadow: 0 0 2px rgba(0,0,0,.2);background-color: #fff;border: 0;}
.common_swiper_pagination .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}
.common_swiper_img{user-select: none;display: block;width: 100%;max-width: none;}

.pc_swiper_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); height: auto;width: 100%;padding-right: 36%;font-family: Source Han Sans CN;}

#common_banner_container p,{margin: 0;}
#common_banner_container a,#common_banner_container a:hover,#common_banner_container a:active{text-decoration: none;}

#common_banner_container .common_swiper_btn{cursor: pointer;}
.pc_swiper_area .common_swiper_mini_title{font-size: 24px;font-weight: normal;color: #fff;margin-bottom: 0.5vw;}
.pc_swiper_area .common_swiper_title{color: #fff;font-weight: bold;}
.pc_swiper_area .common_swiper_desc{padding-top: 10px;font-weight: 400;color: #fff;line-height: 1.5;}
.pc_swiper_area .common_swiper_btn_box{width: 100%;display: flex;flex-flow: row nowrap;align-items: center;}
.pc_swiper_area .common_swiper_btn{white-space: nowrap; margin: 1vw 1vw 0 0;outline: none;border: none; width: auto;color: #fff;background:rgb(var(--btn-rgb));}

#common_banner_container .common_swiper_btn:focus{outline: none;border: none;}
#common_banner_container .common_swiper_btn:hover{filter:brightness(1.1);}


.mb_swiper_area{position: absolute;top:0;width: 100%;padding:50px 5%;color: #fff;}
.mb_swiper_area .common_swiper_mini_title{font-size: 16px;text-align: center;margin-bottom:1.5vw;}
.mb_swiper_area .common_swiper_title{font-size: 30px;text-align: center;}
.mb_swiper_area .common_swiper_desc{font-size: 16px;font-weight: 400;text-align: center;margin-top: 10px;}
.mb_swiper_area .common_swiper_btn_box{width: 100%;display: flex;flex-flow: row nowrap;align-items: center;justify-content: center;}
.mb_swiper_area .common_swiper_btn{white-space: nowrap; margin: 20px 10px 0;outline: none;border: none; width: auto;color: #fff;background:rgb(var(--btn-rgb));}
@media (max-width:355px) {
	.mb_swiper_area .common_swiper_title{font-size: 20px;}
	.mb_swiper_area .common_swiper_desc{font-size: 12px;}
}


#common_banner_container .common_swiper_btn.gift_btn{background: rgba(0,0,0,0.3);}
#common_banner_container .common_swiper_btn.gift_btn:hover{background: rgba(0,0,0,0.5);}
 
@media (max-width:1460px) {
	.pc_swiper_area .common_swiper_mini_title{font-size: 22px;}
	.pc_swiper_area .common_swiper_desc{padding-top: 8px;}
	.pc_swiper_area{padding-right: 50%;}
}

@media (max-width:960px) {
	.pc_swiper_area .common_swiper_mini_title{font-size: 20px;}
	.pc_swiper_area .common_swiper_desc{padding-top: 4px;}
}

@media (max-width:768px) {
	.pc_swiper_area .common_swiper_mini_title{font-size: 14px;}
	.pc_swiper_area .common_swiper_desc{padding-top: 2px;}
	main{margin-top:0;}
	.pc_swiper_area .common_swiper_desc{display:none;}
}

@media (max-width:500px) {
	.pc_swiper_area .common_swiper_mini_title{font-size: 12px;}
	.pc_swiper_area .common_swiper_desc{display: none;}
}



.color-red{color:red}
.common-price__tabs{position:relative;display:flex; overflow-x: auto;}
.common-price__tabs::-webkit-scrollbar{display:none}
.common-price__tabs::after{content:'';height:1px;position:absolute;background-color:#E8EDF5;bottom:0;left:0;right:0;z-index:-1}
.common-price__tab{margin:.5rem 1rem 0;cursor:pointer;transition:color .2s; white-space: nowrap;padding-bottom: .5rem;}
.common-price__tab.noClick{cursor: default;}
.common-price__tab.active{border-bottom:2px solid #3D77FF;color:#3D77FF}
.common-price__tab span {font-size: 18px;}
.common-price__version{box-shadow:0 0 17px 3px rgba(207,221,213,0.35);border-radius:7px;transition:all .2s;overflow:hidden;height:100%}
.common-price__version:hover{transform:translateY(-5px)}
.common-price__version-header{color:#FFFFFF}
.common-price__version-body-item{list-style:square;margin-bottom:1vw;color:#333}
.common-price__version-body-button:hover{opacity:.8}

.common-price__version-item{ flex: 1; padding: 0 .8vw;}
.common-price__version-item:nth-child(1) .common-price__version-header{background-image:linear-gradient(to right,#05B5DE,#15CCE2)}
.common-price__version-item:nth-child(2) .common-price__version-header{background-image:linear-gradient(to right,#4A84F7,#28A7F9)}
.common-price__version-item:nth-child(3) .common-price__version-header{background-image:linear-gradient(to right,#F2BB22,#F6C739)}
.common-price__version-item:nth-child(4) .common-price__version-header{background-image:linear-gradient(to right,#88a3cb,#a5b9d6)}
.common-price__version-item:nth-child(1) .common-price__version-body-button,
td:nth-of-type(2) .common-price__table-cell_btn {background-color:#19cae2!important;border-color:#19cae2!important}
.common-price__version-item:nth-child(2) .common-price__version-body-button,
td:nth-of-type(3) .common-price__table-cell_btn {background-color:#34ABF9!important;border-color:#34ABF9!important}
.common-price__version-item:nth-child(3) .common-price__version-body-button,
td:nth-of-type(4) .common-price__table-cell_btn {background-color:#F4C434!important;border-color:#F4C434!important}
.common-price__version-item:nth-child(4) .common-price__version-body-button,
td:nth-of-type(5) .common-price__table-cell_btn {background-color: #a0c1d4!important;border-color:#a0c1d4!important}
.common-price__table{width:100%;table-layout:fixed; min-width: 1000px;}
.common-price__table td{border:1px solid #f0f0f5;padding:15px 20px;text-align:center}
.common-price__table__header{position:sticky;top:64px;background-color:#fff}
.common-price__table__body td{border-top:none}
.common-price__table-cell{background:linear-gradient(to top right,#fff,white 50%,#f0f0f5,white 51%,white);position:relative}
.common-price__table-cell span{position:absolute}
.common-price__table-cell span:nth-child(1){bottom: 40%; left: 15%; transform: translateY(50%);}
.common-price__table-cell span:nth-child(2){top: 40%; right: 15%; transform: translateY(-50%);}

.common-price__tool-item {background: #fff;border-radius: 6px;transition: .4s;flex-direction: column;color: #333;height: 100%;padding: 0 15px;}
.common-price__tool-item:hover {box-shadow: 0px 0px 35px 0px rgba(116, 125, 132, 0.2); text-decoration: none;color: inherit;}
.common-price__tool-item .image {flex-shrink: 0;margin-right: 15px;}
.common-price__tool-item .image img {max-width: 55px;}
.common-price__tool-item .top {display: flex;flex-direction: row;flex-grow: 1;padding: 15px 0;}
.common-price__tool-item .text {text-align: left;padding-top: 0;}
.common-price__tool-item .content {display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-top: 1px solid #eee;}
.common-price__tool-item .description {opacity: .7;}
.common-price__tool-item .price {font-size: 14px;}
.common-price__tool-item .price em{font-style: normal;color: #FF532C;font-weight: 700;font-size: 18px;}
.common-price__tool-item .price em span{font-size: 12px;font-weight: normal;}
.common-price__tool-item .btn {border-color: #aaa;color: inherit;}
.common-price__tool-item .btn:hover {border-color: #0161FF;background-color: #0161FF;color: #fff;}
@media (max-width:992px){
  /* .common-price__table__header{ top: 50px; } */
}
@media (max-width: 567px){
  .overflow-box{ overflow-x: hidden; }
  .overflow-box-item{ overflow-x: auto; }
  /* .common-price__table__header{ top: 0; } */
  .common-price__version-box{ flex-wrap: wrap; }
  .common-price__version-item{ flex: 1 0 auto; width: 100%; margin-bottom: 20px; }
  .common-price__version-item:last-child{ margin-bottom: 0; }
}
@media (min-width:768px) {
  .common-price__tab span {font-size: inherit;}
  .common-price__tool-item {padding: 5vw 15px;}
  .common-price__tool-item .top {display: block;padding: 0;}
  .common-price__tool-item .image {margin-right: 0;}
  .common-price__tool-item .image img {max-width: 40%;}
  .common-price__tool-item {padding-top: 2vw;padding-bottom: 2vw;}
  .common-price__tool-item .price {font-size: 16px;}
  .common-price__tool-item .price em{font-size: inherit;}
  .common-price__tool-item .text {border-top: 1px solid #E4E4E4;margin-top: 2vw;text-align: center;padding-top: 15px;}
  .common-price__tool-item .content {border: 0;flex-direction: column;}
}
@media (max-width:767px) {
  .common-price__tool-item .text .title{font-size: 18px;}
  .common-price__tool-item .text .description{font-size: 14px;}
  .common-price__tool-item .btn {border-color: #e2e2e2;font-size: 14px;color: #333;font-weight: 500;}
  .common-price__tab:first-child {margin-left: 0;}
  .common-price__tab:last-child {margin-right: 0;}
  .cloud-b2b-advantage__item{width:100%;}
  .cloud-b2b-advantage__text pt-3 .text-md{font-size: 20px;}
}







