html, body{ width: 100%; height: 100%; overflow: hidden;}
.container{ width: 100%; height: 100%;}
.maskLayer{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; z-index: 2;}
.topbar{ position: absolute; top: 0; left: 0; width: 100%; height: 1rem; padding: .18rem .2rem; background: rgba(0,0,0,0.47); display: -webkit-box; box-sizing: border-box; z-index: 3;}
.logo{ height: 100%; background: url(../images/51vv_logo_s.png) no-repeat; background-size: auto 100%; -webkit-box-flex: 1;}
.btn{ /* width: 1.08rem; */ height: .48rem; margin-top: .1rem; border: 1px solid #0aba08; color: #0aba08; font-size: .24rem; border-radius: .48rem; text-align: center; line-height: .48rem; white-space: nowrap;}
.down{ padding: 0 .1rem; margin-right: .12rem; display: block;}
.open{ padding: 0 .1rem; display: block;}
/* content */
.content{ left: 0; top: 1.6rem; position: absolute; z-index: 3; width: 100%; font-family: 'Microsoft YaHei';}
.room_name{ font-size: .36rem; color: #fff; text-align: center;}
.room_number{ font-size: .30rem; color: #fff; text-align: center; opacity: .6;}
.room_pic{ width: 1.8rem; height: 1.8rem; margin: .6rem auto 0;}
.room_pic img{ max-width: 100%; border-radius: 50%; display: block;}
.room_desc{ margin: .6rem .74rem; display: inline-block; font-size: .3rem; color: rgba(255,255,255,.6); background: rgba(255,255,255,.26); border-radius: 10px; padding: .2rem; position: relative;}
.room_desc:after{ content: ''; position: absolute; display: block; width: 0; height: 0; font-size: 0; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; left: 50%; top: -10px; margin-left: -10px; opacity: .26;}
.wxYindao{ position: fixed; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.8); top: 0; left: 0; display: none;}
.wxYindao img{ max-width: 100%;}