.appPlay{

    background: url(../img/appimg_1.png);

    background-size: cover;

    position: absolute;

    padding-bottom: 2.2rem;

    width: 100%;

    height: 100%;

    max-width: 640px;

}

.appPlay .bottom-img{

    position: fixed;

    width: 100%;

    bottom: 0;

    max-width: 640px;

}

.heading {

    background-color: rgba(0,0,0,0);

	color: #fff;

	border-bottom: 0;

}

.heading .icon{

	color: #fff;

}

.appPlay .item{

	text-align: center;

    color: #fff;

	padding-top: 3rem;

}

.appPlay .item .logo {

    height: 4rem;

    width: 4rem;

    display: inline-block;

    z-index: 10;

}

.appPlay .item .logo .cover{

    overflow: hidden;

    position: relative;

    border-radius: .6rem;

}

.appPlay .item .logo img{

	width: 100%;

	height: 100%;

}

.appPlay .item .logo .iconfont{

    position: absolute;

    right: 0;

    bottom: 0;

    display: inline-block;

    color: #fff;

    padding: .1rem;

    font-size: .7rem;

    border-top-left-radius: .4rem;

}

.appPlay .item .logo .iconfont.ios{

	background-color: #010100;

}

.appPlay .item .logo .iconfont.and{

	background-color: #1ebc1d;

}

.appPlay .item .logo .edition{

    font-size: .7rem;

    padding-top: .4rem;

}

.appPlay .item .block{

	padding-top: 1rem;

}

.appPlay .item .block .title{

	font-size: 1.2rem;

}

.appPlay .item .block .data{

	font-size: .8rem;

}

.appPlay .item .block .sbtn{

    color: #FC3F32;

    background: url(../img/download_bg.png);

	display: block;

    margin: 0 auto;

    width: 64%;

    font-size: .8rem;

    letter-spacing: .02rem;

    height: 2.2rem;

    background-size: 100%;

    border: none;
    background-repeat: round;

}

.appPlay .item .block .sbtn .iconfont{

	padding-right: .4rem;

}

.appPlay .item .block.on .sbtn{

	margin-top: 0;

}

.appPlay .item .text{

    font-size: .7rem;

    padding-top: .6rem;

}

.appPlay .item .tcode{

	padding: 1rem 0;

}

.appPlay .item .tcode img{

	height: 8rem;

	width: 8rem;

	display: block;

	margin: 0 auto;

}

.appPlay .item .tcode .text{

	font-size: .7rem;

	padding-top: 1rem;

	color: #fff;

	border: 0;

}



.appPlay .item .text:active{

	opacity: .9;

}

.appPlay .item .block .ios{

	padding: 1rem 0;

	display: none;

}

.appPlay .item .block .ios img{

	height: 2.4rem;

}

.appPlay .item .block.on .ios{

	display: block;

}

.footerinfo{

	color: #fff !important;

}

.appPlay .popup{

	position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.8);

    top: 0;

    z-index: 26;

    max-width: 640px;

    margin: 0 auto;

	display: none;

}

.appPlay .popup.on{

	display: block;

}

.appPlay .popup .cont{

    position: relative;

    overflow-x: scroll;

    height: 100%;

}

.appPlay .popup .cont img{

	width: 100%;

}

.appPlay .popup .iconfont{

    position: fixed;

    right: .3rem;

    top: .3rem;

}

.appPlay .popup .iconfont:active{

}



/* 微信转浏览器弹窗 */

.wx_popup{

  position: fixed;

  z-index: 40;

  background-color: rgba(0,0,0,.8);

  width: 100%;

  height: 100%;

  top: 0;

  display: none;

  align-items: end;

  justify-content: center;

  max-width: 640px;

  margin: 0 auto;

}

.wx_popup.on{

  display: flex;

}

.wx_popup img{

  width: 80%;

  margin-top: .6rem;

}

/* 微信转浏览器弹窗 */