@charset 'utf-8';
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
iframe,img {border: 0 none;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea{-webkit-appearance:none;}
a { text-decoration: none; color: #333; }
.fl { float: left; }
.fr { float: right; }
.clearfix { display: block; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
*html .clearfix { height: 1%; zoom: 1; }
.none { display: none; }
html, body { position: relative; width: 100%; min-height: 100%; max-width: 640px;margin: 0 auto }
/**/
.block-img { display: block; width: 100%;  }
.container {margin: 0 auto;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;background-color: #FFF;font-size: .16rem;padding-top: 1rem;position: relative;}
.sct{position: relative;width: 100%;height: auto;overflow: hidden;}
.show-qr{width: 100%;height: auto;overflow: hidden;position: relative;}
.streamer{position: absolute;top: 0;width: 100%;height: 1.1rem;z-index: 98;max-width: 640px;}

.opa-btn{
  display: block;
  position: absolute;
  z-index: 99;
  width: 33%;
  height: 56%;
  right: 0;
  top: 50%;
  transform: translate(-5%, -50%);
}
header{text-align: center;color: #8e9397;font-size: .16rem;padding: .12rem 0; background: #fff; line-height: .24rem}
header a{color: #62a2ec;text-decoration: underline;padding: 0 .16rem}
header p{padding-bottom: .01rem}

#WeChatTip{position:fixed;width: 100%;height:100%;left: 0;top:0;background:rgba(0,0,0,0.5);z-index: 999;display: none;}
#WeChatTip .arrow{display: block;position: absolute;width: 1.8rem;height: auto;right: .2rem;top: .1rem;}
.AndroidDl{display: none;width: 100%;height: 100%;position: fixed;z-index: 60;background: #000;left: 0;top: 0;overflow: hidden;}
.defaultBar{position: absolute;display: block;width: 3rem;height: 4rem;left: 50%;top: 3.6rem;margin-left: -1.5rem;overflow: hidden;}
.defaultBar .icon{display:block;width:1.4rem;margin: 0 auto;border-radius: .2rem;}
.defaultBar .txt{display: block;width:100%;height: .5rem;line-height: .5rem;text-align: center;font-size: .2rem;color: #FFF;}
.defaultBar .btn-dl{display: block;width: 1.7rem;height: .6rem;background: #f00;border-radius: 5px;text-align: center;line-height: .6rem;color: #FFF;font-size: .2rem;margin: .2rem auto 0;}
.defaultBar .wechatTip{display: block;width:1.8rem;padding: .3rem .16rem .14rem;height: auto;background: url('../img/wechatTip.png') 0 0 no-repeat;background-size: 100% 100%;margin: .1rem auto 0;color: #f00;font-size: .24rem;text-align: center;line-height: .3rem}