ul,li{
	list-style-type:none
}
.subtitle{
	font-size: 20px;
	margin-top: 8px;
}
.app-type{
	  display: inline-flex;
    text-align: center;
    justify-content: center;
    padding: 25px 0;
    width: 100%;
}
.app-describe{
	line-height: 36px;
}
.app-type img{
	width: 36px;
	height: 36px;
}
.bannertop{
	background: #fff;
}
.topwrap{
	overflow: hidden;
	width: 1100px;
	margin: 0 auto;
}
.topwrap-small-f{
	display: none;
}
@media screen and (max-width:991px) {
	.topwrap{
		display: none;
	}
	.topwrap-small-f{
		display: block;
		overflow: hidden;
	}
	.topwrap-small-f .topLogo{
		overflow: hidden;
		padding: 10px;
	}
.topwrap-small-f .topLogo .logo {
	  float: left;
	  width: 150px;
	}
	.topwrap-small-f .topLogo .rightBtn {
	  float: right;
	  text-align: right;
	  width: 180px;
	}
	.topwrap-small-f .topLogo .rightBtn a {
	  margin-left: 10px;
	  display: inline-block;
	  width: 72px;
	  text-align: center;
		color: #333;
		line-height: 32px;
	}
	.topwrap-small-f .topLogo .rightBtn a:hover{
				color: #347AF0;
	}
	.topwrap-small-f .topLogo .rightBtn .register {
	  /* background: url('../statics/common/img/btn1.png') no-repeat; */
		background: url('../img/btn1.png') no-repeat;
		color: #fff;
	}
	
.topwrap-small-f  .menu {
	overflow: hidden;
	padding-bottom: 10px;
	font-size: 12px;
	}
.topwrap-small-f  .menu li {
	  float: left;
	  padding: 0 8px 0 8px;
	}
.topwrap-small-f  .menu li a {
	  display: block;

		color: #333;
		
	}
}
.bannertop .top_menu {
  padding-top: 15px;
  line-height: 32px;
  font-size: 14px;
}
.bannertop .top_menu .logo {
  float: left;
  width: 150px;
}
.bannertop .top_menu .logo img {
  margin-top: 6px;
}
.bannertop .top_menu .menu {
  float: left;
  width: 660px;
}
.bannertop .top_menu .menu li {
  float: left;
  padding: 0 10px;
}
.bannertop .top_menu .menu li a {
  display: block;
  margin: 0 10px;
	color: #333;
	
}
.bannertop .top_menu .menu li a:hover{
		color: #347AF0;
	}
