body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
ul,li,ol{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
body{max-width:750px;margin:0 auto;font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;}
#main1,#main2,#main3,#main4,#main5,#main6,#main7,#main8,#main9 {
	position: relative;
}

#main1 .main1-text{
	position: absolute;
	width: 2rem;
	top:.44rem;
	right: 1.15rem;
	font-size: .48rem;
	/*text-align: left;*/
}
#main1 .main1-text .main1-title span {
	display: inline-block;
	font-size: .48rem;
	color: #222;
	font-family: PingFang-SC-Medium;
	vertical-align: top;
	width: .5rem;
}
#main1 .main1-text .main1-title span a {
	display: block;
	font-size: .6rem;
	margin-right: .4rem
}
#main1 .main1-text .main1-title span b {
	display: block;
	font-weight: normal;
	font-size: .36rem;
}
#main1 .main1-text .main1-hr {
	width: 1px;
	margin-left: 1.2rem;
	height: 2.3rem;
	border:none;
	border-left:1px solid #72B5DB;
}
#main1 .main1-text .main1-ring {
	width: 1.42rem;
	height: 1.42rem;
	position: absolute;
	right: .05rem;
	top: 6.5rem;
	text-align: center;
	background: #72B5DB;
	color: #fff;
	border-radius: .82rem;
	-webkit-border-radius: .82rem;
	-moz-border-radius: .82rem;
	-ms-border-radius: .82rem;
	-o-border-radius: .82rem;
	font-size: .3rem;
	box-sizing: border-box;
}
#main1 .main1-text .main1-ring span {
	display: inline-block;
	vertical-align: middle;
	margin-top: .3rem;
	line-height: .4rem
}
#main1 .main1-text .main1-ring:before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.42rem;
    height: 1.42rem;
    border-radius: 9999px;
    background-color: rgba(114, 181, 219, .23);
    -webkit-animation: 1s ease-in infinite alternate halo;
    animation: 1s ease-in infinite alternate halo;
    -moz-animation: 1s ease-in infinite alternate halo;
    -ms-animation: 1s ease-in infinite alternate halo;
    -o-border-radius: 1s ease-in infinite alternate halo;
}

#main1 .main1-part1 {
	display: none;
	position: absolute;
	top: 3.54rem;
	left: 0;
	width: 3.56rem;
	height: 1.84rem
}
#main1 .main1-part2 {
	display: none;
	position: absolute;
	top: 6.31rem;
	left: .59rem;
	width: 4.07rem;
	height: 4.43rem;
	z-index: 10
}
#main1 .main1-part3 {
	display: none;
	position: absolute;
	top: 6.48rem;
	left: 2.11rem;
	width: 1.55rem;
	height: 1.4rem;
	z-index: 20
}

