.room-top-con{position: fixed;top:0;width: 100%;line-height: 24px;background: #fff;
color: #555;padding: 13px 20px;text-align: center;font-size: 22px;z-index: 999;}
.room-header{border-bottom: 1px solid #d9d9d9;background-color: #f0f0f0;
    padding: 15px 0;position: fixed;top:50px;width: 100%;z-index: 999;}
.room-header-left{position: absolute;left: 10px;top:12px;}
.room-header-left .am-form-group{max-width: 250px;margin-left: .5rem;}
.room-header-left .am-selected-btn.am-btn-default{background: #fff;}
.room-header-center{text-align: center;}
.room-header-center a{display: inline-block;color: #555;padding: 0 5px;position: relative;top:1px;}
.room-header-right{position: absolute;right: 20px;top:9px;}
.room-header-right button{margin-left: 10px;}
.room-cont{margin-top: 107px;display: flex;display: -webkit-flex;flex-wrap:wrap;border-left: 1px solid #ddd;}
.room-cont .room-cont-item{width: 20%;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding:10px 15px 20px;
}
.room-cont .room-id{background: #00aeff;color: #fff;display: inline-block;border-radius: 2px;padding:0 5px;
    font-size: 12px;margin-bottom: 5px;}
.room-cont .room-title{font-size: 15px;display: flex;display: -webkit-flex;}
.room-cont .room-title .room-title-text{flex: auto;}
.room-cont .room-title .room-title-state{flex: none;position: relative;top:-3px;}
.room-cont .room-state{position: relative;top:4px;border-radius: 2px;}
.room-cont .people-item{background: #eee;border-radius: 2px;padding: 10px;font-size: 12px;margin-top: 10px;
    position: relative;cursor: move;height: 65px;}
.room-cont .item-close-con{position: absolute;right: 10px;top:50%;background: #ccc;border-radius: 100%;cursor: pointer;
    width: 20px;height: 20px;margin-top: -10px;text-align: center;line-height: 20px;color: #fff;}
.room-cont .sex-nv{color: #ff3c3c;}
.room-cont .sex-nan{color: #00aeff;}
.room-cont .people-item-add{background: #eee;border-radius: 2px;padding:0 10px;margin-top: 10px;text-align: center;
    cursor: pointer;color: #777;height: 65px;line-height: 65px;
}

.seat-cont{margin-top: 107px;}
.seat-cont .seat-row-list{border-left: 1px solid #ddd;overflow: auto;margin-top: -1px;}

.seat-cont .seat-cont-item{float: left; width:220px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;padding:10px 15px;}
.seat-title{overflow: hidden;}
.seat-cont .seat-id{background: #00aeff;color: #fff;display: inline-block;border-radius: 2px;padding:0 5px;
    font-size: 12px;}
.seat-title .pull-right{float: right;font-size: 14px;}
.seat-title .pull-right .admin-iconfont{position: relative;top:1px;}
.seat-cont .people-item{background: #eee;border-radius: 2px;padding: 10px;font-size: 12px;margin-top: 10px;
    position: relative;cursor: move;height: 60px;}
.seat-cont .item-close-con{position: absolute;right: 10px;top:50%;background: #ccc;border-radius: 100%;cursor: pointer;
    width: 20px;height: 20px;margin-top: -10px;text-align: center;line-height: 20px;color: #fff;}
.seat-cont .people-item-add{background: #eee;border-radius: 2px;margin-top: 10px;text-align: center;
    cursor: pointer;color: #777;height: 60px;line-height: 60px;
}

@media (min-width: 1400px) and (max-width: 1600px){
    .room-cont .room-cont-item{width: 16.666%;}
}
@media (min-width: 1600px){
    .room-cont .room-cont-item{width: 14.285%;}
}