.bannertop .top_menu .rightBtn {
  float: right;
  text-align: right;
  width: 180px;
}
.bannertop .top_menu .rightBtn a {
  margin-left: 10px;
  display: inline-block;
  width: 72px;
  text-align: center;
	color: #333;
}
.bannertop .top_menu .rightBtn a:hover{
			color: #347AF0;
}
.bannertop .top_menu .rightBtn .register {
  /* background: url('../statics/common/img/btn1.png') no-repeat; */
	background: url('../img/btn1.png') no-repeat;
	color: #fff;
}
.bannertop .top_menu .rightBtn .register a,.bannertop .top_menu .rightBtn .register a:hover{
	color: #fff;
}
.bannertop .btns {
  padding-top: 330px;
}
.clearfix:before,.clearfix:after{
	content:"";
	display:table
}
.clearfix:after{
	clear:both;
	overflow:hidden
}
.clearfix{
	zoom:1
}
.btn{
	text-align:center
}
.btn-primary{
	color:#fff;
	background:#00ADFF;
	border-color:#00ADFF
}
.btn-primary:hover{
	opacity:.9
}
.btn-warning{
	color:#fff;
	background:#F5B037
}
.btn-warning:hover{
	background-color:#ec971f;
	border-color:#d58512;
	color:#fff
}
.u-btn{
	position:relative;
	display:inline-block;
	margin:0;
	padding:4px 15px;
	height:32px;
	font-size:14px;
	font-weight:400;
	line-height:1.5715;
	color:#000000d9;
	text-align:center;
	white-space:nowrap;
	background:#fff;
	border:1px solid transparent;
	border-color:#d9d9d9;
	border-radius:2px;
	cursor:pointer;
	text-decoration:none;
	transition:all .3s cubic-bezier(.645, .045, .355, 1)
}
.u-btn:hover{
	color:#00ADFF;
	background:#fff;
	text-decoration:none
}
.u-btn-primary{
	color:#fff;
	background:#00ADFF;
	border-color:#00ADFF
}
.u-btn-primary:hover{
	color:#fff;
	background:#00ADFF;
	border-color:#00ADFF;
	opacity:.9
}
.u-btn-link{
	padding:0;
	height:auto;
	border:none;
	color:#00ADFF;
	background:none
}
.u-btn-link:hover{
	background:none;
	border:none;
	color:#29c2ff
}
.common-banner-bg,.page-banner,.customer-banner-bg{
	height:520px;
	background-color:#fff;
	background-image:url(../img/header.png);
	background-image:-webkit-image-set(url(../img/header.png) 1x, url(../img/header@2x.jpg) 2x);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%
}
.common-banner-bg .banner-pic,.page-banner .banner-pic,.customer-banner-bg .banner-pic{
	height:100%;
	background-repeat:no-repeat;
	background-size:auto 332px;
	background-position:center right 28px
}
.common-banner-bg.light,.page-banner.light,.customer-banner-bg.light{
	background-image:url(../../images/cs-video/bannerbg.png)
}
.common-banner-bg .banner-btn-container a,.page-banner .banner-btn-container a,.customer-banner-bg .banner-btn-container a{
	text-decoration:none
}
.spring-festival-banner{
	height:520px;
	background-image:url(../../images/spring-festival/bannerbg.png) !important;
	background-image:-webkit-image-set(url(../../images/spring-festival/bannerbg.png) 1x, url(../../images/spring-festival/bannerbg.png) 2x) !important;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%
}
.spring-festival-banner .container{
	background-image:url(../../images/spring-festival/banner-pic.png) !important;
	background-image:-webkit-image-set(url(../../images/spring-festival/banner-pic.png) 1x, url(../../images/spring-festival/banner-pic@2x.png) 2x) !important;
	background-repeat:no-repeat;
	background-position:right top 50px;
	background-size:auto 370px
}
.spring-festival-banner h6{
	margin:0 0 13px !important;
	font-size:16px !important;
	color:#FFFFFF;
	line-height:26px;
	font-weight:500
}
.spring-festival-banner .banner-btn-container .banner-btn-warning{
	position:relative;
	color:#C52401 !important;
	background:none
}
.spring-festival-banner .banner-btn-container .banner-btn-warning span{
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	height:100%
}
.spring-festival-banner .banner-btn-container .banner-btn-warning::before,.spring-festival-banner .banner-btn-container .banner-btn-warning::after{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	border-radius:4px;
	transition:all .3s
}
.spring-festival-banner .banner-btn-container .banner-btn-warning::before{
	background-image:linear-gradient(123deg, #FAC84E 0%, #FFA000 97%) !important;
	opacity:1
}
.spring-festival-banner .banner-btn-container .banner-btn-warning::after{
	background-image:linear-gradient(123deg, #FFA000 0%, #FAC84E 97%) !important;
	opacity:0
}
.spring-festival-banner .banner-btn-container .banner-btn-warning:hover::before{
	opacity:0
}
.spring-festival-banner .banner-btn-container .banner-btn-warning:hover::after{
	opacity:1
}
.activity-2021-banner{
	height:520px;
	background-color:#050991;
	background-image:url(/event/2021/images/activity-2021-banner-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%
}
.activity-2021-banner .container{
	background-image:url(/event/2021/images/banner-pic.png?20211201);
	background-repeat:no-repeat;
	background-position:center
}
.activity-2021-banner .activity-2021-btn{
	position:absolute;
	bottom:137px;
	left:132px;
	display:block;
	padding:0;
	width:150px;
	height:46px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:600;
	line-height:46px;
	background-image:linear-gradient(135deg, #FF841C 0%, #FF335D 100%);
	text-align:center
}
.customer-banner-bg{
	height:520px;
	background-image:url(../../images/customer-banner-bg@2x.jpg);
	background-image:-webkit-image-set(url(../../images/customer-banner-bg@2x.jpg) 1x, url(../../images/customer-banner-bg@2x.jpg) 2x);
	background-position:top
}
.page-banner .text{
	padding-top:130px
}
.page-banner h2,.page-banner h3{
	margin:0;
	font-size:42px;
	line-height:1.5715;
	color:#fff
}
.page-banner h2 small,.page-banner h3 small{
	display:block;
	font-size:16px;
	line-height:26px;
	color:#fff
}
.page-banner h3{
	margin-top:6px;
	font-size:24px;
	line-height:32px;
	font-weight:normal
}
.page-banner p{
	margin-top:30px;
	font-size:20px;
	line-height:33px;
	color:#fff
}
.page-banner .btns{
	margin-top:33px
}
.iframe-container{
	width:100%;
	height:720px;
	border-radius: 16px;
	margin: 20px;
    background: unset;
    /* box-shadow: 5px 5px 10px 0 rgba(68, 127, 250, 0.54); */
    box-shadow: 8px 0px 8px rgba(23, 26, 28, 0.1), 0px 8px 8px rgba(70, 78, 83, 0.15);
}
.chat-button{
	width: 100% !important;
  display: inline-flex;
/*  width: 150px;*/
  justify-content: center;
  background: transparent;
  border: none;
  background: #F1F2F3;
  border-radius: 8px;
  gap: 4px;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 30px 8px 24px !important;
  color: #000000;
}
.solution .head #icon div.current a{
	color: #fff;
	background: linear-gradient(180deg, #009EFF 0%, #334BFF 100%);
	border-radius: 8px;
}
.solution .head #icon div.current .chat-img{
	content:url("/statics/product/uikit/img/icon-chat-hover.svg")
}
.solution .head #icon div.current .chatroom-img{
	content:url("/statics/product/uikit/img/icon-chatroom-hover.svg")
}
.currenttbn{
/*	color: #0089FF!important;*/
	background: linear-gradient(180deg, #009EFF 0%, #334BFF 100%) !important;
	color: #FFFFFF !important;
}
.chat-hover img{
	content:url("/statics/product/uikit/img/icon-chat-hover.svg")
}
.chatroom-hover img{
	content:url("/statics/product/uikit/img/icon-chatroom-hover.svg")
}
.temp-img{
	box-shadow: 8px 0px 24px 0px rgba(23, 26, 28, 0.10), 0px 24px 36px 0px rgba(70, 78, 83, 0.15);
	/* content:url("/statics/product/uikit/img/temp-CR-light.png") */
}
.temp-img1-curt img{
	content:url("/statics/product/uikit/img/temp-IM-dark.png")
}
/* .temp-img2-curt img{ */
	/* content:url("/statics/product/uikit/img/temp-CR-dark.png") */
/* } */
.temp-btn1-curt{
	right:35px!important;
}
.temp-btn2-curt{
	right:35px!important;
}

.demos {
  display: inline-flex;
  align-items: center;
  height: 36px;
  overflow: hidden;
  margin-top: 25px;
}
 
.demos img {
  width: 36px;
  height: auto;
  transition: opacity 0.5s ease;
  opacity: 1;
}
/* .demos:hover img[data-src] { */
  /* opacity: 0; */
/* } */
/* .demos:hover img[data-src] + img[data-src] { */
  /* opacity: 1; */
/* } */
.item .android::before{
	background-image:url(../img/icon-android.svg);
}
.item .android .current::before{
	background-image:url(../img/icon-android-hover.svg);
}
.item .android .current::after{
	background-image:url(../img/icon-open-hover.svg);
}
.owl-item{
/*	width: unset !important;*/
}
.chat-button img{
	width:24px !important;
}
.row{
  margin-left: 0px;
  margin-right: 0px;
}
.icon-android:hover{
	content:url("/statics/product/uikit/img/icon-android-hover.svg")
}
.icon-ios:hover{
	content:url("/statics/product/uikit/img/icon-ios-hover.svg")
}
.icon-flutter:hover{
	content:url("/statics/product/uikit/img/icon-flutter-hover.svg")
}
.icon-rn:hover{
	content:url("/statics/product/uikit/img/icon-rn-hover.svg")
}
.icon-web:hover{
	content:url("/statics/product/uikit/img/icon-web-hover.svg")
}
.section-2-img{
	  position: relative;
    width: 100%;
     height: 420px; 
/*    height: 520px;*/
    /* background-image: url(../../images/special2024/head.png); */
    background-image: -webkit-image-set(url(/statics/product/uikit/img/demo-im.png) 1x, url(/statics/product/uikit/img/demo-im@2x.png) 2x);
    /* background-image: -webkit-image-set(url(/statics/images/special2024/head-mobile.jpg) 1x, url(/statics/images/special2024/head.jpg) 2x); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    overflow: hidden;
}
.section-6-img{
	background-image:url(/statics/product/uikit/img/section-6.svg) !important;
}
.solution-architecture .function-area ul{
	display: flex;
	justify-content: center;
}
.solution-architecture .function-area li{
	width:18%;
}
.demo-title{
	font-size: 36px!important;
  line-height: 52px!important;
  color: #000000!important;
}
.demo-content{
  font-size: 20px!important;
  line-height: 32px!important;
  color: #535353!important;
}
.demo-btn{
	  display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 232px;
    height: 50px;
    border: 1px solid #099DFD;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #099DFD;
    transition: all .3s;
}
.function-list{
	display: flex;
	justify-content: center;
	gap:3%
}
.functions h3{
    line-height: 26px;
    font-weight: 600;
}
.functions dd{
  font-size: 16px;
  line-height: 28px;
  color: #535353;
}
.functions dl{
  padding-bottom: 0px !important;
}
.functions{
	width: 25%;
	margin-top: 0px !important;
}
.page-banner .btn-warning{
	display:block;
	padding:0;
	width:150px;
	height:46px;
	font-size:16px;
	line-height:46px;
	color:#fff;
	text-align:center
}
.common-title{
	padding:80px 0 25px;
	text-align:center
}
.common-title small{
	font-size:12px;
	line-height:17px;
	color:#099DFD
}
.common-title h3{
	margin-top:8px;
	margin-bottom:0;
	font-size:36px;
	font-weight:500;
	line-height:52px;
	color:#000
}
.common-title p{
	margin-top:6px;
	margin-bottom:0;
	color: #535353;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	padding: 15px;
}
.common-title.pricing-common-title h3{
	font-size:32px;
	line-height:38px
}
.common-title-small{
	padding:85px 0 40px;
	text-align:center
}
.common-title-small small{
	font-size:12px;
	line-height:17px;
	color:#0089ff
}
.common-title-small h3{
	margin:0;
	font-size:32px;
	line-height:45px;
	color:#333;
	font-weight:400
}
.common-title-small p{
	margin-top:6px;
	margin-bottom:0;
	font-size:14px;
	line-height:30px;
	color:#5c5f61dd;
	font-weight:normal
}
/*.lowcode-banner{
	height:520px;
	background-image:url(../img/banner_bg.png) !important;
	background-position:top;
	background-size:cover
}
.lowcode-banner .container{
	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	background-position:right center
}*/
body>header .navbar .sub-menu a{
	font-family:inherit
}
.functional-features dt{
	margin-bottom:7px;
	font-size:20px;
	line-height:32px;
	color:#333330;
	font-weight:normal
}
.functional-features dt::before{
	content:"";
	display:inline-block;
	margin-right:9px;
	width:12px;
	height:12px;
	border:1px solid transparent;
	border-radius:50%
}
.functional-features dl{
	margin-top:30px
}
.functional-features dl:nth-child(1){
	margin-top:0
}
.functional-features dl:nth-child(1) dt::before{
	background:#999cfb;
	border-color:#6969c8
}
.functional-features dl:nth-child(2) dt::before{
	background:#b8e886;
	border-color:#94c562
}
.functional-features dl:nth-child(3) dt::before{
	background:#55a6ff;
	border-color:#0089ff
}
.functional-features dl:nth-child(4) dt::before{
	background:#f8bd63;
	border-color:#f5930f
}
.functional-features dd{
	font-size:14px;
	line-height:28px;
	color:#5c5f61dd;
	padding-left:21px
}
.functional-features dd p::before{
	content:"-";
	display:inline-block;
	margin-right:10px
}
.verify_img{
	max-width:90px;
	width:90px;
	height:28px
}
.solution .head #icon .item,.solution .head #icon1 .item{
	display: flex;
	align-items: center;
	border-width:1px
}
.solution .head #icon div.current,.solution .head #icon1 div.current{
	border-width:2px;
	border-bottom: 3px solid #009EFF;
}
#icon1 .current .code-android{
	content:url("/statics/product/uikit/img/icon-android-hover.svg")
}
#icon1 .current .code-ios{
	content:url("/statics/product/uikit/img/icon-ios-hover.svg")
}
#icon1 .current .code-flutter{
	content:url("/statics/product/uikit/img/icon-flutter-hover.svg")
}
#icon1 .current .code-rn{
	content:url("/statics/product/uikit/img/icon-rn-hover.svg")
}
#icon1 .current .code-web{
	content:url("/statics/product/uikit/img/icon-web-hover.svg")
}
#icon1 .code-open{
	display:none;
}
#icon1 .current .code-open{
	display:inline;
}
.solutions .common-title small,.solutions .common-title h3{
	color:#fff
}
.container{
	background-repeat:no-repeat
}
.common-banner-bg .container{
	height:100%
}
.common-banner-bg,.base-banner{
	width:100%;
	height:520px
}
.common-banner-bg .container,.base-banner .container{
	position:relative;
	height:100%
}
.common-banner-bg .banner-description,.base-banner .banner-description{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%)
}
.common-banner-bg h5,.base-banner h5{
	margin:0;
	font-size:42px;
	font-weight:600;
	color:#fff;
	line-height:42px
}
.common-banner-bg h5 p,.base-banner h5 p{
	margin:0;
	color:#fff
}
.common-banner-bg h5 p+p,.base-banner h5 p+p{
	margin-top:10px
}
.common-banner-bg h5 small,.base-banner h5 small{
	display:block;
	margin-top:8px;
	font-size:16px;
	font-weight:400;
	color:rgba(255,255,255,0.9);
	line-height:16px
}
.common-banner-bg h6,.base-banner h6{
	margin:15px 0 0 0;
	font-size:24px;
	font-weight:500;
	color:#fff;
	line-height:24px
}
.common-banner-bg .banner-text,.base-banner .banner-text{
	margin-top:24px
}
.common-banner-bg .banner-text p,.base-banner .banner-text p{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:400;
	color:#fff;
	line-height:20px
}
.common-banner-bg .banner-text p+p,.base-banner .banner-text p+p{
	margin-top:12px
}
.common-banner-bg .banner-btn-container,.base-banner .banner-btn-container{
	margin-top:56px;
	font-size:0
}
.common-banner-bg .banner-btn-container .banner-btn,.base-banner .banner-btn-container .banner-btn{
	display:inline-block;
	width:156px;
	height:42px;
	font-size:16px;
	font-weight:500;
	color:#141D7E;
	background-color:#fff;
	line-height:42px;
	text-align:center;
	border-radius:4px;
	transition:all .3s
}
.common-banner-bg .banner-btn-container .banner-btn:hover,.base-banner .banner-btn-container .banner-btn:hover{
	background-color:rgba(255,255,255,0.9)
}
.common-banner-bg .banner-btn-container .banner-btn+.banner-btn,.base-banner .banner-btn-container .banner-btn+.banner-btn{
	margin-left:8px
}
.common-banner-bg .banner-btn-container .banner-btn-warning,.base-banner .banner-btn-container .banner-btn-warning{
	color:#000;
	background-color:#fff
}
.common-banner-bg .banner-btn-container .banner-btn-warning:hover,.base-banner .banner-btn-container .banner-btn-warning:hover{
	background-color:#fff
}
.common-banner-bg .help,.base-banner .help{
	margin-top:8px;
	font-size:12px;
	font-weight:400;
	color:rgba(255,255,255,0.55);
	line-height:12px
}
.common-banner-bg .help.icon-ico,.base-banner .help.icon-ico{
	position:relative;
	text-indent:15px
}
.common-banner-bg .help.icon-ico::before,.base-banner .help.icon-ico::before{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	content:"";
	width:12px;
	height:12px;
	background:url(/themes/official_v3/Public/201906/b-ico.png) no-repeat center left
}
.banner .text-box .title{
	margin:0;
	font-size:32px;
	font-weight:500;
	color:#fff;
	line-height:32px
}
.mqtt-banner .container{
	background-image:url(../../product/mqtt/images/344345.png);
	background-image:-webkit-image-set(url(../../product/mqtt/images/344345.png) 1x, url(../../product/mqtt/images/344345@2x.png) 2x);
	background-position:right center;
	background-size:auto 368px
}
.mqtt-competition div,.mqtt-competition p{
	display:none
}
.solution .head{
	margin-bottom:100px
}
.im-solution .head{
	margin-bottom:100px
}
.push-banner .container{
	height:100%;
	background-image:url(../../product/mqtt/push/banner-pic.png);
	background-image:-webkit-image-set(url(../../product/mqtt/push/banner-pic.png) 1x, url(../../product/mqtt/push/banner-pic@2x.png) 2x);
	background-position:right 0 top 80px;
	background-size:520px auto
}
.minipro-banner .container{
	height:100%;
	background-image:url(../images/minipro-banner-pic.png);
	background-image:-webkit-image-set(url(../images/minipro-banner-pic.png) 1x, url(../images/minipro-banner-pic@2x.png) 2x);
	background-position:right 0 top 32px;
	background-size:575px auto
}
.uniapp-banner .container{
	height:100%;
	background-image:url(../../product/uniapp/images/ewrewdds.png);
	background-image:-webkit-image-set(url(../../product/uniapp/images/ewrewdds.png) 1x, url(../../product/uniapp/images/ewrewdds@2x.png) 2x);
	background-position:right 0 top 72px;
	background-size:auto 376px
}
.banner-360 .container{
	height:100%;
	background-image:url(../../images/360/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/360/banner-pic.png) 1x, url(../../images/360/banner-pic@2x.png) 2x);
	background-position:right center
}
.mqtt-banner .text1{
	padding-bottom:0
}
.banner.mqtt-banner p a.btn{
	margin-top:30px
}
.banner .text02{
	color:rgba(255,255,255,0.5)
}
.mqtt-banner h6{
	font-size:20px;
	line-height:33px
}
.uniapp-banner h6{
	margin:0;
	font-size:18px;
	line-height:29px;
	color:#ffffffdd
}
.banner p::before,.banner p::after{
	content:"";
	display:table
}
.banner p::after{
	clear:both;
	overflow:hidden
}
.banner p a.btn{
	display:inline-block;
	float:left;
	margin-top:40px;
	padding:0;
	min-width:150px;
	width:auto;
	height:46px;
	font-size:16px;
	line-height:46px;
	text-align:center
}
.banner p a.btn-warning{
	color:#fff;
	background-color:#ff9f00;
	border-color:#eea236
}
.banner p a.btn-warning:hover{
	background-color:#ec971f;
	border-color:#d58512;
	color:#fff
}
.banner p a.btn-default{
	color:#141D7E
}
.banner p a.btn:nth-child(2){
	margin-left:10px
}
.im-banner h6{
	font-size:18px;
	line-height:33px
}
.im-banner p a.btn{
	margin-top:20px
}
.common-banner-bg .text article{
	color:rgba(255,255,255,0.4)
}
.uniapp-banner p a.btn:nth-child(2){
	margin:40px 0 0 32px;
	background:transparent;
	color:#fff
}
small{
	font-size:12px;
	line-height:17px;
	color:#099DFD
}
.im-banner .container{
	height:100%;
	background-image:url(../../product/im/images/banner-pic.png);
	background-image:-webkit-image-set(url(../../product/im/images/banner-pic.png) 1x, url(../../product/im/images/banner-pic@2x.png) 2x);
	background-position:right 0 top 80px;
	background-size:528px auto
}
.discord-banner .container{
	height:100%;
	background-image:url(../img/banner-pic.png?20220512);
	background-position:right 20px center;
	background-size:528px auto
}
.index-vec-banner .container{
	height:100%;
	background-image:url(../../images/vec/index-banner.png?202204130257);
	background-image:-webkit-image-set(url(../../images/vec/index-banner.png?202204130257) 1x, url(../../images/vec/index-banner@2x.png?202204130257) 2x);
	background-position:right 20px top 40px !important;
	background-size:649px auto
}
.msg-banner .banner-description h5{
	margin:0 !important;
	font-size:42px !important;
	font-weight:600 !important;
	color:#fff !important;
	line-height:42px !important
}
.customer-banner .container{
	height:100%;
	background-image:url(../../images/customer-banner-pic.png);
	background-image:-webkit-image-set(url(../../images/customer-banner-pic.png) 1x, url(../../images/customer-banner-pic.png) 2x);
	background-position:right 0 top 100px;
	background-size:600px auto
}
.customer-banner h6{
	color:#fff
}
.common-title .section-name{
	padding-top:56px;
	font-size:12px;
	line-height:17px;
	color:#099DFD;
	text-align:center
}
.core-functions .common-title .section-name{
	padding-top:97px
}
.antispam-core-functions .common-title .section-name{
	padding-top:88px
}
.antispam-core-functions .icon-1{
	background-image:url(../../product/antispam/functions-icon-1.png);
	background-image:-webkit-image-set(url(../../product/antispam/functions-icon-1.png) 1x, url(../../product/antispam/functions-icon-1@2x.png) 2x)
}
.antispam-core-functions .icon-2{
	background-image:url(../../product/antispam/functions-icon-2.png);
	background-image:-webkit-image-set(url(../../product/antispam/functions-icon-2.png) 1x, url(../../product/antispam/functions-icon-2@2x.png) 2x)
}
.antispam-core-functions .icon-3{
	background-image:url(../../product/antispam/functions-icon-3.png);
	background-image:-webkit-image-set(url(../../product/antispam/functions-icon-3.png) 1x, url(../../product/antispam/functions-icon-3@2x.png) 2x)
}
.antispam-core-functions .icon-4{
	background-image:url(../../product/antispam/functions-icon-4.png);
	background-image:-webkit-image-set(url(../../product/antispam/functions-icon-4.png) 1x, url(../../product/antispam/functions-icon-4@2x.png) 2x)
}
.antispam-core-functions .icon-5{
	background-image:url(../../product/antispam/functions-icon-5.png);
	background-image:-webkit-image-set(url(../../product/antispam/functions-icon-5.png) 1x, url(../../product/antispam/functions-icon-5@2x.png) 2x)
}
.antispam-core-functions .icon-6{
	background-image:url(../../product/antispam/functions-icon-6.png);
	background-image:-webkit-image-set(url(../../product/antispam/functions-icon-6.png) 1x, url(../../product/antispam/functions-icon-6@2x.png) 2x)
}
.common-title .section-title{
	margin-top:6px;
	font-size:36px;
	line-height:50px;
	color:#333;
	font-weight:normal;
	text-align:center
}
.solution-container .head{
	padding:0
}
.solution-container .owl-stage{
	display:flex;
	justify-content:center;
	min-width:100%
}
.solution-container .owl-stage .owl-item{
	 margin-right:0px !important;
}
.solution-container .owl-stage .owl-item:last-child{
	margin-right:0
}
.solution-container .head #icon .item,.solution-container .head #icon1 .item{
	padding:5.83333px 46px;
	height:auto;
	line-height:1.4;
}
.mad-dropdown.mad-dropdown-show-arrow.mad-dropdown-bottomCenter .mad-dropdown-menu::before, .mad-dropdown.mad-dropdown-show-arrow.mad-dropdown-topCenter .mad-dropdown-menu::before {
	border-color: #000;
}
.solution .head #icon,.solution .body #content{
	width:100%
}
.solution .head #icon div.current{
	border-bottom:unset;
	border-color:#0089FF;
	font-weight:600;
	color:#0089FF;
	z-index:99999
}
.body-container .item .row{
	/* display:flex; */
	/* flex-direction:row-reverse; */
	/* justify-content:center; */
	/* margin:0 0px 10px 10px; */
    /* width: 98%; */
    /* background: #fff; */
    /* border-radius: 16px; */
    /* box-shadow: 5px 5px 10px 0 rgba(68, 127, 250, 0.54); */
	box-shadow: unset;
}
.solution .side-text{
	padding-top:30px;
	width:442px
}
.im-solution .side-text{
	padding-top:0;
	padding-left:45px;
	width:500px
}
.solution .side-text h3{
	position:relative;
	margin:7px 0 30px;
	padding-left:0;
	font-size:46px;
	line-height:65px;
	color:#333
}
.im-solution .side-text h3 a{
	position:absolute;
	top:12px;
	display:inline-block;
	margin:0 0 0 10px;
	padding:0 6px;
	height:16px;
	line-height:16px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
	color:#fff;
	background:#0089ff;
	border-radius:8px;
	transition:all .3s ease
}
.im-solution .side-text h3 a:hover{
	background:#0099ff;
	text-decoration:none;
	transform:scale(1.05);
	font-weight:500
}
.solution .side-text p{
	margin-bottom:0;
	padding-left:15px;
	font-size:14px;
	line-height:28px;
	color:#5C5F61bb;
	font-weight:normal
}
.vec-scenarios .side-text p+p{
	margin-top:20px
}
.solution .side-text.with-no-before p{
	padding-left:0
}
.solution .side-text:not(.with-no-before) p:before{
	left:0;
	display:inline-block;
	content:"-"
}
.solution .side-text.with-no-before p:before{
	display:none
}
.solution .side-img{
	margin-top:0;
	width:585px;
	height:auto
}
.core-functions{
	margin-top:94px
}
.vec-core-functions{
	padding-bottom:80px
}
.vec-core-functions .content{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	width:1122px
}
.vec-core-functions .content .item{
	position:relative;
	margin:0 30px 30px 0;
	padding:159px 0 25px;
	width:258px;
	background-repeat:no-repeat;
	background-position:0 14px;
	background-size:100%;
	background-color:#fff;
	box-shadow:0 4px 8px 0 rgba(230,230,230,0.73);
	border-radius:12px;
	transition:all .3s
}
.vec-core-functions .content .item .inner{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding-top:30px;
	background-color:rgba(61,110,255,0.95);
	border-radius:12px;
	opacity:0;
	transition:opacity .2s
}
.vec-core-functions .content .item .inner h4{
	margin:0;
	padding:0;
	font-size:16px;
	color:#fff;
	text-align:center
}
.vec-core-functions .content .item .inner p{
	margin:10px 0 0;
	padding:0 20px;
	font-size:14px;
	color:#fff;
	line-height:2;
	text-align:justify
}
.vec-core-functions .content .item:hover{
	transform:scale(1.05)
}
.vec-core-functions .content .item:hover .inner{
	opacity:1
}
.vec-core-functions .content .item:nth-child(4n){
	margin-right:0
}
.vec-core-functions .content .item p{
	margin:0;
	padding:0;
	font-size:18px;
	color:#333;
	line-height:32px;
	text-align:center
}
.apply-for-trial{
	padding-bottom:94px
}
.apply-for-trial .apply-for-trial-main{
	margin:0 auto;
	padding:70px 0 60px;
	width:884px;
	background:#fff;
	box-shadow:5px 4px 12px 2px #EEF3FF;
	border-radius:12px
}
.apply-for-trial h3{
	position:relative;
	margin:0;
	font-size:28px;
	font-weight:500;
	color:#333;
	line-height:40px;
	text-align:center
}
.apply-for-trial h3::before,.apply-for-trial h3::after{
	position:absolute;
	top:50%;
	display:block;
	margin-top:-3px;
	content:"";
	width:171px;
	height:6px
}
.apply-for-trial h3::before{
	left:50%;
	background:url(../../images/vec/h3-before.png) no-repeat;
	transform:translateX(-155%)
}
.apply-for-trial h3::after{
	right:50%;
	background:url(../../images/vec/h3-after.png) no-repeat;
	transform:translateX(155%)
}
.apply-for-trial .apply-for-trial-form{
	margin:64px auto 0;
	width:495px
}
.apply-for-trial .apply-for-trial-form .form-item{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:28px
}
.apply-for-trial .apply-for-trial-form .form-item:last-child{
	margin-bottom:0
}
.apply-for-trial .apply-for-trial-form .form-item label{
	display:inline-block;
	margin-right:22px;
	width:60px;
	font-size:14px;
	color:#333;
	text-align:right;
	cursor:pointer
}
.apply-for-trial .apply-for-trial-form .form-item .form-item-input{
	position:relative;
	width:413px;
	height:42px;
	background:#F7F9FA;
	border-radius:4px;
	border:1px solid #E8F0F5
}
.apply-for-trial .apply-for-trial-form .form-item .form-item-input input{
	padding:0 13px;
	width:100%;
	height:100%;
	background:none;
	border:none
}
.apply-for-trial .apply-for-trial-form .form-item .form-item-input .input-group-addon{
	position:absolute;
	top:0;
	right:0;
	padding:0;
	width:128px;
	background:none;
	border:none
}
.apply-for-trial .apply-for-trial-form .form-item .form-item-input .input-group-addon .verify_img{
	max-width:128px;
	width:128px;
	height:40px;
	cursor:pointer
}
.apply-for-trial .apply-for-trial-form .form-item button{
	margin:0;
	padding:0;
	width:260px;
	height:46px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	line-height:46px;
	background:linear-gradient(152deg, #0C86FF 0%, #054EFF 100%);
	text-align:center
}
.antispam-core-functions{
	margin-top:0;
	background:#fff
}
.section-name{
	padding-top:114px;
	font-size:12px;
	line-height:17px;
	color:#099DFD
}
.coreFunctions{
	background:#FFFFFF;
	box-shadow:0 4px 8px 0 #DDE7EC;
	border-radius:12px;
	text-align:center;
	color:#333;
	line-height:2;
	padding:35px 30px 30px;
	font-size:16px;
	transition:all 1.3s ease .2s
}
.coreFunctions .text{
	font-size:16px;
	font-weight:600;
	color:#333
}
.coreFunctions:hover{
	transform:translateY(-12px);
	box-shadow:0 2px 12px 0 rgba(68,127,250,0.54)
}
.pb70{
	padding-bottom:70px
}
.core-functions .coreFunctions{
	float:left;
	margin:0 3% 3% 0;
	width:31.3333%;
	min-height:207px;
	padding-left:95px;
	text-align:left;
	background-size:66px 45px;
	background-repeat:no-repeat;
	background-position:24px 35px
}
.core-functions .coreFunctions:nth-child(n+3){
	margin-bottom:0
}
.antispam-core-functions .coreFunctions{
	padding-left:0
}
.antispam-core-functions .coreFunctions h4{
	margin-left:95px
}
.antispam-core-functions .coreFunctions p{
	margin-top:30px;
	margin-left:30px
}
.core-functions .coreFunctions:nth-child(3n){
	margin-right:0
}
.mqtt-core-functions .coreFunctions{
	padding:35px 25px 30px;
	text-align:center
}
.push-core-functions .coreFunctions{
	margin-bottom:0
}
.platforms{
	background-image:url(../../product/uniapp/images/101.png);
	background-image:-webkit-image-set(url(../../product/uniapp/images/101.png) 1x, url(../../product/uniapp/images/101@2x.png) 2x)
}
.spans{
	background-image:url(../../product/uniapp/images/102.png);
	background-image:-webkit-image-set(url(../../product/uniapp/images/102.png) 1x, url(../../product/uniapp/images/102@2x.png) 2x)
}
.ecology{
	background-image:url(../../product/uniapp/images/103.png);
	background-image:-webkit-image-set(url(../../product/uniapp/images/103.png) 1x, url(../../product/uniapp/images/103@2x.png) 2x)
}
.ui-unit{
	background-image:url(../../product/im/images/ui-unit.png);
	background-image:-webkit-image-set(url(../../product/im/images/ui-unit.png) 1x, url(../../product/im/images/ui-unit@2x.png) 2x)
}
.all-message-type{
	background-image:url(../../product/im/images/all-message-type.png);
	background-image:-webkit-image-set(url(../../product/im/images/all-message-type.png) 1x, url(../../product/im/images/all-message-type@2x.png) 2x)
}
.persistent-storage{
	background-image:url(../../product/im/images/persistent-storage.png);
	background-image:-webkit-image-set(url(../../product/im/images/persistent-storage.png) 1x, url(../../product/im/images/persistent-storage@2x.png) 2x)
}
.push-service{
	background-image:url(../../product/im/images/push-service.png);
	background-image:-webkit-image-set(url(../../product/im/images/push-service.png) 1x, url(../../product/im/images/push-service@2x.png) 2x)
}
.group-chat{
	background-image:url(../../product/im/images/group-chat.png);
	background-image:-webkit-image-set(url(../../product/im/images/group-chat.png) 1x, url(../../product/im/images/group-chat@2x.png) 2x)
}
.sms-service{
	background-image:url(../../product/im/images/sms-service.png);
	background-image:-webkit-image-set(url(../../product/im/images/sms-service.png) 1x, url(../../product/im/images/sms-service@2x.png) 2x)
}
.core-functions .coreFunctions h4{
	margin-top:5px;
	font-size:16px;
	line-height:33px;
	font-weight:normal;
	color:#333
}
.antispam-core-functions .coreFunctions h4{
	font-size:16px;
	line-height:26px
}
.core-functions .coreFunctions h4 a{
	position:relative;
	top:-1px;
	display:inline-block;
	margin:0 0 0 10px;
	padding:0 4px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
	color:#fff;
	background:#ff0000;
	border-radius:2px;
	transition:all .3s ease
}
.core-functions .coreFunctions h4 a:hover{
	background:#fe0000;
	text-decoration:none;
	transform:scale(1.05);
	font-weight:500
}
.core-functions .coreFunctions p{
	font-size:14px;
	line-height:28px;
	color:#5C5F61bb;
	text-align:justify;
	text-justify:inter-ideograph
}
.core-functions-body{
	padding-bottom:120px
}
.antispam-core-functions .core-functions-body{
	padding-bottom:0
}
.section-title{
	padding-bottom:66px;
	font-weight:normal
}
.develop-code .section-title{
	padding-bottom:46px
}
.develop-code .solution2 .head{
	margin-bottom:28px
}
.pb80{
	padding-bottom:80px
}
.antispam-features{
	margin-top:115px;
	padding-bottom:113px;
	background:#F2F4F6
}
.features .section-title{
	padding-bottom:53px;
	margin-bottom:0
}
.im-features .section-title{
	padding-bottom:89px
}
.features .common-title .section-name{
	padding-top:114px
}
.antispam-features .common-title .section-name{
	padding-top:95px
}
.antispam-features .section-title{
	padding-bottom:67px
}
.features .row img{
	width:100%
}
.functionalFeatures{
	margin-top:40px;
	padding-top:10px
}
.antispam-features .functionalFeatures{
	margin-top:0;
	padding-top:5px
}
.im-features .functionalFeatures{
	margin-top:0;
	padding-top:0
}
.im-features .functionalFeatures-btm{
	padding:20px 50px 0 0
}
.functionalFeatures dl{
	padding-bottom:50px;
	margin-bottom:0;
	font-size:16px;
	line-height:2;
	color:#676A6C
}
.antispam-features .functionalFeatures dl{
	padding-bottom:20px
}
.im-features .functionalFeatures dl{
	padding-bottom:20px
}
.im-features .container .row:nth-child(2){
	margin-top:120px
}
.functionalFeatures dl dt{
	padding-bottom:7px;
	font-size:36px;
	font-weight:500;
	line-height: 52px;
	color:#000
}

.functionalFeatures dl:nth-child(2) dt span{
	background:#94C562;
	border-color:#94C562
}
.functionalFeatures dl:nth-child(3) dt span{
	background:#0089FF;
	border-color:#0089FF
}
.functionalFeatures dl:nth-child(4) dt span{
	background:#F5930F;
	border-color:#F5930F
}
.functionalFeatures dl dd{
	padding-left:22px;
	font-size:20px;
	line-height:32px;
	font-weight: 500;
	color:#535353
}
.functionalFeatures dd a{
	position:relative;
	top:-1px;
	display:inline-block;
	margin-left:5px;
	padding:0 4px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
	color:#fff;
	background:#0089ff;
	border-radius:2px;
	transition:all .3s
}
.functionalFeatures dd a:hover{
	background:#0099ff;
	text-decoration:none;
	transform:scale(1.05);
	font-weight:500
}
.functionalFeatures dl:last-child{
	padding-bottom:0
}
.section-title2{
	padding:49px 0;
	font-weight:normal
}
.container{
	margin:0 auto
}
.view-more-cases{
	margin:65px auto;
	width:247px;
	height:50px;
	border:1px solid #099DFD;
	border-radius:4px;
	font-size:16px;
	color:#099DFD;
	line-height:50px;
	text-align:center
}
.solutions{
	margin:118px auto 0;
	width:100%;
	height:1116px;
	background-image:url(../../product/im/images/solution-bg.png);
	background-size:cover;
	background-repeat:no-repeat
}
.solutions .common-title .section-name{
	padding-top:90px;
	color:#fff
}
.solutions .common-title .section-title{
	padding-bottom:99px;
	color:#fff
}
.solutions ul li{
	float:left;
	margin:0 24px 24px 0;
	width:267px;
	height:365px;
	background:#fff;
	border-radius:4px
}
.solutions ul li:nth-child(4n){
	margin-right:0
}
.solutions ul li:nth-child(n+5){
	margin-bottom:0
}
.solutions li h3{
	margin:0;
	width:100%;
	height:26px;
	line-height:26px;
	font-size:18px;
	color:#333;
	text-align:left;
	background-size:100% auto;
	background-repeat:no-repeat
}
.solutions ul li:first-child h3{
	background-image:url(../../product/im/images/solution-1.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-1.png?20220517) 1x, url(../../product/im/images/solution-1@2x.png?20220517) 2x)
}
.solutions ul li:nth-child(2) h3{
	background-image:url(../../product/im/images/solution-2.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-2.png?20220517) 1x, url(../../product/im/images/solution-2@2x.png?20220517) 2x)
}
.solutions ul li:nth-child(3) h3{
	background-image:url(../../product/im/images/solution-3.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-3.png?20220517) 1x, url(../../product/im/images/solution-3@2x.png?20220517) 2x)
}
.solutions ul li:nth-child(4) h3{
	background-image:url(../../product/im/images/solution-4.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-4.png?20220517) 1x, url(../../product/im/images/solution-4@2x.png?20220517) 2x)
}
.solutions ul li:nth-child(5) h3{
	background-image:url(../../product/im/images/solution-5.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-5.png?20220517) 1x, url(../../product/im/images/solution-5@2x.png?20220517) 2x)
}
.solutions ul li:nth-child(6) h3{
	background-image:url(../../product/im/images/solution-6.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-6.png?20220517) 1x, url(../../product/im/images/solution-6@2x.png?20220517) 2x)
}
.solutions ul li:nth-child(7) h3{
	background-image:url(../../product/im/images/solution-7.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-7.png?20220517) 1x, url(../../product/im/images/solution-7@2x.png?20220517) 2x)
}
.solutions ul li:last-child h3{
	background-image:url(../../product/im/images/solution-8.png?20220517);
	background-image:-webkit-image-set(url(../../product/im/images/solution-8.png?20220517) 1x, url(../../product/im/images/solution-8@2x.png?20220517) 2x)
}
.solutions li p{
	padding:0;
	font-size:14px;
	line-height:28px;
	color:#5c5f61bb;
	text-align:justify;
	text-justify:inter-ideograph
}
.solutions li a{
	display:inline-block;
	font-size:14px;
	line-height:28px;
	color:#1E90FF;
	text-indent:33px
}
.im-demo .qrcode{
	padding:70px 64px;
	height:307px;
	border:1px solid #ddd
}
.im-demo .qrcode-pc{
	display:block
}
.im-demo .qrcode-mobile{
	display:none
}
.im-demo .qrcode figure{
	float:left;
	margin-right:23px;
	width:150px;
	height:150px
}
.im-demo .qrcode figure:nth-child(2){
	margin-right:55px
}
.im-demo .qrcode figure img{
	display:block;
	width:100%
}
.im-demo .qrcode .btns{
	float:left;
	width:614px
}
.im-demo .btns a{
	display:inline-block;
	float:left;
	margin:0 20px 20px 0;
	width:130px;
	height:40px;
	font-size:14px;
	line-height:40px;
	color:#099DFD;
	border:1px solid #099DFD;
	border-radius:4px;
	text-align:center;
	transition:all .3s ease
}
.im-demo .btns a:hover{
	background:#099dfd;
	color:#fff;
	font-weight:500;
	text-decoration:none
}
.im-demo .btns a:nth-child(4n+4){
	margin-right:0;
	width:164px
}
.im-demo .btns a:nth-child(n+9){
	margin-bottom:0
}
.im-demo .btns a img{
	position:relative;
	z-index:10000;
	display:none;
	margin:0 auto;
	width:135px;
	height:135px
}
.price-docs{
	margin-top:99px
}
.price-docs .price-docs-container{
	position:relative;
	margin:0 auto;
	width:1165px
}
.price-docs .price-docs-container::before,.price-docs .price-docs-container::after{
	content:"";
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:-1
}
.price-docs .price-docs-container::before{
	left:0;
	bottom:70px;
	width:330px;
	height:236px;
	background-image:url(../../product/im/images/circle-bg-l.png);
	background-image:-webkit-image-set(url(../../product/im/images/circle-bg-l.png) 1x, url(../../product/im/images/circle-bg-l@2x.png))
}
.price-docs .price-docs-container::after{
	right:0;
	top:0;
	width:440px;
	height:440px;
	background-image:url(../../product/im/images/circle-bg-r.png);
	background-image:-webkit-image-set(url(../../product/im/images/circle-bg-r.png) 1x, url(../../product/im/images/circle-bg-r@2x.png))
}
.price-docs-title{
	position:relative;
	text-align:center
}
.price-docs-title h3{
	margin-top:6px;
	font-size:36px;
	line-height:50px;
	color:#333
}
.price-docs-title p{
	font-size:16px;
	line-height:22px;
	color:#5C5F61bb
}
.im-intro{
	margin-top:100px;
	display:flex;
	flex-direction:row;
	justify-content:space-around
}
.im-intro-item{
	width:28%;
	padding:24px 0 44px 0;
	background:#fff;
	border-radius:5px;
	box-shadow:0 2px 12px 0 rgba(68,127,250,0.54)
}
.im-intro h3,.im-intro h4{
	font-size:35px;
	line-height:49px;
	color:#333330;
	text-align:center
}
.push-intro h3{
	font-size:24px
}
.im-intro h4{
	color:#099dfd
}
.im-intro dl{
	margin:0 0 40px 44px
}
.im-intro dd{
	font-size:16px;
	line-height:37px;
	color:#5c5f61bb
}
.im-intro dd{
	position:relative;
	padding-left:30px
}
.im-intro dd::before{
	position:absolute;
	top:8px;
	left:0;
	content:"";
	display:block;
	width:20px;
	height:20px;
	border:1px solid #099dfd;
	border-radius:50%
}
.im-intro dd::after{
	position:absolute;
	top:13px;
	left:5px;
	content:"";
	display:block;
	width:11px;
	height:7px;
	border:2px solid #099dfd;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.im-community dl dd:nth-child(n+5)::before,.push-community dl dd:nth-child(n+4)::before,.im-community dl dd:nth-child(n+5)::after,.push-community dl dd:nth-child(n+4)::after{
	display:none
}
.im-enterprise dd::before{
	background:#daf1ff;
	border-color:#daf1ff
}
.im-enterprise dl dd:last-child::before,.im-enterprise dl dd:last-child::after{
	display:none
}
.im-intro a{
	display:block;
	margin:20px auto 0;
	width:50%;
	height:50px;
	color:#fff;
	font-size:16px;
	line-height:50px;
	background:#099dfd;
	border-radius:4px;
	text-align:center;
	transition:all .3s ease
}
.im-intro a:hover{
	text-decoration:none;
	background:rgba(9,157,253,0.8)
}
.nodes{
	margin-top:130px;
	padding-bottom:110px
}
.nodes figure{
	margin-bottom:37px
}
.nodes dl{
	margin:0 auto;
	width:90%
}
.nodes dd{
	position:relative;
	float:left;
	width:33.3333%;
	font-size:16px;
	line-height:24px;
	color:#5C5F61bb;
	text-indent:20px
}
.nodes dd::before{
	content:"";
	position:absolute;
	top:6px;
	left:0;
	display:block;
	width:14px;
	height:14px;
	background-image:url(../../product/im/images/dd-icon.png);
	background-image:-webkit-image-set(url(../../product/im/images/dd-icon.png) 1x, url(../../product/im/images/dd-icon@2x.png) 2x);
	background-size:14px auto;
	background-repeat:no-repeat
}
.nodes .btn{
	display:block;
	margin:50px auto 0;
	width:150px;
	height:46px
}
.case .item{
	text-align:center
}
.case .item img{
	width:64px;
	height:64px;
	border-radius:64px
}
.case .item p{
	margin-top:10px;
	margin-bottom:40px
}
.case .action{
	text-align:center
}
.section .icon{
	width:1em;
	height:1em;
	vertical-align:-0.15em;
	fill:currentColor;
	overflow:hidden
}
.section .title{
	margin-bottom:80px;
	line-height:1.5;
	color:#313B53;
	text-align:center
}
.section .sub-title{
	margin-top:-60px;
	margin-bottom:80px;
	color:#313B53;
	text-align:center
}
.partner-btn a{
	display:block;
	margin:65px auto 0;
	width:180px;
	height:50px;
	border:1px solid #099DFD;
	border-radius:4px;
	font-size:16px;
	color:#099DFD;
	line-height:50px;
	text-align:center
}
body.anti-bg>header.fixed .navbar{
	background-color:#4eb1f4
}
.antispam-banner h6{
	margin:0;
	font-size:24px;
	line-height:26px;
	color:#ffffffdd
}
.antispam-banner p{
	margin-top:10px;
	font-size:16px;
	color:rgba(255,255,255,0.5)
}
.antispam-banner p a.btn{
	background:#F5B037;
	border-color:#F5B037;
	color:#141D7E
}
.antispam-banner .container{
	background-image:url(../../images/antispam/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/antispam/banner-pic.png) 1x, url(../../images/antispam/banner-pic@2x.png) 2x);
	background-position:right center;
	background-size:auto 372px
}
.use-cases .common-title .section-name{
	padding-top:94px
}
.use-cases .side-img{
	width:570px
}
.use-cases .body-container{
	display:flex;
	flex-direction:row-reverse;
	justify-content:center
}
.use-cases .side-img img{
	width:100%
}
.antispam-use-cases .side-text{
	margin:33px 54px 0 0;
	width:452px
}
.antispam-use-cases .side-text h3{
	margin-top:33px;
	font-size:20px;
	color:#333330
}
.antispam-use-cases .side-text h3:nth-child(1){
	margin-top:0
}
.antispam-use-cases .side-text p{
	font-size:16px;
	line-height:30px;
	color:#5C5F61bb
}
.p-title .owl-item{
	margin:0
}
.download-demo-banner{
	height:360px;
	background-size:100% auto
}
.download-demo-banner .container{
	height:100%;
	background-image:url(../../download/demo/banner-pic.png);
	background-image:-webkit-image-set(url(../../download/demo/banner-pic.png) 1x, url(../../download/demo/banner-pic@2x.png) 2x);
	background-position:right 0 top 45px;
	background-size:auto 270px
}
.download-demo-banner p{
	margin-top:6px;
	font-size:16px;
	line-height:33px;
	color:#ffffff99
}
.download-demo-main{
	padding-bottom:50px
}
.download-demo-main-item{
	margin-top:65px
}
.download-demo-title{
	height:46px;
	background:#F1F7FA;
	font-size:24px;
	line-height:46px;
	font-weight:normal;
	color:#333;
	text-indent:28px
}
.download-demo-content-item{
	position:relative;
	display:flex;
	flex-direction:row;
	margin-top:36px;
	padding:28px;
	min-height:232px;
	background:#fff;
	box-shadow:0 3px 11px 4px rgba(225,246,254,0.48);
	border-radius:12px
}
.download-demo-content-item .text .demo-dev{
	position:absolute;
	left:28px;
	bottom:0
}
.download-demo-content-item .text .demo-dev a{
	font-size:14px
}
.download-demo-content-item .text{
	width:417px
}
.download-demo-content-item .text h3{
	margin:0;
	font-size:20px;
	line-height:33px;
	font-weight:500;
	color:#333
}
.download-demo-content-item .text p{
	margin:13px 0 9px;
	font-size:14px;
	line-height:26px;
	color:#33333399
}
.download-demo-content-item .text a{
	font-size:16px;
	line-height:30px;
	color:#099DFD
}
.download-demo-content-item .qrcode{
	margin-left:64px;
	width:380px
}
.download-demo-content-item .qrcode ul{
	margin:0;
	padding:32px 0 0 0;
	width:380px;
	font-size:0
}
.download-demo-content-doctor .qrcode,.download-demo-content-doctor .qrcode ul{
	width:264px
}
.download-demo-content-item .qrcode li{
	position:relative;
	display:inline-block;
	margin:0 22px 18px 0;
	min-width:112px
}
.download-demo-content-item .qrcode li img{
	position:absolute;
	z-index:999999;
	top:-120px;
	left:50%;
	display:none;
	margin-left:-60px;
	width:120px;
	height:120px
}
.download-demo-content-doctor .qrcode li:nth-child(2n),.download-demo-content-item .qrcode li:nth-child(3n){
	margin-right:0
}
.download-demo-content-doctor .qrcode li:nth-child(3n){
	margin-right:22px
}
.download-demo-content-item .qrcode li a{
	display:block;
	width:100%;
	height:32px;
	border:1px solid #099dfd;
	border-radius:2px;
	font-size:15px;
	line-height:32px;
	color:#099dfd;
	text-align:center
}
.download-demo-content-item .qrcode li.active a,.download-demo-content-item .qrcode li a:hover{
	background:#099dfd;
	color:#fff;
	text-decoration:none
}
.download-demo-content-item .qrcode li a:focus{
	text-decoration:none
}
.download-demo-content-item figure{
	margin:32px 0 0 62px
}
.download-demo-content-item figure ul{
	padding-left:0
}
.download-demo-content-item figure li{
	display:inline-block
}
.download-demo-content-doctor .qrcode ul li:first-child,.download-demo-content-doctor .qrcode ul li:nth-child(3){
	min-width:130px
}
.download-demo-content-doctor figure{
	margin-left:35px
}
.download-demo-content-doctor figure li{
	text-align:center
}
.download-demo-content-doctor figure li img{
	margin:0 auto
}
.download-demo-content-doctor figure li+li{
	margin-left:20px
}
.download-demo-content-item figure img{
	display:block;
	width:113px;
	height:113px
}
.download-demo-content-item figure span{
	display:block;
	width:100%;
	font-size:14px;
	line-height:26px;
	color:#3333339d;
	text-align:center
}
.wrodebg{
	margin-top:70px;
	background:#131d7e url(../../product/mqtt/images/wordimgImg.jpg) no-repeat center 0;
	background-size:cover;
	padding-top:66px;
	padding-bottom:60px
}
.wrodebg ul{
	margin-bottom:0;
	padding:0 10%;
	display:flex;
	display:-webkit-flex
}
.wrodebg ul li{
	-webkit-flex:1;
	flex:1;
	color:#fff;
	font-size:14px;
	padding-left:30px;
	border-right:1px solid #7076b3
}
.wrodebg ul li p{
	margin-bottom:11px;
	font-size:24px;
	line-height:32px;
	color:#ffffffdd
}
.wrodebg ul li:last-child{
	border-right:0
}
.wrodebg ul li a{
	font-size:15px;
	line-height:20px;
	color:#ffffffdd
}
.wrodebg-mobile{
	display:none
}
.sd-robot-banner .container{
	background-image:url(../../product/sd-robot/banner-pic.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/banner-pic.png) 1x, url(../../product/sd-robot/banner-pic@2x.png));
	background-size:608px 329px;
	background-position:center right
}
.sd-robot-banner li{
	position:relative;
	font-size:18px;
	line-height:33px;
	color:#fff;
	text-indent:23px
}
.sd-robot-banner .banner-description p{
	position:relative;
	text-indent:23px
}
.sd-robot-banner li::before,.sd-robot-banner .banner-description p::before{
	position:absolute;
	top:10px;
	left:0;
	content:"";
	display:block;
	width:12px;
	height:12px;
	background-image:url(../../product/sd-robot/right-icon.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/right-icon.png) 1x, url(../../product/sd-robot/right-icon@2x.png) 2x);
	background-size:100% auto
}
.sd-robot-banner .banner-description p::before{
	top:4px
}
.why-sd-robot .section-title{
	margin:0;
	padding-bottom:59px
}
.why-sd-robot .reason{
	position:relative;
	display:flex;
	flex-direction:row;
	margin:0 auto;
	width:972px
}
.why-sd-robot .reason::after{
	position:absolute;
	bottom:-21px;
	content:"";
	display:block;
	width:100%;
	height:21px;
	background-image:url(../../product/sd-robot/reason.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/reason.png) 1x, url(../../product/sd-robot/reason@2x.png) 2x);
	background-position:left bottom;
	background-size:100% auto
}
.why-sd-robot .reason .item{
	position:relative;
	width:50%
}
.why-sd-robot .reason .item:nth-child(1)::after{
	position:absolute;
	top:0;
	right:-7px;
	content:"";
	display:block;
	width:15px;
	height:100%;
	background:#008AFF;
	border-radius:6px 6px 0 0
}
.why-sd-robot .reason dt{
	width:248px;
	height:46px;
	font-size:16px;
	line-height:46px;
	color:#fff;
	font-weight:normal;
	text-align:center
}
.why-sd-robot .item dl{
	margin-bottom:0
}
.why-sd-robot .item:nth-child(1) dl{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	margin-right:8px
}
.why-sd-robot .item:nth-child(2) dl{
	margin-left:7px
}
.why-sd-robot .item:nth-child(1) dl:nth-child(1){
	margin-top:25px
}
.why-sd-robot .item:nth-child(1) dl:last-child{
	margin-bottom:30px
}
.why-sd-robot .item:nth-child(2) dl:nth-child(1){
	margin-top:101px
}
.why-sd-robot .item:nth-child(1) dl:nth-child(1) dt{
	background:#388bf7
}
.why-sd-robot .item:nth-child(1) dl:nth-child(2) dt{
	background:#3872a8
}
.why-sd-robot .item:nth-child(1) dl:nth-child(3) dt{
	background:#5097d5
}
.why-sd-robot .item:nth-child(2) dl:nth-child(1) dt{
	background:#2758c6
}
.why-sd-robot .item:nth-child(2) dl:nth-child(2) dt{
	background:#7dbf97
}
.why-sd-robot .item:nth-child(1) dl dt{
	border-radius:23px 0 0 23px
}
.why-sd-robot .item:nth-child(2) dl dt{
	border-radius:0 23px 23px 0
}
.why-sd-robot .item dd{
	margin:20px 0;
	font-size:16px;
	line-height:33px;
	color:#3333339d
}
.why-sd-robot .item:nth-child(1) dd{
	margin-right:23px;
	text-align:right
}
.why-sd-robot .item:nth-child(2) dd{
	margin-left:23px;
	text-align:left
}
.sd-robot-core-functions{
	margin-top:72px
}
.sd-robot-core-functions .common-title .section-title{
	margin-top:113px;
	padding-bottom:58px
}
.sd-robot-core-functions .coreFunctions-1{
	background-image:url(../../product/sd-robot/coreFunctions-1.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/coreFunctions-1.png) 1x, url(../../product/sd-robot/coreFunctions-1@2x.png) 2x)
}
.sd-robot-core-functions .coreFunctions-2{
	background-image:url(../../product/sd-robot/coreFunctions-2.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/coreFunctions-2.png) 1x, url(../../product/sd-robot/coreFunctions-2@2x.png) 2x)
}
.sd-robot-core-functions .coreFunctions-3{
	background-image:url(../../product/sd-robot/coreFunctions-3.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/coreFunctions-3.png) 1x, url(../../product/sd-robot/coreFunctions-3@2x.png) 2x)
}
.sd-robot-core-functions .coreFunctions-4{
	background-image:url(../../product/sd-robot/coreFunctions-4.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/coreFunctions-4.png) 1x, url(../../product/sd-robot/coreFunctions-4@2x.png) 2x)
}
.sd-robot-core-functions .coreFunctions-5{
	background-image:url(../../product/sd-robot/coreFunctions-5.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/coreFunctions-5.png) 1x, url(../../product/sd-robot/coreFunctions-5@2x.png) 2x)
}
.sd-robot-core-functions .coreFunctions-6{
	background-image:url(../../product/sd-robot/coreFunctions-6.png);
	background-image:-webkit-image-set(url(../../product/sd-robot/coreFunctions-6.png) 1x, url(../../product/sd-robot/coreFunctions-6@2x.png) 2x)
}
.sd-robot-core-functions .coreFunctions{
	min-height:100px
}
.features .item{
	margin-top:100px
}
.features .item .pic,.features .item .text{
	float:left
}
.features .item:nth-child(1) .pic,.features .item:nth-child(2) .text,.features .item:nth-child(3) .pic,.features .item:nth-child(4) .text{
	float:right
}
.features .item .pic{
	width:570px;
	height:360px
}
.features .item .pic img{
	display:block
}
.features .item:nth-child(2) .pic{
	padding-top:41px
}
.features .item:nth-child(4) .text{
	padding-top:40px
}
.features .item .text{
	width:473px
}
.features .item .text h3{
	margin-bottom:37px;
	font-size:30px;
	line-height:45px
}
.features .item .text dt{
	font-size:18px;
	line-height:30px;
	color:#333;
	font-weight:normal
}
.features .item .text dt::before{
	content:"-";
	display:inline-block;
	width:12px;
	margin-right:5px
}
.features .item .text dd{
	padding-left:17px;
	font-size:14px;
	line-height:30px;
	color:#5C5F61bb;
	font-weight:normal
}
.app-cases .common-title .section-name{
	padding-top:119px
}
.app-cases ul{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center
}
.app-cases li{
	margin-right:45px;
	width:150px;
	height:70px
}
.app-cases li a{
	display:block
}
.app-cases li img{
	display:block;
	width:100%
}
.app-cases li:last-child{
	margin-right:0
}
.app-cases .more{
	display:block;
	margin:70px auto 0;
	width:248px;
	height:50px;
	font-size:16px;
	line-height:50px;
	color:#0089FF;
	border:1px solid #0089FF;
	border-radius:8px;
	text-align:center;
	transition:all .3s ease
}
.sd-robot-price-docs{
	margin-top:136px;
	padding-bottom:175px
}
.sd-robot-price-docs .price-docs-container{
	left:0
}
.sd-robot-price-docs .price-docs-container::before{
	bottom:-70px;
	left:62px
}
.sd-robot-price-docs .price-docs-container::after{
	top:-198px;
	right:-50px
}
.price-docs .sd-robot{
	margin:0 auto;
	padding:0 98px;
	width:1040px;
	height:550px;
	background:#fff;
	border:1px solid #F0F9FF;
	border-radius:12px;
	box-shadow:0 1px 9px 5px rgba(9,157,253,0.06)
}
.price-docs .sd-robot h3{
	margin:84px 0 0 0;
	font-size:35px;
	line-height:49px;
	color:#333330;
	text-align:center
}
.price-docs .sd-robot p{
	margin-top:20px;
	font-size:16px;
	line-height:37px;
	color:#5C5F61;
	font-weight:normal;
	text-align:center
}
.price-docs .sd-robot dl{
	margin-top:100px
}
.price-docs .sd-robot dd{
	float:left;
	color:#099DFD
}
.price-docs .sd-robot dd:nth-child(1){
	margin-left:17px
}
.price-docs .sd-robot dd:nth-child(2){
	margin-left:243px
}
.price-docs .sd-robot dd small{
	font-size:16px;
	line-height:22px
}
.price-docs .sd-robot dd h4{
	margin:5px 0 0 0;
	font-size:20px
}
.price-docs .sd-robot dd h4 span{
	font-size:35px;
	font-weight:normal
}
.price-docs .sd-robot dd a{
	display:block;
	margin-top:22px;
	width:247px;
	height:50px;
	font-size:16px;
	color:#fff;
	line-height:50px;
	background:#099DFD;
	border-radius:4px;
	text-align:center;
	transition:all .3s ease
}
.price-docs .sd-robot dd a:hover{
	opacity:.8;
	text-decoration:none;
	font-weight:500
}
.applets-banner .banner-pic{
	background-image:url(../../product/cs/applets/banner-pic.png);
	background-image:-webkit-image-set(url(../../product/cs/applets/banner-pic.png) 1x, url(../../product/cs/applets/banner-pic.png) 2x)
}
.assist-banner .banner-pic{
	background-image:url(../../images/assist/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/assist/banner-pic.png) 1x, url(../../images/assist/banner-pic.png) 2x)
}
.cc-banner .banner-pic{
	background-image:url(../../images/cc/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/cc/banner-pic.png) 1x, url(../../images/cc/banner-pic.png) 2x)
}
.applets-use-cases{
	padding:0 0 148px 0;
	background:#fff
}
.applets-use-cases .common-title{
	padding-bottom:0
}
.applets-use-cases .imageandtext{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:95px
}
.applets-use-cases .imageandtext:nth-child(even){
	flex-direction:row
}
.applets-use-cases .imageandtext:nth-child(even) .pic{
	margin-right:58px
}
.applets-use-cases .imageandtext:nth-child(odd){
	flex-direction:row-reverse
}
.applets-use-cases .imageandtext:nth-child(odd) .pic{
	margin-left:58px
}
.applets-use-cases .imageandtext .pic{
	width:570px
}
.applets-use-cases .imageandtext .pic img{
	display:block;
	width:100%
}
.applets-use-cases .imageandtext .text{
	width:458px
}
.applets-use-cases .imageandtext dt{
	margin-bottom:7px;
	font-size:20px;
	line-height:32px;
	color:#333;
	font-weight:normal
}
.applets-use-cases .imageandtext dt::before{
	content:"";
	display:inline-block;
	margin-right:9px;
	width:12px;
	height:12px;
	border:1px solid transparent;
	border-radius:50%
}
.applets-use-cases .imageandtext dl{
	margin-top:24px;
	margin-bottom:0
}
.applets-use-cases .imageandtext dl:nth-child(1){
	margin-top:0
}
.applets-use-cases .imageandtext dl:nth-child(1) dt::before{
	background:#999cfb;
	border-color:#6969c8
}
.applets-use-cases .imageandtext dl:nth-child(2) dt::before{
	background:#b8e886;
	border-color:#94c562
}
.applets-use-cases .imageandtext dl:nth-child(3) dt::before{
	background:#55a6ff;
	border-color:#0089ff
}
.applets-use-cases .imageandtext dl:nth-child(4) dt::before{
	background:#f8bd63;
	border-color:#f5930f
}
.applets-use-cases .imageandtext dd p{
	margin-bottom:0;
	font-size:14px;
	line-height:28px;
	color:#5c5f61dd
}
.applets-use-cases .imageandtext dd p::before{
	content:"-";
	display:inline-block;
	margin-right:10px
}
.applets-use-cases .imageandtext .description dt{
	margin-bottom:0
}
.applets-use-cases .imageandtext .description dd{
	padding-left:22px;
	font-size:14px;
	line-height:28px;
	color:#5c5f61dd
}
.cc-use-cases .imageandtext:nth-child(odd) .text{
	width:488px
}
.cc-use-cases .imageandtext:nth-child(odd) .pic{
	margin-left:28px
}
.product-core-functions{
	padding:0 0 154px
}
.product-core-functions ul{
	margin:0 auto 0;
	width:1125px
}
.product-core-functions li{
	float:left;
	margin:0 50px 50px 0;
	width:185px;
	height:185px;
	background:#fff;
	border:1px solid #f0f9ff;
	border-radius:12px;
	box-shadow:0 1px 9px 5px rgba(9,157,253,0.06);
	transition:all .3s ease
}
.product-core-functions li:nth-child(5n){
	margin-right:0
}
.product-core-functions li:nth-child(n+5){
	margin-bottom:0
}
.product-core-functions li img{
	display:block;
	margin:38px auto 0;
	width:74px;
	height:74px
}
.product-core-functions li p{
	font-size:14px;
	line-height:37px;
	color:#333;
	text-align:center
}
.product-core-functions li:hover{
	transform:scale(1.05)
}
.product-core-functions.cc-core-functions li img{
	width:72px;
	height:72px
}
.why-easemob{
	background:#fff
}
.why-easemob ul li{
	float:left;
	margin:0 3% 3% 0;
	padding:43px 0 46px;
	width:31.3333%;
	background:#fff;
	border:1px solid #f0f9ff;
	border-radius:12px;
	box-shadow:0 1px 9px 5px rgba(9,157,253,0.06);
	transition:all .3s ease
}
.why-easemob ul li:nth-child(3n){
	margin-right:0
}
.why-easemob ul li:nth-child(n+3){
	margin-bottom:0
}
.why-easemob ul li::before{
	content:"";
	display:block;
	margin:0 auto 13px;
	width:72px;
	height:50px;
	background-size:72px auto;
	background-repeat:no-repeat;
	background-position:center
}
.why-easemob ul li h3{
	margin:0;
	font-size:20px;
	line-height:32px;
	color:#333;
	font-weight:normal;
	text-align:center
}
.why-easemob ul li p{
	margin:7px 0 0 0;
	padding:0 34px;
	font-size:14px;
	line-height:28px;
	color:#5C5F61dd;
	text-align:center
}
.why-easemob ul li:hover{
	transform:scale(1.05)
}
.mqtt-core-functions{
	padding-bottom:100px
}
.mqtt-core-functions .core-functions-body{
	padding-bottom:0
}
.mqtt-core-functions .core-functions-body .coreFunctions{
	background-position:top 35px center;
	background-size:72px auto;
	background-repeat:no-repeat;
	text-align:center
}
.mqtt-core-functions .core-functions-body .coreFunctions:first-child{
	background-image:url(../../images/mqtt/functional-functions-1.png);
	background-image:-webkit-image-set(url(../../images/mqtt/functional-functions-1.png) 1x, url(../../images/mqtt/functional-functions-1@2x.png) 2x)
}
.mqtt-core-functions .core-functions-body .coreFunctions:nth-child(2){
	background-image:url(../../images/mqtt/functional-functions-2.png);
	background-image:-webkit-image-set(url(../../images/mqtt/functional-functions-2.png) 1x, url(../../images/mqtt/functional-functions-2@2x.png) 2x)
}
.mqtt-core-functions .core-functions-body .coreFunctions:nth-child(3){
	background-image:url(../../images/mqtt/functional-functions-3.png);
	background-image:-webkit-image-set(url(../../images/mqtt/functional-functions-3.png) 1x, url(../../images/mqtt/functional-functions-3@2x.png) 2x)
}
.mqtt-core-functions .core-functions-body .coreFunctions:nth-child(4){
	background-image:url(../../images/mqtt/functional-functions-4.png);
	background-image:-webkit-image-set(url(../../images/mqtt/functional-functions-4.png) 1x, url(../../images/mqtt/functional-functions-4@2x.png) 2x)
}
.mqtt-core-functions .core-functions-body .coreFunctions:nth-child(5){
	background-image:url(../../images/mqtt/functional-functions-5.png);
	background-image:-webkit-image-set(url(../../images/mqtt/functional-functions-5.png) 1x, url(../../images/mqtt/functional-functions-5@2x.png) 2x)
}
.mqtt-core-functions .core-functions-body .coreFunctions:nth-child(6){
	background-image:url(../../images/mqtt/functional-functions-6.png);
	background-image:-webkit-image-set(url(../../images/mqtt/functional-functions-6.png) 1x, url(../../images/mqtt/functional-functions-6@2x.png) 2x)
}
.mqtt-core-functions .core-functions-body h4{
	margin:50px 0 7px
}
.mqtt-core-functions .core-functions-body p{
	text-align:center
}
.core-functions-360 .core-functions-body{
	padding-bottom:0
}
.core-functions-360 .core-functions-body .coreFunctions{
	padding-left:0;
	padding-right:0;
	background-position:top 35px center;
	background-size:100px auto;
	background-repeat:no-repeat;
	text-align:center
}
.core-functions-360 .core-functions-body .coreFunctions:first-child{
	background-image:url(../../images/360/core-functions-1.png);
	background-image:-webkit-image-set(url(../../images/360/core-functions-1.png) 1x, url(../../images/360/core-functions-1@2x.png) 2x)
}
.core-functions-360 .core-functions-body .coreFunctions:nth-child(2){
	background-image:url(../../images/360/core-functions-2.png);
	background-image:-webkit-image-set(url(../../images/360/core-functions-2.png) 1x, url(../../images/360/core-functions-2@2x.png) 2x)
}
.core-functions-360 .core-functions-body .coreFunctions:nth-child(3){
	background-image:url(../../images/360/core-functions-3.png);
	background-image:-webkit-image-set(url(../../images/360/core-functions-3.png) 1x, url(../../images/360/core-functions-3@2x.png) 2x)
}
.core-functions-360 .core-functions-body .coreFunctions:nth-child(4){
	background-image:url(../../images/360/core-functions-4.png);
	background-image:-webkit-image-set(url(../../images/360/core-functions-4.png) 1x, url(../../images/360/core-functions-4@2x.png) 2x)
}
.core-functions-360 .core-functions-body .coreFunctions:nth-child(5){
	background-image:url(../../images/360/core-functions-5.png);
	background-image:-webkit-image-set(url(../../images/360/core-functions-5.png) 1x, url(../../images/360/core-functions-5@2x.png) 2x)
}
.core-functions-360 .core-functions-body .coreFunctions:nth-child(6){
	background-image:url(../../images/360/core-functions-6.png);
	background-image:-webkit-image-set(url(../../images/360/core-functions-6.png) 1x, url(../../images/360/core-functions-6@2x.png) 2x)
}
.core-functions-360 .core-functions-body h4{
	margin:70px 0 0
}
.core-functions-360 .core-functions-body p{
	text-align:center
}
.mqtt-core-functions .view-more,.mqtt-features .view-more,.push-features .view-more,.mqtt-price .view-more,.view-more{
	margin-top:90px;
	text-align:center
}
.mqtt-core-functions .view-more .u-btn-link,.mqtt-features .view-more .u-btn-link,.push-features .view-more .u-btn-link,.mqtt-price .view-more .u-btn-link,.view-more .u-btn-link{
	font-size:18px;
	font-weight:500;
	line-height:28px;
	color:#FC5C35;
	text-decoration:none;
	transition:all .3s
}
.mqtt-core-functions .view-more .u-btn-link:hover,.mqtt-features .view-more .u-btn-link:hover,.push-features .view-more .u-btn-link:hover,.mqtt-price .view-more .u-btn-link:hover,.view-more .u-btn-link:hover{
	color:#ff845e
}
.mqtt-core-functions .view-more .u-btn-default,.mqtt-features .view-more .u-btn-default,.push-features .view-more .u-btn-default,.mqtt-price .view-more .u-btn-default,.view-more .u-btn-default{
	padding:0;
	width:150px;
	height:40px;
	font-size:15px;
	color:#119EFD;
	text-decoration:none;
	line-height:40px;
	background:transparent;
	border:1px solid #119EFD;
	border-radius:4px;
	transition:all .3s
}
.mqtt-core-functions .view-more .u-btn-default:hover,.mqtt-features .view-more .u-btn-default:hover,.push-features .view-more .u-btn-default:hover,.mqtt-price .view-more .u-btn-default:hover,.view-more .u-btn-default:hover{
	color:#fff;
	background:#119efd
}
.page-view-more{
	margin:72px 0 100px;
	text-align:center
}
.page-view-more a{
	font-size:20px;
	font-weight:500;
	color:#fc5c35;
	line-height:28px;
	text-decoration:none;
	transition:all .3s
}
.page-view-more a:hover{
	color:#ff845e
}
.mqtt-price .view-more .u-btn-link{
	color:#119EFD
}
.mqtt-price .view-more .u-btn-link:hover{
	color:#3bb7ff
}
.push-core-functions .core-functions-body .coreFunctions{
	min-height:278px
}
.push-core-functions .core-functions-body .coreFunctions:first-child{
	background-image:url(/statics/images/push/core1.png);
	background-image:-webkit-image-set(url(/statics/images/push/core1.png) 1x, url(/statics/images/push/core1@2x.png) 2x)
}
.push-core-functions .core-functions-body .coreFunctions:nth-child(2){
	background-image:url(/statics/images/push/core2.png);
	background-image:-webkit-image-set(url(/statics/images/push/core2.png) 1x, url(/statics/images/push/core2@2x.png) 2x)
}
.push-core-functions .core-functions-body .coreFunctions:nth-child(3){
	background-image:url(/statics/images/push/core3.png);
	background-image:-webkit-image-set(url(/statics/images/push/core3.png) 1x, url(/statics/images/push/core3@2x.png) 2x)
}
.why-easemob ul li:nth-child(4){
	margin-left:15.6666%
}
.why-easemob ul li:nth-child(1)::before{
	background-image:url(../../images/applets/core-functions-1.png);
	background-image:-webkit-image-set(url(../../images/applets/core-functions-1.png) 1x, url(../../images/applets/core-functions-1@2x.png) 2x)
}
.why-easemob ul li:nth-child(2)::before{
	background-image:url(../../images/applets/core-functions-2.png);
	background-image:-webkit-image-set(url(../../images/applets/core-functions-2.png) 1x, url(../../images/applets/core-functions-2@2x.png) 2x)
}
.why-easemob ul li:nth-child(3)::before{
	background-image:url(../../images/applets/core-functions-3.png);
	background-image:-webkit-image-set(url(../../images/applets/core-functions-3.png) 1x, url(../../images/applets/core-functions-3@2x.png) 2x)
}
.why-easemob ul li:nth-child(4)::before{
	background-image:url(../../images/applets/core-functions-4.png);
	background-image:-webkit-image-set(url(../../images/applets/core-functions-4.png) 1x, url(../../images/applets/core-functions-4@2x.png) 2x)
}
.why-easemob ul li:nth-child(5)::before{
	background-image:url(../../images/applets/core-functions-5.png);
	background-image:-webkit-image-set(url(../../images/applets/core-functions-5.png) 1x, url(../../images/applets/core-functions-5@2x.png) 2x)
}
.assist-value{
	padding-bottom:139px
}
.assist-value ul li:nth-child(1)::before{
	background-image:url(../../images/assist/core-functions-1.png);
	background-image:-webkit-image-set(url(../../images/assist/core-functions-1.png) 1x, url(../../images/assist/core-functions-1@2x.png) 2x)
}
.assist-value ul li:nth-child(2)::before{
	background-image:url(../../images/assist/core-functions-2.png);
	background-image:-webkit-image-set(url(../../images/assist/core-functions-2.png) 1x, url(../../images/assist/core-functions-2@2x.png) 2x)
}
.assist-value ul li:nth-child(3)::before{
	background-image:url(../../images/assist/core-functions-3.png);
	background-image:-webkit-image-set(url(../../images/assist/core-functions-3.png) 1x, url(../../images/assist/core-functions-3@2x.png) 2x)
}
.assist-value ul li:nth-child(4)::before{
	background-image:url(../../images/assist/core-functions-4.png);
	background-image:-webkit-image-set(url(../../images/assist/core-functions-4.png) 1x, url(../../images/assist/core-functions-4@2x.png) 2x)
}
.assist-value ul li:nth-child(5)::before{
	background-image:url(../../images/assist/core-functions-5.png);
	background-image:-webkit-image-set(url(../../images/assist/core-functions-5.png) 1x, url(../../images/assist/core-functions-5@2x.png) 2x)
}
.why-easemob .content li:nth-child(5){
	margin-right:0
}
.lite-style{
	padding-top:0
}
.mqtt-competition-banner{
	height:500px;
	background:-webkit-linear-gradient(left, #141745, #10103c);
	background:-o-linear-gradient(right, #141745, #10103c);
	background:-moz-linear-gradient(right, #141745, #10103c);
	background:linear-gradient(to right, #141745, #10103c)
}
.mqtt-competition-banner .banner-pic{
	height:100%;
	background-image:url(../../images/mqtt/banner-2.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:-280px 0
}
.mqtt-competition-banner .text{
	float:right;
	padding-top:100px;
	width:428px
}
.mqtt-competition-banner .text img{
	display:block
}
.mqtt-competition-banner .text img:nth-child(1){
	width:360px;
	height:39px
}
.mqtt-competition-banner .text img:nth-child(2){
	margin-top:20px;
	width:428px;
	height:134px
}
.mqtt-competition-banner .text p{
	margin-top:14px;
	font-size:18px;
	line-height:25px;
	color:#40FFBA
}
.mqtt-competition-banner .text .btn{
	display:block;
	margin-top:30px;
	padding:0;
	width:145px;
	height:36px;
	font-size:16px;
	line-height:36px;
	color:#fff;
	text-align:center;
	background-image:url(../../images/mqtt/btnbg.png);
	background-image:-webkit-image-set(url(../../images/mqtt/btnbg.png) 1x, url(../../images/mqtt/btnbg@2x.png) 2x);
	border:none
}
.page-btn{
	margin:65px;
	text-align:center
}
.page-btn .btn{
	padding:0;
	width:180px;
	height:50px;
	font-size:16px;
	line-height:50px;
	color:#000000d9;
	background:transparent;
	border:1px solid transparent;
	border-radius:4px;
	text-align:center;
	transition:all .3s ease
}
.page-btn .btn:hover{
	font-weight:500
}
.page-btn .btn.btn-warning{
	background:#F5B037;
	border-color:#F5B037;
	color:#fff
}
.page-btn .btn.btn-warning:hover{
	background-color:#ec971f;
	border-color:#d58512;
	color:#fff
}
.page-btn .btn-bordered{
	border-color:#099dfd;
	color:#099dfd
}
.page-btn .btn-bordered:hover{
	background:#099dfd;
	color:#fff
}
.localization-banner .banner-pic{
	background-image:url(../../images/localization/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/localization/banner-pic.png) 1x, url(../../images/localization/banner-pic@2x.png) 2x);
	background-size:540px auto
}
.localization-core-functions{
	padding-bottom:94px
}
.localization-core-functions .content ul{
	display:flex;
	flex-direction:row;
	justify-content:space-between
}
.localization-core-functions .content li{
	width:324px;
	height:232px;
	border-radius:12px;
	box-shadow:0 3px 11px 4px rgba(225,246,254,0.48)
}
.localization-core-functions li{
	padding:31px 27px;
	transition:all .3s ease
}
.localization-core-functions li img{
	display:block;
	margin:0 auto 18px;
	width:70px;
	height:70px
}
.localization-core-functions li p{
	margin-bottom:0;
	font-size:14px;
	line-height:28px;
	color:#333333bb;
	text-align:center
}
.localization-core-functions li:hover{
	transform:translateY(-10px)
}
.localization-functional-features{
	padding-bottom:100px
}
.localization-functional-features .content .item{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center
}
.localization-functional-features .content .item .pic{
	width:570px
}
.localization-functional-features .content .item .pic img{
	display:block;
	width:100%
}
.localization-functional-features .content .item .text{
	margin-left:14px;
	width:510px
}
.partners .content ul{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between
}
.partners .content li{
	width:164px
}
.partners .content li img{
	display:block;
	margin-bottom:7px;
	width:164px;
	height:74px
}
.partners .content li p{
	font-size:14px;
	line-height:30px;
	font-weight:normal;
	color:#5C5F61dd;
	text-align:center
}
.qrcode-layer-bg,.qrcode-layer{
	position:fixed;
	z-index:999999;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%
}
.qrcode-layer-bg{
	background:rgba(0,0,0,0.6)
}
.qrcode-layer{
	z-index:1000000;
	margin:-100px 0 0 -100px;
	top:50%;
	left:50%;
	width:200px;
	height:200px
}
.qrcode-layer img{
	display:block;
	width:100%
}
.banner-pc{
	position:relative;
	display:block;
	height:520px
}
.banner-pc .banner{
	height:520px
}
.banner-pc .banner-layer{
	position:absolute;
	z-index:999;
	left:0;
	bottom:0;
	width:100%;
	height:90px;
	background:rgba(0,0,0,0.1)
}
.banner-pc .banner-layer .container{
	height:100%
}
.banner-pc .banner-layer ul{
	display:flex;
	height:100%;
	border-left:1px solid rgba(255,255,255,0.2)
}
.banner-pc .banner-layer li{
	width:33.33%;
	height:100%;
	text-align:center;
	border-right:1px solid rgba(255,255,255,0.2);
	color:#fff;
	transition:all .3s
}
.banner-pc .banner-layer li:hover{
	background:rgba(255,255,255,0.2);
	border-color:transparent
}
.banner-pc .banner-layer li a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	height:100%;
	color:#fff
}
.banner-pc .banner-layer li h3{
	margin:0;
	font-size:18px;
	font-weight:500;
	line-height:25px
}
.banner-pc .banner-layer li p{
	margin:5px 0 0;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	color:#fff
}
.banner-mobile{
	display:none
}
.cc-interface{
	margin-top:0;
	height:966px
}
.cc-interface .content{
	margin-top:22px
}
.cc-interface .content img{
	display:block;
	margin:0 auto
}
.cc-key-industries .price-docs-container::before,.cc-key-industries .price-docs-container::after{
	display:none
}
.cc-key-industries .im-intro{
	position:relative;
	margin-top:142px;
	justify-content:center
}
.cc-key-industries .im-intro::after{
	content:"";
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:-1;
	right:0;
	top:-99px;
	width:440px;
	height:440px;
	background-image:url(../../product/im/images/circle-bg-r.png);
	background-image:-webkit-image-set(url(../../product/im/images/circle-bg-r.png) 1x, url(../../product/im/images/circle-bg-r@2x.png))
}
.cc-key-industries .im-intro .im-intro-item{
	padding:58px 0
}
.cc-key-industries .im-intro .im-intro-item:nth-child(1){
	margin-right:23px
}
.cc-key-industries .im-intro .im-intro-item:nth-child(2){
	margin-left:23px
}
.cc-key-industries .im-intro dl{
	margin-left:74px
}
.cc-key-industries .im-intro-item{
	width:36%
}
.cc-key-industries .im-enterprise h3{
	color:#099dfd
}
.cc-key-industries .im-enterprise dl dd:last-child::before,.cc-key-industries .im-enterprise dl dd:last-child::after{
	display:block
}
.cc-core-functions{
	margin-top:60px;
	padding-bottom:0
}
.cc-product-functions ul{
	position:relative;
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin:0 auto;
	width:1122px
}
.cc-product-functions ul:nth-child(1){
	bottom:-20px
}
.cc-product-functions ul:nth-child(3){
	top:-20px
}
.cc-product-functions{
	position:relative;
	z-index:1;
	margin-top:0
}
.cc-product-functions li{
	display:block;
	margin-right:14px;
	width:128px;
	height:128px;
	line-height:128px;
	background-image:url(../../images/cc/polygon.png);
	background-image:-webkit-image-set(url(../../images/cc/polygon.png) 1x, url(../../images/cc/polygon@2x.png) 2x);
	background-repeat:no-repeat;
	background-position:center
}
.cc-product-functions li:nth-child(7),.cc-product-functions li:nth-child(8),.cc-product-functions li:last-child{
	margin-right:0
}
.cc-product-functions li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#099dfd;
	text-align:center;
	text-decoration:none
}
.cc-product-functions li a span{
	position:absolute;
	z-index:1000000;
	top:88px;
	left:0;
	display:none;
	padding:14px;
	width:128px;
	font-size:12px;
	line-height:23px;
	color:#5C5F61dd;
	text-align:justify;
	background:#fff;
	border-radius:10px;
	box-shadow:0 2px 4px 0 rgba(9,157,253,0.31)
}
.cc-product-functions li a span::before{
	position:absolute;
	top:-4px;
	left:50%;
	display:block;
	content:"";
	width:8.48528137px;
	height:8.48528137px;
	border-style:solid;
	border-width:4.24264069px;
	border-top-color:#fff;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:#fff;
	transform:translateX(-50%) rotate(45deg)
}
.cc-product-functions li a:hover{
	font-weight:500
}
.cc-product-functions li a:hover span{
	font-weight:normal
}
.cc-product-functions ul:nth-child(2) li:nth-child(7){
	margin-right:14px
}
#applets-case ul{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap
}
#applets-case ul li{
	margin-bottom:40px;
	width:12.5%
}
#applets-case ul li img{
	display:block;
	margin:0 auto;
	height:95px
}
.action .btn{
	display:block;
	margin:38px auto 0;
	padding:0;
	width:160px;
	height:44px;
	line-height:44px;
	font-size:16px;
	border-radius:4px
}
.pricing-banner{
	position:relative;
	padding-top:137px;
	height:447px;
	background-position:right
}
.pricing-banner h1,.pricing-banner h2,.pricing-banner h3,.pricing-banner h4,.pricing-banner h5,.pricing-banner h6{
	margin:0;
	padding:0
}
.pricing-banner h2{
	font-size:32px;
	line-height:32px;
	color:#fff;
	font-weight:500;
	text-align:center
}
.pricing-banner .u-btn{
	display:block;
	margin:38px auto 0;
	padding:0;
	width:160px;
	height:44px;
	line-height:44px;
	font-size:16px;
	border-radius:4px
}
.versions{
	position:absolute;
	bottom:-352px;
	left:50%;
	display:flex;
	gap:138px;
	justify-content:space-around;
	transform:translateX(-50%)
}
.versions .item{
	position:relative;
	width:365px;
	height:459px;
	background:#f2f4f6;
	border-radius:4px
}
.versions .item-title{
	position:relative;
	height:200px;
	overflow:hidden
}
.versions .item-title h3{
	margin-top:33px;
	font-size:20px;
	line-height:38px;
	color:#fff;
	font-weight:500;
	text-align:center
}
.versions .item-free .item-title{
	background:#29B3C9;
	border-radius:4px 4px 0 0
}
.versions .item-major .item-title{
	background:#F6706C;
	border-radius:4px 4px 0 0
}
.versions .item-major .item-title::after{
	position:absolute;
	top:-1px;
	right:-6px;
	content:"";
	display:block;
	width:117px;
	height:104px;
	background-image:url(../../images/icon-recommend.png);
	background-image:-webkit-image-set(url(../../images/icon-recommend.png) 1x, url(../../images/icon-recommend@2x.png) 2x)
}
.versions .price{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:6px;
	margin-top:24px;
	font-size:0;
	text-align:center
}
.versions .price .icon-price{
	display:inline-block;
	width:24px;
	height:24px
}
.versions .price .icon-price img{
	display:block;
	width:100%
}
.versions .price .number{
	display:inline-block;
	font-size:36px;
	line-height:1;
	font-weight:500;
	color:#fff
}
.versions .price .unit{
	margin-top:1px;
	font-size:12px;
	line-height:15px;
	color:#fff;
	text-align:right
}
.versions .price .unit em{
	display:block;
	font-style:normal
}
.versions .item-content ul{
	padding:26px 42px 0
}
.versions .item-content ul li{
	position:relative;
	padding-left:14px;
	font-size:13px;
	line-height:30px;
	color:#4c4c4cbb
}
.versions .item-content ul li::before{
	position:absolute;
	left:0;
	content:"-"
}
.versions .item-free .item-content ul li:last-child::before{
	display:none
}
.versions .consult{
	position:absolute;
	right:35px;
	bottom:36px;
	left:35px;
	display:block;
	height:44px;
	font-size:16px;
	font-weight:500;
	line-height:44px;
	color:#fff;
	text-align:center;
	border-radius:4px;
	text-decoration:none;
	transition:all .3s
}
.versions .consult:hover{
	opacity:.9
}
.versions .item-free .consult{
	background:#1CB3CB
}
.versions .item-major .consult{
	background:#F6706C
}
.functions{
	margin-top:368px
}
.pricing-table{
	border:1px solid #ddd;
	border-right:none;
	border-bottom:none
}
.pricing-table th,.pricing-table td{
	font-size:13px;
	line-height:20px;
	color:#3a3a3ad9;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd
}
.pricing-table th{
	height:56px;
	background:#f2f4f6
}
.pricing-table td{
	padding:8px 0
}
.pricing-table td .iconfont{
	color:#10AE45
}
.pricing-table td .red{
	color:#F6706C
}
.pricing-table tr th:first-child,.pricing-table tr th:nth-child(2),.pricing-table tr td:first-child,.pricing-table tr td:nth-child(2){
	padding-left:18px;
	text-align:left
}
.pricing-table tr td:nth-last-child(2){
	padding-left:0;
	text-align:center
}
.im-solution .side-text dt{
	font-size:18px;
	line-height:30px;
	color:#333;
	font-weight:normal
}
.im-solution .side-text dt::before{
	content:"-";
	display:inline-block;
	width:12px;
	margin-right:5px
}
.im-solution .side-text dd{
	padding-left:17px;
	font-size:14px;
	line-height:30px;
	color:#5C5F61bb;
	font-weight:normal
}
.quick-experience ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.quick-experience li{
	position:relative;
	width:355px
}
.quick-experience li:nth-child(n+4){
	margin-top:140px
}
.quick-experience li .static{
	cursor:pointer
}
.quick-experience li .enter{
	position:absolute;
	z-index:-1;
	top:-40px;
	padding-top:20px;
	width:355px;
	height:327px;
	background:#fff;
	border-radius:12px;
	box-shadow:0 2px 12px 0 rgba(68,127,250,0.54);
	opacity:0;
	transition:all .3s
}
.quick-experience li:hover{
	z-index:999999
}
.quick-experience li:hover .static{
	display:none
}
.quick-experience li:hover .enter{
	z-index:1;
	opacity:1
}
.quick-experience .pic{
	text-align:center
}
.quick-experience .pic img{
	display:block;
	margin:0 auto 12px;
	max-width:100%;
	height:75px
}
.quick-experience .pic span{
	font-size:16px;
	font-weight:500;
	color:#222;
	line-height:32px
}
.quick-experience .enter p{
	margin-top:10px;
	padding:0 24px;
	font-size:14px;
	color:#676A6C;
	line-height:30px;
	text-align:justify
}
.quick-experience .enter .demo-btn{
	border: 1px solid #099DFD !important;
    border-radius: 4px !important;
	padding: 0px 20px !important;
    line-height: 4.4 !important;
    color: #099DFD !important;
    background: #fff !important;
	
	margin-top:16px;
	font-size:0;
	text-align:center
}
.quick-experience .enter .demo-btn a{
	display:inline-block;
	width:130px;
	height:40px;
	font-size:14px;
	color:#119EFD;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	transition:all .3s
}
.quick-experience .enter .demo-btn a:hover{
	color:#3bb7ff
}
.quick-experience .enter .demo-btn a:nth-child(1){
	margin-right:10px;
	border:1px solid #119EFD;
	border-radius:4px
}
.quick-experience .enter .demo-btn a:nth-child(1):hover{
	background:#3bb7ff;
	border-color:#3bb7ff;
	color:#fff
}
.quick-experience .view-more{
	margin-top:100px;
	text-align:center
}
.quick-experience .u-btn-link{
	font-size:18px;
	font-weight:500;
	color:#119EFD;
	line-height:28px
}
.quick-experience .u-btn-link:hover{
	color:#3bb7ff
}
.application-scenarios-360{
	margin-top:90px;
	padding-bottom:90px
}
.application-scenarios .body-container .item .row,.solution-360 .body-container .item .row{
	align-items:center
}
.application-scenarios .im-solution .head{
	margin-bottom:68px
}
.mqtt-price .im-intro-item{
	width:36%
}
.mqtt-price .price-docs-container::before{
	bottom:-76px
}
.mqtt-price .im-intro .im-intro-item{
	position:relative;
	padding-bottom:174px
}
.mqtt-price .im-intro .im-intro-item p{
	padding-left:80px;
	font-size:14px;
	line-height:37px;
	color:#099DFD
}
.mqtt-price .im-intro .price-description{
	position:absolute;
	bottom:44px;
	width:100%;
	text-align:center
}
.mqtt-price .im-intro a{
	margin:0 80px;
	width:auto
}
.mqtt-price .im-intro dl{
	margin-left:80px
}
.push-price .im-intro dl{
	margin-top:24px;
	margin-left:0;
	padding:0 40px
}
.mqtt-price .im-community dl dd:nth-child(n+5)::before,.mqtt-price .im-community dl dd:nth-child(n+5)::after{
	display:block
}
.mqtt-price .im-enterprise dl dd:last-child::before,.mqtt-price .im-enterprise dl dd:last-child::after{
	display:block
}
.page-content{
	padding-bottom:40px;
	color:#7a7a7a
}
.page-content .page-title{
	margin-top:100px;
	font-size:24px;
	font-weight:500;
	color:#7a7a7a;
	text-align:center
}
.page-content .page-description{
	margin-top:40px
}
.page-content .page-description p{
	margin-bottom:15px;
	font-size:14px;
	line-height:1.75em;
	color:#7a7a7a
}
.page-content .page-description h3,.page-content .page-description h4{
	margin-bottom:15px;
	font-weight:500
}
.page-content .page-description h3{
	font-size:20px
}
.page-content .page-description h4{
	font-size:16px
}
.page-content table{
	border:1px solid #d9d9d9;
	border-right:none;
	border-bottom:none
}
.page-content table th,.page-content table td{
	padding:4px 15px;
	font-size:14px;
	line-height:1.5715;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9
}
.core-functions.core-functions-360{
	margin-top:0
}
.common-core-functions{
	background-image:url(../../images/flutter/core-functions-bg.png);
	background-repeat:no-repeat;
	background-position:center bottom
}
.gray-bg{
	background-color:#F2F4F6;
	background-image:none
}
.light-gray-bg{
	background-color:#f7f9fa;
	background-image:none
}
.push-price{
	margin-top:100px;
	padding:90px 0 110px
}
.push-price .price-docs{
	margin-top:0
}
.push-price .price-docs .price-docs-container::before,.push-price .price-docs .price-docs-container::after{
	z-index:111
}
.push-price .im-intro .im-intro-item{
	z-index:222
}
.carousel .owl-dots{
	position:absolute;
	bottom:10px;
	margin:0 auto;
	width:100%
}
.industry-solution{
	padding:90px 0 150px;
	background:#0284e3
}
.industry-solution h2{
	margin:0;
	padding:0;
	font-size:36px;
	font-weight:500;
	color:#fff;
	line-height:50px;
	text-align:center
}
.industry-solution ul{
	display:flex;
	gap:25px;
	margin:100px auto 0;
	width:971px
}
.industry-solution ul li{
	position:relative;
	padding:0 22px;
	width:224px;
	min-height:460px;
	background:#fff;
	border-radius:4px;
	background-size:100% auto;
	background-repeat:no-repeat
}
.industry-solution ul li h3{
	margin:143px 0 12px;
	padding:0;
	font-size:24px;
	font-weight:500;
	color:#313b53;
	line-height:33px;
	background-repeat:no-repeat;
	background-position:right center
}
.industry-solution ul li p{
	font-size:14px;
	font-weight:400;
	color:#576E91;
	line-height:24px;
	text-align:justify
}
.industry-solution ul li a{
	position:absolute;
	bottom:36px;
	left:50%;
	font-size:14px;
	font-weight:500;
	color:#627FD6;
	line-height:24px;
	transform:translateX(-50%);
	transition:all .3s
}
.industry-solution ul li a:hover{
	color:#8da5e3
}
.industry-solution ul li:first-child{
	background-image:url(../../images/ai/education.png);
	background-image:-webkit-image-set(url(../../images/ai/education.png) 1x, url(../../images/ai/education@2x.png) 2x)
}
.industry-solution ul li:first-child h3{
	background-image:url(../../images/ai/education-text.png);
	background-image:-webkit-image-set(url(../../images/ai/education-text.png) 1x, url(../../images/ai/education-text@2x.png) 2x)
}
.industry-solution ul li:nth-child(2){
	background-image:url(../../images/ai/insurance.png);
	background-image:-webkit-image-set(url(../../images/ai/insurance.png) 1x, url(../../images/ai/insurance@2x.png) 2x)
}
.industry-solution ul li:nth-child(2) h3{
	background-image:url(../../images/ai/insurance-text.png);
	background-image:-webkit-image-set(url(../../images/ai/insurance-text.png) 1x, url(../../images/ai/insurance-text@2x.png) 2x)
}
.industry-solution ul li:nth-child(3){
	background-image:url(../../images/ai/securities.png);
	background-image:-webkit-image-set(url(../../images/ai/securities.png) 1x, url(../../images/ai/securities@2x.png) 2x)
}
.industry-solution ul li:nth-child(3) h3{
	background-image:url(../../images/ai/securities-text.png);
	background-image:-webkit-image-set(url(../../images/ai/securities-text.png) 1x, url(../../images/ai/securities-text@2x.png) 2x)
}
.industry-solution ul li:last-child{
	background-image:url(../../images/ai/logistics.png);
	background-image:-webkit-image-set(url(../../images/ai/logistics.png) 1x, url(../../images/ai/logistics@2x.png) 2x)
}
.industry-solution ul li:last-child h3{
	background-image:url(../../images/ai/logistics-text.png);
	background-image:-webkit-image-set(url(../../images/ai/logistics-text.png) 1x, url(../../images/ai/logistics-text@2x.png) 2x);
	background-position:right bottom 2px
}
.index-title{
	padding-top:80px;
	text-align:center
}
.index-title h3{
	margin:0;
	padding:0;
	font-size:36px;
	font-weight:normal;
	color:#000;
	line-height:50px
}
.index-title p{
	margin:12px 0 0;
	font-size:18px;
	font-weight:500;
	color:#333;
	line-height:25px
}
.index-im,.index-cec{
	padding-bottom:117px;
	width:100%;
	background:url(../../images/index/mqtt-bg.png) bottom center no-repeat
}
.index-im ul,.index-cec ul{
	display:flex;
	gap:25px;
	margin-top:56px
}
.index-im ul li,.index-cec ul li{
	position:relative;
	width:358px;
	height:470px;
	background-image:linear-gradient(180deg, #F5F8FC 0%, #FFFFFF 74%);
	border-radius:8px;
	transition:all .3s
}
.index-im ul li::before,.index-cec ul li::before,.index-im ul li::after,.index-cec ul li::after{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	display:block;
	content:"";
	width:100%;
	height:100%;
	border-radius:8px
}
.index-im ul li::before,.index-cec ul li::before{
	box-shadow:0 -4px 16px 0 rgba(55,71,167,0.06)
}
.index-im ul li::after,.index-cec ul li::after{
	box-shadow:0 4px 16px 0 rgba(70,77,115,0.12)
}
.index-im ul li .title,.index-cec ul li .title{
	position:relative;
	z-index:2;
	margin-top:36px;
	font-size:20px;
	font-weight:500;
	line-height:28px;
	text-align:center
}
.index-im ul li .title a,.index-cec ul li .title a{
	color:#000
}
.index-im ul li .title a:hover,.index-cec ul li .title a:hover{
	text-decoration:underline
}
.index-im ul li .pic,.index-cec ul li .pic{
	position:relative;
	z-index:2;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:24px auto;
	width:87px;
	height:87px;
	background-image:linear-gradient(220deg, #007EFF 0%, #002AFF 100%);
	border-radius:50%;
	cursor:pointer;
	transition:box-shadow .3s ease-in-out
}
.index-im ul li .pic::before,.index-cec ul li .pic::before,.index-im ul li .pic::after,.index-cec ul li .pic::after{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	transition:opacity .3s ease-in-out
}
.index-im ul li .pic::before,.index-cec ul li .pic::before{
	box-shadow:0 12px 24px 0 rgba(55,71,167,0.35)
}
.index-im ul li .pic::after,.index-cec ul li .pic::after{
	box-shadow:inset 0 12px 16px 0 rgba(0,0,0,0.3);
	opacity:0
}
.index-im ul li .pic img,.index-cec ul li .pic img{
	display:block;
	margin:0 auto;
	width:72px;
	height:72px
}
.index-im ul li .pic:hover::before,.index-cec ul li .pic:hover::before{
	opacity:0
}
.index-im ul li .pic:hover::after,.index-cec ul li .pic:hover::after{
	opacity:1
}
.index-im ul li dl,.index-cec ul li dl{
	position:relative;
	z-index:2;
	margin-bottom:0;
	height:148px
}
.index-im ul li dd,.index-cec ul li dd{
	text-align:center
}
.index-im ul li dd+dd,.index-cec ul li dd+dd{
	margin-top:12px
}
.index-im ul li dd,.index-cec ul li dd,.index-im ul li dd a,.index-cec ul li dd a{
	font-size:14px;
	font-weight:400;
	color:#099DFD;
	line-height:20px
}
.index-im ul li dd a:hover,.index-cec ul li dd a:hover{
	font-weight:500;
	text-decoration:underline
}
.index-im ul li .btn-group,.index-cec ul li .btn-group{
	position:relative;
	z-index:2;
	display:flex;
	justify-content:space-between;
	margin-top:36px;
	padding:0 30px;
	font-size:0
}
.index-im ul li .btn-group a,.index-cec ul li .btn-group a{
	position:relative;
	display:block;
	width:143px;
	height:46px;
	font-size:16px;
	font-weight:500;
	line-height:46px;
	border-radius:4px;
	text-align:center;
	transition:all .3s
}
.index-im ul li .btn-group a::before,.index-cec ul li .btn-group a::before,.index-im ul li .btn-group a::after,.index-cec ul li .btn-group a::after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:100%;
	border-radius:4px;
	transition:opacity .3s ease-in-out
}
.index-im ul li .btn-group a:first-child,.index-cec ul li .btn-group a:first-child{
	color:#fff;
	background-image:linear-gradient(225deg, #0190FF 0%, #0015FF 100%)
}
.index-im ul li .btn-group a:first-child::before,.index-cec ul li .btn-group a:first-child::before{
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.4)
}
.index-im ul li .btn-group a:first-child::after,.index-cec ul li .btn-group a:first-child::after{
	box-shadow:inset 0 12px 16px 0 rgba(0,0,0,0.3);
	opacity:0
}
.index-im ul li .btn-group a:first-child:hover::before,.index-cec ul li .btn-group a:first-child:hover::before{
	opacity:0
}
.index-im ul li .btn-group a:first-child:hover::after,.index-cec ul li .btn-group a:first-child:hover::after{
	opacity:1
}
.index-im ul li .btn-group a:last-child,.index-cec ul li .btn-group a:last-child{
	color:#000;
	background:#fff
}
.index-im ul li .btn-group a:last-child::before,.index-cec ul li .btn-group a:last-child::before{
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.2)
}
.index-im ul li .btn-group a:last-child::after,.index-cec ul li .btn-group a:last-child::after{
	box-shadow:inset 0 12px 16px 0 rgba(128,160,201,0.3);
	opacity:0
}
.index-im ul li .btn-group a:last-child:hover::before,.index-cec ul li .btn-group a:last-child:hover::before{
	opacity:0
}
.index-im ul li .btn-group a:last-child:hover::after,.index-cec ul li .btn-group a:last-child:hover::after{
	opacity:1
}
.index-im ul li:hover,.index-cec ul li:hover{
	background-image:linear-gradient(179deg, #FFFFFF 0%, #F5F8FD 100%);
	transform:scale(1.06)
}
.index-im ul li:hover .title a,.index-cec ul li:hover .title a{
	color:#099DFD
}
.index-cec{
	padding-bottom:128px;
	width:100%;
	background:url(../../images/index/customer-bg.png) top center no-repeat
}
.index-cec ul li:nth-child(3) dd+dd{
	margin-top:22px
}
.index-cec ul li:nth-child(2) dd+dd{
	margin-top:44px
}
.index-cec .index-title h3{
	color:#fff
}
.index-social{
	padding-bottom:102px;
	width:100%;
	background:url(../../images/index/social-bg.png) bottom center no-repeat
}
.index-social ul{
	display:flex;
	gap:24px;
	flex-wrap:wrap;
	margin-top:87px
}
.index-social ul li{
	position:relative;
	padding:0 24px;
	width:263px;
	height:264px;
	border-radius:8px;
	background-color:#fff;
	background-repeat:no-repeat;
	cursor:pointer;
	transition:all .3s
}
.index-social ul li:nth-child(1){
	background-image:url(../../images/index/social_normal@2x.png);
	background-position:26px 24px;
	background-size:73px auto
}
.index-social ul li:nth-child(1):hover{
	background-image:url(../../images/index/social_hover@2x.png);
	background-position:26px 29px;
	background-size:77px auto
}
.index-social ul li:nth-child(2){
	background-image:url(../../images/index/medical_normal@2x.png);
	background-position:26px 25px;
	background-size:92px auto
}
.index-social ul li:nth-child(2):hover{
	background-image:url(../../images/index/medical_hover@2x.png);
	background-position:26px 19px;
	background-size:96px auto
}
.index-social ul li:nth-child(3){
	background-image:url(../../images/index/education_normal@2x.png);
	background-position:15px 20px;
	background-size:89px auto
}
.index-social ul li:nth-child(3):hover{
	background-image:url(../../images/index/education_hover@2x.png)
}
.index-social ul li:nth-child(4){
	background-image:url(../../images/index/retailers_normal@2x.png);
	background-position:24px 33px;
	background-size:69px auto
}
.index-social ul li:nth-child(4):hover{
	background-image:url(../../images/index/retailers_hover@2x.png);
	background-position:26px 29px;
	background-size:86px auto
}
.index-social ul li:nth-child(5){
	background-image:url(../../images/index/hardware_normal@2x.png);
	background-position:22px 16px;
	background-size:81px auto
}
.index-social ul li:nth-child(5):hover{
	background-image:url(../../images/index/hardware_hover@2x.png);
	background-size:85px auto
}
.index-social ul li:nth-child(6){
	background-image:url(../../images/index/Insurance_normal@2x.png);
	background-position:24px 14px;
	background-size:69px auto
}
.index-social ul li:nth-child(6):hover{
	background-image:url(../../images/index/Insurance_hover@2x.png);
	background-size:83px auto
}
.index-social ul li:nth-child(7){
	background-image:url(../../images/index/recruit_normal@2x.png);
	background-position:21px 22px;
	background-size:66px auto
}
.index-social ul li:nth-child(7):hover{
	background-image:url(../../images/index/recruit_hover@2x.png);
	background-size:73px auto
}
.index-social ul li:nth-child(8){
	background-image:url(../../images/index/game_normal@2x.png);
	background-position:20px 19px;
	background-size:67px auto
}
.index-social ul li:nth-child(8):hover{
	background-image:url(../../images/index/game_hover@2x.png);
	background-size:80px auto
}
.index-social ul li:nth-child(9){
	background-image:url(../../images/index/finance_normal@2x.png);
	background-position:21px 18px;
	background-size:65px auto
}
.index-social ul li:nth-child(9):hover{
	background-image:url(../../images/index/finance_hover@2x.png);
	background-size:73px auto
}
.index-social ul li:nth-child(10){
	background-image:url(../../images/index/big-business_normal@2x.png);
	background-position:24px 18px;
	background-size:60px auto
}
.index-social ul li:nth-child(10):hover{
	background-image:url(../../images/index/big-business_hover@2x.png);
	background-size:68px auto
}
.index-social ul li::before,.index-social ul li::after{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	display:block;
	content:"";
	width:100%;
	height:100%;
	border-radius:8px
}
.index-social ul li::before{
	box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)
}
.index-social ul li::after{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)
}
.index-social ul li:nth-last-child(2){
	margin-left:287px
}
.index-social ul li h3{
	margin:108px 0 0;
	font-size:20px;
	font-weight:500;
	color:#000;
	line-height:28px
}
.index-social ul li p{
	margin:9px 0 0;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px
}
.index-social ul li a{
	position:relative;
	z-index:2;
	margin-top:7px;
	padding:0 10px 0 5px;
	display:block;
	float:right;
	font-size:12px;
	font-weight:500;
	color:#fff;
	line-height:16px;
	background-color:rgba(0,74,255,0.7);
	border-radius:2px
}
.index-social ul li a::before,.index-social ul li a::after{
	position:absolute;
	top:6px;
	right:3px;
	display:block;
	content:"";
	width:5px;
	height:2px;
	background:#fff
}
.index-social ul li a::before{
	transform:rotate(45deg)
}
.index-social ul li a::after{
	transform:rotate(-45deg);
	top:9px
}
.index-social ul li:hover{
	transform:scale(1.06)
}
.index-social ul li:hover::before{
	box-shadow:-8px -8px 16px 0 rgba(82,96,184,0.06)
}
.index-social ul li:hover::after{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.2)
}
.index-social ul li:hover h3{
	font-weight:600;
	color:#099DFD
}
.index-social ul li:hover a{
	background:#099DFD
}
.index-data-center{
	position:relative;
	width:100%;
	height:860px;
	background-color:#000a35
}
.index-data-center .index-title{
	margin:0 auto;
	max-width:1600px;
	width:100%;
	height:293px;
	background-image:url(../../images/index/data-center-bg-top.png?20220616);
	background-size:auto 293px;
	background-position:top center;
	background-repeat:no-repeat
}
.index-data-center .index-title h3,.index-data-center .index-title p{
	color:#fff
}
.index-data-center .index-content{
	margin:0 auto;
	max-width:1600px;
	width:100%;
	height:567px;
	background-image:url(../../images/index/data-center-bg-btm.png?20220616);
	background-image:-webkit-image-set(url(../../images/index/data-center-bg-btm.png?20220616) 1x, url(../../images/index/data-center-bg-btm@2x.png?20220616) 2x);
	background-size:auto 567px;
	background-position:top center;
	background-repeat:no-repeat
}
.index-data-center .free-trial{
	position:absolute;
	bottom:96px;
	left:50%;
	display:block;
	width:150px;
	height:46px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-size:16px;
	font-weight:500;
	color:#141D7E;
	line-height:46px;
	text-align:center;
	background-color:#fff;
	border-radius:4px;
	transform:translateX(-50%);
	transition:all .3s
}
.index-data-center .free-trial:hover{
	background-color:rgba(255,255,255,0.9)
}
.index-case{
	padding-bottom:80px;
	background:url(../../images/index/case-bg.png) bottom center no-repeat
}
.index-case .common-title p{
	color:#333
}
.app-flow{
	padding:56px 0 75px
}
.app-flow .container{
	display:flex;
	align-items:center;
	gap:43px
}
.app-flow .pic{
	width:606px;
	flex:0 0 auto
}
.app-flow .pic img{
	display:block;
	width:100%
}
.app-flow .description .smalltext{
	padding-bottom:94px;
	border-bottom:2px solid rgba(151,151,151,0.15)
}
.app-flow .description .app-functions{
	padding-top:94px
}
.app-flow .description h3{
	margin:0 0 24px;
	font-size:32px;
	font-weight:500;
	color:#333;
	line-height:1
}
.app-flow .description p,.app-flow .description dd{
	margin:0;
	font-size:14px;
	font-weight:400;
	color:#5C5F61;
	line-height:28px
}
.app-flow .description dd{
	display:flex;
	align-items:center;
	height:28px;
	white-space:nowrap
}
.app-flow .description dd::before{
	display:inline-block;
	margin-right:6px;
	content:"";
	width:12px;
	height:12px;
	background:url(../../images/localization/right-icon@2x.png) no-repeat;
	background-size:12px auto
}
.localization-functional-features .content .item{
	flex-direction:row-reverse
}
.localization-functional-features .content .item .pic{
	width:545px
}
.partners .content li{
	width:198px
}
.partners .content li img{
	width:198px;
	height:89px
}
.partners .content li p{
	margin:0
}
.partners .content li:nth-child(n+6){
	margin-top:45px
}
.app-framework{
	margin-top:93px;
	padding-bottom:98px;
	background:url(../../images/localization/app-framework-bg.png) bottom center no-repeat
}
.app-framework img{
	display:block;
	margin:0 auto
}
.common-core-functions .core-functions-content{
	display:flex;
	flex-wrap:wrap;
	gap:25px
}
.common-core-functions .core-functions-content .core-functions-item{
	position:relative;
	padding:108px 24px 0;
	width:358px;
	height:217px;
	background-color:#fff;
	background-repeat:no-repeat;
	border-radius:8px;
	transition:all .3s
}
.common-core-functions .core-functions-content .core-functions-item::before,.common-core-functions .core-functions-content .core-functions-item::after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:100%;
	border-radius:8px
}
.common-core-functions .core-functions-content .core-functions-item::before{
	box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)
}
.common-core-functions .core-functions-content .core-functions-item::after{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)
}
.common-core-functions .core-functions-content .core-functions-item h3{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:28px
}
.common-core-functions .core-functions-content .core-functions-item h3.hot::after{
	position:relative;
	top:-1px;
	content:"";
	display:inline-block;
	margin-left:10px;
	width:28px;
	height:11px;
	background:url(../../images/flutter/hot@2x.png) no-repeat;
	background-size:28px
}
.common-core-functions .core-functions-content .core-functions-item p{
	margin:9px 0 0 0;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px
}
.common-core-functions .core-functions-content .core-functions-item:hover{
	transform:scale(1.06)
}
.common-core-functions .unity-core-functions-content{
	gap:24px
}
.common-core-functions .unity-core-functions-content .unity-core-functions-item{
	width:263px;
	height:264px
}
.common-functional-features .common-functional-features-content{
	margin-top:10px;
	display:flex;
	gap:59px
}
.common-functional-features .common-functional-features-content .pic{
	width:567px
}
.common-functional-features .common-functional-features-content .pic img{
	display:block;
	width:100%
}
.common-functional-features .common-functional-features-content .content{
	flex:1 0;
	padding-top:23px
}
.common-functional-features .common-functional-features-content .content dl dt span{
	position:relative;
	top:1px;
	display:inline-block;
	margin-right:8px;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
	background-size:14px
}
.common-functional-features .common-functional-features-content .content dl:nth-child(1) dt span{
	background-image:url(/statics/common/images/point-purple@2x.png)
}
.common-functional-features .common-functional-features-content .content dl:nth-child(2) dt span{
	background-image:url(/statics/common/images/point-green@2x.png)
}
.common-functional-features .common-functional-features-content .content dl:nth-child(3) dt span{
	background-image:url(/statics/common/images/point-blue@2x.png)
}
.common-functional-features .common-functional-features-content .content dl:nth-child(4) dt span{
	background-image:url(/statics/common/images/point-orange@2x.png)
}
.common-functional-features .common-functional-features-content .content dl{
	margin:0
}
.common-functional-features .common-functional-features-content .content dl+dl{
	margin-top:24px
}
.common-functional-features .common-functional-features-content .content dt{
	margin:0;
	font-size:20px;
	color:#333330;
	line-height:32px;
	font-weight:500
}
.common-functional-features .common-functional-features-content .content dd{
	margin-top:7px;
	font-size:14px;
	color:#5C5F61;
	line-height:30px;
	font-weight:400
}
.flutter-banner{
	background-image:url(../../images/flutter/banner.png)
}
.unity-banner{
	background-image:url(../../images/unity/banner.png)
}
.flutter-core-functions-content .flutter-core-functions-item:first-child{
	background-image:url(../../images/flutter/core-functions-1.png);
	background-image:-webkit-image-set(url(../../images/flutter/core-functions-1.png) 1x, url(../../images/flutter/core-functions-1@2x.png) 2x);
	background-size:64px auto;
	background-position:27px 23px
}
.flutter-core-functions-content .flutter-core-functions-item:nth-child(2){
	background-image:url(../../images/flutter/core-functions-2.png);
	background-image:-webkit-image-set(url(../../images/flutter/core-functions-2.png) 1x, url(../../images/flutter/core-functions-2@2x.png) 2x);
	background-size:80px auto;
	background-position:24px 28px
}
.flutter-core-functions-content .flutter-core-functions-item:nth-child(3){
	background-image:url(../../images/flutter/core-functions-3.png);
	background-image:-webkit-image-set(url(../../images/flutter/core-functions-3.png) 1x, url(../../images/flutter/core-functions-3@2x.png) 2x);
	background-size:64px auto;
	background-position:20px 23px
}
.flutter-core-functions-content .flutter-core-functions-item:nth-child(4){
	margin-left:179px;
	background-image:url(../../images/flutter/core-functions-4.png);
	background-image:-webkit-image-set(url(../../images/flutter/core-functions-4.png) 1x, url(../../images/flutter/core-functions-4@2x.png) 2x);
	background-size:58px auto;
	background-position:28px 23px
}
.flutter-core-functions-content .flutter-core-functions-item:nth-child(5){
	background-image:url(../../images/flutter/core-functions-5.png);
	background-image:-webkit-image-set(url(../../images/flutter/core-functions-5.png) 1x, url(../../images/flutter/core-functions-5@2x.png) 2x);
	background-size:58px auto;
	background-position:32px 24px
}
.unity-core-functions-content .unity-core-functions-item:first-child{
	background-image:url(../../images/unity/core-functions-1.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-1.png) 1x, url(../../images/unity/core-functions-1@2x.png) 2x);
	background-size:60px auto;
	background-position:28px 24px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(2){
	background-image:url(../../images/unity/core-functions-2.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-2.png) 1x, url(../../images/unity/core-functions-2@2x.png) 2x);
	background-size:80px auto;
	background-position:24px 28px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(3){
	background-image:url(../../images/unity/core-functions-3.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-3.png) 1x, url(../../images/unity/core-functions-3@2x.png) 2x);
	background-size:64px auto;
	background-position:20px 23px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(4){
	margin-left:0;
	background-image:url(../../images/unity/core-functions-4.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-4.png) 1x, url(../../images/unity/core-functions-4@2x.png) 2x);
	background-size:77px auto;
	background-position:20px 26px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(5){
	background-image:url(../../images/unity/core-functions-5.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-5.png) 1x, url(../../images/unity/core-functions-5@2x.png) 2x);
	background-size:58px auto;
	background-position:24px 25px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(5) p{
	position:relative
}
.unity-core-functions-content .unity-core-functions-item:nth-child(5) p i{
	position:absolute;
	display:inline;
	font-style:normal
}
.unity-core-functions-content .unity-core-functions-item:nth-child(6){
	background-image:url(../../images/unity/core-functions-6.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-6.png) 1x, url(../../images/unity/core-functions-6@2x.png) 2x);
	background-size:67px auto;
	background-position:24px 17px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(7){
	background-image:url(../../images/unity/core-functions-7.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-7.png) 1x, url(../../images/unity/core-functions-7@2x.png) 2x);
	background-size:64px auto;
	background-position:24px 19px
}
.unity-core-functions-content .unity-core-functions-item:nth-child(8){
	background-image:url(../../images/unity/core-functions-8.png);
	background-image:-webkit-image-set(url(../../images/unity/core-functions-8.png) 1x, url(../../images/unity/core-functions-8@2x.png) 2x);
	background-size:63px auto;
	background-position:24px 10px
}
.common-use-cases .common-use-cases-content{
	margin-top:4px;
	display:flex;
	flex-direction:row-reverse;
	gap:140px
}
.common-use-cases .common-use-cases-content .pic{
	width:524px
}
.common-use-cases .common-use-cases-content .pic img{
	display:block;
	width:100%
}
.common-use-cases .common-use-cases-content .content{
	padding-top:20px
}
.common-use-cases .common-use-cases-content .content .title small{
	font-size:12px;
	font-weight:400;
	line-height:17px;
	color:#099DFD
}
.common-use-cases .common-use-cases-content .content .title h3{
	margin:12px 0 0;
	font-size:30px;
	font-weight:500;
	line-height:42px;
	color:#262626
}
.common-use-cases .common-use-cases-content .content .description{
	margin-top:12px
}
.common-use-cases .common-use-cases-content .content .description p{
	margin:0;
	font-size:14px;
	font-weight:400;
	color:#5C5F61;
	line-height:40px
}
.common-use-cases .common-use-cases-content .content .description p::before{
	display:inline-block;
	margin-right:4px;
	content:"-"
}
.unity-functional-features .common-functional-features-content{
	gap:72px
}
.unity-functional-features .common-functional-features-content .pic{
	width:530px
}
.unity-use-cases .common-functional-features-content{
	flex-direction:row-reverse;
	gap:19px
}
.unity-use-cases .common-functional-features-content .pic{
	width:600px
}
.download-banner{
	position:relative;
	width:100%;
	height:350px !important;
	background:url(../../images/download/bannerbg.png) center no-repeat
}
.download-banner .banner-description{
	padding-left:38px
}
.download-banner.download-im-banner .banner-pic{
	background-image:url(../../images/download/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/download/banner-pic.png) 1x, url(../../images/download/banner-pic@2x.png));
	background-size:auto 250px;
	background-position:right 102px center
}
.download-im-content{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:36px
}
.download-im-content .download-im-title{
	position:relative;
	display:inline-flex;
	justify-content:center;
	margin:0 auto;
	padding-bottom:10px
}
.download-im-content .download-im-title::after{
	position:absolute;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height:1px;
	background:#5c5f61
}
.download-im-content .download-im-title .download-im-title-item{
	position:relative;
	width:281px;
	text-align:center
}
.download-im-content .download-im-title .download-im-title-item a{
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px
}
.download-im-content .download-im-title .download-im-title-item a:hover{
	color:#099DFD
}
.download-im-content .download-im-title .download-im-title-item.active a{
	font-weight:500;
	color:#099DFD
}
.download-im-content .download-im-title .download-im-title-item.active::after{
	position:absolute;
	bottom:-11px;
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#099DFD
}
.download-im-content .common-title{
	padding:90px 0 60px
}
.download-im-content .common-title small{
	font-weight:500;
	color:#099DFD
}
.download-im-content .download-im-detail{
	display:flex;
	flex-direction:column;
	width:100%
}
.download-im-content .download-im-detail .download-im-item{
	padding-bottom:100px
}
.download-im-content .download-im-platform{
	background:url(../../images/download/platformbg.png);
	background-position:center bottom;
	background-repeat:no-repeat
}
.download-im-content .download-im-framework{
	background:#f7f9fa
}
.download-im-content .download-im-server{
	background:url(../../images/download/serverbg.png);
	background-position:center bottom;
	background-repeat:no-repeat
}
.download-im-content .download-im-item-content{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:25px;
	margin:0 auto;
	width:1124px
}
.download-im-content .download-im-item-content .download-lang{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:358px;
	height:383px;
	background-color:#fff;
	background-repeat:no-repeat;
	border-radius:8px;
	transition:all .3s ease
}
.download-im-content .download-im-item-content .download-lang::before,.download-im-content .download-im-item-content .download-lang::after{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	content:"";
	width:100%;
	height:100%;
	border-radius:8px
}
.download-im-content .download-im-item-content .download-lang::before{
	box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)
}
.download-im-content .download-im-item-content .download-lang::after{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)
}
.download-im-content .download-im-item-content .download-lang h3,.download-im-content .download-im-item-content .download-lang .download-btns,.download-im-content .download-im-item-content .download-lang .download-description{
	position:relative;
	z-index:2
}
.download-im-content .download-im-item-content .download-lang .download-lang-title{
	position:relative;
	padding-top:153px;
	width:100%
}
.download-im-content .download-im-item-content .download-lang .download-lang-title::before,.download-im-content .download-im-item-content .download-lang .download-lang-title::after{
	position:absolute;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	display:block;
	content:"";
	transition:opacity .3s ease-in-out;
	background-repeat:no-repeat
}
.download-im-content .download-im-item-content .download-lang .download-lang-title::before{
	opacity:1
}
.download-im-content .download-im-item-content .download-lang .download-lang-title::after{
	opacity:0
}
.download-im-content .download-im-item-content .download-lang .download-lang-title h3{
	margin:0 0 46px;
	padding:0;
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:28px;
	text-align:center
}
.download-im-content .download-im-item-content .download-lang .download-btns{
	display:flex;
	flex-direction:column;
	gap:24px;
	width:270px
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0;
	width:100%;
	height:46px;
	border:none;
	border-radius:4px;
	transition:all .3s
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn::before,.download-im-content .download-im-item-content .download-lang .download-btns .btn::after{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:100%;
	transition:opacity .3s ease-in-out;
	border-radius:4px
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn::after{
	opacity:0
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn:hover::before{
	opacity:0
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn:hover::after{
	opacity:1
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn span{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:16px;
	font-weight:600
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn span::before{
	display:inline-block;
	content:"";
	width:18px;
	height:18px;
	background-size:18px
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-primary{
	background-image:linear-gradient(225deg, #0190FF 0%, #0015FF 100%)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-primary::before{
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.2)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-primary::after{
	box-shadow:inset 0 12px 16px 0 rgba(25,40,79,0.42)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-primary span{
	color:#fff
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-primary span::before{
	background-image:url(../../images/download/down-white.png);
	background-image:-webkit-image-set(url(../../images/download/down-white.png) 1x, url(../../images/download/down-white@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-default{
	background:#fff
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-default::before{
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.15)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-default::after{
	box-shadow:inset 0 12px 16px 0 rgba(128,160,201,0.3)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-default span{
	color:#333
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn.btn-default span::before{
	background-image:url(../../images/download/down-black.png);
	background-image:-webkit-image-set(url(../../images/download/down-black.png) 1x, url(../../images/download/down-black@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang .download-btns .btn .btn-badge{
	position:absolute;
	top:-4px;
	right:-4px;
	width:38px;
	height:16px;
	background-image:url(../../images/download/hotbadge_in_btn.png);
	background-image:-webkit-image-set(url(../../images/download/hotbadge_in_btn.png) 1x, url(../../images/download/hotbadge_in_btn@2x.png) 1x);
	background-size:38px
}
.download-im-content .download-im-item-content .download-lang .download-description{
	position:absolute;
	bottom:36px;
	display:flex;
	justify-content:space-between;
	padding:0 44px;
	width:100%
}
.download-im-content .download-im-item-content .download-lang .download-description a{
	display:flex;
	align-items:center;
	gap:5px;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:24px;
	text-decoration:underline
}
.download-im-content .download-im-item-content .download-lang .download-description a:hover{
	font-weight:500;
	color:#099DFD
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip a.tooltip-trigger{
	position:relative;
	text-decoration:none
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip a.tooltip-trigger i.triangle{
	position:absolute;
	top:19px;
	right:2px;
	display:block;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid transparent;
	border-bottom:6px solid #099DFD
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip a.tooltip-trigger i.triangle.mad-hidden{
	display:none
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip a.tooltip-trigger::after{
	display:inline-block;
	content:"";
	width:16px;
	height:16px;
	background-image:url(../../images/download/i.png);
	background-image:-webkit-image-set(url(../../images/download/i.png) 1x, url(../../images/download/i@2x.png) 1x);
	background-size:16px
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip a.tooltip-trigger:hover::after{
	background-image:url(../../images/download/i-blue.png);
	background-image:-webkit-image-set(url(../../images/download/i-blue.png) 1x, url(../../images/download/i-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip.mad-tooltip-item a.tooltip-trigger{
	font-weight:500;
	color:#099DFD
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip.mad-tooltip-item a.tooltip-trigger::after{
	background-image:url(../../images/download/i-blue.png);
	background-image:-webkit-image-set(url(../../images/download/i-blue.png) 1x, url(../../images/download/i-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description{
	position:absolute;
	top:30px;
	left:0;
	padding:16px 24px;
	width:100%;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:20px;
	text-align:justify;
	border-radius:0px 0px 8px 8px
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description::before{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:-webkit-linear-gradient(#099DFD, rgba(0,74,255,0.85));
	background:-o-linear-gradient(#099DFD, rgba(0,74,255,0.85));
	background:-moz-linear-gradient(#099DFD, rgba(0,74,255,0.85));
	background:linear-gradient(#099DFD, rgba(0,74,255,0.85));
	border-radius:0px 0px 8px 8px
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description .triangle{
	position:absolute;
	top:-11px;
	right:46px;
	display:block;
	content:"";
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid transparent;
	border-bottom:6px solid #099DFD
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description .description-item{
	position:relative;
	z-index:2
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description .description-item+.description-item{
	margin-top:14px
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description .description-item a{
	display:inline;
	font-size:14px;
	font-weight:500;
	color:#fff;
	text-decoration:underline;
	transition:all .3s ease
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description .description-item a:hover{
	color:#ffff00
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description h4,.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description p{
	position:relative;
	z-index:2;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:500;
	color:#fff;
	line-height:20px;
	text-align:justify
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description p{
	font-weight:400
}
.download-im-content .download-im-item-content .download-lang .download-description .mad-tooltip-description::after{
	position:absolute;
	z-index:1;
	top:-10px;
	right:-10px;
	bottom:-10px;
	left:-10px;
	content:"";
	opacity:.0001
}
.download-im-content .download-im-item-content .download-lang.with-two-button{
	height:407px
}
.download-im-content .download-im-item-content .download-lang.with-three-button{
	height:477px
}
.download-im-content .download-im-item-content .download-lang.with-two-button .download-lang-title,.download-im-content .download-im-item-content .download-lang.with-three-button .download-lang-title{
	padding-top:132px
}
.download-im-content .download-im-item-content .download-lang.with-two-button .download-lang-title h3,.download-im-content .download-im-item-content .download-lang.with-three-button .download-lang-title h3{
	margin:0 0 43px
}
.download-im-content .download-im-item-content .download-lang.with-two-button .download-description,.download-im-content .download-im-item-content .download-lang.with-three-button .download-description{
	bottom:40px
}
.download-im-content .download-im-item-content .download-lang:hover{
	z-index:999;
	transform:scale(1.06)
}
.download-im-content .download-im-item-content .download-lang:hover .download-lang-title::before{
	opacity:0
}
.download-im-content .download-im-item-content .download-lang:hover .download-lang-title::after{
	opacity:1
}
.download-im-content .download-im-item-content .download-lang.with-two-button .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.with-two-button .download-lang-title::after{
	background-position:center 44px !important
}
.download-im-content .download-im-item-content .download-lang.with-three-button .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.with-three-button .download-lang-title::after{
	background-position:center 44px !important
}
.download-im-content .download-im-item-content .download-lang.download-lang-android .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-android .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-android .download-lang-title::before{
	background-image:url(../../images/download/android-gray.png);
	background-image:-webkit-image-set(url(../../images/download/android-gray.png) 1x, url(../../images/download/android-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-android .download-lang-title::after{
	background-image:url(../../images/download/android-blue.png);
	background-image:-webkit-image-set(url(../../images/download/android-blue.png) 1x, url(../../images/download/android-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-ios .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-ios .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-ios .download-lang-title::before{
	background-image:url(../../images/download/ios-gray.png);
	background-image:-webkit-image-set(url(../../images/download/ios-gray.png) 1x, url(../../images/download/ios-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-ios .download-lang-title::after{
	background-image:url(../../images/download/ios-blue.png);
	background-image:-webkit-image-set(url(../../images/download/ios-blue.png) 1x, url(../../images/download/ios-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-web .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-web .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-web .download-lang-title::before{
	background-image:url(../../images/download/web-gray.png);
	background-image:-webkit-image-set(url(../../images/download/web-gray.png) 1x, url(../../images/download/web-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-web .download-lang-title::after{
	background-image:url(../../images/download/web-blue.png);
	background-image:-webkit-image-set(url(../../images/download/web-blue.png) 1x, url(../../images/download/web-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-windows .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-windows .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-windows .download-lang-title::before{
	background-image:url(../../images/download/windows-gray.png);
	background-image:-webkit-image-set(url(../../images/download/windows-gray.png) 1x, url(../../images/download/windows-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-windows .download-lang-title::after{
	background-image:url(../../images/download/windows-blue.png);
	background-image:-webkit-image-set(url(../../images/download/windows-blue.png) 1x, url(../../images/download/windows-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-linux .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-linux .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-linux .download-lang-title::before{
	background-image:url(../../images/download/linux-gray.png);
	background-image:-webkit-image-set(url(../../images/download/linux-gray.png) 1x, url(../../images/download/linux-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-linux .download-lang-title::after{
	background-image:url(../../images/download/linux-blue.png);
	background-image:-webkit-image-set(url(../../images/download/linux-blue.png) 1x, url(../../images/download/linux-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-uniapp .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-uniapp .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-uniapp .download-lang-title::before{
	background-image:url(../../images/download/uniapp-gray.png);
	background-image:-webkit-image-set(url(../../images/download/uniapp-gray.png) 1x, url(../../images/download/uniapp-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-uniapp .download-lang-title::after{
	background-image:url(../../images/download/uniapp-blue.png);
	background-image:-webkit-image-set(url(../../images/download/uniapp-blue.png) 1x, url(../../images/download/uniapp-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-applet .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-applet .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-applet .download-lang-title::before{
	background-image:url(../../images/download/applet-gray.png);
	background-image:-webkit-image-set(url(../../images/download/applet-gray.png) 1x, url(../../images/download/applet-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-applet .download-lang-title::after{
	background-image:url(../../images/download/applet-blue.png);
	background-image:-webkit-image-set(url(../../images/download/applet-blue.png) 1x, url(../../images/download/applet-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-unity .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-unity .download-lang-title::after{
	background-size:80px;
	background-position:center 70px
}
.download-im-content .download-im-item-content .download-lang.download-lang-unity .download-lang-title::before{
	background-image:url(../../images/download/unity-gray.png);
	background-image:-webkit-image-set(url(../../images/download/unity-gray.png) 1x, url(../../images/download/unity-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-unity .download-lang-title::after{
	background-image:url(../../images/download/unity-blue.png);
	background-image:-webkit-image-set(url(../../images/download/unity-blue.png) 1x, url(../../images/download/unity-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-react-native .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-react-native .download-lang-title::after{
	background-size:80px;
	background-position:center 65px
}
.download-im-content .download-im-item-content .download-lang.download-lang-react-native .download-lang-title::before{
	background-image:url(../../images/download/react-native-gray.png);
	background-image:-webkit-image-set(url(../../images/download/react-native-gray.png) 1x, url(../../images/download/react-native-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-react-native .download-lang-title::after{
	background-image:url(../../images/download/react-native-blue.png);
	background-image:-webkit-image-set(url(../../images/download/react-native-blue.png) 1x, url(../../images/download/react-native-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-flutter .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-flutter .download-lang-title::after{
	background-size:80px;
	background-position:center 65px
}
.download-im-content .download-im-item-content .download-lang.download-lang-flutter .download-lang-title::before{
	background-image:url(../../images/download/flutter-gray.png);
	background-image:-webkit-image-set(url(../../images/download/flutter-gray.png) 1x, url(../../images/download/flutter-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-flutter .download-lang-title::after{
	background-image:url(../../images/download/flutter-blue.png);
	background-image:-webkit-image-set(url(../../images/download/flutter-blue.png) 1x, url(../../images/download/flutter-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-electron .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-electron .download-lang-title::after{
	background-size:80px;
	background-position:center 62px
}
.download-im-content .download-im-item-content .download-lang.download-lang-electron .download-lang-title::before{
	background-image:url(../../images/download/electron-gray.png);
	background-image:-webkit-image-set(url(../../images/download/electron-gray.png) 1x, url(../../images/download/electron-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-electron .download-lang-title::after{
	background-image:url(../../images/download/electron-blue.png);
	background-image:-webkit-image-set(url(../../images/download/electron-blue.png) 1x, url(../../images/download/electron-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-java .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-java .download-lang-title::after{
	background-size:112px;
	background-position:center 36px
}
.download-im-content .download-im-item-content .download-lang.download-lang-java .download-lang-title::before{
	background-image:url(../../images/download/java-gray.png);
	background-image:-webkit-image-set(url(../../images/download/java-gray.png) 1x, url(../../images/download/java-gray@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-java .download-lang-title::after{
	background-image:url(../../images/download/java-blue.png);
	background-image:-webkit-image-set(url(../../images/download/java-blue.png) 1x, url(../../images/download/java-blue@2x.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-java.with-two-button .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-java.with-two-button .download-lang-title::after{
	background-position:center 16px !important
}
.download-im-content .download-im-item-content .download-lang.download-lang-java.with-three-button .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-java.with-three-button .download-lang-title::after{
	background-position:center 16px !important
}
.download-im-content .download-im-item-content .download-lang.download-lang-PHP .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-PHP .download-lang-title::after{
	background-size:80px;
	background-position:center 62px
}
.download-im-content .download-im-item-content .download-lang.download-lang-PHP .download-lang-title::before{
	background-image:url(../../images/download/php-gray.png);
	background-image:-webkit-image-set(url(../../images/download/php-gray.png) 1x, url(../../images/download/php-gray.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-PHP .download-lang-title::after{
	background-image:url(../../images/download/php-blue.png);
	background-image:-webkit-image-set(url(../../images/download/php-blue.png) 1x, url(../../images/download/php-blue.png) 1x)
}
.download-im-content .download-im-item-content .download-lang.download-lang-PHP.with-two-button .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-PHP.with-two-button .download-lang-title::after{
	background-position:center 16px !important
}
.download-im-content .download-im-item-content .download-lang.download-lang-PHP.with-three-button .download-lang-title::before,.download-im-content .download-im-item-content .download-lang.download-lang-PHP.with-three-button .download-lang-title::after{
	background-position:center 16px !important
}
.liveroom-bg-banner{
	background-image:url(../../images/liveroom/bannerbg.png);
	background-repeat:no-repeat;
	background-size:cover
}
.liveroom-banner .banner-pic{
	background-image:url(../../images/liveroom/banner-pic.png);
	background-repeat:no-repeat;
	background-position:right center
}


.service-more-content{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	margin:0 auto;
	width:1124px
}
@media screen and (max-width:991px) {
	.service-more-content{
		width: 90%;
	}
}
.service-more-content::before{
	display: none;
}
.service-more-content .more-item{
	width:476px;
	height:144px;
/* box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06); */
box-shadow: 0px 0px 6px 6px  rgba(82,96,184,0.06);
border-radius: 8px;

line-height: 1.6;
}
.service-more-content .more-item p a{
	float:right;
	color: #0089FF;
}
.service-more-content .more-item .leftpic{
	margin-right:22px;
	width:100px;
	float:left;
}
.service-more-content .more-item img{
	width:100px;
/* 	height:100px; */
	border-radius: 24px;
	padding-top: 15px;
}




.functional-highlights{
	background:url(../../images/functionalbg.png) no-repeat center bottom
}
.functional-highlights .functional-highlights-content{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	margin:0 auto;
	width:1124px
}

.functional-highlights .functional-highlights-content .functional-item-1{
	width:358px
}
.functional-highlights .functional-highlights-content .functional-item-1 p+p{
	margin-top:0
}
.functional-highlights .functional-highlights-content.with-p-before .functional-item-1 p{
	position:relative;
	padding-left:14px
}
.functional-highlights .functional-highlights-content.with-p-before .functional-item-1 p::before{
	position:absolute;
	left:0;
	display:inline-block;
	content:"-";
	width:14px
}
.liveroom-functional-highlights .functional-item-1 h3{
	padding-left:8px
}
.liveroom-functional-highlights .functional-item-1:nth-child(1){
	background-image:url(../../images/liveroom/functional-item-1.png);
/* 	background-size:64px; */
	background-position:25px 21px
}
.liveroom-functional-highlights .functional-item-1:nth-child(2){
	background-image:url(../../images/liveroom/functional-item-2.png);
	/* background-size:77px; */
	background-position:32px 25px
}
.liveroom-functional-highlights .functional-item-1:nth-child(3){
	background-image:url(../../images/liveroom/functional-item-3.png);
	/* background-size:68px; */
	background-position:34px 27px
}
.liveroom-functional-highlights .functional-item-1:nth-child(4){
	background-image:url(../../images/liveroom/functional-item-4.png);
	/* background-size:64px; */
	background-position:32px 26px
}
.liveroom-functional-highlights .functional-item-1:nth-child(5){
	background-image:url(../../images/liveroom/functional-item-5.png);
	/* background-size:80px; */
	background-position:30px 27px
}
.liveroom-functional-highlights .functional-item-1:nth-child(6){
	background-image:url(../../images/liveroom/functional-item-6.png);
	/* background-size:65px; */
	background-position:29px 22px
}
.liveroom-application-scenarios .solution .head #icon .item,.liveroom-application-scenarios .solution .head #icon1 .item{
	color:#333;
	border-color:#999C9E
}
.liveroom-application-scenarios .solution .head #icon .item.current,.liveroom-application-scenarios .solution .head #icon1 .item.current{
	color:#099DFD;
	border-color:#099DFD
}
.liveroom-application-scenarios .body-container .item .row{
	align-items:flex-start;
	gap:80px
}
.liveroom-application-scenarios .body-container .item .row::before,.liveroom-application-scenarios .body-container .item .row::after{
	display:none
}
.liveroom-application-scenarios .body-container .item .row .side-img{
	width:566px;
	height:auto
}
.liveroom-application-scenarios .body-container .item .row .side-text{
	padding-left:0;
	width:424px
}
.liveroom-application-scenarios .body-container .item .row .side-text small{
	font-size:12px;
	font-weight:400;
	color:#099DFD;
	line-height:17px
}
.liveroom-application-scenarios .body-container .item .row .side-text h3{
	margin:12px 0 17px;
	font-size:30px;
	font-weight:500;
	color:#262626;
	line-height:42px
}
.liveroom-application-scenarios .body-container .item .row .side-text .text p,.liveroom-application-scenarios .body-container .item .row .side-text .text dd{
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px
}
.liveroom-application-scenarios .body-container .item .row .side-text .text.with-no-before p{
	padding-left:0
}
.liveroom-application-scenarios .body-container .item .row .side-text .text.with-no-before p::before{
	content:""
}
.liveroom-application-scenarios .body-container .item .row .side-text .text+.text{
	margin-top:12px
}
.liveroom-application-scenarios .body-container .item .row .side-text .text dd{
	padding-left:0;
	color:#5C5F61;
	line-height:40px
}
.liveroom-application-scenarios .body-container .item .row .side-text .text.with-before dd{
	position:relative;
	padding-left:15px
}
.liveroom-application-scenarios .body-container .item .row .side-text .text.with-before dd::before{
	position:absolute;
	left:0;
	display:inline-block;
	content:"-";
	width:15px
}
.liveroom-customer-cases{
	background:url(../../images/functionalbg.png) no-repeat center top
}
.liveroom-customer-cases .customer-cases-content{
	display:flex;
	gap:24px;
	margin:0 auto;
	width:1124px
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item{
	position:relative;
	padding:180px 42px 0;
	width:550px;
	height:383px;
	background:#fff;
	border-radius:8px;
	transition:all .3s
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item:nth-child(1){
	background-image:url(../../images/liveroom/customer-cases-item-1.png);
	background-repeat:no-repeat;
	background-position:center 55px;
	background-size:285px
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item:nth-child(2){
	background-image:url(../../images/liveroom/customer-cases-item-2.png);
	background-repeat:no-repeat;
	background-position:center 71px;
	background-size:316px
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item:hover{
	transform:scale(1.05)
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item p{
	position:relative;
	z-index:2;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item p+p{
	margin-top:12px
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item::before,.liveroom-customer-cases .customer-cases-content .customer-cases-item::after{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	border-radius:8px
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item::before{
	box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)
}
.liveroom-customer-cases .customer-cases-content .customer-cases-item::after{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)
}
.block-area{
	padding:72px 0 100px;
	text-align:center
}
.block-area .btn{
	padding:0;
	width:180px;
	height:50px;
	font-size:16px;
	line-height:50px;
	color:#000000d9;
	background:transparent;
	border:1px solid transparent;
	border-radius:4px;
	text-align:center;
	transition:all .3s ease
}
.block-area .btn:hover{
	font-weight:500
}
.block-area .btn.btn-warning{
	background:#F5B037;
	border-color:#F5B037;
	color:#fff
}
.block-area .btn.btn-warning:hover{
	background-color:#ec971f;
	border-color:#d58512;
	color:#fff
}
.block-area .btn-bordered{
	border-color:#099dfd;
	color:#099dfd
}
.block-area .btn-bordered:hover{
	background:#099dfd;
	color:#fff
}
.block-area .btn-text{
	position:relative;
	font-size:20px;
	font-weight:500;
	color:#099DFD;
	line-height:28px;
	letter-spacing:.47px;
	transition:all .3s
}
.block-area .btn-text::before{
	display:block;
	content:""
}
.block-area .btn-text::before{
	position:absolute;
	left:0;
	bottom:2px;
	width:100%;
	height:2px;
	background:#099DFD;
	opacity:0;
	transition:all .3s
}
.block-area .btn-text:hover::before{
	opacity:1
}
.block-area .arrow{
	position:relative;
	top:-3px;
	display:inline-block;
	margin-left:5px
}
.block-area .arrow::before,.block-area .arrow::after{
	position:relative;
	display:block;
	content:"";
	width:10px;
	height:2px;
	background:#099DFD
}
.block-area .arrow::before{
	top:-4px;
	transform:rotate(45deg)
}
.block-area .arrow::after{
	transform:rotate(-45deg)
}
.solution-architecture .common-title p{
	font-size:20px;
	font-weight:500;
	color:#535353;
	line-height:32px
}
.solution-architecture .common-title p span{
	display:inline-block
}
.solution-architecture .common-title p span+span{
	margin-left:20px
}
.solution-architecture .common-title p span:before{
	position:relative;
	top:1px;
	display:inline-block;
	margin-right:5px;
	content:"";
	width:15px;
	height:15px;
	background-image:url(../../images/liveroom/icon-right.png);
	background-size:15px
}
.solution-architecture .solution-architecture-content{
	text-align:center
}
.solution-architecture .solution-architecture-content img{
	display:block;
	margin:0 auto;
	width:1063px;
	max-width:100%
}
.free-activation{
	padding-bottom:100px;
	background:url(../../images/functionalbg.png) no-repeat center top
}
.free-activation .common-title p{
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:24px
}
.free-activation .free-activation-content{
	display:flex;
	gap:26px;
	justify-content:center
}
.free-activation .free-activation-content .free-activation-item{
	position:relative;
	width:358px;
	height:383px;
	background:#fff;
	border-radius:8px;
	transition:all .3s
}
.free-activation .free-activation-content .free-activation-item::before,.free-activation .free-activation-content .free-activation-item::after{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	border-radius:8px
}
.free-activation .free-activation-content .free-activation-item::before{
	box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)
}
.free-activation .free-activation-content .free-activation-item::after{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)
}
.free-activation .free-activation-content .free-activation-item .free-activation-title,.free-activation .free-activation-content .free-activation-item .download-btns{
	position:relative;
	z-index:2
}
.free-activation .free-activation-content .free-activation-item .free-activation-title{
	position:relative;
	padding-top:153px;
	text-align:center
}
.free-activation .free-activation-content .free-activation-item .free-activation-title h3{
	position:relative;
	z-index:2;
	margin:8px 0 22px
}
.free-activation .free-activation-content .free-activation-item .free-activation-title p{
	position:relative;
	z-index:2;
	padding:0 46px;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:24px
}
.free-activation .free-activation-content .free-activation-item .free-activation-title p a{
	color:#666;
	text-decoration:underline;
	transition:all .3s
}
.free-activation .free-activation-content .free-activation-item .free-activation-title p a:hover{
	color:#099DFD
}
.free-activation .free-activation-content .free-activation-item .free-activation-title.free-activation-title-new h3::after{
	display:inline-block;
	content:"";
	margin-left:8px;
	width:33px;
	height:14px;
	background-image:url(../../images/liveroom/new.png);
	background-image:-webkit-image-set(url(../../images/liveroom/new.png) 1x, url(../../images/liveroom/new@2x.png) 2x);
	background-size:33px 14px
}
.free-activation .free-activation-content .free-activation-item .free-activation-title::before,.free-activation .free-activation-content .free-activation-item .free-activation-title::after{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	display:inline-block;
	content:"";
	width:100%;
	height:100%;
	background-size:80px;
	background-repeat:no-repeat;
	background-position:center 65px;
	transition:all .3s
}
.free-activation .free-activation-content .free-activation-item .free-activation-title::before{
	opacity:1
}
.free-activation .free-activation-content .free-activation-item .free-activation-title::after{
	opacity:0
}
.free-activation .free-activation-content .free-activation-item:nth-child(1) .free-activation-title::before{
	background-image:url(../../images/liveroom/free-activation-1-gray.png);
	background-image:-webkit-image-set(url(../../images/liveroom/free-activation-1-gray.png) 1x, url(../../images/liveroom/free-activation-1-gray@2x.png) 2x)
}
.free-activation .free-activation-content .free-activation-item:nth-child(1) .free-activation-title::after{
	background-image:url(../../images/liveroom/free-activation-1-blue.png);
	background-image:-webkit-image-set(url(../../images/liveroom/free-activation-1-blue.png) 1x, url(../../images/liveroom/free-activation-1-blue@2x.png) 2x)
}
.free-activation .free-activation-content .free-activation-item:nth-child(2) .free-activation-title::before{
	background-image:url(../../images/liveroom/free-activation-2-gray.png);
	background-image:-webkit-image-set(url(../../images/liveroom/free-activation-2-gray.png) 1x, url(../../images/liveroom/free-activation-2-gray@2x.png) 2x)
}
.free-activation .free-activation-content .free-activation-item:nth-child(2) .free-activation-title::after{
	background-image:url(../../images/liveroom/free-activation-2-blue.png);
	background-image:-webkit-image-set(url(../../images/liveroom/free-activation-2-blue.png) 1x, url(../../images/liveroom/free-activation-2-blue@2x.png) 2x)
}
.free-activation .free-activation-content .free-activation-item:hover{
	transform:scale(1.05)
}
.free-activation .free-activation-content .free-activation-item:hover .free-activation-title::before{
	opacity:0
}
.free-activation .free-activation-content .free-activation-item:hover .free-activation-title::after{
	opacity:1
}
.free-activation .free-activation-content .free-activation-item .download-btns{
	position:absolute;
	right:45px;
	bottom:45px;
	left:45px
}
.free-activation .free-activation-content .free-activation-item .download-btns a{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	width:100%;
	height:46px;
	background-image:linear-gradient(225deg, #0190FF 0%, #0015FF 100%);
	border-radius:4px;
	font-size:16px;
	color:#FFF;
	font-weight:600;
	line-height:46px;
	text-align:center;
	transition:all .3s
}
.free-activation .free-activation-content .free-activation-item .download-btns a::before,.free-activation .free-activation-content .free-activation-item .download-btns a::after{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	transition:opacity .3s
}
.free-activation .free-activation-content .free-activation-item .download-btns a::before{
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.2);
	opacity:1
}
.free-activation .free-activation-content .free-activation-item .download-btns a::after{
	box-shadow:inset 0 12px 16px 0 rgba(25,40,79,0.42);
	opacity:0
}
.free-activation .free-activation-content .free-activation-item .download-btns a:hover::before{
	opacity:0
}
.free-activation .free-activation-content .free-activation-item .download-btns a:hover::after{
	opacity:1
}
.free-activation .free-activation-content .free-activation-item .download-btns a i{
	position:relative;
	top:3px
}
.free-activation .free-activation-content .free-activation-item .download-btns a i::before,.free-activation .free-activation-content .free-activation-item .download-btns a i::after{
	position:relative;
	display:block;
	content:"";
	width:10px;
	height:2px;
	background:#fff
}
.free-activation .free-activation-content .free-activation-item .download-btns a i::before{
	top:-4px;
	transform:rotate(45deg)
}
.free-activation .free-activation-content .free-activation-item .download-btns a i::after{
	transform:rotate(-45deg)
}
.cs-video-banner{
	background-image:url(../../images/cs-video/bannerbg.png) !important;
	background-size:cover !important
}
.cs-video-banner .banner-pic{
	background-image:url(../../images/cs-video/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/cs-video/banner-pic.png) 1x, url(../../images/cs-video/banner-pic@2x.png) 2x);
	background-position:right center
}
.cs-video-banner .banner-btn-container{
	margin-top:34px
}
.vec-banner{
	position:relative;
	background-image:url(../../images/cs-video/bannerbg.png) !important;
	background-size:cover !important
}
.vec-banner .banner-pic{
	background-image:url(../../images/vec/banner-pic.png?202204130257);
	background-position:right 72px;
	background-size:617px
}
.vec-banner .banner-pic h5 small{
	color:#83C7FE
}
.vec-banner .banner-pic .banner-text{
	margin-top:32px
}
.vec-banner .banner-pic .banner-text p{
	font-size:18px;
	line-height:29px
}
.vec-banner .banner-pic .banner-text p+p{
	margin-top:0
}
.vec-banner .banner-btn-container{
	margin-top:34px
}
.customer-report-banner .banner-pic{
	background-image:url(../../images/customer-report/banner-pic.png?20220629);
	background-image:-webkit-image-set(url(../../images/customer-report/banner-pic.png?20220629) 1x, url(../../images/customer-report/banner-pic@2x.png?20220629) 2x);
	background-position:right center;
	background-size:563px
}
.customer-report-banner .banner-pic h5{
	font-size:60px;
	line-height:65px
}
.customer-report-banner .banner-btn-container{
	margin-top:32px
}
.vec-banner .download-box,.sl-banner .download-box{
	position:absolute;
	bottom:-97px;
	left:50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:750px;
	height:194px;
	background-image:url(../../images/vec/download-box-bg.png);
	background-repeat:no-repeat;
	transform:translateX(-50%)
}
.vec-banner .download-box h3,.sl-banner .download-box h3{
	margin:0;
	font-size:24px;
	font-weight:500;
	color:#005CFF;
	line-height:38px;
	letter-spacing:3px
}
.vec-banner .download-box a,.sl-banner .download-box a{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:17px;
	width:272px;
	height:46px;
	font-size:14px;
	font-weight:400;
	color:#2966FF;
	line-height:20px;
	border:1px solid #2966FF;
	border-radius:4px;
	text-decoration:none;
	transition:all .3s
}
.vec-banner .download-box a span,.sl-banner .download-box a span{
	display:inline-block;
	margin-left:4px
}
.vec-banner .download-box a:hover,.sl-banner .download-box a:hover{
	color:#fff;
	background:#2966FF
}
.vec-report-banner .banner-pic{
	background-image:url(../../images/cs/report-pic.png);
	background-position:right 72px;
	background-size:573px
}
.cs-video-features .features-container{
	display:flex;
	flex-direction:column;
	gap:95px;
	margin:0 auto;
	width:1140px
}
.cs-video-features .features-top{
	position:relative;
	height:120px
}
.cs-video-features .features-top ul{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:row;
	justify-content:space-around
}
.cs-video-features .features-top ul li{
	position:relative;
	width:162px;
	height:40px;
	background-color:rgba(214,221,235,0.56);
	border-radius:20px;
	font-size:18px;
	font-weight:500;
	color:#333;
	line-height:40px;
	text-align:center
}
.cs-video-features .features-top ul li::before,.cs-video-features .features-top ul li::after{
	display:block;
	content:""
}
.cs-video-features .features-top ul li::before{
	position:absolute;
	top:40px;
	left:50%;
	width:0;
	height:0;
	border:5px solid transparent;
	border-top-color:rgba(214,221,235,0.56);
	transform:translateX(-50%)
}
.cs-video-features .features-top ul li::after{
	margin:5px auto 0;
	width:75px;
	height:75px;
	background-color:#fff;
	background-size:75px
}
.cs-video-features .features-top ul li:nth-child(1)::after{
	background-image:url(../../images/cs-video/features-1.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-1.png) 1x, url(../../images/cs-video/features-1@2x.png) 2x)
}
.cs-video-features .features-top ul li:nth-child(2)::after{
	background-image:url(../../images/cs-video/features-2.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-2.png) 1x, url(../../images/cs-video/features-2@2x.png) 2x)
}
.cs-video-features .features-top ul li:nth-child(3)::after{
	background-image:url(../../images/cs-video/features-3.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-3.png) 1x, url(../../images/cs-video/features-3@2x.png) 2x)
}
.cs-video-features .features-top ul li:nth-child(4)::after{
	background-image:url(../../images/cs-video/features-4.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-4.png) 1x, url(../../images/cs-video/features-4@2x.png) 2x)
}
.cs-video-features .features-top::after{
	position:absolute;
	z-index:1;
	bottom:33px;
	display:block;
	content:"";
	width:100%;
	height:9px;
	background:linear-gradient(225deg, #0081FF 0%, #099DFD 100%);
	border-radius:100px
}
.cs-video-features .features-btm{
	display:flex;
	gap:80px
}
.cs-video-features .features-btm li{
	position:relative;
	padding-left:80px;
	color:#333
}
.cs-video-features .features-btm li h3{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px
}
.cs-video-features .features-btm li p{
	margin:7px 0 0;
	font-size:14px;
	font-weight:400;
	line-height:24px
}
.cs-video-features .features-btm li::before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:"";
	width:60px;
	height:60px;
	background-size:60px
}
.cs-video-features .features-btm li:nth-child(1)::before{
	background-image:url(../../images/cs-video/features-icon-1.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-icon-1.png) 1x, url(../../images/cs-video/features-icon-1@2x.png) 2x)
}
.cs-video-features .features-btm li:nth-child(2)::before{
	background-image:url(../../images/cs-video/features-icon-2.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-icon-2.png) 1x, url(../../images/cs-video/features-icon-2@2x.png) 2x)
}
.cs-video-features .features-btm li:nth-child(3)::before{
	background-image:url(../../images/cs-video/features-icon-3.png);
	background-image:-webkit-image-set(url(../../images/cs-video/features-icon-3.png) 1x, url(../../images/cs-video/features-icon-3@2x.png) 2x)
}
.cs-video-application-scenarios{
/*	padding-bottom:85px*/
	padding-bottom: 0 !important;
}
.cs-video-application-scenarios .application-scenarios-content{
	display:flex;
	flex-direction:column;
	gap:20px
}
.cs-video-application-scenarios .imagetext{
	display:flex;
	align-items:center;
	gap:28px
}
.cs-video-application-scenarios .imagetext .image{
	width:592px
}
.cs-video-application-scenarios .imagetext .image img{
	display:block;
	width:100%
}
.cs-video-application-scenarios .imagetext .text{
	width:500px
}
.cs-video-application-scenarios .imagetext .text dl dt{
	display:flex;
	align-items:center;
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:32px
}
.cs-video-application-scenarios .imagetext .text dl dt span{
	display:inline-block;
	margin-right:6px;
	width:18px;
	/* height:14px;
	background-repeat:no-repeat;
	background-size:14px */
}
.cs-video-application-scenarios .imagetext .text dl dt span img{
	display: block;
	width:14px;
	height:14px;
}
.cs-video-application-scenarios .imagetext .text dl dd{
	margin-top:9px;
	font-size:14px;
	font-weight:400;
	color:#5C5F61;
	line-height:24px
}
.cs-video-application-scenarios .imagetext .text dl+dl{
	margin-top:30px
}
.cs-video-application-scenarios .imagetext .text dl:nth-child(1) dt span,.cs-video-application-scenarios .imagetext .text dl:nth-child(5) dt span{
	background-image:url(/statics/common/images/point-purple@2x.png)
}
.cs-video-application-scenarios .imagetext .text dl:nth-child(2) dt span{
	background-image:url(/statics/common/images/point-green@2x.png)
}
.cs-video-application-scenarios .imagetext .text dl:nth-child(3) dt span{
	background-image:url(/statics/common/images/point-blue@2x.png)
}
.cs-video-application-scenarios .imagetext .text dl:nth-child(4) dt span{
	background-image:url(/statics/common/images/point-orange@2x.png)
}
.cs-video-application-scenarios .imagetext:nth-child(1) .image{
	width:569px
}
.cs-video-application-scenarios .imagetext:nth-child(2){
	flex-direction:row-reverse
}
.cs-video-application-scenarios .imagetext:nth-child(2) .image{
	width:583px
}
.cs-video-application-scenarios .imagetext:nth-child(2) .text{
	padding-left:43px
}
.cs-video-highlights{
	padding-bottom:120px;
	background-image:url(../../images/ripple-bg.png)
}
.cs-video-highlights .functional-highlights-content{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	margin:0 auto;
	width:1124px
}
.cs-video-highlights .functional-highlights-content .functional-item-1{
	padding:115px 24px 24px;
	width:358px;
	background-color:#fff;
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1),-12px -12px 16px 0 rgba(82,96,184,0.06);
	border-radius:8px;
	background-repeat:no-repeat;
	transition:all .3s
}
.cs-video-highlights .functional-highlights-content .functional-item-1 h3{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:28px
}
.cs-video-highlights .functional-highlights-content .functional-item-1 h3.hot::after{
	position:relative;
	top:-1px;
	content:"";
	display:inline-block;
	margin-left:10px;
	width:28px;
	height:11px;
	background:url(../../images/flutter/hot@2x.png) no-repeat;
	background-size:28px
}
.cs-video-highlights .functional-highlights-content .functional-item-1 p{
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:400;
	color:#5C5F61;
	line-height:24px
}
.cs-video-highlights .functional-highlights-content .functional-item-1:hover{
	transform:scale(1.05)
}
.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(1){
	background-image:url(../../images/cs-video/functional-item-1.png);
	background-image:-webkit-image-set(url(../../images/cs-video/functional-item-1.png) 1x, url(../../images/cs-video/functional-item-1@2x.png) 2x);
	background-size:80px;
	background-position:25px 28px
}
.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(2){
	background-image:url(../../images/cs-video/functional-item-2.png);
	background-image:-webkit-image-set(url(../../images/cs-video/functional-item-2.png) 1x, url(../../images/cs-video/functional-item-2@2x.png) 2x);
	background-size:78px;
	background-position:24px 25px
}
.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(3){
	background-image:url(../../images/cs-video/functional-item-3.png);
	background-image:-webkit-image-set(url(../../images/cs-video/functional-item-3.png) 1x, url(../../images/cs-video/functional-item-3@2x.png) 2x);
	background-size:79px;
	background-position:26px 20px
}
.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(4){
	background-image:url(../../images/cs-video/functional-item-4.png);
	background-image:-webkit-image-set(url(../../images/cs-video/functional-item-4.png) 1x, url(../../images/cs-video/functional-item-4@2x.png) 2x);
	background-size:81px;
	background-position:22px 38px
}
.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(5){
	background-image:url(../../images/cs-video/functional-item-5.png);
	background-image:-webkit-image-set(url(../../images/cs-video/functional-item-5.png) 1x, url(../../images/cs-video/functional-item-5@2x.png) 2x);
	background-size:78px;
	background-position:24px 24px
}
.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(6){
	background-image:url(../../images/cs-video/functional-item-6.png);
	background-image:-webkit-image-set(url(../../images/cs-video/functional-item-6.png) 1x, url(../../images/cs-video/functional-item-6@2x.png) 2x);
	background-size:78px;
	background-position:26px 24px
}
.discord-like .functional-highlights-content .functional-item-1 img{
	width: 88px;
	height: 88px;
}
.discord-like .functional-highlights-content .functional-item-1:nth-child(1){
	background-image:url(../img/all_type.png);
	background-image:-webkit-image-set(url(../img/all_type.png) 1x, url(../img/all_type@2x.png) 2x);
	/* background-size:64px; */
	background-position:31px 21px
}
.discord-like .functional-highlights-content .functional-item-1:nth-child(2){
	background-image:url(../img/rtc.png);
	background-image:-webkit-image-set(url(../img/rtc.png) 1x, url(../img/rtc@2x.png) 2x);
	/* background-size:55px; */
	background-position:26px 23px
}
.discord-like .functional-highlights-content .functional-item-1:nth-child(3){
	background-image:url(../img/group_management.png);
	background-image:-webkit-image-set(url(../img/group_management.png) 1x, url(../img/group_management@2x.png) 2x);
	/* background-size:55px; */
	background-position:27px 25px
}
.discord-like .functional-highlights-content .functional-item-1:nth-child(4){
	background-image:url(../img/multi_terminal.png);
	background-image:-webkit-image-set(url(../img/multi_terminal.png) 1x, url(../img/multi_terminal@2x.png) 2x);
	/* background-size:76px; */
	background-position:23px 25px
}
.discord-like .functional-highlights-content .functional-item-1:nth-child(5){
	background-image:url(../img/interface.png);
	background-image:-webkit-image-set(url(../img/interface.png) 1x, url(../img/interface@2x.png) 2x);
	/* background-size:57px; */
	background-position:24px 28px
}
.discord-like .functional-highlights-content .functional-item-1:nth-child(6){
	background-image:url(../img/push.png);
	background-image:-webkit-image-set(url(../img/push.png) 1x, url(../img/push@2x.png) 2x);
	/* background-size:68px; */
	background-position:32px 29px
}
.antispam-core-functions .functional-highlights-content .functional-item-1:nth-child(1){
	background-image:url(../../images/antispam/functional-item-1.png);
	background-image:-webkit-image-set(url(../../images/antispam/functional-item-1.png) 1x, url(../../images/antispam/functional-item-1@2x.png) 2x);
	background-size:83px;
	background-position:21px 20px
}
.antispam-core-functions .functional-highlights-content .functional-item-1:nth-child(2){
	background-image:url(../../images/antispam/functional-item-2.png);
	background-image:-webkit-image-set(url(../../images/antispam/functional-item-2.png) 1x, url(../../images/antispam/functional-item-2@2x.png) 2x);
	background-size:92px;
	background-position:24px 20px
}
.antispam-core-functions .functional-highlights-content .functional-item-1:nth-child(3){
	background-image:url(../../images/antispam/functional-item-3.png);
	background-image:-webkit-image-set(url(../../images/antispam/functional-item-3.png) 1x, url(../../images/antispam/functional-item-3@2x.png) 2x);
	background-size:107px;
	background-position:0 0
}
.antispam-core-functions .functional-highlights-content .functional-item-1:nth-child(4){
	background-image:url(../../images/antispam/functional-item-4.png);
	background-image:-webkit-image-set(url(../../images/antispam/functional-item-4.png) 1x, url(../../images/antispam/functional-item-4@2x.png) 2x);
	background-size:83px;
	background-position:18px 16px
}
.antispam-core-functions .functional-highlights-content .functional-item-1:nth-child(5){
	background-image:url(../../images/antispam/functional-item-5.png);
	background-image:-webkit-image-set(url(../../images/antispam/functional-item-5.png) 1x, url(../../images/antispam/functional-item-5@2x.png) 2x);
	background-size:81px;
	background-position:20px 12px
}
.antispam-core-functions .functional-highlights-content .functional-item-1:nth-child(6){
	background-image:url(../../images/antispam/functional-item-6.png);
	background-image:-webkit-image-set(url(../../images/antispam/functional-item-6.png) 1x, url(../../images/antispam/functional-item-6@2x.png) 2x);
	background-size:77px;
	background-position:24px 16px
}
.discord-demo .content{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-bottom:120px
}
.discord-demo .content .content-top{
	display:flex;
	justify-content:center;
	align-items:center
}
.discord-demo .content .pic{
	margin-right:122px;
	width:615px
}
.discord-demo .content .pic img{
	display:block;
	width:100%
}
.discord-demo .content .text{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:210px
}
.discord-demo .content .text p{
	margin-top:16px;
	font-size:20px;
	line-height:20px;
	color:#333
}
.discord-demo .content .text h4{
	margin:0 0 16px;
	font-size:20px;
	font-weight:400;
	color:#000;
	text-align:center;
	line-height:30px
}
.discord-demo .content .text h4 p{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#000;
	line-height:30px
}
.discord-demo .content .text span{
	position:relative;
	display:block;
	padding:11px;
	width:100%;
	background:#fff;
	border:1px solid #e3e5e6;
	border-radius:8px
}
.discord-demo .content .text span::before,.discord-demo .content .text span::after{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	border-radius:8px
}
.discord-demo .content .text span::before{
	box-shadow:6px 6px 16px 0 rgba(82,96,184,0.12)
}
.discord-demo .content .text span::after{
	box-shadow:-6px -6px 16px 0 rgba(82,96,184,0.06)
}
.discord-demo .content .text img{
	width:188px;
	border-radius:4px
}
.discord-demo .content .solution-demo-description{
	margin-bottom:50px;
	width:970px;
	font-size:16px;
	line-height:2;
	color:#333;
	font-weight:400;
	text-align:center
}
.discord-demo .content .content-btm{
	display:flex;
	gap:24px;
	justify-content:center;
	margin-top:42px
}
.discord-demo .content .content-btm .item{
	position:relative
}
.discord-demo .content .content-btm .btn{
	padding:0;
	width:204px;
	height:50px;
	border:1px solid #099dfd;
	border-radius:4px;
	background-color:transparent;
	font-size:16px;
	line-height:50px;
	font-weight:400;
	color:#099DFD;
	outline:0;
	transition:all .3s
}
.discord-demo .content .content-btm .btn:hover{
	color:#fff;
	background-color:#099DFD
}
.discord-demo .content .content-btm .btn-dropdown{
	position:absolute;
	flex-direction:column;
	width:204px;
	height:0;
	overflow:hidden;
	transition:all .3s
}
.discord-demo .content .content-btm .btn-dropdown.open{
	height:112px;
	overflow:visible
}
.discord-demo .content .content-btm .btn-dropdown .btn-dropdown-list{
	margin-top:4px;
	padding:4px 0;
	height:100%;
	background:#FFFFFF;
	box-shadow:0 -4px 8px 0 rgba(221,231,236,0.3);
	box-shadow:0 8px 12px 0 rgba(9,157,253,0.06);
	border-radius:4px
}
.discord-demo .content .content-btm .btn-dropdown .btn-dropdown-list a{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	font-size:16px;
	color:#404040;
	letter-spacing:.38px;
	line-height:50px;
	font-weight:400;
	background-color:transparent;
	text-align:center;
	text-decoration:none !important;
	transition:all .3s
}
.discord-demo .content .content-btm .btn-dropdown .btn-dropdown-list a img{
	position:absolute;
	top:0;
	right:-210px;
	display:none;
	width:200px
}
.discord-demo .content .content-btm .btn-dropdown .btn-dropdown-list a:hover{
	font-weight:500;
	color:#099DFD;
	background-color:#F2F6FA
}
.discord-demo .content .content-btm .btn-dropdown .btn-dropdown-list a:hover img{
	display:block
}
.discord-like-functions .imagetext{
	gap:64px
}
.discord-like-functions .imagetext .image,.discord-like-functions .imagetext .text{
	width:516px
}
.discord-like-functions .imagetext .text dl dd{
	font-size:16px;
	font-weight:400;
	color:#5C5F61;
	line-height:30px
}
.discord-like-functions .imagetext:nth-child(2){
	margin-top:100px
}
.cs-free-highlights .functional-highlights-content .functional-item-1:nth-child(1){
	background-image:url(../../images/cs-free/functional-item-1.png);
	background-image:-webkit-image-set(url(../../images/cs-free/functional-item-1.png) 1x, url(../../images/cs-free/functional-item-1@2x.png) 2x);
	background-size:68px;
	background-position:13px 16px
}
.cs-free-highlights .functional-highlights-content .functional-item-1:nth-child(2){
	background-image:url(../../images/cs-free/functional-item-2.png);
	background-image:-webkit-image-set(url(../../images/cs-free/functional-item-2.png) 1x, url(../../images/cs-free/functional-item-2@2x.png) 2x);
	background-size:59px;
	background-position:28px 26px
}
.cs-free-highlights .functional-highlights-content .functional-item-1:nth-child(3){
	background-image:url(../../images/cs-free/functional-item-3.png);
	background-image:-webkit-image-set(url(../../images/cs-free/functional-item-3.png) 1x, url(../../images/cs-free/functional-item-3@2x.png) 2x);
	background-size:64px;
	background-position:18px 26px
}
.cs-free-highlights .functional-highlights-content .functional-item-1:nth-child(4){
	background-image:url(../../images/cs-free/functional-item-4.png);
	background-image:-webkit-image-set(url(../../images/cs-free/functional-item-4.png) 1x, url(../../images/cs-free/functional-item-4@2x.png) 2x);
	background-size:77px;
	background-position:19px 25px
}
.cs-free-highlights .functional-highlights-content .functional-item-1:nth-child(5){
	background-image:url(../../images/cs-free/functional-item-5.png);
	background-image:-webkit-image-set(url(../../images/cs-free/functional-item-5.png) 1x, url(../../images/cs-free/functional-item-5@2x.png) 2x);
	background-size:66px;
	background-position:17px 21px
}
.cs-free-highlights .functional-highlights-content .functional-item-1:nth-child(6){
	background-image:url(../../images/cs-free/functional-item-6.png);
	background-image:-webkit-image-set(url(../../images/cs-free/functional-item-6.png) 1x, url(../../images/cs-free/functional-item-6@2x.png) 2x);
	background-size:67px;
	background-position:22px 22px
}
.characteristic{
	padding-bottom:150px
}
.characteristic ul{
	display:flex;
	flex-flow:row wrap;
	gap:72px;
	margin:0 auto;
	width:1074px
}
.characteristic ul li{
	padding-top:91px;
	width:310px;
	text-align:center;
	background-repeat:no-repeat;
	background-size:auto 77px;
	background-position:top center
}
.characteristic ul li h3{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:28px
}
.characteristic ul li p{
	margin:5px 0 0;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px
}
.characteristic ul li:nth-child(1){
	background-image:url(../../images/cs-video/characteristic-1.png);
	background-image:-webkit-image-set(url(../../images/cs-video/characteristic-1.png) 1x, url(../../images/cs-video/characteristic-1@2x.png) 2x)
}
.characteristic ul li:nth-child(2){
	background-image:url(../../images/cs-video/characteristic-2.png);
	background-image:-webkit-image-set(url(../../images/cs-video/characteristic-2.png) 1x, url(../../images/cs-video/characteristic-2@2x.png) 2x)
}
.characteristic ul li:nth-child(3){
	background-image:url(../../images/cs-video/characteristic-3.png);
	background-image:-webkit-image-set(url(../../images/cs-video/characteristic-3.png) 1x, url(../../images/cs-video/characteristic-3@2x.png) 2x)
}
.characteristic ul li:nth-child(4){
	background-image:url(../../images/cs-video/characteristic-4.png);
	background-image:-webkit-image-set(url(../../images/cs-video/characteristic-4.png) 1x, url(../../images/cs-video/characteristic-4@2x.png) 2x)
}
.characteristic ul li:nth-child(5){
	background-image:url(../../images/cs-video/characteristic-5.png);
	background-image:-webkit-image-set(url(../../images/cs-video/characteristic-5.png) 1x, url(../../images/cs-video/characteristic-5@2x.png) 2x)
}
.characteristic ul li:nth-child(6){
	background-image:url(../../images/cs-video/characteristic-6.png);
	background-image:-webkit-image-set(url(../../images/cs-video/characteristic-6.png) 1x, url(../../images/cs-video/characteristic-6@2x.png) 2x)
}
.product-cs-free-banner .banner-pic{
	background-image:url(../../images/cs/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/cs/banner-pic.png) 1x, url(../../images/cs/banner-pic@2x.png) 2x);
	background-repeat:no-repeat;
	background-position:right center
}
.firefly-banner{
	background-color:#000;
	background-image:url(../../images/cs-free/banner-pic.jpg) !important;
	background-image:-webkit-image-set(url(../../images/cs-free/banner-pic.jpg) 1x, url(../../images/cs-free/banner-pic@2x.jpg) 2x) !important
}
.firefly-banner h5{
	font-size:30px;
	font-weight:500;
	color:#1FE7F7;
	line-height:42px
}
.firefly-banner .banner-text-pic{
	margin-top:9px;
	width:568px
}
.firefly-banner .banner-text-pic img{
	display:block;
	width:100%
}
.firefly-banner .banner-text p{
	font-size:18px;
	line-height:20px
}
.firefly-banner .banner-btn-container{
	margin-top:30px
}
.firefly-banner .banner-btn-container .banner-btn-primary{
	color:#000;
	background:#1FE7F7;
	transition:all .3s
}
.firefly-banner .banner-btn-container .banner-btn-primary:hover{
	background:#4af9ff
}
.firefly-description{
	margin:70px auto 0;
	width:952px;
	text-align:center
}
.firefly-description p{
	margin:0;
	font-size:16px;
	font-weight:400;
	color:#191919aa;
	line-height:38px
}
.firefly-description a{
	display:inline-block;
	margin-top:43px;
	width:164px;
	height:50px;
	font-size:16px;
	color:#fff;
	line-height:50px;
	background:#0928ff;
	border-radius:4px;
	transition:all .3s
}
.firefly-description a:hover{
	background:#3355ff
}
.firefly-main{
	margin:94px auto 0;
	width:1038px;
	height:720px;
	background-image:url(../../images/cs-free/free-bg.png);
	background-size:100%
}
.firefly-main .firefly-main-top,.firefly-main .firefly-main-btm{
	display:flex
}
.firefly-main .firefly-main-top .text,.firefly-main .firefly-main-btm .text{
	flex:0 0 auto
}
.firefly-main .firefly-main-top .text h3,.firefly-main .firefly-main-btm .text h3{
	display:flex;
	align-items:center;
	margin:0;
	font-size:36px;
	font-weight:400;
	color:#4BA1FE;
	line-height:38px
}
.firefly-main .firefly-main-top .text h3::after,.firefly-main .firefly-main-btm .text h3::after{
	display:inline-block;
	content:"";
	margin-left:10px
}
.firefly-main .firefly-main-top .text p,.firefly-main .firefly-main-btm .text p{
	margin:10px 0 0;
	font-size:14px;
	font-weight:400;
	color:#191919aa;
	line-height:30px
}
.firefly-main .firefly-main-top .pic,.firefly-main .firefly-main-btm .pic{
	flex:0 0 auto
}
.firefly-main .firefly-main-top .pic img,.firefly-main .firefly-main-btm .pic img{
	display:block;
	width:100%
}
.firefly-main .firefly-main-top .text{
	margin-right:41px;
	padding:44px 0 0 54px;
	width:455px
}
.firefly-main .firefly-main-top .text h3{
	justify-content:flex-end
}
.firefly-main .firefly-main-top .text h3::after{
	width:109px;
	height:35px;
	background-image:url(../../images/cs-free/arrow-1.png);
	background-image:-wekit-image-set(url(../../images/cs-free/arrow-1.png) 1x, url(../../images/cs-free/arrow-1@2x.png) 2x);
	background-size:109px
}
.firefly-main .firefly-main-top .pic{
	margin-right:81px;
	width:406px
}
.firefly-main .firefly-main-btm .text{
	margin-left:36px;
	padding:60px 35px 0 0;
	width:602px
}
.firefly-main .firefly-main-btm .text h3{
	text-align:left
}
.firefly-main .firefly-main-btm .text h3::after{
	width:69px;
	height:35px;
	background-image:url(../../images/cs-free/arrow-2.png);
	background-image:-wekit-image-set(url(../../images/cs-free/arrow-2.png) 1x, url(../../images/cs-free/arrow-2@2x.png) 2x);
	background-size:69px
}
.firefly-main .firefly-main-btm .pic{
	margin-left:24px;
	width:341px
}
.index-partner .item{
	width:14.28% !important
}
.layer-bg,.layer-form{
	display:none
}
.layer-bg{
	position:fixed;
	z-index:888888;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.76)
}
.layer-form{
	position:fixed;
	z-index:999999;
	top:50%;
	left:50%;
	width:614px;
	height:512px;
	transform:translate(-50%, -50%)
}
.layer-form .form{
	width:100%;
	height:100%;
	background:#FFFFFF;
	box-shadow:0 4px 7px 0 rgba(7,7,7,0.46);
	border-radius:8px
}
.layer-form .form form{
	display:flex;
	flex-direction:column;
	align-items:center
}
.layer-form .form h3{
	margin:54px 0 30px;
	padding:0;
	font-size:24px;
	font-weight:500;
	color:#333;
	line-height:33px
}
.layer-form .form .form-item{
	position:relative
}
.layer-form .form .form-input{
	margin-top:18px;
	width:425px;
	height:46px;
	background:#F7F9FB;
	border:1px solid rgba(151,151,151,0.4);
	border-radius:4px;
	transition:all .3s
}
.layer-form .form .form-input input{
	padding:0 10px;
	width:100%;
	height:100%;
	font-size:14px;
	border:none;
	background:none;
	outline:none
}
.layer-form .form .form-input input:focus,.layer-form .form .form-input input:hover{
	border:none !important
}
.layer-form .form .form-input:first-child{
	margin-top:18px
}
.layer-form .form .form-input.form-input-focused{
	background:#FFF;
	border:1px solid #1055FE;
	box-shadow:0 2px 4px 0 rgba(17,85,254,0.3)
}
.layer-form .form .form-input-addon{
	position:absolute;
	right:-1px;
	top:-1px;
	width:148px;
	height:46px
}
.layer-form .form .form-input-addon .verify_img{
	max-width:148px !important;
	width:148px !important;
	height:46px !important;
	border-radius:0 4px 4px 0
}
.layer-form .form .form-btn{
	margin-top:39px
}
.layer-form .form .form-btn button{
	display:inline-flex;
	justify-content:center;
	gap:8px;
	width:297px;
	height:46px;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	line-height:46px;
	text-align:center;
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.4);
	border-radius:4px;
	border:none
}
.layer-form .form .form-btn button::before,.layer-form .form .form-btn button::after{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	transition:all .3s;
	border-radius:4px
}
.layer-form .form .form-btn button::before{
	opacity:1;
	background:linear-gradient(225deg, #0190FF 0%, #0015FF 100%)
}
.layer-form .form .form-btn button::after{
	opacity:0;
	background:linear-gradient(225deg, #0015FF 0%, #0190FF 100%)
}
.layer-form .form .form-btn button:hover::before{
	opacity:0
}
.layer-form .form .form-btn button:hover::after{
	opacity:1
}
.layer-form .form .form-btn button span{
	position:relative;
	z-index:2
}
.layer-form .form .form-btn button .loading-icon{
	display:none
}
.layer-form .form .form-btn button .loading-icon svg{
	-webkit-animation:loadingCircle 1s infinite linear;
	animation:loadingCircle 1s infinite linear
}
.layer-form .form .form-btn button.disabled{
	cursor:not-allowed
}
.layer-form .form .form-btn button.disabled .loading-icon{
	display:inline-block
}
.layer-form .form .form-btn button.disabled:hover::before{
	opacity:1
}
.layer-form .form .form-btn button.disabled:hover::after{
	opacity:0
}
.layer-form .form .success{
	margin-top:39px;
	display:flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	color:green
}
.layer-form .form .success .right-icon{
	display:flex;
	align-items:center;
	font-size:20px;
	color:green
}
.banner-bg{
	height:520px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%
}
.banner-bg .container{
	display:flex;
	align-items:center;
	height:100%;
	background-repeat:no-repeat;
	background-position:center right
}
.banner-bg .banner-description h5,.banner-bg .banner-description h6{
	margin:0
}
.banner-bg .banner-description .banner-btn-container{
	margin-top:30px
}
.banner-bg .banner-description .banner-btn{
	transition:all .3s
}
.banner-bg .banner-description .banner-btn span{
	position:relative;
	z-index:22
}
.mvp-banner{
	background-image:url(../../images/mvp/banner-bg.png);
	background-size:cover
}
.mvp-banner .container{
	background-image:url(../../images/mvp/banner-pic.png)
}
.mvp-banner .banner-description{
	width:510px
}
.mvp-banner .banner-description h5{
	font-size:32px;
	font-weight:500;
	color:#333;
	line-height:45px;
	background-image:url(../../images/mvp/mvp.png);
	background-image:-webkit-image-set(url(../../images/mvp/mvp.png) 1x, url(../../images/mvp/mvp@2x.png) 2x);
	background-repeat:no-repeat;
	background-size:112px;
	background-position:72px 2px
}
.mvp-banner .banner-description h6{
	margin-top:6px;
	font-size:18px;
	font-weight:400;
	color:#000;
	line-height:29px;
	white-space:nowrap
}
.mvp-banner .banner-description .banner-text{
	margin-top:20px
}
.mvp-banner .banner-description .banner-text p{
	margin:0;
	font-size:13px;
	font-weight:400;
	color:#000;
	line-height:24px
}
.mvp-banner .banner-description .banner-btn{
	display:flex;
	justify-content:center;
	align-items:center;
	width:144px;
	height:42px;
	font-size:14px;
	font-weight:400;
	text-align:center;
	border-radius:4px
}
.mvp-banner .banner-description .banner-btn-primary{
	position:relative;
	color:#fff;
	box-shadow:0 4px 11px 0 rgba(59,100,254,0.46)
}
.mvp-banner .banner-description .banner-btn-primary::before,.mvp-banner .banner-description .banner-btn-primary::after{
	position:absolute;
	z-index:11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	transition:all .3s;
	border-radius:4px
}
.mvp-banner .banner-description .banner-btn-primary::before{
	background:linear-gradient(167deg, #00ADFF 0%, #2552FE 100%);
	opacity:1
}
.mvp-banner .banner-description .banner-btn-primary::after{
	background:linear-gradient(167deg, #2552FE 0%, #00ADFF 100%);
	opacity:0
}
.mvp-banner .banner-description .banner-btn-primary:hover::before{
	opacity:0
}
.mvp-banner .banner-description .banner-btn-primary:hover::after{
	opacity:1
}
.carousel-tabs{
	margin:0 auto
}
.carousel-tabs .head{
	position:relative;
	margin-bottom:100px
}
.carousel-tabs .head::after{
	position:absolute;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#EFF1F5
}
.carousel-tabs .head .owl-item .item{
	position:relative;
	padding:8px 0;
	font-size:16px;
	font-weight:400;
	color:#B1B3B8;
	line-height:22px;
	text-align:center;
	cursor:pointer;
	transition:all .3s
}
.carousel-tabs .head .owl-item .item:hover{
	color:#2951F7
}
.carousel-tabs .head .owl-item .item.current{
	font-weight:500;
	color:#2951F7
}
.carousel-tabs .head .owl-item .item.current::after{
	position:absolute;
	z-index:22;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:-webkit-linear-gradient(left, #00adff, #2552fe);
	background:-o-linear-gradient(right, #00adff, #2552fe);
	background:-moz-linear-gradient(right, #00adff, #2552fe);
	background:linear-gradient(to right, #00adff, #2552fe)
}
.carousel-tabs .body .owl-dot{
	display:none
}
.mvp-members{
	margin:40px auto 0;
	padding-bottom:95px;
	width:100%;
	max-width:1124px;
	background-color:#fff
}
.mvp-members .mvp-member-title{
	position:relative;
	display:flex;
	margin-bottom:100px
}
.mvp-members .mvp-member-title::after{
	position:absolute;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#EFF1F5
}
.mvp-members .mvp-member-title .item{
	position:relative;
	padding:8px 0;
	width:50%;
	font-size:16px;
	font-weight:400;
	color:#B1B3B8;
	line-height:22px;
	text-align:center;
	cursor:pointer;
	transition:all .3s
}
.mvp-members .mvp-member-title .item:hover{
	color:#137CFE
}
.mvp-members .mvp-member-title .item.current{
	font-weight:500;
	color:#137CFE
}
.mvp-members .mvp-member-title .item.current::after{
	position:absolute;
	z-index:22;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:-webkit-linear-gradient(left, #00adff, #2552fe);
	background:-o-linear-gradient(right, #00adff, #2552fe);
	background:-moz-linear-gradient(right, #00adff, #2552fe);
	background:linear-gradient(to right, #00adff, #2552fe)
}
.mvp-members .mvp-member-content{
	width:100%;
	overflow:hidden
}
.mvp-members .mvp-member-content .mvp-member-content-container{
	display:flex;
	width:200%;
	transition:all .3s
}
.mvp-members .mvp-member-content .mvp-member-content-container .item{
	width:50%
}
.mvp-members .body-title{
	margin-bottom:40px;
	text-align:center
}
.mvp-members .body-title h3{
	margin:0;
	font-size:32px;
	font-weight:400;
	color:#333;
	line-height:45px
}
.mvp-members .members{
	display:flex;
	justify-content:space-between;
	padding:0 14px
}
.mvp-members .member{
	position:relative;
	width:258px;
	height:300px;
	overflow:hidden
}
.mvp-members .member a{
	display:block;
	width:100%;
	height:100%
}
.mvp-members .member a img{
	display:block;
	width:100%;
	transition:all .3s
}
.mvp-members .member a:hover img{
	transform:scale(1.05)
}
.mvp-members .member a .title{
	position:absolute;
	bottom:0;
	left:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:68px;
	color:#fff;
	background:linear-gradient(123deg, #39ACCB 0%, #3637E2 1%, #2556FB 54%, #265CF8 57%, #3D1CEF 100%);
	backdrop-filter:blur(28px)
}
.mvp-members .member a .title h3{
	margin:0;
	font-size:16px;
	font-weight:500;
	line-height:20px
}
.mvp-members .member a .title h4{
	margin:0;
	font-size:12px;
	font-weight:400;
	line-height:24px
}
.expert-rights{
	padding-bottom:100px
}
.expert-rights .functional-highlights-content .functional-item-1{
	width:358px;
	height:217px
}
.expert-rights .functional-highlights-content .functional-item-1:nth-child(1){
	background-image:url(../../images/mvp/functional-item-1.png);
	background-image:-webkit-image-set(url(../../images/mvp/functional-item-1.png) 1x, url(../../images/mvp/functional-item-1@2x.png) 2x);
	background-size:87px;
	background-position:17px 23px
}
.expert-rights .functional-highlights-content .functional-item-1:nth-child(2){
	background-image:url(../../images/mvp/functional-item-2.png);
	background-image:-webkit-image-set(url(../../images/mvp/functional-item-2.png) 1x, url(../../images/mvp/functional-item-2@2x.png) 2x);
	background-size:90px;
	background-position:10px 23px
}
.expert-rights .functional-highlights-content .functional-item-1:nth-child(3){
	background-image:url(../../images/mvp/functional-item-3.png);
	background-image:-webkit-image-set(url(../../images/mvp/functional-item-3.png) 1x, url(../../images/mvp/functional-item-3@2x.png) 2x);
	background-size:87px;
	background-position:13px 23px
}
.expert-rights .functional-highlights-content .functional-item-1:nth-child(4){
	background-image:url(../../images/mvp/functional-item-4.png);
	background-image:-webkit-image-set(url(../../images/mvp/functional-item-4.png) 1x, url(../../images/mvp/functional-item-4@2x.png) 2x);
	background-size:87px;
	background-position:17px 19px
}
.expert-rights .functional-highlights-content .functional-item-1:nth-child(5){
	background-image:url(../../images/mvp/functional-item-5.png);
	background-image:-webkit-image-set(url(../../images/mvp/functional-item-5.png) 1x, url(../../images/mvp/functional-item-5@2x.png) 2x);
	background-size:87px;
	background-position:17px 13px
}
.expert-rights .functional-highlights-content .functional-item-1:nth-child(6){
	background-image:url(../../images/mvp/functional-item-6.png);
	background-image:-webkit-image-set(url(../../images/mvp/functional-item-6.png) 1x, url(../../images/mvp/functional-item-6@2x.png) 2x);
	background-size:87px;
	background-position:19px 17px
}
.mvp-mission{
	margin:0 auto;
	padding-bottom:95px;
	width:100%;
	max-width:1124px;
	background-color:#fff
}
.mvp-mission .content{
	display:flex;
	justify-content:space-between
}
.mvp-mission .content .item{
	position:relative;
	width:358px;
	height:217px;
	overflow:hidden;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	transition:all .8s
}
.mvp-mission .content .item:nth-child(1){
	background-image:url(../../images/mvp/mission-pic-1.png)
}
.mvp-mission .content .item:nth-child(2){
	background-image:url(../../images/mvp/mission-pic-2.png)
}
.mvp-mission .content .item:nth-child(3){
	background-image:url(../../images/mvp/mission-pic-3.png)
}
.mvp-mission .content .item:hover{
	background-size:120%
}
.mvp-mission .content .item img{
	display:block;
	width:100%
}
.mvp-mission .content .item .text{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center
}
.mvp-mission .content .item .text h3{
	margin:70px 0 12px;
	font-size:20px;
	font-weight:500;
	line-height:24px
}
.mvp-mission .content .item .text p{
	padding:0 24px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:20px
}
.btn-gradient{
	display:flex;
	justify-content:center;
	align-items:center;
	width:144px;
	height:42px;
	font-size:14px;
	font-weight:400;
	text-align:center;
	border-radius:4px;
	text-decoration:none
}
.btn-gradient-primary{
	position:relative;
	color:#fff;
	box-shadow:0 4px 11px 0 rgba(59,100,254,0.46)
}
.btn-gradient-primary::before,.btn-gradient-primary::after{
	position:absolute;
	z-index:11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	transition:all .3s;
	border-radius:4px
}
.btn-gradient-primary::before{
	background:linear-gradient(167deg, #00ADFF 0%, #2552FE 100%);
	opacity:1
}
.btn-gradient-primary::after{
	background:linear-gradient(167deg, #2552FE 0%, #00ADFF 100%);
	opacity:0
}
.btn-gradient-primary:hover::before{
	opacity:0
}
.btn-gradient-primary:hover::after{
	opacity:1
}
.btn-gradient-primary span{
	position:relative;
	z-index:22;
	color:#fff
}
.apply-flow{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-bottom:100px
}
.apply-flow .common-title-small small{
	margin-top:8px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px
}
.apply-flow .apply-flow-content{
	margin-top:0;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.apply-flow .apply-flow-content .step-item{
	padding-top:82px;
	height:110px;
	background-repeat:no-repeat;
	background-size:82px;
	background-position:top center
}
.apply-flow .apply-flow-content .step-item p{
	margin:0;
	font-size:18px;
	font-weight:500;
	color:#137CFE;
	line-height:25px
}
.apply-flow .apply-flow-content .step-1{
	background-image:url(../../images/mvp/step-1.png)
}
.apply-flow .apply-flow-content .step-2{
	background-image:url(../../images/mvp/step-2.png)
}
.apply-flow .apply-flow-content .step-3{
	background-image:url(../../images/mvp/step-3.png)
}
.apply-flow .apply-flow-content .step-arrow{
	position:relative;
	padding-top:37px;
	width:220px
}
.apply-flow .apply-flow-content .step-arrow::before,.apply-flow .apply-flow-content .step-arrow::after{
	display:block;
	content:""
}
.apply-flow .apply-flow-content .step-arrow::before{
	width:206px;
	height:8px;
	background:linear-gradient(117deg, rgba(34,189,255,0) 0%, #0F88FF 100%)
}
.apply-flow .apply-flow-content .step-arrow::after{
	position:absolute;
	top:30px;
	right:-7px;
	width:0;
	height:0;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-left:14px solid #0F88FF;
	border-right:14px solid transparent
}
.apply-flow .apply-flow-description{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:60px
}
.apply-flow .apply-flow-description h3{
	display:flex;
	align-items:center;
	margin:0;
	font-size:16px;
	font-weight:500;
	color:#333;
	line-height:22px
}
.apply-flow .apply-flow-description h3::before,.apply-flow .apply-flow-description h3::after{
	content:"";
	display:block;
	width:453px;
	height:3px
}
.apply-flow .apply-flow-description h3::before{
	background:linear-gradient(270deg, #DCDFE5, #f2f4f6)
}
.apply-flow .apply-flow-description h3::after{
	background:linear-gradient(270deg, #f2f4f6, #DCDFE5)
}
.apply-flow .apply-flow-description h3 span{
	display:inline-block;
	margin:0 30px
}
.apply-flow .apply-flow-description p{
	display:flex;
	gap:20px;
	margin-top:26px;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:20px
}
.apply-flow .btn-gradient{
	margin:45px auto 0
}
.mvp-detail{
	margin-top:30px;
	background-image:url(../../images/mvp/mvp-detail-bg.png);
	background-repeat:no-repeat;
	background-position:top center
}
.mvp-detail .breadcrumb{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	padding:0 0 20px;
	width:100%;
	max-width:1128px;
	background-color:#fff;
	border-bottom:3px solid #EFF1F5
}
.mvp-detail .breadcrumb h3{
	margin:15px 0 0;
	font-size:16px;
	font-weight:500;
	color:#333;
	line-height:22px
}
.mvp-detail .breadcrumb h3 a{
	color:#333;
	text-decoration:none;
	transition:all .3s
}
.mvp-detail .breadcrumb h3 a:hover{
	color:#099DFD
}
.mvp-detail .mvp-detail-content{
	display:flex;
	margin:0 auto;
	padding:32px 0 100px;
	max-width:1128px;
	width:100%
}
.mvp-detail .mvp-detail-content .pic{
	margin-right:35px;
	flex:0 0 auto;
	width:242px
}
.mvp-detail .mvp-detail-content .pic img{
	display:block;
	width:100%
}
.mvp-detail .mvp-detail-content .text .block{
	position:relative;
	padding:30px;
	width:100%;
	background-color:#fff
}
.mvp-detail .mvp-detail-content .text .block+.block{
	margin-top:32px
}
.mvp-detail .mvp-detail-content .text .block::before,.mvp-detail .mvp-detail-content .text .block::after{
	position:absolute;
	z-index:11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:""
}
.mvp-detail .mvp-detail-content .text .block::before{
	box-shadow:12px 12px 16px 0 rgba(70,77,115,0.1)
}
.mvp-detail .mvp-detail-content .text .block::after{
	box-shadow:-12px -12px 16px 0 rgba(82,96,184,0.06)
}
.mvp-detail .mvp-detail-content .text .block .title,.mvp-detail .mvp-detail-content .text .block .content{
	position:relative;
	z-index:22
}
.mvp-detail .mvp-detail-content .text .block .title{
	display:flex;
	align-items:center
}
.mvp-detail .mvp-detail-content .text .block .title h3{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:28px
}
.mvp-detail .mvp-detail-content .text .block .title h3 small{
	margin-left:8px;
	font-size:13px;
	font-weight:400;
	color:#5C5F61;
	line-height:24px
}
.mvp-detail .mvp-detail-content .text .block .content{
	margin-top:18px
}
.mvp-detail .mvp-detail-content .text .block .description p{
	margin:0;
	font-size:13px;
	font-weight:400;
	color:#5C5F61;
	line-height:24px
}
.mvp-detail .mvp-detail-content .text .block .description p+p{
	margin-top:20px
}
.mvp-detail .mvp-detail-content .text .block .tags{
	display:flex;
	flex-wrap:wrap;
	margin-top:31px;
	gap:16px
}
.mvp-detail .mvp-detail-content .text .block .tags .tag{
	padding:0 20px;
	height:28px;
	background-color:rgba(37,82,255,0.17);
	border-radius:14px;
	font-size:13px;
	font-weight:500;
	color:#099DFD;
	line-height:28px
}
.mvp-detail .mvp-detail-content .text .block .links{
	display:flex;
	flex-direction:column
}
.mvp-detail .mvp-detail-content .text .block .links .item{
	display:flex;
	font-size:13px;
	color:#5C5F61;
	line-height:29px
}
.mvp-detail .mvp-detail-content .text .block .links .item .label{
	display:inline-block;
	width:100px;
	font-weight:500
}
.mvp-detail .mvp-detail-content .text .block .links .item .value{
	font-weight:400
}
.mvp-detail .mvp-detail-content .text .block .links .item .value a{
	color:#5C5F61;
	text-decoration:none;
	transition:all .3s
}
.mvp-detail .mvp-detail-content .text .block .links .item .value a:hover{
	color:#099DFD
}
.research-objective{
	display:flex;
	gap:70px;
	justify-content:center;
	padding:100px 0
}
.research-objective .pic{
	width:594px
}
.research-objective .pic img{
	display:block;
	width:100%
}
.research-objective .content{
	width:444px
}
.research-objective .content .common-title{
	padding:0;
	text-align:left
}
.research-objective .content .common-title h3{
	margin-top:0;
	font-size:46px;
	line-height:65px;
	color:#333330
}
.research-objective .content .description{
	margin-top:20px;
	font-size:14px;
	line-height:32px;
	color:#5C5F61
}
.research-objective .content .description p{
	margin-bottom:0
}
.research-objective .content .description h4{
	margin-top:32px;
	font-size:14px;
	font-weight:bold;
	color:#000
}
.research-objective .content .description dl{
	margin-bottom:0
}
.research-objective .content .description dd{
	position:relative;
	margin-top:16px;
	padding-left:12px;
	font-weight:bold;
	color:#000
}
.research-objective .content .description dd::before{
	position:absolute;
	left:0;
	content:"-"
}
.summary{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:42px;
	padding:100px 0
}
.summary .pic{
	width:548px
}
.summary .pic img{
	display:block;
	width:100%
}
.summary .content{
	width:454px
}
.summary .content .common-title{
	padding:0;
	text-align:left
}
.summary .content .common-title h3{
	margin-top:0;
	font-size:46px;
	line-height:65px
}
.summary .content .description{
	margin-top:8px;
	font-size:14px;
	line-height:32px;
	color:#5C5F61
}
.summary .content .description p{
	margin:0
}
.customer-report-list-organization{
	padding:100px 0
}
.customer-report-list{
	position:relative;
	z-index:999;
	display:flex;
	justify-content:center;
	margin:0 auto;
	width:1130px;
	height:480px;
	gap:30px
}
.customer-report-list .item{
	position:absolute;
	width:260px;
	height:480px;
	background-color:#fff;
	box-shadow:3px 4px 8px 0 rgba(230,230,230,0.73);
	border-radius:12px;
	overflow:hidden;
	transition:all .3s
}
.customer-report-list .item .title{
	padding-top:106px;
	text-align:center;
	background-size:148px;
	background-repeat:no-repeat;
	background-position:top 17px center
}
.customer-report-list .item .title h3{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#333330;
	line-height:28px
}
.customer-report-list .item .title small{
	font-size:14px;
	font-weight:400;
	color:#099DFD;
	line-height:28px
}
.customer-report-list .item:nth-child(1){
	left:0
}
.customer-report-list .item:nth-child(1) .title{
	background-image:url(../../images/customer-report/list-1-icon-1.png?20220706);
	background-image:-webkit-image-set(url(../../images/customer-report/list-1-icon-1.png?20220706) 1x, url(../../images/customer-report/list-1-icon-1@2x.png?20220706) 2x)
}
.customer-report-list .item:nth-child(2){
	left:290px
}
.customer-report-list .item:nth-child(2) .title{
	background-image:url(../../images/customer-report/list-1-icon-2.png?20220706);
	background-image:-webkit-image-set(url(../../images/customer-report/list-1-icon-2.png?20220706) 1x, url(../../images/customer-report/list-1-icon-2@2x.png?20220706) 2x)
}
.customer-report-list .item:nth-child(3){
	left:580px
}
.customer-report-list .item:nth-child(3) .title{
	background-image:url(../../images/customer-report/list-1-icon-3.png?20220706);
	background-image:-webkit-image-set(url(../../images/customer-report/list-1-icon-3.png?20220706) 1x, url(../../images/customer-report/list-1-icon-3@2x.png?20220706) 2x)
}
.customer-report-list .item:nth-child(4){
	right:0
}
.customer-report-list .item:nth-child(4) .title{
	background-image:url(../../images/customer-report/list-1-icon-4.png?20220706);
	background-image:-webkit-image-set(url(../../images/customer-report/list-1-icon-4.png?20220706) 1x, url(../../images/customer-report/list-1-icon-4@2x.png?20220706) 2x)
}
.customer-report-list .item .description{
	margin:22px 22px 36px;
	height:230px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:8;
	-webkit-box-orient:vertical
}
.customer-report-list .item .description p{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:28px;
	color:#5C5F61bb
}
.customer-report-list .item .description p+p{
	margin-top:20px
}
.customer-report-list .item:hover{
	height:auto;
	transform:scale(1.03)
}
.customer-report-list .item:hover .description{
	display:block;
	height:auto;
	overflow:visible
}
.organization{
	position:relative;
	display:flex;
	justify-content:center;
	gap:25px;
	margin:50px auto 0;
	width:1077px
}
.organization .item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding-bottom:32px;
	width:215px;
	background:-webkit-linear-gradient(#eef4fe, #dde7fe);
	background:-o-linear-gradient(#eef4fe, #dde7fe);
	background:-moz-linear-gradient(#eef4fe, #dde7fe);
	background:linear-gradient(#eef4fe, #dde7fe)
}
.organization .item h3{
	margin:36px 0 30px;
	font-size:20px;
	font-weight:500;
	color:#333330;
	line-height:28px
}
.organization .item span{
	display:block;
	width:165px;
	height:38px;
	font-size:14px;
	color:#fff;
	line-height:38px;
	text-align:center;
	background:-webkit-linear-gradient(left, #0f7cff, #0020ff);
	background:-o-linear-gradient(right, #0f7cff, #0020ff);
	background:-moz-linear-gradient(right, #0f7cff, #0020ff);
	background:linear-gradient(to right, #0f7cff, #0020ff)
}
.organization .item span+span{
	margin-top:54px
}
.organization .item:first-child{
	align-items:flex-start;
	width:117px;
	background:none
}
.organization .item:first-child span{
	padding-left:10px;
	width:auto;
	font-size:20px;
	font-weight:500;
	color:#333330;
	line-height:38px;
	text-align:left;
	background:none
}
.organization .line{
	position:absolute;
	bottom:97px;
	width:100%
}
.organization .line .line-item{
	width:100%;
	height:92px;
	border-bottom:1px dashed #9cb4fa
}
.customer-service-container{
	padding:100px 0
}
.customer-service{
	margin:0 auto;
	width:1080px
}
.customer-service .common-title{
	padding:0
}
.customer-service .common-title h3{
	font-size:46px;
	font-weight:500;
	color:#333330
}
.customer-service p{
	margin-top:40px;
	font-size:14px;
	line-height:32px;
	color:#5C5F61
}
.customer-service .content{
	margin:28px auto 0;
	padding:30px 37px 0;
	width:810px;
	height:276px;
	background-image:url(../../images/customer-report/customer-service-bg.png)
}
.customer-service .content h4{
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#099DFD;
	line-height:40px
}
.customer-service .content h4 span{
	display:inline-block;
	margin:0 5px;
	font-size:32px
}
.customer-service .content p{
	margin:24px 0 32px;
	font-size:14px;
	line-height:32px;
	color:#343434
}
.customer-service .content a{
	display:block;
	margin:0 auto;
	width:247px;
	height:50px;
	font-size:16px;
	font-weight:500;
	color:#099DFD;
	line-height:50px;
	text-align:center;
	border-radius:4px;
	border:1px solid #099DFD;
	transition:all .3s
}
.customer-service .content a:hover{
	color:#fff;
	background-color:#099DFD
}
.proprietary-banner .banner-pic{
	background-image:url(../../images/proprietary/banner-pic.png?202207071);
	background-image:-webkit-image-set(url(../../images/proprietary/banner-pic.png?202207071) 1x, url(../../images/proprietary/banner-pic@2x.png?202207071) 2x);
	background-size:520px
}
.proprietary-core-features{
	margin:0 auto;
	width:1090px
}
.proprietary-core-features .imagetext{
	gap:54px
}
.proprietary-core-features .imagetext .image{
	width:526px
}
.proprietary-core-features .imagetext .text{
	width:510px
}
.proprietary-core-features .imagetext .text dl{
	margin-bottom:0
}
.proprietary-core-features .imagetext .text dl dt{
	line-height:32px;
	color:#333330
}
.proprietary-core-features .imagetext .text dl dd{
	font-size:16px;
	font-weight:400;
	line-height:30px;
	color:#5C5F61
}
.proprietary-core-features .imagetext .text dl+dl{
	margin-top:24px
}
.proprietary-core-features .imagetext:last-child{
	flex-direction:row-reverse;
	margin-top:79px
}
.proprietary-advantages{
	background-image:none
}
.proprietary-advantages .functional-highlights-content{
	align-items:stretch;
	gap:24px
}
.proprietary-advantages .functional-highlights-content .functional-item-1{
	padding:137px 24px 60px 24px;
	width:263px;
	background-size:60px !important;
	background-position:24px 53px !important
}
.proprietary-advantages .functional-highlights-content .functional-item-1:nth-child(1){
	background-image:url(../../images/proprietary/functional-item-1-1.png);
	background-image:-webkit-image-set(url(../../images/proprietary/functional-item-1-1.png) 1x, url(../../images/proprietary/functional-item-1-1@2x.png) 1x)
}
.proprietary-advantages .functional-highlights-content .functional-item-1:nth-child(2){
	background-image:url(../../images/proprietary/functional-item-1-2.png);
	background-image:-webkit-image-set(url(../../images/proprietary/functional-item-1-2.png) 1x, url(../../images/proprietary/functional-item-1-2@2x.png) 1x)
}
.proprietary-advantages .functional-highlights-content .functional-item-1:nth-child(3){
	background-image:url(../../images/proprietary/functional-item-1-3.png);
	background-image:-webkit-image-set(url(../../images/proprietary/functional-item-1-3.png) 1x, url(../../images/proprietary/functional-item-1-3@2x.png) 1x)
}
.proprietary-advantages .functional-highlights-content .functional-item-1:nth-child(4){
	background-image:url(../../images/proprietary/functional-item-1-4.png);
	background-image:-webkit-image-set(url(../../images/proprietary/functional-item-1-4.png) 1x, url(../../images/proprietary/functional-item-1-4@2x.png) 1x)
}
.proprietary-advantages .functional-highlights-content .functional-item-1 p{
	margin:9px 0 0 0;
	color:#333
}
@-webkit-keyframes loadingCircle{
	to{
		transform:rotate(360deg)
	}
}
@keyframes loadingCircle{
	to{
		transform:rotate(360deg)
	}
}
.partner-banner{
	height:636px
}
.partner-banner .banner{
	position:relative;
	width:100%;
	height:636px !important
}
.partner-banner .banner .banner-pc-pic{
	width:100%;
	height:100%;
	background-image:url(../../images/partner/banner-pic.png);
	background-image:-webkit-image-set(url(../../images/partner/banner-pic.png) 1x, url(../../images/partner/banner-pic@2x.png) 2x);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center
}
.partner-banner .banner-fixed{
	position:absolute;
	bottom:-145px;
	left:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	width:1108px;
	height:202px;
	background-color:#fff;
	border-radius:7px;
	box-shadow:8px 0 18px 0 rgba(109,150,255,0.1),0 10px 24px 0 rgba(99,113,255,0.09);
	transform:translateX(-50%)
}
.partner-banner .banner-fixed .item{
	padding-left:130px;
	padding-bottom:10px;
	background-size:143px;
	background-repeat:no-repeat;
	background-position:0 -24px
}
.partner-banner .banner-fixed .item:nth-child(1){
	background-image:url(../../images/partner/icon-500.png?1);
	background-image:-webkit-image-set(url(../../images/partner/icon-500.png?1) 1x, url(../../images/partner/icon-500@2x.png?1) 2x)
}
.partner-banner .banner-fixed .item:nth-child(2){
	margin:0 10px;
	background-image:url(../../images/partner/icon-1000.png?1);
	background-image:-webkit-image-set(url(../../images/partner/icon-1000.png?1) 1x, url(../../images/partner/icon-1000@2x.png?1) 2x)
}
.partner-banner .banner-fixed .item:nth-child(3){
	background-image:url(../../images/partner/icon-10000.png?1);
	background-image:-webkit-image-set(url(../../images/partner/icon-10000.png?1) 1x, url(../../images/partner/icon-10000@2x.png?1) 2x)
}
.partner-banner .banner-fixed .item h3{
	display:flex;
	align-items:center;
	margin:5px 0 0;
	font-size:16px;
	font-weight:500;
	color:#333;
	height:25px
}
.partner-banner .banner-fixed .item h3 em{
	display:inline-block;
	margin-right:4px;
	font-style:normal;
	font-size:30px
}
.partner-banner .banner-fixed .item p{
	margin-top:10px;
	margin-bottom:0;
	width:190px;
	font-size:14px;
	font-weight:400;
	color:#8C8C8C;
	line-height:22px
}
.activity-title h3{
	margin:0;
	font-size:30px;
	font-weight:600;
	color:#333;
	line-height:45px
}
.activity-title small{
	margin:0;
	font-size:14px;
	font-weight:400;
	color:#000;
	line-height:28px
}
.activity-flow{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-top:230px
}
.activity-flow .activity-content{
	display:flex;
	gap:40px;
	align-items:stretch;
	margin:57px 0 68px
}
.activity-flow .activity-content .item{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:248px
}
.activity-flow .activity-content .item .pic{
	width:82px
}
.activity-flow .activity-content .item .pic img{
	display:block;
	width:100%
}
.activity-flow .activity-content .item .description{
	margin-top:10px;
	text-align:center
}
.activity-flow .activity-content .item .description h4{
	margin:0;
	font-size:18px;
	font-weight:600;
	color:#333;
	line-height:25px
}
.activity-flow .activity-content .item .description p{
	margin:5px 0 0;
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px
}
.activity-flow .activity-content .item::before,.activity-flow .activity-content .item::after{
	position:absolute;
	top:33px;
	right:-95px;
	content:""
}
.activity-flow .activity-content .item::before{
	width:150px;
	height:8px;
	background:linear-gradient(117deg, rgba(34,189,255,0) 0%, #0F88FF 100%)
}
.activity-flow .activity-content .item::after{
	top:28px;
	right:-110px;
	display:inline-block;
	width:0;
	height:0;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-left:8px solid #0F88FF;
	border-right:8px solid transparent
}
.activity-flow .activity-content .item:last-child::before,.activity-flow .activity-content .item:last-child::after{
	display:none
}
.activity-flow a{
	position:relative;
	display:block;
	width:298px;
	height:46px;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	line-height:46px;
	text-align:center;
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.4);
	border-radius:4px
}
.activity-flow a span{
	position:relative;
	z-index:22
}
.activity-flow a::before,.activity-flow a::after{
	position:absolute;
	z-index:11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	border-radius:4px;
	transition:all .3s
}
.activity-flow a::before{
	background:linear-gradient(225deg, #0190FF 0%, #0015FF 100%);
	opacity:1
}
.activity-flow a::after{
	background:linear-gradient(225deg, #0015FF 0%, #0190FF 100%);
	opacity:0
}
.activity-flow a:hover::before{
	opacity:0
}
.activity-flow a:hover::after{
	opacity:1
}
.matrix-product{
	margin-top:95px;
	width:100%;
	height:1275px;
	background-image:url(../../images/partner/matrix-product-bg.png);
	background-size:auto 100%;
	background-position:top center;
	background-repeat:no-repeat
}
.matrix-product .activity-title h3{
	margin:0;
	padding:85px 0 60px;
	color:#fff;
	text-align:center
}
.matrix-product .activity-content{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	width:1124px;
	gap:25px
}
.matrix-product .activity-content .item{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:358px;
	height:470px;
	background:linear-gradient(180deg, #F5F8FC 0%, #FFFFFF 100%);
	box-shadow:0 4px 16px 0 rgba(70,77,115,0.12),0 -4px 16px 0 rgba(55,71,167,0.06);
	border-radius:8px;
	transition:all .3s
}
.matrix-product .activity-content .item:hover{
	transform:scale(1.04)
}
.matrix-product .activity-content .item:nth-child(n+4){
	margin-top:27px
}
.matrix-product .activity-content .item h4{
	margin:26px 0 24px
}
.matrix-product .activity-content .item h4 a{
	font-size:20px;
	font-weight:500;
	color:#000;
	line-height:28px;
	transition:all .3s
}
.matrix-product .activity-content .item h4 a:hover{
	color:#099DFD
}
.matrix-product .activity-content .item .icon{
	margin-bottom:12px;
	width:87px;
	height:87px;
	background:linear-gradient(221deg, #007EFF 0%, #002AFF 100%);
	box-shadow:0 12px 24px 0 rgba(55,71,167,0.35);
	border-radius:50%
}
.matrix-product .activity-content .item .icon::before{
	display:block;
	content:"";
	width:87px;
	height:87px;
	background-size:72px;
	background-position:center;
	background-repeat:no-repeat
}
.matrix-product .activity-content .item:nth-child(1) .icon::before{
	background-image:url(../../images/partner/IM_normal.png);
	background-image:-webkit-image-set(url(../../images/partner/IM_normal.png) 1x, url(../../images/partner/IM_normal@2x.png) 2x)
}
.matrix-product .activity-content .item:nth-child(2) .icon::before{
	background-image:url(../../images/partner/push_normal.png);
	background-image:-webkit-image-set(url(../../images/partner/push_normal.png) 1x, url(../../images/partner/push_normal@2x.png) 2x)
}
.matrix-product .activity-content .item:nth-child(3) .icon::before{
	background-image:url(../../images/partner/MQTT_normal.png);
	background-image:-webkit-image-set(url(../../images/partner/MQTT_normal.png) 1x, url(../../images/partner/MQTT_normal@2x.png) 2x)
}
.matrix-product .activity-content .item:nth-child(4) .icon::before{
	background-image:url(../../images/partner/omni-channel_normal.png);
	background-image:-webkit-image-set(url(../../images/partner/omni-channel_normal.png) 1x, url(../../images/partner/omni-channel_normal@2x.png) 2x)
}
.matrix-product .activity-content .item:nth-child(5) .icon::before{
	background-image:url(../../images/partner/cec_normal.png);
	background-image:-webkit-image-set(url(../../images/partner/cec_normal.png) 1x, url(../../images/partner/cec_normal@2x.png) 2x)
}
.matrix-product .activity-content .item:nth-child(6) .icon::before{
	background-image:url(../../images/partner/robot_normal.png);
	background-image:-webkit-image-set(url(../../images/partner/robot_normal.png) 1x, url(../../images/partner/robot_normal@2x.png) 2x)
}
.matrix-product .activity-content .item dl{
	margin-bottom:0
}
.matrix-product .activity-content .item dl dd{
	margin-top:12px;
	height:20px;
	text-align:center
}
.matrix-product .activity-content .item dl dd a{
	font-size:14px;
	font-weight:400;
	color:#099DFD;
	line-height:20px;
	text-decoration:none !important;
	transition:all .3s
}
.matrix-product .activity-content .item dl dd a:hover{
	font-weight:500;
	text-decoration:underline !important
}
.matrix-product .activity-content .item:nth-child(5) dl dd:nth-child(n+2){
	margin-top:22px
}
.matrix-product .activity-content .item:nth-child(6) dl dd:nth-child(n+2){
	margin-top:44px
}
.matrix-product .activity-content .item a.view-more{
	position:absolute;
	bottom:41px;
	left:50%;
	display:block;
	width:298px;
	height:46px;
	font-size:16px;
	font-weight:400;
	color:#FFF;
	line-height:46px;
	box-shadow:0 11px 24px 0 rgba(55,71,167,0.4);
	border-radius:4px;
	transform:translateX(-50%)
}
.matrix-product .activity-content .item a.view-more span{
	position:relative;
	z-index:22
}
.matrix-product .activity-content .item a.view-more::before,.matrix-product .activity-content .item a.view-more::after{
	position:absolute;
	z-index:11;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:"";
	border-radius:4px;
	transition:all .3s
}
.matrix-product .activity-content .item a.view-more::before{
	background:linear-gradient(225deg, #0190FF 0%, #0015FF 100%);
	opacity:1
}
.matrix-product .activity-content .item a.view-more::after{
	background:linear-gradient(225deg, #0015FF 0%, #0190FF 100%);
	opacity:0
}
.matrix-product .activity-content .item a.view-more:hover::before{
	opacity:0
}
.matrix-product .activity-content .item a.view-more:hover::after{
	opacity:1
}
.activity-rules{
	margin:86px auto;
	width:1080px
}
.activity-rules .activity-title{
	text-align:center
}
.activity-rules .activity-content{
	margin-top:60px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:32px
}
.activity-rules .activity-content li{
	position:relative;
	padding-left:30px
}
.activity-rules .activity-content li::before{
	position:absolute;
	top:5px;
	left:0;
	display:block;
	content:"";
	width:20px;
	height:21px;
	line-height:21px;
	color:#fff;
	text-align:center;
	background-image:url(../../images/partner/li.png);
	background-image:-webkit-image-set(url(../../images/partner/li.png) 1x, url(../../images/partner/li@2x.png) 2x)
}
.activity-rules .activity-content li:nth-child(1)::before{
	content:"1"
}
.activity-rules .activity-content li:nth-child(2)::before{
	content:"2"
}
.activity-rules .activity-content li:nth-child(3)::before{
	content:"3"
}
.activity-rules .activity-content li:nth-child(4)::before{
	content:"4"
}
.activity-rules .activity-content li:nth-child(5)::before{
	content:"5"
}
.activity-rules .activity-content li:nth-child(6)::before{
	content:"6"
}
.banner-mobile-pic{
	display:none
}
.f-text02{
		text-align: left;
	}
@media screen and (max-width:1199px){
	.im-functions{
		width: 70%!important;
	}
	.mvp-banner .container{
		width:100%
	}
	.banner{
		height:500px
	}
	.banner .item{
		height:500px
	}
	.partner-banner .item{
		height:auto
	}
	.common-banner-bg,.page-banner{
		height:500px
	}
	.mqtt-banner .container{
		background-size:auto 300px;
		background-position:right top 100px
	}
	.banner-pic{
		background-size:460px auto
	}
	.im-banner .container{
		background-size:auto 300px;
		background-position:right top 100px
	}
	.im-banner h5{
		font-size:36px
	}
	.im-banner h5 small{
		font-size:14px
	}
	.im-banner h6{
		font-size:15px;
		line-height:28px
	}
	.antispam-banner .container{
		background-size:auto 300px;
		background-position:right top 110px
	}
	.antispam-core-functions .coreFunctions{
		min-height:256px
	}
	.solution-container .head #icon .item,.solution-container .head #icon1 .item{
		padding:5.83333px 36px
	}
	.im-solution .side-text{
		padding-left:26px;
		margin-right:0
	}
	.im-solution .side-text p{
		margin-bottom:10px
	}
	.core-functions .row .col-xs-12{
		margin-bottom:20px
	}
	.core-functions .row .col-xs-12:last-child{
		margin-bottom:0
	}
	.solutions ul li{
		width:217px
	}
	.solutions li h3{
		height:86px;
		line-height:86px
	}
	.solutions li p{
		padding:22px 23px 0
	}
	.im-demo .qrcode{
		height:auto;
		text-align:center
	}
	.im-demo .qrcode figure,.im-demo .qrcode .btns{
		float:none
	}
	.im-demo .qrcode figure{
		display:inline-block;
		margin:0 10px
	}
	.im-demo .qrcode figure:nth-child(2){
		margin-right:10px
	}
	.im-demo .qrcode .btns{
		margin:20px auto 0
	}
	.nodes dl{
		width:100%
	}
	.antispam-use-cases .side-text{
		margin-top:30px
	}
	.download-demo-content-item .qrcode{
		margin-left:34px
	}
	.download-demo-content-item figure{
		margin-left:32px
	}
	.sd-robot-banner h5{
		margin-top:120px
	}
	.sd-robot-banner .container{
		background-size:500px auto
	}
	.features .item .pic{
		width:500px;
		height:auto
	}
	.features .item .text{
		width:400px
	}
	.features .item .text h3{
		margin:0 0 15px 0;
		font-size:25px
	}
	.features .item .text dt{
		font-size:16px
	}
	.applets-banner .banner-pic{
		background-size:auto 250px
	}
	.applets-banner .text{
		padding-top:110px
	}
	.product-core-functions ul{
		width:970px
	}
	.product-core-functions li{
		width:150px;
		height:150px
	}
	.product-core-functions li img{
		margin:25px auto 0
	}
	.why-easemob ul li{
		min-height:373px
	}
	.im-core-functions .coreFunctions{
		min-height:273px
	}
	.mqtt-core-functions .coreFunctions{
		min-height:213px
	}
	.push-core-functions .core-functions-body .coreFunctions{
		min-height:273px
	}
	.cc-banner .banner-pic{
		background-size:400px auto
	}
	.applets-use-cases .imageandtext dt{
		font-size:18px
	}
	.cc-product-functions ul{
		width:940px
	}
	.cc-product-functions li{
		margin-right:12px;
		width:107px;
		height:107px;
		line-height:107px;
		background-size:auto 100%
	}
	.cc-product-functions li a{
		font-size:14px
	}
	.cc-product-functions li a span{
		top:77px;
		width:107px
	}
	.cc-why-easemob ul li{
		min-height:100px
	}
	.index-im ul li,.index-cec ul li{
		width:306px
	}
	.index-im ul li .btn-group,.index-cec ul li .btn-group{
		padding:0 20px
	}
	.index-im ul li .btn-group a,.index-cec ul li .btn-group a{
		width:123px
	}
	.index-social ul li{
		padding-bottom:24px;
		width:217px;
		height:auto
	}
	.index-social ul li p{
		min-height:96px
	}
	.index-social ul li:nth-last-child(2){
		margin-left:241px
	}
	.flutter-core-functions .flutter-core-functions-content{
		gap:2%
	}
	.flutter-core-functions .flutter-core-functions-content .flutter-core-functions-item{
		width:31.33%;
		min-height:241px
	}
	.flutter-core-functions .flutter-core-functions-content .flutter-core-functions-item:nth-child(n+4){
		margin-top:2%
	}
	.flutter-core-functions .flutter-core-functions-content .flutter-core-functions-item:nth-child(4){
		margin-left:15.665%
	}
	.unity-core-functions .unity-core-functions-content{
		gap:2%
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item{
		width:23%;
		min-height:284px
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(n+4){
		margin-top:0
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(n+5){
		margin-top:2%
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(4){
		margin-left:0
	}
	.common-functional-features .common-functional-features-content{
		align-items:center
	}
	.common-functional-features .common-functional-features-content .pic{
		width:467px
	}
	.common-functional-features .common-functional-features-content .content{
		padding-top:0
	}
	.common-use-cases .common-use-cases-content{
		align-items:center;
		gap:44px
	}
	.common-use-cases .common-use-cases-content .pic{
		width:424px
	}
	.common-use-cases .common-use-cases-content .content{
		padding-top:0
	}
	.download-im-content .download-im-item-content{
		width:100%;
		gap:2%
	}
	.download-im-content .download-im-item-content .download-lang{
		width:31.33%
	}
	.download-im-content .download-im-item-content .download-lang:nth-child(n+4){
		margin-top:2%
	}
	.download-im-content .download-im-item-content .download-lang .download-btns{
		width:90%
	}
	.download-im-content .download-im-item-content .download-lang .download-description{
		padding:0 5%
	}
	.liveroom-banner .banner-text p{
		font-size:18px
	}
	.functional-highlights .functional-highlights-content{
		width:96%;
		gap:3%
	}
	.functional-highlights .functional-highlights-content .functional-item-1{
		width:31.33%
	}
	.functional-highlights .functional-highlights-content .functional-item-1:nth-child(n+4){
		margin-top:3%
	}
	.liveroom-customer-cases .customer-cases-content{
		width:96%;
		gap:5%
	}
	.liveroom-customer-cases .customer-cases-content .customer-cases-item{
		width:50%
	}
	.cs-video-features .features-container{
		width:94%
	}
	.cs-video-features .features-btm{
		gap:60px
	}
	.cs-video-highlights .functional-highlights-content{
		width:94%;
		gap:3%
	}
	.cs-video-highlights .functional-highlights-content .functional-item-1{
		width:31.33%
	}
	.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(n+4){
		margin-top:3%
	}
	.characteristic ul{
		width:94%;
		gap:3%
	}
	.characteristic ul li{
		width:31.33%
	}
	.characteristic ul li:nth-child(n+4){
		margin-top:3%
	}
	.vec-core-functions .content{
		width:94%
	}
	.vec-core-functions .content .item{
		margin:0 4% 4% 0;
		width:22%
	}
	.proprietary-advantages .functional-highlights-content .functional-item-1{
		width:22%
	}
	.proprietary-advantages .functional-highlights-content .functional-item-1:nth-child(4){
		margin-top:0
	}
}
@media screen and (max-width:1165px){
	.price-docs .price-docs-container{
		width:100%;
		left:0
	}
	.price-docs-title{
		left:0
	}
}
@media screen and (max-width:1124px){
	.mvp-members .member{
		width:24%;
		height:auto
	}
	.mvp-mission .content .item{
		width:31.33%
	}
	.partner-banner .banner-fixed{
		width:100%
	}
	.matrix-product .activity-content{
		width:92%;
		gap:2%
	}
	.matrix-product .activity-content .item{
		width:32%
	}
	.matrix-product .activity-content .item a.view-more{
		width:90%
	}
	.activity-rules{
		width:92%
	}
}
@media screen and (max-width:1100px){
	.im-functions{
		width: 80%!important;
	}
	.mqtt-price .im-intro .im-intro-item{
		position:relative;
		padding-bottom:174px
	}
	.mqtt-price .im-intro .im-intro-item p{
		padding-left:80px;
		font-size:14px;
		line-height:37px;
		color:#099DFD
	}
	.mqtt-price .im-intro .price-description{
		position:absolute;
		bottom:44px;
		width:100%;
		text-align:center
	}
	.mqtt-price .im-intro a{
		margin:0 80px;
		width:auto
	}
	.mqtt-price .im-intro .im-intro-item p{
		padding-left:60px
	}
	.mqtt-price .im-intro dl{
		margin-left:60px
	}
	.mqtt-price .im-intro a{
		margin:0 60px
	}
}
@media screen and (max-width:1090px){
	.proprietary-core-features{
		width:92%
	}
	.proprietary-core-features .imagetext{
		gap:4%
	}
	.proprietary-core-features .imagetext .image,.proprietary-core-features .imagetext .text{
		width:48%
	}
}
@media screen and (max-width:1080px){
	.research-objective .pic,.summary .pic{
		width:524px
	}
	.customer-service{
		width:92%
	}
}
@media screen and (max-width:991px){

	.f-text01{
		margin-left:100px;
		margin-top:20px;
	}
	.f-text02{
		text-align: cetner;
		margin-bottom:20px;
	}
	.container{
		width:100%
	}
	.banner-pic{
		background-size:340px auto;
		background-position:right 0 top 70px
	}
	.banner{
		height:400px
	}
	.banner .item{
		height:400px
	}
	.banner-pc,.common-banner-bg,.page-banner{
		height:400px
	}
	.partner-banner{
		height:636px
	}
	.partner-banner .item{
		height:auto
	}
	.mqtt-banner .container,.localization-banner .banner-pic{
		background-size:340px auto;
		background-position:right top 70px
	}
	.mqtt-banner h5{
		margin-top:40px;
		font-size:36px
	}
	.localization-banner h5{
		margin-top:80px
	}
	.mqtt-competition-banner{
		height:400px
	}
	.mqtt-competition-banner .banner-pic{
		background-position:-200px 0
	}
	.mqtt-competition-banner .text{
		float:right;
		padding-top:70px;
		width:328px
	}
	.mqtt-competition-banner .text img:nth-child(1){
		width:260px;
		height:auto
	}
	.mqtt-competition-banner .text img:nth-child(2){
		width:328px;
		height:auto
	}
	.uniapp-banner h5{
		margin:80px 0 10px
	}
	.im-banner .container{
		background-size:auto 260px;
		background-position:right top 70px
	}
	.im-banner h5{
		margin-top:60px
	}
	.im-core-functions .coreFunctions{
		min-height:213px
	}
	.common-banner-bg h5 small{
		margin-bottom:30px
	}
	.section-name{
		padding-top:60px
	}
	.section-title{
		padding-bottom:30px
	}
	.solution .side-text{
		padding-top:0;
		margin-right:30px;
		width:400px
	}
	.solution .side-text h3{
		margin-bottom:20px;
		font-size:30px
	}
	.solution .side-img{
		width:350px;
		height:auto
	}
	.wrodebg ul{
		padding:0
	}
	.solution-container .head #icon .item,.solution-container .head #icon1 .item{
		padding:5.83333px 14px
	}
	.solutions{
		padding-bottom:90px;
		height:auto
	}
	.solutions ul li{
		margin:0 30px 30px 0;
		width:206px
	}
	.solutions li h3{
		height:82px;
		line-height:82px
	}
	.solutions li a{
		text-indent:23px
	}
	.im-demo .btns a{
		margin:0 12px 12px 0
	}
	.antispam-banner .container{
		background-size:auto 250px;
		background-position:right top 75px
	}
	.antispam-banner h5{
		margin-top:80px
	}
	.core-functions .coreFunctions{
		margin:0 4% 4% 0;
		width:48%
	}
	.core-functions .coreFunctions:nth-child(2n){
		margin-right:0
	}
	.core-functions .coreFunctions:nth-child(3n){
		margin-right:4%
	}
	.core-functions .coreFunctions:nth-child(n+3){
		margin-bottom:4%
	}
	.core-functions .coreFunctions:nth-child(n+5){
		margin-bottom:0
	}
	.core-functions .coreFunctions:nth-child(6){
		margin-right:0
	}
	.antispam-core-functions .coreFunctions{
		min-height:auto
	}
	.use-cases .body-container{
		display:block
	}
	.use-cases .body-container .side-img{
		margin:0 auto
	}
	.download-demo-content-item{
		position:relative;
		flex-direction:column;
		height:auto
	}
	.download-demo-content-item .text{
		width:100%
	}
	.download-demo-content-item .qrcode{
		margin-left:0;
		width:100%
	}
	.download-demo-content-item figure{
		position:absolute;
		bottom:28px;
		right:28px
	}
	.sd-robot-banner h5{
		margin-top:80px;
		font-size:32px
	}
	.sd-robot-banner li{
		font-size:15px
	}
	.why-sd-robot{
		margin-top:69px
	}
	.why-sd-robot .reason{
		width:100%
	}
	.common-title .section-title{
		font-size:32px
	}
	.sd-robot-price-docs .price-docs-container::before{
		left:0
	}
	.sd-robot-price-docs .price-docs-container::after{
		right:0
	}
	.price-docs .sd-robot{
		width:94%
	}
	.price-docs .sd-robot dd:nth-child(2){
		margin-left:183px
	}
	.page-banner .text{
		padding-top:70px
	}
	.applets-banner .text{
		padding-top:60px
	}
	.product-core-functions ul{
		width:941px
	}
	.product-core-functions li{
		width:140px;
		height:140px
	}
	.product-core-functions li img{
		margin:15px auto 0
	}
	.why-easemob ul li{
		min-height:403px
	}
	.uniapp-banner .container{
		background-size:auto 260px
	}
	.mqtt-price .im-intro .im-intro-item p{
		padding-left:20px
	}
	.mqtt-price .im-intro dl{
		margin-left:20px
	}
	.mqtt-price .im-intro a{
		margin:0 20px
	}
	.unity-core-functions .unity-core-functions-content{
		gap:0;
		justify-content:space-around
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item{
		width:46%;
		height:auto;
		min-height:254px
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(n+4){
		margin-top:0
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(n+5){
		margin-top:0
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(n+3){
		margin-top:4%
	}
	.unity-core-functions .unity-core-functions-content .unity-core-functions-item:nth-child(4){
		margin-left:0
	}
	.discord-like-functions .imagetext{
		gap:64px;
		flex-direction:column
	}
	.discord-like-functions .imagetext .image,.discord-like-functions .imagetext .text{
		width:516px
	}
	.discord-like-functions .imagetext .text dl dd{
		font-size:16px;
		font-weight:400;
		color:#5C5F61;
		line-height:30px
	}
	.discord-like-functions .imagetext:nth-child(2){
		margin-top:40px;
		flex-direction:column
	}
	.vec-banner .banner-pic{
		background-size:auto 250px
	}
	.apply-for-trial .apply-for-trial-main{
		width:92%
	}
	.proprietary-banner .banner-pic{
		background-size:auto 250px
	}
	.proprietary-banner .banner-description{
		margin-left:20px
	}
}
@media screen and (max-width:970px){
	.im-functions{
		width: 90%!important;
	}
	.industry-solution ul{
		justify-content:space-between;
		gap:auto;
		width:768px
	}
	.industry-solution ul li h3{
		margin-top:100px
	}
	.industry-solution ul li:nth-child(n) h3{
		background-size:70px auto;
		background-position:right center
	}
	.index-im ul,.index-cec ul{
		gap:2%
	}
	.index-im ul li,.index-cec ul li{
		width:31.33%
	}
	.index-im ul li .btn-group,.index-cec ul li .btn-group{
		padding:0 20px
	}
	.index-im ul li .btn-group a,.index-cec ul li .btn-group a{
		width:123px
	}
	.index-social ul{
		gap:2%
	}
	.index-social ul li{
		width:23%
	}
	.index-social ul li p{
		min-height:96px
	}
	.index-social ul li:nth-last-child(2){
		margin-left:25%
	}
}
@media screen and (max-width:945px){
	.solutions ul li{
		float:left;
		margin:0 4% 4% 0;
		padding-bottom:22px;
		width:48%;
		height:auto;
		min-height:256px
	}
	.solutions ul li:nth-child(2n){
		margin-right:0
	}
	.solutions ul li:nth-child(n+5){
		margin-bottom:4%
	}
}
@media screen and (max-width:900px){
	.banner p a.btn{
		height:auto;
		line-height:1
	}
	.common-banner-bg p a.btn{
		display:inline-block;
		float:left;
		margin-top:40px;
		padding:0;
		min-width:150px;
		width:auto;
		height:46px;
		font-size:16px;
		line-height:46px;
		text-align:center
	}
	.im-intro-item{
		width:42%;
		padding:64px 0 64px 82px
	}
	.features .item .pic,.features .item .text{
		display:block;
		width:100%;
		float:none
	}
	.features .item:nth-child(1) .pic,.features .item:nth-child(2) .text,.features .item:nth-child(3) .pic,.features .item:nth-child(4) .text{
		float:none
	}
	.features .item .pic img{
		margin:0 auto;
		width:80%
	}
	.features .item .text{
		margin-top:40px;
		float:none
	}
	.mqtt-price .im-intro .im-intro-item{
		padding-left:0;
		width:42%
	}
	.mqtt-price .im-intro .im-intro-item p{
		padding-left:40px
	}
	.mqtt-price .im-intro dl{
		margin-left:40px
	}
	.mqtt-price .im-intro a{
		margin:0 40px
	}
}
@media screen and (max-width:767px){
	.demo-s2{
		padding-left: unset!important;
	}
	.demo-title {
    font-size: 28px !important;
    line-height: 40px !important;
	}
	.demo-btn{
		width: 150px;
        font-size: small;
	}
	.imagetext {
    margin: 20px!important;
  }
	.liveroom-application-scenarios .body-container .item .row .side-text{
		max-width:100%
	}
	.mvp-banner{
		padding:20px 0;
		height:auto
	}
	.mvp-banner .container{
		align-items:flex-start;
		background-image:none
	}
	.mvp-banner .banner-description{
		width:100%
	}
	.mvp-banner .banner-description h6{
		white-space:normal
	}
	.partner-banner{
		height:auto !important
	}
	.partner-banner .banner{
		width:100%;
		height:auto !important;
		background-image:none
	}
	.partner-banner .banner .banner-pc-pic{
		display:none
	}
	.partner-banner .banner-fixed{
		right:13px;
		bottom:-200px;
		left:13px;
		padding:0 0 16px;
		align-items:flex-start;
		width:auto;
		height:auto;
		transform:translateX(0)
	}
	.partner-banner .banner-fixed .item{
		padding-top:92px;
		padding-bottom:0;
		padding-left:0;
		width:30%;
		background-size:98px;
		background-position:top center
	}
	.partner-banner .banner-fixed .item h3{
		justify-content:center;
		font-size:14px
	}
	.partner-banner .banner-fixed .item h3 em{
		font-size:26px
	}
	.partner-banner .banner-fixed .item h3 span{
		display:none
	}
	.partner-banner .banner-fixed .item p{
		width:100%;
		font-size:13px;
		text-align:center
	}
	.banner-mobile-pic{
		display:block;
		width:100%
	}
	.banner-mobile-pic img{
		display:block;
		width:100%
	}
	.activity-flow .activity-content{
		gap:0;
		flex-wrap:wrap;
		margin:13px 0 32px
	}
	.activity-flow .activity-content .item{
		width:50%
	}
	.activity-flow .activity-content .item:nth-child(odd){
		align-items:flex-start;
		padding-left:20px
	}
	.activity-flow .activity-content .item:nth-child(odd) .description{
		text-align:left
	}
	.activity-flow .activity-content .item:nth-child(even){
		align-items:flex-end;
		padding-right:20px
	}
	.activity-flow .activity-content .item:nth-child(even) .description{
		text-align:right
	}
	.activity-flow .activity-content .item:nth-child(3){
		align-items:flex-end;
		order:2;
		padding-left:0;
		padding-right:20px
	}
	.activity-flow .activity-content .item:nth-child(3) .description{
		text-align:right
	}
	.activity-flow .activity-content .item:nth-child(4){
		align-items:flex-start;
		order:1;
		padding-left:20px;
		padding-right:0
	}
	.activity-flow .activity-content .item:nth-child(4) .description{
		text-align:left
	}
	.activity-flow .activity-content .item:nth-child(n+3){
		margin-top:30px
	}
	.activity-flow .activity-content .item .pic{
		width:58px
	}
	.activity-flow .activity-content .item .description{
		margin-top:5px
	}
	.activity-flow .activity-content .item .description h4{
		font-size:16px
	}
	.activity-flow .activity-content .item .description p{
		margin-top:0;
		font-size:12px
	}
	.activity-flow .activity-content .item::before{
		top:23px;
		right:-75px
	}
	.activity-flow .activity-content .item::after{
		top:18px;
		right:-90px
	}
	.activity-flow .activity-content .item:nth-child(2)::before{
		top:auto;
		width:22px;
		bottom:-14px;
		right:39px;
		transform:rotate(90deg)
	}
	.activity-flow .activity-content .item:nth-child(2)::after{
		top:auto;
		bottom:-36px;
		right:42px;
		transform:rotate(90deg)
	}
	.activity-flow .activity-content .item:nth-child(1)::before{
		width:100%;
		left:50%
	}
	.activity-flow .activity-content .item:nth-child(1)::after{
		left:150%
	}
	.activity-flow .activity-content .item:nth-child(3)::before{
		width:100%;
		right:50%;
		transform:rotate(180deg)
	}
	.activity-flow .activity-content .item:nth-child(3)::after{
		right:150%;
		transform:rotate(180deg)
	}
	.activity-title h3{
		font-size:24px
	}
	.matrix-product{
		margin-top:35px;
		padding-bottom:50px;
		height:auto
	}
	.matrix-product .activity-title h3{
		padding:36px 0 25px
	}
	.matrix-product .activity-content{
		gap:20px;
		width:90%
	}
	.matrix-product .activity-content .item{
		width:100%
	}
	.matrix-product .activity-content .item:nth-child(n+4){
		margin-top:0
	}
	.activity-rules{
		margin:32px auto
	}
	.activity-rules .activity-content{
		margin-top:20px
	}
	.carousel-tabs .head{
		margin-bottom:40px
	}
	.mvp-members{
		padding-bottom:40px
	}
	.mvp-members .members{
		flex-wrap:wrap
	}
	.mvp-members .members .member{
		width:48%
	}
	.mvp-members .members .member:nth-child(n+3){
		margin-top:4%
	}
	.mvp-members .members .member a .title h4{
		padding:0 4px;
		line-height:20px;
		text-align:center
	}
	.mvp-mission{
		padding-bottom:40px;
		width:90%
	}
	.mvp-mission .content{
		flex-direction:column;
		gap:20px
	}
	.mvp-mission .content .item{
		width:100%
	}
	.apply-flow{
		padding-bottom:40px
	}
	.apply-flow .apply-flow-content{
		flex-direction:column;
		gap:20px;
		margin-top:0
	}
	.apply-flow .apply-flow-content .step-arrow{
		padding-top:0
	}
	.apply-flow .apply-flow-content .step-arrow::before{
		position:absolute;
		left:50%;
		margin-left:-4px;
		width:8px;
		height:100px
	}
	.apply-flow .apply-flow-content .step-arrow::after{
		top:auto;
		left:50%;
		bottom:-10px;
		margin-left:-11px;
		border-top:14px solid #0f88ff;
		border-bottom:14px solid transparent;
		border-left:11px solid transparent;
		border-right:11px solid transparent
	}
	.apply-flow .apply-flow-description{
		margin-top:30px
	}
	.apply-flow .apply-flow-description h3::before,.apply-flow .apply-flow-description h3::after{
		display:none
	}
	.apply-flow .apply-flow-description p{
		flex-direction:column
	}
	.mvp-detail .breadcrumb{
		padding:0 20px 20px
	}
	.mvp-detail .mvp-detail-content{
		flex-direction:column;
		padding-bottom:40px;
		width:92%
	}
	.mvp-detail .mvp-detail-content .pic{
		margin-right:0;
		margin-bottom:20px;
		width:100%
	}
	.mvp-detail .mvp-detail-content .text .block .links .item{
		flex-direction:column
	}
	.mvp-detail .mvp-detail-content .text .block .links .item+.item{
		margin-top:20px
	}
	.sidemenu{
		z-index:9999
	}
	.layer-form{
		width:90%;
		height:auto
	}
	.layer-form .form{
		padding-bottom:34px
	}
	.layer-form .form h3{
		margin:34px 0 10px;
		font-size:18px
	}
	.layer-form .form .form-input{
		width:90%
	}
	.ai-banner{
		background-position:30% top
	}
	.discord-like-banner{
		background-size:auto !important
	}
	.quick-experience ul{
		display:flex;
		flex-direction:column
	}
	.quick-experience ul li{
		margin-top:20px;
		width:100%;
		height:327px
	}
	.quick-experience ul li .static{
		opacity:0
	}
	.quick-experience ul li .enter{
		width:100%;
		opacity:1
	}
	.quick-experience ul li:nth-child(n+4){
		margin-top:20px
	}
	.quick-experience{
		padding-bottom:20px
	}
	.quick-experience .view-more{
		margin-top:0
	}
	.index-partner .item{
		width:25% !important
	}
	.index-partner .item:nth-child(n+17){
		display:none
	}
	.common-partners .col-xs-3:nth-of-type(n+17){
		display:none
	}
	.discord-demo{
		display:none
	}
	.discord-scenarios img{
/*		width:100% !important*/
	}
	section.download-sdk{
		display:none
	}
	.container{
		width:100%
	}
	.common-title{
		padding: unset;
        width: 95%;
	}
	.solution-architecture .function-area li {
		width: 23%;
	}
	.solution-architecture .function-area li h3{
		color: #000000;
		font-family: 'Noto Sans SC';
		line-height: 26px;
	}
	.solution-architecture .function-area li p{
		font-family: 'Noto Sans SC';
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		color: #535353;
	}
	.function-4th{
		width: 23%!important;
	}
	.common-banner-bg,.page-banner{
		height:424px !important;
		background-image:url(../images/bannerbg-mobile@2x.png) !important;
		background-color: #131d7e!important;
		/* background-size:100% auto */
	}
	.common-banner-bg.light,.page-banner.light{
		background-image:url(../../images/cs-video/bannerbg.png) !important;
		background-size:cover !important
	}
	.common-banner-bg .container,.page-banner .banner-pic{
		padding:0;
		background-position:center bottom 20px;
		background-size:auto 180px
	}
	.common-banner-bg h5,.common-banner-bg h6{
		text-align:center
	}
	.common-banner-bg h5{
		margin:56px 0 10px;
		font-size:32px;
		line-height:38px
	}
	.common-banner-bg p{
		font-size:14px
	}
	.common-banner-bg p a.btn{
		margin-top:10px;
		width:120px;
		min-width:120px;
		height:36px;
		line-height:36px
	}
	.page-banner h2{
		font-size:32px;
		line-height:38px
	}
	.page-banner h2 small{
		font-size:14px;
		line-height:26px
	}
	.im-banner .text{
		text-align:center
	}
	.im-banner h5{
		margin-top:50px;
		text-align:center
	}
	.im-banner h5 small{
		display:none
	}
	.im-banner h6{
		font-size:14px;
		line-height:22px
	}
	.im-banner .text .ico,.im-banner .ico,.im-banner .text article,.im-banner .text p a:nth-child(2){
		display:none
	}
	.mqtt-banner h6{
		font-size:14px
	}
	.banner .item.mqtt-competition{
		position:relative;
		height:424px;
		background-image:url(/event/mqtt/img/head_bg.ce9f09e5.png) !important;
		background-color:#151548;
		background-size:auto 90%;
		background-position:-200px bottom
	}
	.download-demo-banner .container{
		background-size:auto 180px;
		background-position:center bottom 58px
	}
	.download-demo-banner h5{
		margin:62px 0 5px
	}
	.download-demo-banner p{
		padding:0 28px;
		font-size:16px;
		line-height:22px;
		text-align:center
	}
	.mqtt-competition div,.mqtt-competition p{
		display:block
	}
	.mqtt-competition .title-pic{
		position:absolute;
		top:60px;
		left:25%;
		width:50%
	}
	.mqtt-competition .title-pic img{
		display:block;
		width:100%
	}
	.mqtt-competition p{
		position:absolute;
		bottom:10px;
		left:50%;
		margin-left:-72.5px
	}
	.mqtt-competition a{
		display:block;
		width:145px;
		height:36px;
		line-height:36px;
		color:#fff;
		background-image:url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAASIAAABICAMAAABleAgMAAAAq1BMVEUAAAAAv3gAxnsA34gAqm4Aqm4Aqm4Aqm8AyH0Aq28AsnIA4IkA4IkAqm8Aq28A4YkA4YoA34gAq24A34kA4YkA4IkA4IgA4YkA4YkAq28A34kAqW4A4okAqm4A34gA4YoA3ogA34kAqm4Au3YAzn8AsXIAwnkA04IA2IQArnAAtXMA24YAw3sA3ogA0YEAx3wAyX0Ay34Av3gAt3QA4IkAuHUA1YMA2YUAvXc0UzmLAAAAInRSTlMACRX65tF6kCj1IPGvoF1JL861gjrXpG9gPeHCUk7El+3nxYcdAQAABfhJREFUeNrNXAtWIkEM5I8oIIiun/2LLC6LDkij3P9ku4/HTtH0TDJJ2pE6Qr1KdVLJTIVA7XzUHf48e0rxx8Pb29ujj9ctpvt4Bh6eHw6w3GHxH0mKuYdfPl522GwxDrDeYrXDbDXbw2Q22cfvHRqNZq91W61IULv+VndgJ5OhN4KhkCKCIVAEjpJcil5S0AylHHmYBBQBnYt+YZYG3br7B4qhkCIpQwRFcx8BQ6BoHELN0P0/dNqnRQg66botQc5j6MljKEdF08J1tnygKKJVxNfZag2G+DoDQ1uSahxB1dFWQbSIwBCgFNGSEJG0zqAisYjA0X2jz0ho6FKGnLTOpgcAQQUpgoxIswZDG96JfIYIFQE9ypLOz1wK1or45wwcCVWkN+txKCKAFhHQzHekm7rPEOAzlEPR1OTWQhEpzJoTEdA4yWHo2gFPjnnxw0Kb+pCJKFnkiGjuMeS7tUxEE+494zn64vbBiUhm1ryIwJClK5K8+DRHWbU2qB8yBJiaotCt6RffYkW+iFbi9wxohp5du3PqOnuFiux1RmjIUmcTum8M0Q4o+uR4EfFNEUAwBIoIr9aJyG5FwNfD5955oBj6E2/4WIIiRkVgCCoKGRp7rTXJEE9R46DUrpyLaUUeQQIrgoqUT769KQJafkfkgBL6RjAk6hup+Qx1ZhYRZESIiBg+yAkWkHfWGGFZJ6IY4iZYvm8EWoQTObWIQoaej3D4IM0aaOQ/Z2zfKGmK9H3jrzlRZzGTolzcIgE5i1tnz8o6my8IEbEUFa+z33SdAe280aP84SNHRR8kIqCZVWeKRPZR1hQBIUMLpRWhKUpBenVhjtII8gdl1pyKtGa9yLIiSw4SX0XosC9JEZn6xpAh2qx1IrL3jdyzPwoY4usMIBmCjHizhor4CXbDvPgrE0NAL6tvfCI5kpq1fPiwbxjtZQZc7CJ9X0T24UNoRbLNB8EQkYNoKfqMPFbaWQPxOuukcFI0ltaZjiK8+t+iTLCAuimyxY3Uk29UUa1+wJAzJrLU/owS0WKelJLITsRedMM5EX/sYBLRMVvR7kXrWhPZ12iJbFLCmjrQEIlWxggrX1O/CtbUgOyoiD0HGavW1DxH/YyoiB0+bMcOfA5iT4rsZg1st2nfqRffFlpLGEqMu6H4ToRM7c5jSJwUhc9Z/M0HGBLljfxzdl/IrQfOQ6kTLL+E5UNr+wTLDvrX0RNZQBqmFUxkNwRDnIpkDHWqSNN0YZp6TS3c5CvW1HaK0Dhe6SZYMBTtAjThszRBJGttivDkV+rlramVZ8QvFEVgKHIOgli2Rpi15tJaadZJvOFjRhaaos4GxABrGj7EMUgicyKAborsdXYZ3ax5iqQvvj4pmhjrDBSJJ1i7FYVtY3JUm4+9xHFgDNPirKkTzRcN2J/Jhw9wxG8/Tj2CRLE+fZkmVZF0TQ0QZm178k932/yyElm7FYluiuxWhGX1nfYw7VF5I7vMjBsT/cWMYPgQpmk7dGVmbX/P2LZR+ORHNmsgPU4fyTtrMBSpKWKmD34Hu9Z/FcPXGV79csx6QajImjeGmw+LitrB9ZVqgj2SzQfqLB5DOFBDMOsxZDwjln/DqOsb1/HDNNQZcGm8KbLnjYAgB4koIv7meljCTZHpG0b+PYsvok7N+8YKub4lkZ2+5/CxeRE5EZ/r82btYcgWGm/W9uHDfuwwi7NhhIiAS/GLr/6G0cBQ/G8YeScCvnObj0e5WfN1hhvZI7pFz/tcr3olOweJOcFCRXIRvRdFnZNKgMGZVUWyb6sSz61jJbKrWJl1P/PL4Xq0myLxOUhiuEVXhmmC1wy4iZ7IAtoh32eotOGjl/8XgxJvZDW7oY3hvNGoIfwL4wOGj6SwWZd1I9ui/6giGfLtfwcJ5zNrImuPGxu37H95Mini/1P08Z01OLKYda9W4O9OpTZFKDP7mjqCWTdvi/4jjCo0XkWGb6vmsSiaUCrKXSx+Ff1proS/XRkT2fU4qhU1W6cVEarno0/Dux/xborin4OsIzVFnUbzot0n+PkLGbnHk9sGmWMAAAAASUVORK5CYII=);
		font-size:16px;
		text-align:center;
		background-size:cover
	}
	.mqtt-banner .text1,.mqtt-banner .text02{
		display:none
	}
	.push-banner h5{
		margin-bottom:5px
	}
	.push-banner h6{
		line-height:1.5
	}
	.push-banner .text1,.push-banner .text02{
		display:none
	}
	.push-banner p a.btn{
		margin-top:10px
	}
	.banner-pic{
		position:relative;
		width:100%;
		background-size:90% auto;
		background-position:top 60px center;
		text-align:center
	}
	.banner-pic .text{
		position:absolute;
		bottom:50px;
		width:100%;
		margin-left:-15px;
		text-align:center
	}
	.banner-pic .text h5{
		text-align:center
	}
	.banner p{
		display:flex;
		justify-content:center
	}
	.banner p a.btn{
		font-size:15px
	}
	.common-title .section-name{
		margin-bottom:0;
		font-size:10px;
		line-height:14px
	}
	.common-title .section-title{
		margin-top:4px;
		font-size:25px;
		line-height:34px
	}
	.solution-container .head{
		margin-bottom:50px;
		padding:0
	}
	.solution-container .owl-stage .owl-item{
		margin-right:0
	}
	.solution-container .head #icon .item,.solution-container .head #icon1 .item{
		padding:5.83333px 0
	}
	.col-xs-12{
		width:100%
	}
	.solution .body .owl-stage-outer{
		height:auto
	}
	.body-container .item .row{
		display:block;
		margin:0
	}
	.solution .side-text{
		width:100%;
		margin-top:40px;
		margin-right:0;
		padding:0
	}
	.solution .side-img{
		width:480px;
		max-width:100%
	}
	.core-functions-body{
		padding-bottom:50px
	}
	.core-functions{
		margin-top:50px
	}
	.core-functions .coreFunctions{
		padding:60px 13px 21px;
		width:48%;
		min-height:279px;
		margin:0 4% 4% 0;
		background-position:center top 26px
	}
	.core-functions .coreFunctions:nth-child(2n){
		margin-right:0
	}
	.core-functions .coreFunctions:nth-child(3n){
		margin-right:4%
	}
	.core-functions .coreFunctions:nth-child(6n){
		margin-right:0
	}
	.uniapp-core-functions .coreFunctions{
		margin:0 0 4% 0;
		width:100%;
		min-height:auto
	}
	.core-functions .coreFunctions h4{
		font-size:14px;
		line-height:33px;
		text-align:center
	}
	.core-functions .coreFunctions p{
		font-size:14px;
		line-height:28px
	}
	.features .common-title .section-name{
		padding-top:55px
	}
	.features .common-title .section-title{
		padding-bottom:20px
	}
	.features .row img{
		display:block;
		margin:0 auto
	}
	.features .functionalFeatures{
		margin-top:10px;
		padding:0 20px
	}
	.features .container .row:nth-child(2){
		margin-top:30px
	}
	.im-features .functionalFeatures-btm{
		padding:0 15px
	}
	.solutions{
		margin-top:60px
	}
	.solutions .common-title .section-name{
		padding-top:56px
	}
	.solutions .common-title .section-title{
		padding-bottom:30px
	}
	.solutions ul li{
		min-height:452px
	}
	.im-demo h3{
		font-size:28px
	}
	.im-demo .qrcode{
		padding:0;
		border:none
	}
	.im-demo .qrcode-pc{
		display:none
	}
	.im-demo .qrcode-mobile{
		display:block
	}
	.im-demo .qrcode-mobile a{
		position:relative
	}
	.im-demo .qrcode-mobile a img{
		position:absolute;
		max-width:135px;
		width:135px;
		height:135px
	}
	.im-demo .qrcode .btns{
		width:100%
	}
	.im-demo .btns a{
		margin:0 3% 3% 0;
		width:31.3333%;
		font-size:12px;
		white-space:nowrap
	}
	.im-demo .btns a:nth-child(4n+4){
		margin-right:3%;
		width:31.3333%
	}
	.im-demo .btns a:nth-child(3n){
		margin-right:0
	}
	.im-demo .btns a:nth-child(n+9){
		margin-bottom:3%
	}
	.im-demo .btns a:nth-child(n+10){
		margin-bottom:0
	}
	.im-intro{
		margin-top:50px;
		padding:0 15px
	}
	.im-intro-item{
		z-index:18 !important;
		width:100%;
		margin:0 0 40px;
		padding:20px 0 40px
	}
	.nodes .common-title h3{
		font-size:20px
	}
	.price-docs{
		margin-top:0
	}
	.price-docs .price-docs-container::before{
		bottom:0
	}
	.develop-code{
		display:block
	}
	.nodes{
		margin-top:50px;
		padding:50px 0 60px
	}
	.nodes dd{
		margin-bottom:10px;
		width:100%
	}
	.core-functions .coreFunctions h4{
		margin:15px 0 0 0
	}
	.core-functions .coreFunctions p{
		margin:10px 0 0 0
	}
	.antispam-core-functions .coreFunctions{
		min-height:264px
	}
	.core-functions{
		margin-top:0
	}
	.antispam-core-functions .common-title .section-name{
		padding-top:36px
	}
	.antispam-features{
		margin-top:20px;
		padding-bottom:0;
		background:#fff
	}
	.use-cases .common-title .section-name{
		padding-top:50px
	}
	.use-cases .side-img{
		width:100%
	}
	.use-cases .side-text{
		width:100%
	}
	body>footer{
		margin-bottom:0
	}
	.wrodebg{
		margin-top:43px;
		padding-top:30px
	}
	.wrodebg ul{
		padding:0
	}
	.wrodebg ul li{
		padding-left:15px;
		font-size:12px
	}
	.wrodebg ul li p{
		font-size:16px
	}
	.download-demo-main-item{
		margin-top:36px
	}
	.download-demo-title{
		font-size:20px;
		text-indent:19px
	}
	.download-demo-content-item{
		margin-top:18px;
		padding:25px 13px
	}
	.download-demo-content-item .text h3{
		font-size:16px
	}
	.download-demo-content-item .text p{
		margin-top:4px
	}
	.download-demo-content-item .text a{
		font-size:14px
	}
	.download-demo-content-item .qrcode ul{
		padding-top:29px;
		width:100%
	}
	.download-demo-content-item .qrcode li{
		margin:0 3% 3% 0;
		width:31.3333%
	}
	.download-demo-content-item .qrcode li a{
		font-size:14px
	}
	.download-demo-content-item figure{
		position:static;
		bottom:auto;
		right:auto;
		margin-left:0
	}
	.download-demo-content-item figure img{
		margin:0 auto
	}
	.wrodebg,.doc-guide{
		display:none
	}
	.wrodebg-mobile{
		display:block;
		margin-top:43px;
		padding:40px 34px;
		background-image:url(../images/bannerbg-mobile@2x.png);
		background-size:100% auto
	}
	.guide-mobile{
		display:block;
		margin-top:43px;
		padding:40px 34px;
		background-image:url(../../images/new-guide-bg.png);
		background-position:center
	}
	.wrodebg-mobile ul,.doc-guide-mobile ul{
		padding:0;
		margin:0
	}
	.wrodebg-mobile li,.doc-guide-mobile li{
		float:left;
		margin:0 4% 25px 0;
		width:48%
	}
	.wrodebg-mobile li:nth-child(2n),.doc-guide-mobile li:nth-child(2n){
		margin-right:0
	}
	.wrodebg-mobile li:nth-child(n+2),.doc-guide-mobile li:nth-child(n+2){
		margin-bottom:0
	}
	.wrodebg-mobile li:nth-child(4),.doc-guide-mobile li:nth-child(4){
		margin-right:0
	}
	.wrodebg-mobile li a,.doc-guide-mobile li a{
		display:block;
		width:100%;
		height:37px;
		font-size:16px;
		line-height:37px;
		color:#099DFD;
		text-align:center;
		border:1px solid #099dfd;
		border-radius:4px
	}
	.doc-guide-mobile li a{
		color:#fff;
		border-color:#fff
	}
	.antispam-banner h6{
		font-size:16px
	}
	.antispam-banner p a.btn{
		margin-top:10px
	}
	.sd-robot-banner h5{
		margin:46px 0 0 0;
		font-size:22px
	}
	.sd-robot-banner ul{
		position:relative;
		left:50%;
		display:inline-block;
		transform:translateX(-50%)
	}
	.sd-robot-banner li{
		font-size:14px;
		line-height:28px
	}
	.sd-robot-banner p a.btn{
		margin-top:10px;
		height:36px;
		line-height:36px;
		font-size:14px
	}
	.sd-robot-core-functions .coreFunctions{
		min-height:180px
	}
	.sd-robot-price-docs{
		padding-bottom:70px
	}
	.price-docs .sd-robot{
		padding:0 40px;
		height:auto
	}
	.price-docs .sd-robot h3{
		margin-top:30px;
		font-size:30px
	}
	.price-docs .sd-robot p{
		margin-top:0;
		font-size:14px
	}
	.price-docs .sd-robot dl{
		margin-top:40px
	}
	.price-docs .sd-robot dd:nth-child(1){
		margin-left:0
	}
	.price-docs .sd-robot dd:nth-child(2){
		float:right;
		margin-left:0
	}
	.price-docs .price-docs-container::before,.price-docs .price-docs-container::after{
		display:none
	}
	.why-sd-robot .section-title{
		padding-bottom:20px
	}
	.why-sd-robot .common-title h3{
		font-size:20px
	}
	.why-sd-robot .reason{
		flex-direction:column
	}
	.why-sd-robot .reason .item{
		width:100%
	}
	.why-sd-robot .reason .item:nth-child(1)::after{
		display:none
	}
	.why-sd-robot .item:nth-child(1) dl{
		align-items:flex-start
	}
	.why-sd-robot .item:nth-child(1) dl dt{
		border-radius:0 23px 23px 0
	}
	.why-sd-robot .item:nth-child(1) dd{
		text-align:left
	}
	.why-sd-robot .item:nth-child(2) dl:nth-child(1){
		margin-top:0
	}
	.why-sd-robot .item:nth-child(2) dd{
		margin-left:0
	}
	.why-sd-robot .reason::after{
		display:none
	}
	.sd-robot-core-functions .common-title .section-title{
		margin-top:55px;
		padding-bottom:30px
	}
	.features .item{
		margin-top:40px
	}
	.app-cases .common-title .section-name{
		padding-top:50px
	}
	.app-cases ul{
		display:block
	}
	.app-cases li{
		float:left;
		margin:0 4% 4% 0;
		width:48%;
		height:auto;
		border:1px solid #ccc
	}
	.app-cases li:nth-child(2n){
		margin-right:0
	}
	.price-docs .sd-robot dd{
		float:none;
		text-align:center;
		width:100%
	}
	.price-docs .sd-robot dd a{
		margin:0 auto
	}
	.price-docs .sd-robot dd:nth-child(1){
		width:100%
	}
	.price-docs .sd-robot dd:nth-child(2){
		margin-top:50px
	}
	.applets-banner .text{
		position:static;
		margin-left:0;
		padding-top:50px
	}
	.applets-banner h2{
		font-size:32px
	}
	.applets-banner h2 small{
		display:none
	}
	.applets-banner p{
		margin-top:0;
		line-height:1.5
	}
	.applets-banner .btns{
		margin-top:20px
	}
	.applets-banner .btn-warning{
		margin:0 auto;
		height:40px;
		line-height:40px
	}
	.applets-use-cases{
		padding:56px 0
	}
	.applets-use-cases .common-title h3{
		font-size:20px;
		line-height:36px
	}
	.applets-use-cases .imageandtext{
		flex-direction:column;
		margin-top:50px
	}
	.applets-use-cases .imageandtext:nth-child(even){
		flex-direction:column
	}
	.applets-use-cases .imageandtext .pic{
		width:95%;
		margin:0 auto
	}
	.applets-use-cases .imageandtext .text{
		margin-top:30px;
		width:100%
	}
	.applets-use-cases .imageandtext:nth-child(odd){
		flex-direction:column
	}
	.applets-use-cases .imageandtext:nth-child(odd) .pic{
		margin-left:0
	}
	.product-core-functions{
		padding:40px 0
	}
	.product-core-functions ul{
		width:100%
	}
	.product-core-functions ul li{
		margin:0 4% 4% 0;
		width:48%;
		height:auto
	}
	.product-core-functions ul li:nth-child(5n){
		margin-right:4%
	}
	.product-core-functions ul li:nth-child(2n){
		margin-right:0
	}
	.product-core-functions li:nth-child(n+5){
		margin-bottom:4%
	}
	.why-easemob ul li{
		width:100%;
		margin:0 0 5% 0;
		min-height:0
	}
	.why-easemob ul li:nth-child(4){
		margin-left:0
	}
	.why-easemob ul li:nth-child(n+3){
		margin-bottom:5%
	}
	.case{
		margin-top:0
	}
	.partner-btn a{
		margin:30px auto
	}
	.solution .side-text{
		margin:20px auto 0;
		width:95%
	}
	.solution .side-text h3{
		margin-bottom:10px;
		line-height:1.5715
	}
	.im-solution .side-text p{
		margin-bottom:0
	}
	.mqtt-core-functions .coreFunctions{
		margin-bottom:5%;
		width:100%;
		min-height:auto
	}
	.mqtt-core-functions .coreFunctions h4{
		text-indent:0
	}
	.mqtt-competition-banner .banner-pic{
		background-image:none
	}
	.mqtt-competition-banner .banner-pic .text img{
		margin:0 auto
	}
	.mqtt-competition-banner .banner-pic .text img:nth-child(2){
		margin-top:20px
	}
	.mqtt-competition-banner .banner-pic .text a{
		margin:30px auto 0
	}
	.push-banner h5{
		margin-top:50px
	}
	.push-core-functions .core-functions-body .coreFunctions{
		margin-bottom:5%;
		width:100%;
		min-height:auto
	}
	.price-docs-title{
		margin-top:30px
	}
	.im-intro{
		flex-direction:column
	}
	.im-community dl dd:nth-child(n+5){
		display:none
	}
	.im-enterprise dl dd:last-child{
		display:none
	}
	.solutions li h3{
		height:66px;
		line-height:66px
	}
	.banner-pc{
		display:none
	}
	.banner-mobile{
		display:block;
		height:424px
	}
	.banner{
		height:424px
	}
	.im-banner p a:nth-child(2){
		display:none
	}
	.customer-cloud-banner{
		background-image:url(../../images/banner/customer-cloud-banner.png);
		background-image:-webkit-image-set(url(../../images/banner/customer-cloud-banner.png) 1x, url(../../images/banner/customer-cloud-banner@2x.png) 2x)
	}
	.sms-banner .container{
		background-image:url(../../images/banner/sms.png);
		background-image:-webkit-image-set(url(../../images/banner/sms.png) 1x, url(../../images/banner/sms@2x.png) 2x)
	}
	.cc-interface{
		display:none
	}
	.page-banner .text{
		position:static;
		margin-left:0;
		padding-top:50px
	}
	.page-banner p{
		margin-top:10px;
		font-size:14px;
		line-height:28px
	}
	.page-banner .btns{
		margin-top:20px;
		text-align:center
	}
	.page-banner .btns a{
		margin:0 auto
	}
	.page-banner .btn-warning{
		width:120px;
		height:36px;
		font-size:15px;
		line-height:36px
	}
	.applets-use-cases{
		padding:0
	}
	.applets-use-cases .imageandtext .pic{
		width:98%
	}
	.applets-use-cases .imageandtext:nth-child(even) .pic{
		margin:0
	}
	.cc-use-cases .imageandtext:nth-child(odd) .text{
		width:100%
	}
	.cc-use-cases .imageandtext dt{
		font-size:15px
	}
	.cc-product-functions{
		display:none
	}
	.cc-key-industries h3{
		font-size:21px;
		line-height:30px
	}
	.cc-key-industries .im-intro .im-intro-item{
		padding:28px 0
	}
	.cc-key-industries .im-intro dl{
		margin-left:28px
	}
	.cc-key-industries .im-intro .im-intro-item:nth-child(2){
		margin-left:0
	}
	.cc-key-industries .im-intro::after{
		display:none
	}
	.cc-key-industries .im-intro{
		margin-top:42px
	}
	.applets-core-functions{
		margin-top:40px
	}
	.cc-core-functions{
		margin-top:0;
		padding-top:0
	}
	.localization-banner .text{
		position:static;
		margin:0
	}
	.localization-core-functions{
		padding-bottom:20px
	}
	.localization-core-functions .content ul{
		flex-direction:column
	}
	.localization-core-functions .content ul li{
		display:flex;
		flex-direction:row;
		margin-bottom:24px;
		width:100%;
		height:auto
	}
	.localization-core-functions .content ul li img{
		position:relative;
		top:5px;
		margin:0
	}
	.localization-core-functions .content ul li p{
		margin-left:30px;
		text-align:justify
	}
	.localization-functional-features{
		padding-bottom:0
	}
	.localization-functional-features.gray-bg{
		background:#fff
	}
	.localization-functional-features .content .item{
		flex-direction:column
	}
	.localization-functional-features .content .item .pic{
		margin:0 auto;
		width:90%
	}
	.localization-functional-features .content .item .text{
		margin-left:0;
		margin-top:32px;
		width:100%
	}
	.localization-functional-features dl{
		margin-top:20px
	}
	#applets-case ul li{
		width:25%
	}
	.cc-key-industries .im-intro-item{
		width:100%
	}
	.page-banner h3{
		font-size:18px;
		line-height:24px
	}
	.assist-value{
		padding-bottom:40px
	}
	.sd-robot-banner h6{
		display:none
	}
	#ToolTipTel:not(.wxkf):hover .tooltip{
		display:none !important
	}
	.customer-banner h5{
		font-size:25px
	}
	.mqtt-banner h6{
		line-height:28px
	}
	.banner.mqtt-banner p a.btn{
		margin-top:10px
	}
	.mqtt-price .im-intro .im-intro-item{
		padding-left:0;
		width:100%
	}
	.mqtt-price .im-enterprise dl dd:last-child{
		display:block
	}
	.mqtt-core-functions .view-more,.mqtt-features .view-more,.mqtt-price .view-more{
		margin-top:20px
	}
	.mqtt-core-functions .coreFunctions h4{
		margin-top:30px
	}
	.mqtt-core-functions{
		padding-bottom:40px
	}
	.mqtt-core-functions .coreFunctions,.core-functions .coreFunctions:nth-child(3n),.mqtt-core-functions .coreFunctions:nth-child(n+5){
		margin-bottom:5%
	}
	.application-scenarios-360{
		padding-bottom:40px
	}
	.core-functions-360 .coreFunctions{
		min-height:230px
	}
	.core-functions-360 .core-functions-body h4{
		margin:50px 0 0
	}
	.core-functions-360 .core-functions-body p{
		padding:0 20px
	}
	.push-price{
		margin-top:50px;
		padding:50px 0
	}
	.push-price .im-intro dl{
		margin-left:0
	}
	.push-price .mqtt-price .im-intro .im-intro-item{
		z-index:2
	}
	.push-banner h6{
		font-size:14px;
		font-weight:400
	}
	.cs-guide .form .form-control{
		width:90%
	}
	.im-demo{
		display:none
	}
	.download-demo-main .qrcode,.download-demo-main figure,.download-demo-main .demo-dev{
		display:none
	}
	.common-banner-bg .container,.base-banner .container{
		position:relative
	}
	.common-banner-bg .banner-description,.base-banner .banner-description{
		position:absolute;
		top:5%;
		left:0;
		width:100%;
		transform:translate(0, 0)
	}
	.common-banner-bg h5,.base-banner h5{
		margin:0;
		font-size:26px;
		line-height:26px
	}
	.common-banner-bg h5 p,.base-banner h5 p{
		font-size:26px;
		line-height:26px
	}
	.common-banner-bg h5 small,.base-banner h5 small{
		display:none
	}
	.common-banner-bg h6,.base-banner h6{
		font-size:20px;
		line-height:20px
	}
	.common-banner-bg .banner-text,.base-banner .banner-text{
		margin:14px auto 0;
		width:94%;
		text-align:center
	}
	.common-banner-bg .banner-text p,.base-banner .banner-text p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:24px
	}
	.common-banner-bg .banner-text p+p,.base-banner .banner-text p+p{
		margin-top:0
	}
	.common-banner-bg .banner-btn-container,.base-banner .banner-btn-container{
		display:flex;
		justify-content:center;
		margin-top:20px
	}
	.common-banner-bg .banner-btn-container .banner-btn,.base-banner .banner-btn-container .banner-btn{
		width:156px;
		height:42px;
		font-size:14px
	}
	.common-banner-bg .help,.base-banner .help{
		display:none
	}
	.activity-1111-banner{
		display:none
	}
	.industry-solution{
		padding:40px 0 60px
	}
	.industry-solution ul{
		justify-content:space-around;
		flex-wrap:wrap;
		gap:0;
		margin:40px auto 0;
		width:100%
	}
	.industry-solution ul li{
		padding-bottom:60px;
		width:80%;
		min-height:auto
	}
	.industry-solution ul li:nth-child(n) h3{
		margin-top:180px;
		background-size:auto
	}
	.industry-solution ul li+li{
		margin-top:25px
	}
	.index-title{
		padding-top:40px
	}
	.index-title h3{
		font-size:18px;
		font-weight:500
	}
	.index-im ul,.index-cec ul{
		flex-direction:column;
		margin-top:30px
	}
	.index-im ul li,.index-cec ul li{
		margin:0 auto;
		width:92%
	}
	.index-im ul li+li,.index-cec ul li+li{
		margin-top:8%
	}
	.index-cec{
		padding-bottom:0;
		background-image:none
	}
	.index-cec .index-title h3{
		color:#000
	}
	.index-social ul{
		flex-direction:column;
		justify-content:center;
		align-items:center;
		flex-wrap:nowrap;
		margin-top:30px
	}
	.index-social ul li{
		width:92%
	}
	.index-social ul li+li{
		margin-top:8%
	}
	.index-social ul li:nth-last-child(2){
		margin-left:0
	}
	.index-data-center{
		display:none
	}
	.case .common-title h3{
		font-size:16px;
		line-height:24px
	}
	.page-btn{
		margin:20px
	}
	.flutter-core-functions .flutter-core-functions-content .flutter-core-functions-item{
		padding-bottom:24px;
		width:100%;
		height:auto;
		min-height:auto
	}
	.flutter-core-functions .flutter-core-functions-content .flutter-core-functions-item:nth-child(n+4){
		margin:0
	}
	.flutter-core-functions .flutter-core-functions-content .flutter-core-functions-item+.flutter-core-functions-item{
		margin-top:4%
	}
	.page-view-more{
		margin:42px 0 50px
	}
	.common-functional-features .common-functional-features-content,.common-use-cases .common-use-cases-content{
		flex-direction:column
	}
	.common-functional-features .common-functional-features-content .pic,.common-use-cases .common-use-cases-content .pic{
		width:100%
	}
	.flutter-banner .container{
		background-image:url(../../images/flutter/banner-mobile.png);
		background-repeat:no-repeat
	}
	.unity-banner .container{
		background-image:url(../../images/unity/banner-mobile.png);
		background-repeat:no-repeat
	}
	.banner .text-box .title{
		line-height:1.5715
	}
	.intro-card .item .desc{
		width:100% !important
	}
	.intro-card .item .desc,.intro-card .item .text{
		font-size:14px !important;
		line-height:2
	}
	.pricing-banner{
		padding-top:100px
	}
	.pricing-banner h2{
		line-height:1.5715
	}
	.versions{
		padding:0 15px;
		top:450px;
		bottom:auto;
		flex-direction:column;
		gap:30px;
		width:100%
	}
	.versions .item{
		width:100%
	}
	.download-banner .banner-description{
		padding-left:0
	}
	.download-im-content,.mobile-display-none{
		display:none
	}
	.base-banner .banner-pic{
		background-position:bottom 20px center
	}
	.common-title h3{
		font-size:26px
	}
	.block-area{
		padding:32px 0 30px
	}
	.customer-cases .customer-cases-content{
		flex-direction:column;
		align-items:center;
		gap:20px
	}
	.customer-cases .customer-cases-content .customer-cases-item{
		width:96%;
		height:auto;
		padding-bottom:46px;
		padding:180px 20px 20px
	}
	.solution-architecture .common-title p span{
		display:block;
		font-size:16px
	}
	.cs-video-features{
		padding:40px 0
	}
	.cs-video-features .features-container{
		width:94%;
		gap:40px
	}
	.cs-video-features .features-top{
		height:90px
	}
	.cs-video-features .features-top::after{
		bottom:25px;
		height:6px
	}
	.cs-video-features .features-top ul li{
		width:23%;
		height:30px;
		font-size:14px;
		line-height:30px
	}
	.cs-video-features .features-top ul li::before{
		top:30px
	}
	.cs-video-features .features-top ul li::after{
		width:50px;
		height:50px;
		background-size:50px
	}
	.cs-video-features .features-btm{
		flex-direction:column;
		gap:20px
	}
	.cs-video-application-scenarios .imagetext{
		flex-direction:column !important
	}
	.cs-video-application-scenarios .imagetext .image,.cs-video-application-scenarios .imagetext .text{
		display:block;
		margin:0 auto;
		padding-left:0 !important;
		width:94% !important
	}
	.cs-video-highlights{
		margin-top:0;
		padding-bottom:50px
	}
	.cs-video-highlights .common-title h3{
		font-size:20px
	}
	.cs-video-highlights .functional-highlights-content{
		flex-direction:column;
		gap:20px;
		width:92%
	}
	.cs-video-highlights .functional-highlights-content .functional-item-1{
		width:100%
	}
	.cs-video-highlights .functional-highlights-content .functional-item-1:nth-child(n+4){
		margin-top:0
	}
	.characteristic{
		padding-bottom:50px
	}
	.characteristic ul{
		flex-direction:column;
		gap:20px;
		width:92%
	}
	.characteristic ul li{
		width:100%
	}
	.characteristic ul li:nth-child(n+4){
		margin-top:0
	}
	.vec-banner .banner-pic .banner-text{
		margin-top:10px
	}
	.vec-banner .banner-pic .banner-text p{
		font-size:16px;
		line-height:26px
	}
	.vec-banner .banner-btn-container{
		margin-top:10px
	}
	.vec-scenarios{
		padding-bottom:40px
	}
	.vec-core-functions{
		padding-bottom:20px
	}
	.vec-core-functions .content .item{
		width:48%
	}
	.vec-core-functions .content .item:nth-child(2n){
		margin-right:0
	}
	.apply-for-trial{
		padding-bottom:30px
	}
	.apply-for-trial .apply-for-trial-main{
		padding:30px 0
	}
	.apply-for-trial h3{
		font-size:18px;
		line-height:30px
	}
	.apply-for-trial h3::before{
		transform:translateX(-135%)
	}
	.apply-for-trial h3::after{
		transform:translateX(135%)
	}
	.apply-for-trial .apply-for-trial-form{
		margin-top:30px;
		width:100%
	}
	.apply-for-trial .apply-for-trial-form .form-item{
		width:100%
	}
	.apply-for-trial .apply-for-trial-form .form-item label{
		display:none
	}
	.apply-for-trial .apply-for-trial-form .form-item .form-item-input{
		width:96%
	}
	.research-objective{
		flex-direction:column;
		gap:30px;
		padding:30px 0
	}
	.research-objective .pic,.research-objective .content{
		margin:0 auto;
		width:92%
	}
	.summary{
		flex-direction:column-reverse;
		gap:30px;
		margin-top:30px
	}
	.summary .pic,.summary .content{
		margin:0 auto;
		width:92%
	}
	.customer-report-list{
		z-index:1;
		flex-direction:column;
		align-items:center;
		width:90%;
		height:auto
	}
	.customer-report-list .item{
		position:relative;
		left:0 !important;
		width:100%;
		height:auto;
		overflow:visible
	}
	.customer-report-list .item .description{
		height:auto;
		overflow:visible;
		-webkit-line-clamp:1000
	}
	.organization{
		flex-direction:column;
		align-items:center;
		width:100%
	}
	.organization .item{
		width:72%
	}
	.organization .item:first-child{
		display:none
	}
	.organization .line{
		display:none
	}
	.customer-report-list-organization{
		margin-top:30px;
		padding:30px 0
	}
	.customer-service{
		margin:30px auto 0
	}
	.customer-service p{
		margin-top:20px
	}
	.customer-service .content{
		margin:0 auto 100px;
		width:100%;
		background:none
	}
	.customer-report-banner .banner-pic h5{
		font-size:40px;
		line-height:45px
	}
	.customer-report-banner .banner-btn-container{
		margin-left:0;
		margin-top:30px
	}
	.customer-report-banner .banner-btn-container a img{
		width:92% !important
	}
	.proprietary-banner .banner-description{
		margin-left:0
	}
	.proprietary-core-features .imagetext{
		gap:30px
	}
	.proprietary-core-features .imagetext:last-child{
		flex-direction:column
	}
}
@media screen and (max-width:500px){
	.cs-guide .form .form-input{
		padding-right:110px
	}
	.cs-guide .form .form-btn,.cs-guide .form .form-btn .btn{
		width:100px
	}
	.common-guide h2:nth-child(2){
		font-size:24px
	}
}
@media screen and (min-width:1920px){
	.common-banner-bg,.page-banner,.customer-banner-bg{
		background-color:#131d7e;
		background-image:url(../images/bannerbg@2x.png?20210907);
		background-image:-webkit-image-set(url(../images/bannerbg@2x.png?20210907) 1x, url(../images/bannerbg@2x.png?20210907) 2x);
		background-size:cover
	}
	.flutter-banner{
		background-color:#000a35;
		background-image:url(../../images/flutter/banner.png)
	}
	.unity-banner{
		background-color:#000a35;
		background-image:url(../../images/unity/banner.png)
	}
	.pricing-banner{
		background-position:center
	}
	.download-demo-banner{
		background-size:auto 520px
	}
	.download-banner{
		background:url(../../images/download/bannerbg.png) center no-repeat;
		background-size:cover
	}
}
@media screen and (min-width:992px){
	.case .row>div{
		width:12.5%
	}
}
.slide-up-enter,.slide-up-appear{
	-webkit-animation-duration:.2s;
	animation-duration:.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
.slide-up-leave{
	-webkit-animation-duration:.2s;
	animation-duration:.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
.slide-up-enter.slide-up-enter-active,.slide-up-appear.slide-up-appear-active{
	-webkit-animation-name:slideUpIn;
	animation-name:slideUpIn;
	-webkit-animation-play-state:running;
	animation-play-state:running
}
.slide-up-leave.slide-up-leave-active{
	-webkit-animation-name:slideUpOut;
	animation-name:slideUpOut;
	-webkit-animation-play-state:running;
	animation-play-state:running;
	pointer-events:none
}
.slide-up-enter,.slide-up-appear{
	opacity:0;
	-webkit-animation-timing-function:cubic-bezier(.23, 1, .32, 1);
	animation-timing-function:cubic-bezier(.23, 1, .32, 1)
}
.slide-up-leave{
	-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
	animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
@-webkit-keyframes slideUpIn{
	0%{
		transform:scaleY(.8);
		transform-origin:0% 0%;
		opacity:0
	}
	to{
		transform:scaleY(1);
		transform-origin:0% 0%;
		opacity:1
	}
}
@keyframes slideUpIn{
	0%{
		transform:scaleY(.8);
		transform-origin:0% 0%;
		opacity:0
	}
	to{
		transform:scaleY(1);
		transform-origin:0% 0%;
		opacity:1
	}
}
@-webkit-keyframes slideUpOut{
	0%{
		transform:scaleY(1);
		transform-origin:0% 0%;
		opacity:1
	}
	to{
		transform:scaleY(.8);
		transform-origin:0% 0%;
		opacity:0
	}
}
@keyframes slideUpOut{
	0%{
		transform:scaleY(1);
		transform-origin:0% 0%;
		opacity:1
	}
	to{
		transform:scaleY(.8);
		transform-origin:0% 0%;
		opacity:0
	}
}
.mad-hidden{
	display:none
}
.f-text01{
text-align: left;
color: #fff;
float: left;
}
.f-text01 p{
	color: #fff;
	background: url('../../lowcode/img/f-icon.png') no-repeat;
	padding-left: 25px;
}
.f-btns{
	width: 150px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	display: inline-block;
	color: #141D7E;
	background-color: #fff;
	font-size: 16px;
	border-radius: 6px;
	font-weight: 600;
	
}
.f-btns:hover{
	color: #099DFD;
	opacity: 0.98;
}