#main1 .main1-ring.ring_move{
	animation: 2s ring_move infinite;
	-webkit-animation: 2s ring_move infinite;
	-moz-animation: 2s ring_move infinite;
}
/* 按钮光圈呼吸 */
@-webkit-keyframes halo {
  0% {
  	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
  	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes halo {
  0% {
  	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
  	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes halo {
  0% {
  	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
  	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

#main2 .main2-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main2 .main2-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main2 .main2-part1{
	display: none;
	position: absolute;
	bottom: .62rem;
	left: 2.53rem;
	width: 9.08rem;
	height: 5.29rem;
}
#main2 .main2-part2{
	display: none;
	position: absolute;
	bottom:3.6rem;
	left: 2.27rem;
	width: 1.2rem;
	height: 2.04rem;
}
#main2 .main2-part3{
	display: none;
	position: absolute;
	width: .65rem;
	height: .54rem;
	bottom: 5.65rem;
	left: 2.31rem;
}
#main3 .main3-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main3 .main3-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main3 .main3-part1 {
	display: none;
	position: absolute;
	width: 7.24rem;
	height: 2.57rem;
	left: .15rem;
	bottom: 0;
	z-index: 99
}
#main3 .main3-part2 {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 2.1rem;

	width: 2.1rem;
	height: 2.1rem;
	z-index: 98;
	margin-left: -1rem;

}
#main3 .main3-part3 {
	display: none;
	position: absolute;
	right: 0;
	top: .27rem;
	width: 6.1rem;
	height: 8.8rem;
	z-index: 98;
}
#main3 .main3-part4 {
	display: none;
	position: absolute;
	left: 0rem;
	bottom: 0rem;
	width: 7.5rem;
	height: auto;
	z-index: 50;
}
#main4 .main4-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main4 .main4-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main4 .main4-part1 {
	display: none;
	position: absolute;
	width: 5.5rem;
	height: 6.32rem;
	right: 0;
	bottom: 0;
	z-index: 97
}
#main4 .main4-part2 {
	display: none;
	position: absolute;
	width: 4.1rem;
	height: 3.5rem;
	right: .37rem;
	bottom: 1.96rem;
	z-index: 98
}
#main4 .main4-part3 {
	display: none;
	position: absolute;
	right: 1rem;
	bottom: .7rem;
	width: 2.45rem;
	height: 3.66rem;
	z-index: 100
}
#main4 .main4-part4 {
	display: none;
	position: absolute;
	right: 1.6rem;
	bottom: .85rem;
	width: .84rem;
	height: 1.6rem;
	z-index: 100
}
#main5 .main5-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main5 .main5-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main5 .main5-part1 {
	display: none;
	position: absolute;
	width: 7.5rem;
	height: 4.2rem;
	right: 0;
	bottom: 0;
	z-index: 98
}
#main5 .main5-part2 {
	display: none;
	position: absolute;
	width: 5rem;
	height: 3.75rem;
	right: 0;
	bottom: 1.15rem;
	z-index: 99
}
#main5 .main5-part3 {
	display: none;
	position: absolute;
	right: 2.1rem;
	bottom: 4rem;
	width: .44rem;
	height: 1.18rem;
	z-index: 100
}
#main6 .main6-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main6 .main6-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main6 .main6-part1 {
	display: none;
	position: absolute;
	width: 4.9rem;
	height: 1.17rem;
	right: 0;
	bottom: 2.8rem;
	z-index: 98
}
#main6 .main6-part2 {
	display: none;
	position: absolute;
	width: 4.77rem;
	height: 3.85rem;
	right: 0;
	bottom: .5rem;
	z-index: 99
}
#main6 .main6-part3 {
	display: none;
	position: absolute;
	right: 2.06rem;
	bottom: 4.36rem;
	width: .6rem;
	height: 1.2rem;
	z-index: 100
}
#main6 .main6-part4 {
	display: none;
	position: absolute;
	right: 1.2rem;
	bottom: 4.26rem;
	width: .77rem;
	height: .74rem;
	z-index: 98
}
#main6 .main6-part5 {
	display: none;
	position: absolute;
	right: 1rem;
	bottom: 5rem;
	width: .58rem;
	height: .53rem;
	z-index: 98
}
#main7 .main7-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main7 .main7-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main7 .main7-part1 {
	display: none;
	position: absolute;
	width: 4.3rem;
	height: 3.72rem;
	right: .16rem;
	bottom: .6rem;
	z-index: 98
}
#main7 .main7-part2 {
	display: none;
	position: absolute;
	width: .6rem;
	height: 1.18rem;
	right: 1.7rem;
	bottom: 3.58rem;
	z-index: 99
}
#main8 .main8-text{
	position: absolute;
	top:1.27rem;
	left: .48rem;
	text-align: left;
	line-height: .78rem;
	font-size: .3rem;
	color: #222;
	width: 6.54rem;
}
#main8 .main8-text span {
	color: #FF6135;
	font-family: PingFang SC;
	font-weight: bold;
}
#main8 .main8-part1 {
	display: none;
	position: absolute;
	width: 7.37rem;
	height: 4.43rem;
	left: 0;
	bottom: .25rem;
	z-index: 98
}
#main8 .main8-part2 {
	display: none;
	position: absolute;
	width: 3.67rem;
	height: 5.57rem;
	right: 0;
	bottom: 1.02rem;
	z-index: 99
}
#main8 .main8-part3 {
	display: none;
	position: absolute;
	width: .74rem;
	height: 1.32rem;
	right: 1.56rem;
	bottom: 1.3rem;
	z-index: 98
}
#main9 .main9-text {
	position: absolute;
	top: .5rem;
	left: 0;
	display: block;
	/*width: 7.5rem;*/
	text-align: center;
	z-index: 9999;
	width: 6.54rem;
	margin-left: .48rem;
}
#main9 .main9-text p {
	font-size: .48rem;
	color: #F9805E;
	font-weight: bold;
}
#main9 .main9-text span {
	display: block;
	font-size: .3rem;
	color: #222;
	line-height: .54rem;
}
#main9 .main9-text img {
	width: 1.2rem;
	height: 1.2rem;
	margin: .35rem 0;
	border-radius: .6rem;
	-webkit-border-radius: .6rem;
	-moz-border-radius: .6rem;
	-ms-border-radius: .6rem;
	-o-border-radius: .6rem;
}
.notinapp a{
	display: inline-block;
	width: 2.4rem;
	height: .8rem;
	line-height: .8rem;
	font-size: .3rem;
	color: #fff;
	font-weight: middle;
	background: #81DBF8;
	border-radius: .1rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-o-border-radius: .1rem;
	margin-top: .3rem;
}

