.full-container{position:relative;width:100%;height:100%;overflow:hidden}.container-swiper{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;overflow:hidden}.swiper-container{position:relative;height:100%}.swiper-slide{width:360px;height:100%;margin-right:20px}.swiper-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.1);box-shadow:0 0 10px 1px rgba(0,0,0,.1);border:1px solid #eee;border-radius:5px;overflow:hidden}.swiper-card-h{padding:15px;border-bottom:1px solid #f3f3f3;color:#444}.screen-popup{position:absolute;z-index:1;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.screen-btn{display:inline-block;padding:52px 6px;background-color:#fff;cursor:pointer;width:30px;font-size:14px;-webkit-box-shadow:1px 0 5px 1px rgba(0,0,0,.1);box-shadow:1px 0 5px 1px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#666}.screen-options{width:180px;background-color:#fff}.screen-item{float:left;height:36px;line-height:36px;width:80px;text-align:center;border:1px solid #ddd;border-radius:3px;margin:5px;cursor:pointer}.screen-item:hover{color:#2d8cf0}.screen-item.active{background-color:#2d8cf0;color:#fff;border-color:#2d8cf0}.room-list{position:relative;padding:15px;line-height:36px;font-size:15px;overflow-y:auto}.room-list:after{display:block;content:"";clear:both}.room-item{position:relative;float:left;background-color:#d5e6f0;width:90px;padding-left:35px;border-radius:3px;margin-right:10px;margin-bottom:10px}.room-tag{position:absolute;font-size:12px;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:3px 5px;border-radius:3px;line-height:1em}.empty{background-color:#11bf2f;color:#fff}.yezhu{background-color:#bf5b39;color:#fff}.zuke{background-color:#bf7d1b;color:#fff}.xiu{background-color:#3170bf;color:#fff}