*{
	margin: 0;padding: 0;box-sizing: border-box;
}
.hp-btn {
	display: block; margin: 0; padding: 0; border-top: 0px solid #37484F; border-right: 0px solid #37484F; border-bottom: 0px solid #37484F; border-left: 0px solid #37484F; border-radius: 52px; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; background: linear-gradient(#24d18f, #02a5f9); box-shadow: 0 0 0 transparent; font-style: normal; text-align: center; text-decoration: none; cursor: pointer; outline: none; vertical-align: middle; position: relative; z-index: 1; transition: all 300ms ease-in-out; height: 46px; box-sizing: content-box; line-height: 46px; color: #FFF; font-family: 'Noto Sans CJK'; font-size: 14px;
}
.header .data,.main .data{max-width: 1000px;margin: auto;}
.header{height: 83px;border-bottom:2px solid #fff; background:no-repeat linear-gradient(to bottom, #25d291, 50%, #05a3f0);}
.header h1{font-family: Source Han Sans;font-size: 36px;letter-spacing: 5px;color: #fff;font-weight: normal;line-height: 83px;padding-left: 30px;}
.header .logo{background: url(images/top-logo.png) no-repeat;background-size: cover;margin-top:10px;width: 60px;height: 60px;float: left;}
.main{background: url(images/bg.jpg) no-repeat 0 0; min-height: 780px;background-size: cover;background-position: 50% 50%;}
.main .left{width: 600px;padding-top: 200px; padding-left:50px; float: left;}
.main .right{width: 370px;float: right;padding-top: 100px;}
.left h2{font-size: 54px;}
.left .desc-text{font-family:Source Han Sans,Geneva,sans-serif;font-size: 16px;color: #fff;}
.left .enter-detail{width: 170px;margin-top: 30px;}
.right .logo,.tab-contents .logo{width: 200px;height: 200px;background: url("images/app-logo.png") no-repeat;background-size: cover;margin: auto;}
.right .pannel{width: 370px;height: 450px;background: rgba(255,255,255,0.4);border-radius: 50px;padding-top: 70px;}
.right .pannel .logo-text, .tab-contents .logo-text{font-size: 26px;text-align: center;color: #333c4a;letter-spacing: 4px;margin-top:10px;font-family: Source Han Sans,Geneva,sans-serif; }
.pannel .hp-btn{width: 160px;margin: auto;margin-top: 20px;}

.top-mobile{color: #FFF;padding-top: 130px;}
.left-tips-footer{text-align: center;}
.left-tips-footer img{max-width: 100%;}
/** intro.html */
.sys-req{padding: 20px 20px;font-size: 13px; text-align: center;}
.tab-content{
	display: none;
}
.tab-content.active{display: block;}
.intro .main{min-height: 640px;position: relative;}
.intro .main-tabs{position: absolute;left:0;right: 0;bottom: 0;height: 50px;}
.intro .main-tabs .tab-bar-item{line-height: 50px; width: 50%;float:left;text-align:center; color:#fff;   font-family: Tahoma; font-size: 16px;background-color: rgba(255, 255, 255, 0.45);}
.intro .main-tabs .tab-bar-item.active{background-color: rgb(2, 165, 249);
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background: -webkit-linear-gradient(#24d18f, #02a5f9) !important;
    background: -moz-linear-gradient(#24d18f, #02a5f9) !important;
    background: -ms-linear-gradient(#24d18f, #02a5f9) !important;
    background: linear-gradient(#24d18f, #02a5f9) !important;
    
    }
.intro .step{font-size: 2em; color: #009999;margin-top: 20px;}
.intro .main-tabs,.intro .tab-contents{max-width: 1000px; margin: auto;text-align: center;}
.tab-contents .tab-content{text-align: center;}
.intro-body-title{font-family: Arial,Helvetica,sans-serif;font-size: 36px;padding-top: 30px;font-weight: normal;}
#tab1 .hp-btn{width: 160px;margin: 20px auto 0 !important;}
.step-img{max-width: 900px;display:block;margin: 20px auto 0;}
#tab2 h2{margin-top: 20px;}
#tab2 h3{margin-top: 10px;}
#msg {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); text-align: center; padding-top: 20px; display: none; z-index: 100;
}

#msg img {
	width: 90%;
}
.footer,.footer a{
  text-decoration:none; text-align: center;color: gray;font-size: 12px; padding: 15px;
}

.l-c .left-bg{
  float:left;
  height: 3610px;width: 80px;background-color:  rgb(3, 158, 235); /* 针对不支持渐变的浏览器 */
  background-image: linear-gradient(to bottom, rgb(3, 158, 235), rgb(26, 189, 162), rgb(3, 158, 235));
}
.l-c .left-content{
  float:left;
  height: 3610px;width: 920px;margin-left: -80px
}
.s-item-first{
  margin-top: 40px;
}
.s-item{
  background:url(images/mid.png) repeat-y 34px ;
  position: relative;
}
.s-item i{
  background:url(images/dot.png) no-repeat center center ;display: block;width: 36px;height: 36px;
  float: left;margin-left: 22px; margin-top: -2px;
}
.s-item.end{
  background: none;
}
.item-tit{background:url(images/step-title.png) no-repeat 110px bottom ;height: 40px;}
.item-tit2 h2,.item-tit h2{display: inline;font-size: 20px;position: absolute;font-weight:normal;
    left: 150px; top:6px; letter-spacing: 10px;color: white;}
.m-tit{position: absolute;left: 280px;top: 10px}
.item-tit .s-tit{font-size: 12px;}
.idx-down{width: 250px; padding-top: 20px;padding-bottom: 20px;margin-left: 280px}
.idx-down .logo{margin-bottom: 20px;}

.open-app{background:url(images/p_1.png) no-repeat center center;width: 333px;height: 561px;}
.s3-app{background:url(images/p_2.png) no-repeat center center;width: 333px;height: 561px;}
.s4-app{background:url(images/p_3.png) no-repeat center center;width: 333px;height: 561px;}
.s5-app{background:url(images/p_4.png) no-repeat center center;width: 333px;height: 200px;}
.s6-app{background:url(images/p_5.png) no-repeat center center;width: 333px;height: 200px;}
.s7-app{background:url(images/p_6.png) no-repeat center center;width: 333px;height: 194px;}
.s8-app{background:url(images/p4.png) no-repeat center center;width: 357px;height: 274px;}

.s9-app{background:url(images/p_7.png) no-repeat center center;width:214px;height: 170px;background-size:214px 170px; }
.s10-app{background:url(images/p_8.png) no-repeat center center;width: 225px;height: 550px;background-size:225px 550px; }
.l-top-end{height: 40px;background-color: rgb(3, 158, 235); 
  background-image: linear-gradient(to right, rgb(3, 158, 235), rgb(26, 189, 162));}
.b-top-div{height: 40px;font-size:24px;font-weight:bold; background-color: rgb(255, 91, 0);clear: both; line-height: 40px;text-align: left;padding-left: 80px; color: #FFF;}

.l-c .left-bg2{
  float:left;
  height: 980px;width: 80px;background-color:  rgb(255, 91, 0);
}
.l-c .left-content2{
  float:left;
  height: 1000px;width: 920px;margin-left: -80px
}
.item-tit2{background:url(images/step2-title.png) no-repeat 110px bottom ;height: 40px;}
.s-item i.icon2{
  background:url(images/dot2.png) no-repeat center center ;display: block;width: 36px;height: 36px;
  float: left;margin-left: 22px; margin-top: -2px;
}
@media (max-width: 1000px){
  .top-mobile{color: #FFF;padding-top: 20px;}
  .m-tit{font-size:14px;}
  .l-c .left-content,.l-c .left-content2{width:calc(100% - 80px);}
	.main .left{
		padding-top: 100px; text-align: center;width: auto;padding-left: 0;
	}
	.main .left a.hp-btn{margin: 20px auto;}
	.main .left, .main .right {
		float: none; margin: auto;
	}
	.main .right{
   	padding-top: 50px;
   } 
   .main{padding-bottom: 100px;}
   .enter-detail{margin-top: 20px;}
   .header .data{padding-left: 20px;}
   
   .step-img{max-width: 100%;display:block;margin: 10px auto 0;}
}


@media (max-width: 650px){
    .top-mobile{color: #FFF;padding-top: 20px;}
	.header {
	    height: 63px;
	    border-bottom: 1px solid #fff;
	}
	.b-top-div{padding-left:40px;}
	.l-c .left-content,.l-c .left-content2{width:calc(100% - 40px);margin-left: -40px}
	.idx-down{width: 250px; padding-top: 20px;padding-bottom: 20px;margin-left: 150px}
	.s-item-first .idx-down{width: 160px;}
	.l-c .left-bg {
    height: 2190px;width: 40px;}
    .l-c .left-content{
  height: 2190px
}
    .s-item i,.s-item i.icon2{    width: 18px;    height: 18px;margin-left: 100px;margin-left: 11px;
    margin-top: -1px;background-size: 18px 18px;}
    .s-item{
  background:url(images/mid.png) repeat-y 17px ;
  position: relative;    background-size: 7px;
}
.item-tit{background:url(images/step-title.png) no-repeat 50px bottom ;height: 20px; background-size: auto 20px;}
.item-tit2{background:url(images/step2-title.png) no-repeat 50px bottom ;height: 20px; background-size: auto 20px;}
.m-tit{left: 140px;font-size:12px;text-align:left;
    top: 0px;}
    .two-line{top:-10px}
    .item-tit .s-tit{font-size:9px;}
.item-tit2 h2,.item-tit h2{display: inline;font-size: 14px;position: absolute;font-weight:normal;
    left: 70px; top:0px; letter-spacing: 5px;color: white;}
    .l-c .left-bg2{
  float:left;
  height: 930px;width: 40px;background-color:  rgb(255, 91, 0);
}
    .open-app{background:url(images/p_1.png) no-repeat center center;width: 166px;height: 280px;background-size:166px 280px; }
.s3-app{background:url(images/p_2.png) no-repeat center center;width: 166px;height: 280px;background-size:166px 280px; }
.s4-app{background:url(images/p_3.png) no-repeat center center;width: 166px;height: 280px;background-size:166px 280px; }
.s5-app{background:url(images/p_4.png) no-repeat center center;width: 166px;height: 100px;background-size:166px 100px; }
.s6-app{background:url(images/p_5.png) no-repeat center center;width: 166px;height: 100px;background-size:166px 100px; }
.s7-app{background:url(images/p_6.png) no-repeat center center;width: 166px;height: 97;background-size:166px 97px; }
.s8-app{background:url(images/p4.png) no-repeat center center;width: 180px;height: 137px;background-size:180px 137px; }

.s9-app{background:url(images/p_7.png) no-repeat center center;width:214px;height: 170px;background-size:214px 170px; }
.s10-app{background:url(images/p_8.png) no-repeat center center;width: 225px;height: 550px;background-size:225px 550px; }
    
	.header .logo {
	    margin-top: 5px;
	    width: 45px;
	    height: 45px;
	}
	.header h1{
		font-size: 24px;padding-left: 30px;line-height: 63px;
	}
	.left h2 {
	    font-size: 36px;
	}
	.main .left {
    padding-top: 60px;
	}
	.hp-btn {
	    border-radius: 46px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 13px;
	}
	.main .right {
	    padding-top: 10px;
	    width: 280px;
	}
	
	.right .pannel {
	    width: 280px;
	    height: 360px;
	    background: rgba(255,255,255,0.4);
	    border-radius: 50px;
	    padding-top: 50px;
	}
	.right .logo, .tab-contents .logo {
	    width: 150px;
	    height: 150px;
		}
	.right .pannel .logo-text, .tab-contents .logo-text {
    	font-size: 20px;
		}
}