.inapp a{
	display: inline-block;
	width: 5rem;
	height: .8rem;
	padding: 0rem .15rem;
	line-height: .8rem;
	font-size: .3rem;
	color: #fff;
	font-weight: middle;
	background: #81DBF8;
	border-radius: .1rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	-ms-border-radius: .1rem;
	-o-border-radius: .1rem;
	margin-top: .3rem;
	display: block;
	margin: 0px auto;
	margin-top: 0.3rem;
}


#main9 .main9-text h1 {
	font-size: .26rem;
	color: #999;
	font-family: PingFang-SC-Medium;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-top: .2rem
}
#main9 .main9-part1 {
	display: none;
	position: absolute;
	width: 7.5rem;
	height: 1.21rem;
	left: 0;
	bottom: 0;
	z-index: 98
}
#main9 .main9-part2 {
	display: none;
	position: absolute;
	width: 7.22rem;
	height: 2.9rem;
	right: .23rem;
	bottom: 1.88rem;
	z-index: 99
}
#main9 .main9-part3 {
	display: none;
	position: absolute;
	width: .6rem;
	height: 1.17rem;
	right: 3.46rem;
	bottom: .63rem;
	z-index: 100
}

#yiyue{
	width: 0.6rem;
	height: 0.74rem;
	position: fixed;
	left: 0.5rem;
	top:0.49rem;
	z-index: 9999;
}
#yiyue.off {
	background: url("../images/musics.png") no-repeat center;
	background-size: 0.3rem 0.37rem;
	text-decoration:line-through;
}
#yiyue.go_round{
	background: url("../images/music.png") no-repeat center;
	background-size: 0.3rem 0.37rem;
	animation:reverseRotataZ 1.2s linear infinite;
	-webkit-animation:reverseRotataZ 1.2s linear infinite;
}
@keyframes reverseRotataZ
{
	0%{-webkit-transform:rotateZ(0deg)}
	100%{-webkit-transform:rotateZ(-360deg)}
}
@-moz-keyframes reverseRotataZ
{
	0%{-webkit-transform:rotateZ(0deg)}
	100%{-webkit-transform:rotateZ(-360deg)}
}
@-webkit-keyframes reverseRotataZ
{
	0%{-webkit-transform:rotateZ(0deg)}
	100%{-webkit-transform:rotateZ(-360deg)}
}

.QRcode {
	position: absolute;
	left: .3rem;
	bottom: 1rem;
	z-index: 1000;
}
.QRcode img {
	width: 1.1rem;
	height: 1.1rem;
}
.QRcode span {
	display: block;
	font-size: .24rem;
	color: #999;
	text-align: center;
}
.bg { 
	display: none;
	position: absolute;
	top: 0%;  left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}  
.show {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
}
.show img {
	width: 4rem;
	height: 2.6rem;
}
.showMask {margin-left: .2rem}