/*APP1start*/
.app1{
	position: relative;
	height: 600px;
	background: url(../static/images/widget/app1/app1-bg.png) repeat center top;
	background-size: 100% 100%;
	text-align: center;
}
.app1-content h1{
	font-size: 56px;
	color: #fff;
	padding:118px 0px 30px;
}
.app1-content h2{
	font-size: 30px;
	color: #fff;
}
.appfeature-icon{
	width: 1200px;
	margin:0px auto;
}
.appfeature-list{
	padding:70px 40px 0px;
}
.appfeature-list li{
	float: left;
	width: 160px;
	height: 30px;
	padding-top: 90px;
	cursor: pointer;
}
.appfeature-list li a{
	font-size: 20px;
	color: #fff;
}
.appfeature-list li:hover a{
	color: #72fae0;
}
.feature-part1{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat 48px 0px;
}
.feature-part2{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat -116px 0px;
}
.feature-part3{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat -276px 0px;
}
.feature-part4{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat -434px 0px;
}
.feature-part5{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat -590px 0px;
}
.feature-part6{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat -752px 0px;
}
.feature-part7{
	background: url(../static/images/widget/app1/feature-icon.png) no-repeat -902px 0px;
}
.feature-part1:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat 48px 0px;
}
.feature-part2:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat -116px 0px;
}
.feature-part3:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat -276px 0px;
}
.feature-part4:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat -434px 0px;
}
.feature-part5:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat -590px 0px;
}
.feature-part6:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat -752px 0px;
}
.feature-part7:hover{
	background: url(../static/images/widget/app1/feature-icon2.png) no-repeat -902px 0px;
}
/*APP1end*/
/*app2start*/
.app2{
	height: 670px;
}
.app2-content{
	width: 1200px;
	margin:0px auto;
}
.app2-left{
	position: relative;
	float: left;
	width: 700px;
	padding-left: 110px;
	left: -200px;
	opacity: 0;
}
.app-text h2{
	margin-top: 130px;
	margin-bottom: 50px;
	font-size: 42px;
	color: #505050;
}
.app-text li h3{
	margin-bottom: 10px;
	font-size: 26px;
	color: #505050;
}
.app-text li p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #939393;
}
.app2-right{
	float: right;
	width: 500px;
	height: 670px;
	background: url(../image/app2-phone.png) no-repeat 15px 72px;
}
/*app2end*/
/*app3start*/
.app3{
	height: 780px;
	width: auto;
	background: url(../image/app3-bg.png) no-repeat center center;
}
.app3-content{
	width: 1200px;
	height: 780px;
	margin:0px auto;
	overflow: hidden;
}
.app3-right{
	float: right;
	width: 540px;
	margin-top: 200px;
	position: relative;
	right: -200px;
	opacity: 0;
}
.app3-right h2{
	margin-bottom: 50px;
	font-size: 42px;
	color: #fff;
}
.app3-right li h3{
	margin-bottom: 10px;
	font-size: 26px;
	color: #fff;
}
.app3-right li p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #fff;
}
.app3-left{
	float: left;
	width: 660px;
	padding-right: 160px;
	height: 100%;
	background: url(../image/app3-phone.png) no-repeat 211px 154px;
}
/*app3end*/
/*app4start*/
.app4{
	height: 635px;
}
.app4-content{
	width: 1200px;
	margin:0px auto;
}
.app4-left{
	float: left;
	width: 700px;
	padding-left: 140px;
}
.app4-left h2{
	margin-top: 105px;
	margin-bottom: 50px;
	font-size: 42px;
	color: #505050;
}
.app4-left li h3{
	margin-bottom: 10px;
	font-size: 26px;
	color: #505050;
}
.app4-left li p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #939393;
}
.app4-right{
	position: relative;
	float: right;
	width: 500px;
	height: 635px;
	background: url(../image/app4-phone.png) no-repeat 55px 0px;
}
.app4-02{
	position: absolute;
    top: 392px;
    left: 26px;
    opacity: 0;
}
.app4-01{
	position: absolute;
	top: 115px;
	left: 266px;
	opacity: 0;
}
/*app4end*/
/*app5start*/
.app5{
	position: relative;
	height: 815px;
	background: url(../image/app5-bg.png) no-repeat center;
}
.app5-content{
	width: 1200px;
	margin:0px auto;
	height: 100%;
}
.app5-top{
	height: 330px;
	text-align: center;
}
.app5-top h2{
	font-size: 40px;
	color: #fff;
	padding:140px 0px 30px;
}
.app5-top p{
	line-height: 40px;
	font-size: 20px;
	color: #939393;
}
.app5-bottom{
	position: relative;
	height: 550px;
	width: 1200px;
	margin:0px auto;
	background: url(../image/app5-phone.png) no-repeat center 22px;
}
.app5-01{
	position: absolute;
	top: 195px;
	left: 130px;
	opacity: 0;
}
.app5-02{
	position: absolute;
	top: 25px;
	left: 205px;
	opacity: 0;
}
.app5-03{
	position: absolute;
	top: 145px;
	left: 930px;
	opacity: 0;
}
/*app5end*/
/*app6start*/
.app6{
	height: 665px;
}
.app6-content{
	width: 1200px;
	margin:0px auto;
}
.app6-left{
	float: right;
	width: 600px;
	padding-left: 30px;
}
.app6-left h2{
	margin-top: 110px;
	margin-bottom: 50px;
	font-size: 42px;
	color: #505050;
}
.app6-left li h3{
	margin-bottom: 10px;
	font-size: 26px;
	color: #505050;
}
.app6-left li p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #939393;
}
.app6-right{
	position: relative;
	float: left;
	width: 600px;
	height: 665px;
	background: url(../image/app6-phone.png) no-repeat 87px -12px;
}
.app6-01{
	position: absolute;
	top: 274px;
	left: 2px;
	opacity: 0;
}
.app6-02{
	position: absolute;
	top: 118px;
	left: 394px;
	opacity: 0;
}
.app6-03{
	position: absolute;
	top: 420px;
	left: 378px;
	opacity: 0;
}
/*app6end*/
/*app7start*/
.app7{
	position: relative;
	height: 770px;
	background: url(../image/app7-bg.png) no-repeat center;
}
.app7-content{
	width: 1200px;
	height: 100%;
	margin:0px auto;
}
.app7-right{
	position: relative;
	float: left;
	width: 670px;
	padding-left: 140px;
	margin-top: 180px;
	left: -200px;
	opacity: 0;
}
.app7-right h2{
	margin-bottom: 50px;
	font-size: 42px;
	color: #fff;
}
.app7-right li h3{
	margin-bottom: 10px;
	font-size: 26px;
	color: #fff;
}
.app7-right li p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #fff;
}
.app7-left{
	float: right;
	width: 530px;
	height: 100%;
	background: url(../image/app7-phone.png) no-repeat 0px 120px;
}
.app7-lefts{
	float: right;
	width: 530px;
	height: 100%;
	background: url(../image/app5-phone.png) no-repeat 0px 120px;
}
/*app7end*/
/*app8start*/
.app8{
	height: 635px;
}
.app8-content{
	width: 1200px;
	margin:0px auto;
}
.app8-left{
	float: right;
	width: 530px;
}
.app8-left h2{
	margin-top: 100px;
	margin-bottom: 50px;
	font-size: 42px;
	color: #505050;
}
.app8-left li h3{
	margin-bottom: 10px;
	font-size: 26px;
	color: #505050;
}
.app8-left li p{
	margin-bottom: 40px;
	font-size: 20px;
	color: #939393;
}
.app8-right{
	position: relative;
	float: left;
	width: 670px;
	height: 635px;
	background: url(../image/app8-phone.png) no-repeat 0px -30px;
}
.app8-01{
	position: absolute;
	top: 356px;
	left: 435px;
	opacity: 0;
}
.app8-02{
	position: absolute;
	top: 188px;
	left: 54px;
	opacity: 0;
}
.app8-03{
	position: absolute;
	top: 64px;
	left: 254px;
	opacity: 0;
}
/*app8end*/
/*app9start*/
.app9{
	text-align: center;
}
.app9 h1{
	color: #505050;
	font-size: 40px;
	padding:50px 0px 24px;
}
.app9 h2{
	color: #9b9b9b;
	font-size: 20px;
	padding-bottom: 60px;
}
.download{
	width: 629px;
	margin:0px auto;
	/* padding-bottom: 167px; */
}
.app9-left{
	float: left;
	display: inline-block;
	width: 278px;
	border-right: 2px solid #dcdcdc;
}
.app9-left p{
	color: #939393;
	font-size: 18px;
}
.app9-right{
	float: left;
	display: inline-block;
	width: 349px;
	padding-left: 57px;
	text-align: left;
}
.app9-right button{
	width: 234px;
	height: 74px;
	line-height: 68px;
	border-radius: 4px;
	color: #fff;
	font-size: 22px;
	border:3px solid #39ba60;
	transition:all 0.1s linear;
}
.app9-right button:hover{
	border:3px solid #39ba60;
	color: #39ba60;
}
.ios-btn{
	padding-left: 46px;
	margin: 9px 0px 30px;
	background: url(../static/images/widget/app9/appl.png) no-repeat 26px center #39ba60;
}
.andr-btn{
	padding-left: 58px;
	background: url(../static/images/widget/app9/andr.png) no-repeat 26px center #39ba60;
}
.ios-btn:hover{
	background: url(../static/images/widget/app9/appl1.png) no-repeat 26px center #fff;
}
.andr-btn:hover{
	background: url(../static/images/widget/app9/andr1.png) no-repeat 26px center #fff;
}
/*app9end*/
/*杩斿洖椤堕儴start*/
.back-to-top {
    display: none;
    height: 60px;
    width: 40px;
    position: fixed;
    bottom: 100px;
    right: 20px;
    display: none;
    background:url(../static/images/widget/totop/xuexin-totop.png) no-repeat;
}
.back-to-top a {
    display: inline-block;
    height: 60px;
    width: 40px;
}
/*杩斿洖椤堕儴end*/