html,body{width:100%;overflow-x: hidden;margin: 0;padding: 0;font-size:28px;}


.main{width:7.5rem;height:15.05rem;background:url(../images/bg.jpg) no-repeat top center;background-size:100% 100%;}

.btns{position:absolute;width:4.8rem;height:.50rem;left:2.17rem;top:3.05rem;font-size:0;}
.btns .shareBtn{background-repeat:no-repeat;background-size:100%;height:100%;margin-right:.04rem;display:none;}
.btns .shareBtn[data-type="qq"]{width:.78rem;background-image:url(../images/qq.png);}
.btns .shareBtn[data-type="qzone"]{width:1rem;background-image:url(../images/qzone.png);}
.btns .shareBtn[data-type="weixin"]{width:.88rem;background-image:url(../images/weixin.png);}
.btns .shareBtn[data-type="wxpy"]{width:.97rem;background-image:url(../images/wxpy.png);}
.btns .shareBtn[data-type="sina"]{width:.91rem;background-image:url(../images/sina.png);}
.qrcode{position:absolute;left:6.19rem;top:1.78rem;overflow:hidden;}

.alert{background-color:rgba(0,0,0,.7);transition:all .3s;font-size:12px; visibility:hidden;opacity:0;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding: .15rem .30rem;min-width: 80%;}
.alert.show{visibility:visible;opacity:1;color:#fff;}


/*零散浮层按钮*/
.fbtn{display:inline-block;position:absolute;}
.question{width:.2rem;height:.21rem;left:1.77rem;top:3.16rem;}
.join{width:1.26rem;height:.34rem;left:5.21rem;top:3.78rem;}
.entering{width:1.26rem;height:.34rem;left:5.21rem;top:8.92rem;}

.pc .btns .shareBtn[data-type="qq"],.pc .btns .shareBtn[data-type="qzone"],.pc .btns .shareBtn[data-type="sina"]{display:inline-block;}
.phone .btns .shareBtn[data-type="sina"],.phone .btns .shareBtn[data-type="qzone"]{display:inline-block;}