img{height:100%}.finish_room2{width:100%;height:100%;display:flex;align-items:center;flex-flow:wrap}.finish_room2>div{display:flex;flex-wrap:wrap}.finish_room2 .margeImg{margin-left:10px}.finish_room2 .room_img{width:100px;height:100px;cursor:pointer;overflow:hidden;position:relative;text-align:center;background-color:rgba(0,0,0,.5);margin-left:10px;margin-top:10px}.finish_room2 .room_img:before{
  /*!*background: #000;*!*/}.finish_room2 .room_img:hover:before{width:100%;left:0;opacity:.5}.finish_room2 .room_img .box-content{width:100%;padding:14px 18px;color:#fff;position:absolute;top:38%;left:0}.finish_room2 .room_img .icon{padding:0;margin:0;list-style:none;margin-top:-20px}.finish_room2 .room_img .icon li{display:inline-block}.finish_room2 .room_img .icon li i{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:20px;font-weight:700;color:#fff;margin-right:25px;opacity:0;transform:translateY(50px);transition:all .5s ease 0s}.finish_room2 .deleteImg{color:red;position:absolute;top:0;left:80px;cursor:pointer}.finish_room2 .room_img img{cursor:pointer;width:100px;height:100px}.finish_room2>.room_img span{position:absolute;width:auto;height:auto;right:5px;bottom:3px}.finish_room2 .im-button{position:absolute;top:-14px;right:-18px;width:40px;height:40px;cursor:pointer;border-radius:50%;background-color:rgba(0,0,0,.5);opacity:0}.finish_room2 .room_img:hover .icon li i,.finish_room2 .room_img:hover img{opacity:.5}.finish_room2 .room_img:hover .im-button{opacity:1}.finish_room2 .im-close{transform:rotate(-45deg);line-height:0;left:6px}.finish_room2 .im-close,.finish_room2 .im-close1{bottom:13px;display:inline-block;width:15px;height:2px;background:#fff;position:absolute}.finish_room2 .im-close1{left:5px;transform:rotate(45deg)}.room_add_img{margin-left:10px;margin-top:10px;width:100px;height:100px;cursor:pointer;border:1px solid #e1e1e1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;z-index:10}.room_add_img>span:first-child{width:30px;height:30px;overflow:hidden}.room_add_img>span:nth-child(2){margin-bottom:10px}.room_add_img input{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;opacity:0}.website-config-container[data-v-bb4426da]{min-height:100vh;background:#f5f7fa;padding:20px}.page-header[data-v-bb4426da]{background:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e4e7ed}.header-content[data-v-bb4426da],.header-icon[data-v-bb4426da]{display:flex;align-items:center}.header-icon[data-v-bb4426da]{width:48px;height:48px;background:#409eff;border-radius:8px;justify-content:center;margin-right:16px}.header-icon i[data-v-bb4426da]{font-size:20px;color:#fff}.header-info[data-v-bb4426da]{flex:1}.page-title[data-v-bb4426da]{font-size:20px;font-weight:600;color:#303133;margin:0 0 4px 0}.page-subtitle[data-v-bb4426da]{font-size:14px;color:#909399;margin:0}.config-content[data-v-bb4426da]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e4e7ed}.config-card[data-v-bb4426da]{border:none}.config-card[data-v-bb4426da] .el-card__body{padding:0}.card-header[data-v-bb4426da]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fafbfc;border-bottom:1px solid #e4e7ed}.card-title[data-v-bb4426da]{display:flex;align-items:center;font-size:16px;font-weight:500;color:#303133}.card-title i[data-v-bb4426da]{margin-right:8px;color:#409eff}.card-actions[data-v-bb4426da]{display:flex;gap:8px}.config-tabs[data-v-bb4426da] .el-tabs__header{background:#fafbfc;margin:0;border-bottom:1px solid #e4e7ed}.config-tabs[data-v-bb4426da] .el-tabs__nav-wrap{padding:0 24px}.config-tabs[data-v-bb4426da] .el-tabs__item{font-size:14px;font-weight:500;color:#606266;padding:0 20px;height:48px;line-height:48px;border-bottom:2px solid transparent;transition:all .3s}.config-tabs[data-v-bb4426da] .el-tabs__item:hover{color:#409eff}.config-tabs[data-v-bb4426da] .el-tabs__item.is-active{color:#409eff;border-bottom-color:#409eff;background:#fff}.config-tabs[data-v-bb4426da] .el-tabs__content{padding:0}.config-tab-pane[data-v-bb4426da]{padding:24px}.form-container[data-v-bb4426da]{max-width:800px;margin:0 auto}.config-form[data-v-bb4426da]{margin-bottom:0}.config-form[data-v-bb4426da] .el-form-item{margin-bottom:20px}.config-form[data-v-bb4426da] .el-form-item__label{font-weight:500;color:#606266;font-size:14px}.form-input[data-v-bb4426da] .el-input__inner{border-radius:4px;border:1px solid #dcdfe6;transition:all .3s}.form-input[data-v-bb4426da] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.form-textarea[data-v-bb4426da] .el-textarea__inner{border-radius:4px;border:1px solid #dcdfe6;transition:all .3s;resize:vertical}.form-textarea[data-v-bb4426da] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.form-date-picker[data-v-bb4426da],.form-datetime-picker[data-v-bb4426da]{width:100%}.form-date-picker[data-v-bb4426da] .el-input__inner,.form-datetime-picker[data-v-bb4426da] .el-input__inner{border-radius:4px;border:1px solid #dcdfe6;transition:all .3s}.form-date-picker[data-v-bb4426da] .el-input__inner:focus,.form-datetime-picker[data-v-bb4426da] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.form-radio-group[data-v-bb4426da]{display:flex;flex-wrap:wrap;gap:16px}.form-radio[data-v-bb4426da] .el-radio__label{font-size:14px;color:#606266}.form-radio[data-v-bb4426da] .el-radio__input.is-checked .el-radio__inner{background-color:#409eff;border-color:#409eff}.form-number-input[data-v-bb4426da]{width:100%}.form-number-input[data-v-bb4426da] .el-input__inner{border-radius:4px;border:1px solid #dcdfe6;transition:all .3s}.form-number-input[data-v-bb4426da] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.form-checkbox-group[data-v-bb4426da]{display:flex;flex-wrap:wrap;gap:16px}.form-checkbox[data-v-bb4426da] .el-checkbox__label{font-size:14px;color:#606266}.form-checkbox[data-v-bb4426da] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#409eff}.form-select[data-v-bb4426da]{width:100%}.form-select[data-v-bb4426da] .el-input__inner{border-radius:4px;border:1px solid #dcdfe6;transition:all .3s}.form-select[data-v-bb4426da] .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.action-section[data-v-bb4426da]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fafbfc;border-top:1px solid #e4e7ed;margin:24px -24px -24px -24px}.action-info[data-v-bb4426da]{display:flex;align-items:center;color:#909399;font-size:13px}.action-info i[data-v-bb4426da]{margin-right:6px;color:#409eff}.action-buttons[data-v-bb4426da]{display:flex;gap:12px}.save-btn[data-v-bb4426da]{border-radius:4px;padding:10px 20px;font-weight:500;background:#409eff;border:none;transition:all .3s}.save-btn[data-v-bb4426da]:hover{background:#66b1ff}.save-btn[data-v-bb4426da]:active{background:#3a8ee6}@media (max-width:768px){.website-config-container[data-v-bb4426da]{padding:10px}.page-header[data-v-bb4426da]{padding:16px}.header-content[data-v-bb4426da]{flex-direction:column;text-align:center}.header-icon[data-v-bb4426da]{margin-right:0;margin-bottom:12px}.config-tab-pane[data-v-bb4426da]{padding:16px}.action-section[data-v-bb4426da]{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.action-buttons[data-v-bb4426da]{justify-content:center}.form-checkbox-group[data-v-bb4426da],.form-radio-group[data-v-bb4426da]{flex-direction:column;gap:8px}}