/* @font-face
{
	font-family: SourceHanSansCN-Bold;
	src: url('../otf/SourceHanSansCN-Bold.ttf');
}
@font-face
{
	font-family: SourceHanSansCN-Medium;
	src: url('../otf/SourceHanSansCN-Medium.ttf');
}
@font-face
{
	font-family: SourceHanSansCN-Regular;
	src: url('../otf/SourceHanSansCN-Regular.ttf');
}
 */
html, body, div, span, object,h1, h2, h3, h4, h5, h6, p, pre,
em, img,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, header,button{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background-color:transparent;
    box-sizing:border-box;
    list-style:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
input,textarea{
	box-sizing:border-box;
	width:100%;
	height:100%;
	float:left;
	border:none;
	outline:0;
	background-color:transparent;
}
img{
	display:block;
	border:0;
	margin:0;
    padding:0;
}
input::-webkit-input-placeholder{
    color: #bdbdbd;opacity:1;
}
textarea::-webkit-input-placeholder{
    color: #bdbdbd;opacity:1;
}
.w{
	width:100%;
}
.h{
	height:100%;
}
.c{
	margin-left:auto;
	margin-right:auto;
}
.l{
	float:left;
}
.r{
	float:right;
}
.bg{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
.noshow{
	display:none;
}
body,html{
	width:100%;
	height:100%;
	background:#fff;
	overflow:hidden;
}
a{
	color:#cdf0fe;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}
a:link{
	color:#cdf0fe;
}
a:visited{
	color:#cdf0fe;
}
a:hover{
	color:#cdf0fe;
}
a:active{
	color:#cdf0fe;
}
h1,h2,h3{
	/* font-weight:normal; */
}
.mb12{
	margin-bottom:.12rem;
}
.mb34{
	margin-bottom:.34rem;
}
img{
	display:block;
	border:none;
}
#app{
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
/*header*/
.app-index{
	overflow:hidden;
}
.header{
	height:5.96rem;
	padding-top:1.7rem;
	background:linear-gradient(75deg,#4d7df7,#40b1eb);
	background:-webkit-linear-gradient(75deg,#4d7df7,#40b1eb);
	position:relative;
}
nav{
	position:fixed;
	top:0;
	left:0;
	z-index:33;
	width:100%;
	height:.8rem;
	padding-left:.84rem;
	background:rgba(51,129,241,.9);
	box-shadow:0 0 .2rem rgba(77,125,247,.23);
}
nav a{
	height:100%;
	margin-right:.46rem;
	line-height:.8rem;
	font-size:.26rem;
	font-weight:bold;
}
a.active{
	color:#fff;
}
.h-bg{
	position:absolute;
	top:1rem;
	left:50%;
	width:6.5rem;
	height:3.3rem;
	margin-left:-3.25rem;
	background-image:url(../img/hbg.png);
}
.header h1{
	width:4.8rem;
	height:.4rem;
	margin-bottom:.33rem;
	/* font-size:.42rem; */
	color:transparent;
	text-align:center;
	overflow:hidden;
	/* font-family:SourceHanSansCN-Bold; */
	background-image:url(../img/title.png);
}
.logo{
	/* width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content;
	overflow:hidden;
	line-height:1;
	 */
	width:3.2rem;
	height:.28rem;
	margin-bottom:.48rem;
	overflow:hidden;
	color:transparent;
	background-image:url(../img/logo.png);
}

/* .logo span:nth-of-type(1){
	width:.26rem;
	height:.26rem;
	margin-right:.17rem;
}
.logo span:nth-of-type(2){
	height: .26rem;
	font-size:.22rem;
	color:#fff;
	font-weight:normal;
	margin-right:.17rem;
	line-height:.26rem;
	font-family:SourceHanSansCN-Medium;
}
.logo span:nth-of-type(3){
	height: .26rem;
	font-size:.12rem;
	color:#fff;
	line-height:.26rem;
	font-family:SourceHanSansCN-Regular;
} */
.h-btn{
	position:relative;
	z-index:2;
	width:1.6rem;
	height:.48rem;
	background-color:rgba(255,255,255,.2);
	border-radius:5px;
	overflow:hidden;
}
.h-btn button{
	font-size:.15rem;
	color:transparent;
	/* font-weight:normal; */
	/* font-family:SourceHanSansCN-Bold; */
	background-image:url(../img/consult.png);
	background-size:115%;
}
/*product*/
.product-box{
	position:relative;
	z-index:1;
	width:6.9rem;
	height:37.65rem;
	transform:translate3d(0,-1.56rem,0);
}
.cellz,.yt,.light,.urshop{
	height:9.15rem;
	padding:.04rem .54rem 0 .54rem;
	/* font-family:SourceHanSansCN-Medium; */
	background:#fff;
	border-radius:.05rem;
	box-shadow:0 0 16px rgba(35,168,249,.14);
	margin-bottom:.35rem;
}
.top{
	position:relative;
	height:1.45rem;
}
.cellz-logo{
	position:absolute;
	top:50%;
	left:.03rem;
	width:1.75rem;
	height:.3rem;
	background-image:url(../img/cellz.png);
	transform:translate3d(0,-50%,0);
}
.yt-logo{
	position:absolute;
	top:50%;
	left:.03rem;
	width:1.7rem;
	height:.39rem;
	background-image:url(../img/yt.png);
	transform:translate3d(0,-50%,0);
}
.light-logo{
	position:absolute;
	top:50%;
	left:.03rem;
	width:1.7rem;
	height:.43rem;
	background-image:url(../img/light.png);
	transform:translate3d(0,-50%,0);
}
.urshop-logo{
	position:absolute;
	top:50%;
	left:.03rem;
	width:1.4rem;
	height:.53rem;
	background-image:url(../img/urshop.png);
	transform:translate3d(0,-50%,0);
}
.cellz-btn,.yt-btn,.light-btn,.urshop-btn{
	position:absolute;
	top:50%;
	right:.03rem;
	width:.85rem;
	height:.45rem;
	line-height:.45rem;
	font-size:.2rem;
	text-align:center;
	border-radius:.05rem;
	transform:translate3d(0,-50%,0);
}
.cellz-btn{
	color:#479ff5;
	border:1px solid #479ff5;
}
.yt-btn{
	color:#47c6fa;
	border:1px solid #47c6fa;
}
.light-btn{
	color:#fdb341;
	border:1px solid #fdb341;
}
.urshop-btn{
	color:#f1c12c;
	border:1px solid #f1c12c;
}
.line{
	width:5.76rem;
	height:1px;
}
.cellz .line{
	background:#b8cdeb;
}
.yt .line{
	background:#cbe6f1;
}
.light .line{
	background:#ffe7bc;
}
.urshop .line{
	background:#f9e9a7;
}
.cellz-title,.yt-title,.light-title,.urshop-title{
	height:1.7rem;
	padding:.5rem .03rem 0 .03rem;
}
.cellz-title-bg{
	width:3.7rem;
	height:1.2rem;
	background-image:url(../img/cellztitle.png);
}
.yt-title-bg{
	width:4.76rem;
	height:1.2rem;
	background-image:url(../img/yttitle.png);
}
.light-title-bg{
	width:2.9rem;
	height:1.2rem;
	background-image:url(../img/lighttitle.png);
}
.urshop-title-bg{
	width:5.28rem;
	height:1.2rem;
	background-image:url(../img/urshoptitle.png);
}
.cellz-text,.yt-text,.light-text,.urshop-text{
	position:relative;
	height:2.06rem;
	padding:0 .03rem;
}
.cellz-text-box,.yt-text-box,.light-text-box,.urshop-text-box{
	position:absolute;
	top:50%;
	left:0;
	overflow:hidden;
	transform:translate3d(0,-50%,0);
}

.cellz-text-box p,.yt-text-box p,.light-text-box p,.urshop-text-box p{
	position:relative;
	padding-left:.22rem;
	font-size:.2rem;
	line-height:.38rem;
}
.cellz-text-box p{
	color:#479ff5;
}
.yt-text-box p{
	color:#47c6fa;
}
.light-text-box p{
	color:#fdb341;
}
.urshop-text-box p{
	color:#f1c12c;
}
.circle::after{
	content:'';
	position:absolute;
	top:.16rem;
	left:0;
	width:.06rem;
	height:.06rem;
}
.cellz .circle::after{
	background:#479ff5;
}
.yt .circle::after{
	background:#47c6fa;
}
.light .circle::after{
	background:#fdb341;
}
.urshop .circle::after{
	background:#f1c12c;
}
.cellz-sw,.yt-sw,.light-sw,.urshop-sw{
	height:3.6rem;
	overflow:hidden;
}
.cellz-sw-wrap,.yt-sw-wrap,.light-sw-wrap,.urshop-sw-wrap{
	height:3.16rem !important;
	margin-bottom:.36rem;
}
.cellz-sw-slide{
	padding:2px 2px 0 2px;
	background:linear-gradient(to top,#84c1fb,#619cf5);
	background:-webkit-linear-gradient(to top,#84c1fb,#619cf5);
}
.yt-sw-slide{
	padding:2px 2px 0 2px;
	background:linear-gradient(to bottom,#47c6fa,#97e0fd);
	background:-webkit-linear-gradient(to bottom,#47c6fa,#97e0fd);
}
.light-sw-slide{
	padding:2px 2px 0 2px;
	background:linear-gradient(to bottom,#fed648,#fecd76);
	background:-webkit-linear-gradient(to bottom,#fed648,#fecd76);
}
.urshop-sw-slide{
	padding:2px 2px 0 2px;
	background:linear-gradient(to bottom,#fed648,#fedc32);
	background:-webkit-linear-gradient(to bottom,#fed648,#fedc32);
}
.slide-t-box{
	/* position:absolute;
	top:50%;
	left:0;
	width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content; 
	transform:translate3d(0,-50%,0);*/
}
.logo-box{
	/* width:1.28rem;
	overflow:hidden; */
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.logo-box img{
	position:absolute;
	top:50%;
	left:0;
	height:auto;
	transform:translate3d(0,-50%,0);
}
.slide-t{
	position:relative;
	height:1.08rem;
	background:#f1f7ff;
	border-radius:.05rem;
}
.light .slide-t,.urshop .slide-t{
	background:#fffcf3;
}

.slide-t span{
	position:relative;
	font-size:.2rem;
	line-height:1.08rem;
	text-align:center;
}
.cellz .slide-t span{
	color:#479ff5;
}
.yt .slide-t span{
	color:#47c6fa;
}
.light .slide-t span{
	color:#fdb341;
}
.urshop .slide-t span{
	color:#f1c12c;
}
.slide-b{
	position:relative;
	height:2.05rem;
}
.slide-b-text{
	position:absolute;
	top:50%;
	left:50%;
	width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content;
	overflow:hidden;
	transform:translate3d(-50%,-50%,0);
}
.slide-b-text p{
	max-width:4.8rem;
	font-size:.2rem;
	color:#fff;
	line-height:.42rem;
	text-align:left;
}
.cellz-pagination,.urshop-pagination,.light-pagination,.yt-pagination{
	width:.76rem !important;
	height:.04rem;
}
.cellz-pagination .swiper-pagination-bullet,.yt-pagination .swiper-pagination-bullet,.light-pagination .swiper-pagination-bullet,.urshop-pagination .swiper-pagination-bullet{
	float:left;
	width:.2rem;
	height:100%;
	margin:0 .025rem !important;
	background:#888;
	opacity:1;
}
.cellz-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#479ff5;
}
.yt-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#47c6fa;
}
.light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#fdb341;
}
.urshop-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#f1c12c;
}
/*server*/
.app-server{
	padding-top:.8rem;
	overflow:hidden;
	background-color:#fff;
}
.server-box{
	overflow:hidden;
	background-color:#fff;
	background-image:url(../img/serverbg.png);
}
.server-top{
	height:3.1rem;
	padding-top:.9rem;
}
.server-box h2{
	/* font-size:.36rem;
	font-family:SourceHanSansCN-Bold; */
	width:2.52rem;
	height:.34rem;
	text-align:center;
	color:transparent;
	margin-bottom:.36rem;
	overflow:hidden;
	background-image:url(../img/myserver.png);
}
.server-box h2 span{
	/* color:#4d7df7; */
	color:transparent;
}
.server-btn{
	width:2.25rem;
	height:.64rem;
	line-height:.64rem;
	text-align:center;
	font-size:.26rem;
	/* font-family:SourceHanSansCN-Regular; */
	color:transparent;
	background-image:url(../img/consult2.png);
	overflow:hidden;
}
.server-app,.server-wechat{
	position:relative;
	width:6.9rem;
	height:3.68rem;
	margin-bottom:.36rem;
	border-radius:.05rem;
}
.server-app{
	background-image:url(../img/app.png);
}
.server-wechat{
	background-image:url(../img/wechat.png);
}
.server-app-text,.server-wechat-text{
	position:absolute;
	top:1.84rem;
	left:-0.14rem;
	width:4.1rem;
	height:1.5rem;
	padding: .27rem .28rem 0 .28rem;
	color:#fff;
}
.server-app-text{
	background:rgba(77,125,247,.9);
}
.server-wechat-text{
	background:rgba(90,188,181,.9);
}
.server-app-text h3,.server-wechat-text h3{
	height:.26rem;
	/* font-size:.26rem;
	font-family:SourceHanSansCN-Bold; */
	margin-bottom:.15rem;
	overflow:hidden;
}
.server-app-text h3{
	width:1.54rem;
	background-image:url(../img/app0.png);
}
.server-wechat-text h3{
	width:2.3rem;
	background-image:url(../img/wechat0.png);
}
.server-app-text p,.server-wechat-text p{
	line-height:.22rem;
	font-size:.16rem;
}
.app-detail,.wechat-detail{
	width:6.9rem;
	height:7.5rem;
	border:1px solid #d8d8d8;
}
.app-detail{
	margin-bottom:1.1rem;
}
.wechat-t{
	padding:.34rem .4rem 0 .2rem;
}
.wechat-b{
	padding:.26rem .4rem 0 .2rem;
}
.app-detail li:nth-of-type(1){
	width:4rem;
	padding:.34rem .4rem 0 .2rem;
	border-right:1px solid #d8d8d8;
}
.wechat-detail li:nth-of-type(1){
	width:4rem;
	border-right:1px solid #d8d8d8;
}
.app-detail li:nth-of-type(2),.wechat-detail li:nth-of-type(2){
	width:calc(100% - 4rem);
	padding-top:.38rem;
}
.app-detail li:nth-of-type(1) h3,.wechat-detail li:nth-of-type(1) h3{
	
	margin-bottom:.07rem;
	/* font-size:.22rem;
	font-family:SourceHanSansCN-Bold; */
	color:transparent;
	overflow:hidden;
}
.app-detail li:nth-of-type(1) h3{
	height:.22rem;
	/* color:#4d7df7; */
}
.wechat-detail li:nth-of-type(1) h3{
	height:.24rem;
	/* color:#5abcb5; */
}
.app1{
	width:.86rem;
	background-image:url(../img/app1.png);
}
.app2{
	width:1.4rem;
	background-image:url(../img/app2.png);
}
.app3{
	width:.93rem;
	background-image:url(../img/app3.png);
}
.app4{
	width:.72rem;
	background-image:url(../img/app4.png);
}
.app5{
	width:.92rem;
	background-image:url(../img/app5.png);
}
.wechat1{
	width:.46rem;
	background-image:url(../img/wechat1.png);
}
.wechat2{
	width:.46rem;
	background-image:url(../img/wechat2.png);
}
.app-detail li:nth-of-type(1) p,.wechat-detail li:nth-of-type(1) p{
	font-size:.18rem;
	/* font-family:SourceHanSansCN-Medium; */
	line-height:.32rem;
	color:#636363;
	margin-bottom:.27rem;
}
.app-btn,.wechat-btn{
	width:1.05rem;
	height:.52rem;
	text-align:center;
}
.app-btn button,.wechat-btn button{
	color:#fff;
	font-size:.2rem;
	font-weight:bold;
}
.app-btn{
	margin-bottom:.5rem;
}
.wechat-btn{
	margin-bottom:.24rem;
}
.app-btn button{
	background:#4d7df7;
}
.wechat-btn button{
	background:#5abcb5;
}
.ssbs,.higril{
	width:1.86rem;
	height:1.86rem;
	margin-bottom:.14rem;
	overflow:hidden;
}
.ssxs,.ydplus{
	width:2.17rem;
	height:2.17rem;
	overflow:hidden;
}
.ssxs{
	margin-bottom:.45rem;
}
.app-detail li:nth-of-type(2) p{
	font-size:.2rem;
	/* font-family:SourceHanSansCN-Medium; */
	text-align:center;
	margin-bottom:.6rem;
} 
.wechat-detail li:nth-of-type(2) p{
	text-align:center;
	font-size:.18rem;
	color:#888;
}
.scircle{
	position:relative;
	padding-left:.2rem;
	min-height:.32rem;
}
.scircle::after{
	content:'';
	position:absolute;
	top:.1rem;
	left:0;
	/* width:.06rem;
	height:.06rem; */
	width:3px;
	height:3px;
	background:#282828;
	border-radius:50%;
}
.partner{
	position:relative;
	overflow:hidden;
}
.partner-t{
	height:5.15rem;
	background-image:url(../img/partner.png);
}
.partner-t.bg{
	background-size:8.51rem 100%;
}
.partner-box{
	width:6.9rem;
	height:8.6rem;
	padding:.8rem .525rem 0 .525rem;
	background:#fff;
	box-shadow:0 0 .1rem rgba(77,125,247,.23);
	transform:translate3d(0,-1.55rem,0);
}
.partner-box span{
	width:1.95rem;
	height:.69rem;
	overflow:hidden;
	margin-bottom:.5rem;
}
.partner-box .maxs{
	width:3.9rem;
}
.footer{
	position:absolute;
	left:0;
	bottom:.3rem;
	height:1.08rem;
	line-height:1.08rem;
	font-size:.24rem;
	text-align:center;
	color:#448aca;
}
.server-footer{
	height:1.08rem;
	line-height:1.08rem;
	font-size:.24rem;
	text-align:center;
	color:#448aca;
}
/*预约咨询*/
.dialog-shadow{
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	background:rgba(255,255,255,.9);
}
.dialog{
	position:absolute;
	top:50%;
	left:50%;
	width:6rem;
	height:7.55rem;
	margin-left:-3rem;
	margin-top:-3.775rem;
	border-radius:.05rem;
	box-shadow:0 0 .21rem rgba(74,121,251,.6);
	overflow:hidden;
}
.dialog-top{
	position:relative;
	height:1.88rem;
	padding-top:.34rem;
	background:linear-gradient(to bottom,#82c0fd,#5e9af8);
	background:-webkit-linear-gradient(to bottom,#82c0fd,#5e9af8);
}
.dialog-top h3{
	margin-bottom:.22rem;
	font-size:.3rem;
	color:#fff;
	text-align:center;
}
.dialog-top p{
	font-size:.22rem;
	line-height:.36rem;
	color:#c2e9fc;
	text-align:center;
}
.dialog-close{
	position:absolute;
	top:0;
	right:0;
	width:.45rem;
	height:.45rem;
	background:url(../img/close.png) no-repeat center center;
	background-size:100% 100%;
	transform:translate3d(0,0,0) rotate(0);
	transition:transform .5s linear;
}
.dialog-close:hover{
	transform:translate3d(0,0,0) rotate(360deg);
}
.dialog-bottom{
	height:5.67rem;
	padding:.9rem 0 0 0.47rem;
	background:#fff;
}
.dialog-bottom .normal{
	height:.6rem;
	line-height:.6rem;
	margin-bottom:.24rem;
}
.dialog-bottom .moreh{
	height:1rem;
	line-height:1rem;
	margin-bottom:.34rem;
}
.dialog-text{
	width:.9rem;
	margin-right:.14rem;
	font-size:.24rem;
	color:#4d7df7;
	text-align:right;
}
.dialog-entry{
	width:3.36rem;
	padding:0 .12rem;
	border:.02rem solid #4a79fb;
	border-radius:.05rem;
	overflow:hidden;
}
.moreh .dialog-entry{
	padding:.17rem 0;
}
.normal .dialog-entry input{
	font-size:.2rem;
	line-height:.56rem;
	color:#282828;
}
.moreh .dialog-entry textarea{
	padding:0px .18rem;
	font-size:.2rem;
	line-height:1.3;
	resize:none;
}
.dialog-btn{
	width:4rem;
	height:.6rem;
	margin-left:.4rem;
	background:#4d7df7;
	border-radius:.05rem;
	overflow:hidden;
}
.dialog-btn button{
	font-size:.24rem;
	color:#fff;
}
/*警告框*/
.warming-shade{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	position:fixed;
	z-index:999;
	left:0;
	top:0;
}
.warming{
	width:4rem;
	height:3rem;
	position:fixed;
	border-radius:.05rem;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-2rem;
	margin-top:-1.5rem;
	overflow:hidden;
	z-index:1000;
	padding:.36rem .45rem 0 .45rem;
	font-size:.28rem;
	color:#282828;
	font-weight:bold;
}
.wm-close{
	width:.16rem;
	height:.16rem;
	background-image:url('../img/close1.png');
	position:absolute;
	right:.14rem;
	top:.14rem;
}
.wm-logo{
	width:.5rem;
	height:.5rem;
	background-image:url('../img/wm.png');
	margin:0 auto .12rem auto;
}
.wm-text1{
	width:100%;
	text-align:center;
	height:1.35rem;
	display:table;
}
.wm-text{
	vertical-align: middle;
	display:table-cell;
	font-size:.24rem;
}
.wm-bt-box{
	width:100%;
	height:.46rem;
	text-align:center;
	line-height:.46rem;
}
.wm-bty,.wm-btn{
	width:1.2rem;
	height:100%;
	border-radius:.05rem;
	line-height:.46rem;
}
.wm-bty{
	background:#4d7df7;
	color:#fff;
	margin:0 auto;
	font-size:.24rem;

}
.wm-btn{
	background:#282828;
	color:#ffd736;
}
.cp,.pr,.aw{
	-webkit-overflow-scrolling:touch;
}