/*main{margin-top:100px;}*/
.img-fluid{width:auto;}
.cloud-b2c{color: #000;}
.description{opacity: 0.7!important;}

.cloud-b2c-advantage .description{opacity: 0.7!important;}
.cloud-b2c-advantage-text{flex-direction: column;align-items: initial;}
.cloud-b2c-advantage__item{width: 33%;padding: 4px}
.cloud-b2c-advantage__item .more{color: var(--main-color);font-size: 14px;}
.cloud-b2c-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;}
.cloud-b2c-advantage__item-inner .btn{margin-top: 10px;}


/* 左图右文列表 */
.cloud-b2c-swiper{background: #FBFBFB;}
.cloud-b2c-feature {padding: 10vw 0;}
.cloud-b2c-feature .text{padding: 0 4vw;}
.cloud-b2c-feature .description{opacity: .7!important;}
.cloud-b2c-feature .btn{border-color: #E03820; background-color: #E03820;}
.cloud-b2c-feature .image{position: relative;padding: 0 4vw;}
.cloud-b2c-feature .image img:not(:first-child){position: absolute;}
.cloud-b2c-feature__0 img:nth-child(2){bottom: 0%;right: 4%;max-width: 23%;}
.cloud-b2c-feature__1 img:nth-child(2){bottom: 0%;right: 0%;max-width: 60%;}
.cloud-b2c-feature-direction{flex-direction: column;}


.procedure-box{position: relative;width: 33.33%!important;z-index: 1;counter-increment:index;}
.procedure-box > div {width: 100%;}
.feature-stepDefault {width: 100%;position: relative;}
.feature-stepDefault::before{content: counter(index);width: 50px;height: 50px;line-height: 50px;display: block;border-radius: 50%;background: #fff;margin: auto;border: 1px solid  #f1f4f5;color: #bac2c6;}
.swiper-slide-thumb-active .feature-stepDefault::before{background: #e03820;color: #ffffff!important;}
.feature-stepDefault::after{position: absolute;height: 1px;width: 100%;background: #f1f4f5;content: '';top: 50%;left: 0;z-index: -1;}
.procedure-box__0 .feature-stepDefault::after{width: 50%;left: auto;right: 0;}
.procedure-box__2 .feature-stepDefault::after{width: 50%;}
.swiper-slide-thumb-active .step-text-color{color: #000!important;}
.step-text-color {color: #bac2c6;}

.cloud-b2c__strong-background-management{background: #E03820;}
.cloud-b2c__strong-background-management .container .description{color: #ffffff!important;}

.cloud-b2c-advantage .text-center .pt-xs img{max-width: 66%;}

.strong-background-management__footer{background: url('/assets/images/cloud/b2c/strong-background-management-1.png')no-repeat;background-position: bottom;position: relative;}
.strong-background-management__footer .container{padding-bottom: 30vw;}
.strong-background-management__footer .strong-background-management-img{position: absolute;bottom: -1%;left: 50%;transform: translateX(-50%);}


.cloud-b2c-business__item{width: 33%;padding: 4px}
.cloud-b2c-business__item .more{color: var(--main-color);font-size: 14px;}
.cloud-b2c-business__item-inner{background: #fff;padding: 8%; transition: .4s; display: block;box-shadow: 0px 0 10px 0px rgba(0,0,0,.05);text-align: center;}
.cloud-b2c-business__item-inner .btn{margin-top: 10px;}

.cloud-b2c-customerCase__item{width: 50%;padding: 4px}

.cloud-b2c-customerCase__item .more{color: var(--main-color);font-size: 14px;}

.cloud-b2c__open-ec{background: #E03820;}
.cloud-b2c__open-ec .container .description{color: #FFFFFF;}
.cloud-b2c__open-ec .container .cloud-b2c__open-ec-btn {border: 1px solid #FFFFFF;color: #E03820;background: #FFFFFF;}




  






@media(min-width:768px){
.strong-background-management__footer .container{padding-bottom: 0vw;}
.cloud-b2c-advantage__item{width: 32%;}
.cloud-b2c-advantage__item .more{font-size: 16px;}
.cloud-b2c-advantage__item-inner .btn{margin-top: 0;}
.cloud-b2c-advantage__item-inner{box-shadow: none;padding: 3vw;text-align: center;align-items: center!important;background: none;transition: .4s;}
.cloud-b2c-advantage__item-inner:hover{box-shadow: 0px 24px 48px 0px rgba(0, 2, 30, 0.08);}

.procedure-box {width: 20%!important;}
.feature-stepDefault::before{width: 95px;height: 95px;line-height: 95px;border: 1px solid  #f1f4f5;color: #bac2c6;}
.feature-stepDefault::after {height: 2px;}

.cloud-b2c-feature .image{position: relative;padding: 0;}
.cloud-b2c-feature .image img{display: block;margin: auto;}
.cloud-b2c-feature .image img:nth-child(1){width: auto;}

.cloud-b2c-feature__0 img:nth-child(2){bottom: 0%;right: 3%;max-width: 23%;}
.cloud-b2c-feature__1 img:nth-child(2){bottom: 0%;right: 0%;}
.cloud-b2c-feature-direction{flex-direction: row;}

.strong-background-management__footer .strong-background-management-img{position: absolute;bottom: -10%;left: 50%;transform: translateX(-50%);}

.cloud-b2c-business__item{width: 16%;}
.cloud-b2c-business__item .more{font-size: 16px;}
.cloud-b2c-business__item-inner .btn{margin-top: 0;}
.cloud-b2c-business__item-inner .cloud-b2c-advantage__icon__2 img:nth-child(1){max-width: 60%;}
.cloud-b2c-business__item-inner{box-shadow: none;text-align: center;align-items: center!important;background: none;transition: .4s;}
.cloud-b2c-business__item-inner:hover{box-shadow: 0px 24px 48px 0px rgba(0, 2, 30, 0.08);}

.cloud-b2c-customerCase__item{width: 32%;padding: 12px;}
.cloud-b2c-customerCase__item .more{font-size: 16px;}


}

.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;}
}

@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-b2c-advantage__item{width:100%;}
  .pc_swiper_area{padding-right:0;}.title-lg{ font-size:18px;}
}