/*后台公用样式*/

.login {background: url(../images/login-bg.png); /*background-position: center -90px;*/}
.login .login-title {color: #fff;text-align: center;font-size: 20px;margin-top: 30px; font-size: 40px; margin-left: 195px;}
.login .login-form {width: 530px;margin: 20px auto;position: relative;left: -50px;color: #fff;}
.login .login-form .captcha {width: 130px;height: 38px;}
.login .login-form input {background-color: rgba(255, 255, 255, 0.5);border: 1px solid rgba(255, 255, 255, 0.3);color: #333;}
.login .login-form button {width: 100%;background-color: #15357e;}
.login .login-form button:hover {opacity: 1; }

.login .logo-top{ margin:30px; }
.login .login-box{ width: 700px; margin: auto; overflow: hidden;}
.login .logo-left{ float: left; width: 160px; margin-right: 10px; margin-top: 10px;}
.login .logo-right{ float: right;}

/*.logo {margin-top: 20px;margin-left: 20px;}*/

.header {background-color: #393D49;}

.footer {line-height: 44px;}
.clear{ clear: both; }
.layui-body {left: 210px;}
.layui-side {top: 60px;}
.layui-bg-black{ background-color: #15357e!important;}
.layui-layout-admin .layui-header{background-color:#15357e}
.layui-nav-itemed>.layui-nav-child{ background-color: #15357e; }
.layui-nav-tree .layui-nav-item a:hover{background-color: #2589ff;}
.layui-nav{background-color: #15357e;}
.layui-layout-admin .layui-footer{ background-color: #fff; }
.layui-tab-content{ min-height: 750px;}
.layui-elem-field legend{ font-size: 14px; font-weight: 700; color: #595961; margin-bottom: 30px;}
.layui-table tbody tr:hover {background-color: #f2f2f2;}
.layui-tab {overflow: visible; background: #f2f2f6;margin-right: 10px;}
.nav-title{ background: #fff; border:none; height: 45px; line-height: 45px; font-size: 14px; color: #666}
.nav-title span{display: inline-block; }
.nav-title a{ color: #666; cursor: pointer;}
.nav-title .curent{ font-weight:bold; }
.nav-title a:hover{ text-decoration: underline; }
/* .layui-tab-title{ background: #fff; border:none; height: 45px;}
.layui-tab-title > li{ border:1px #e3e2e5 solid; margin-right: 10px; border-radius: 5px; line-height: 30px;min-width: 45px; padding: 0 15px;}
.layui-tab-title > li:hover{ border:1px #2589ff solid; }  */
.layui-tab-brief>.layui-tab-title .layui-this{ color: #fff; border:1px #2589ff solid; background: #2589ff;}
.layui-tab-brief>.layui-tab-title .layui-this a{ color: #fff; }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{ border:none }
.layui-tab-title .layui-this:after{ height: 30px; border:none;}
.layui-tab-title .layui-this:hover{ color: #fff; }
.layui-tab-title > li > a {display: block;}
.layui-tab-title > li:hover > a{ color: #2589ff }
.layui-btn-normal {background: #4caf50;}
.layui-btn-danger {background: #e90d24;}
.layui-nav-tree .layui-nav-child dd a {text-indent: 16px;}
.layui-table th{font-weight: 700}
.layui-table td, .layui-table th{ font-size: 12px; }
.search-div{ background: #fff; padding: 10px 10px 0px 10px; border-radius: 5px; border: 1px #E3E2E5 solid; margin-bottom: 10px; min-height: 33px;}
.search-div:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.search-div .layui-form-pane .layui-form-label{ width: auto; padding: 8px 10px;}
.search-div .layui-inline{ margin-bottom: 10px; margin-left: 5px;}
.search-left{  float: left; margin-bottom: 10px; }
.search-right{  float: right; }
.search-left ul li{ display: inline-block; line-height: 30px; margin-right: 5px; color: #e6e6e6}
.search-left ul li.layui-this{padding: 0px 10px; border:1px #e6e6e6 solid;  border-radius: 5px;}
.search-left ul li a{ padding: 0px 10px; display: inline-block; border:1px #e6e6e6 solid;  border-radius: 5px;}
.search-left ul li a:hover{ color: #2589ff; border:1px #2589ff solid; }
.search-left ul li a.ajax-action:hover{ color: #f00; border:1px #f00 solid; }
.layui-btn{ height: 32px; line-height: 32px; padding: 0 10px;}
.layui-form-pane .layui-form-label{ height: 32px; line-height:17px;}
/*.layui-input, .layui-select, .layui-textarea{ height: 32px; }*/
.layui-form-item .layui-input-inline{ height: 32px; }
.layui-form-select dl dd.layui-this{background: #2589ff}
.layui-tab-btns{ background: #fff; padding: 10px; margin-bottom: 10px; border-radius: 5px; border: 1px #E3E2E5 solid;}
.layui-upload-button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 60px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #DFDFDF;
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
    color: #666;
    padding: 0px 10px;
    cursor: pointer;
}
.layui-upload-button input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    font-size: 100px;
    width: 100%;
    height: 100%;
}
.layui-input{ height: 32px; border-radius: 5px;}
.layui-form-item .layui-form-label{ width: 100px; }
.layui-form-item .layui-input-block{ margin-left: 140px; /*width: 20%;*/ width: 385px;}
.layui-form-item .layui-input-block-15{ width: 15%; width: 150px;}
.layui-form-item .layui-input-block-30{ width: 30%; width: 300px;}
.layui-form-item .layui-input-block-32{ width: 320px;}
.layui-form-item .layui-input-block-35{ width: 35%; width: 350px;}
.layui-form-item .layui-input-block-40{ width: 40%; width: 400px;}
.layui-form-item .layui-input-block-50{ width: 50%; width: 500px;}
.layui-form-item .layui-input-block-80{ width: 80%; width: 800px;}
.layui-form-item .layui-input-block-100{ width: 100%;}
.form-container{ padding-top: 20px;}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){
	background: none;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
	border:none;
}
.layui-table, .layui-table-view{ margin:0px; border-radius: 5px;}
.layui-tab-item{ min-height: 690px; background: #fff; border-radius: 5px; border: 1px solid #E3E2E5;}
.bg-tr td{background: #F2F2F6}
.layui-table td, .layui-table th{ line-height: 32px; }
.index-title li{ border:none; font-weight: 700; color: #595961}
.layui-tab-brief>.layui-tab-title.index-title .layui-this{ border:none; color:#595961; background: none;}
.index-title li:hover{ border:none; }
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
	background-color: #2589ff;
}
.layui-nav-tree .layui-nav-bar{ background-color: #2589ff; }
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background-color: #2589ff }
/*.layui-layout-admin .layui-header{ background-color: #fff; border-bottom:2px #24262F solid; }
.layui-nav.top-nav a{ color: #000 }
.layui-nav.top-nav a:hover{ color: #000 }*/
.layui-badge-dot{ width: 4px; height: 4px; }
.layui-badge-none {
	width: 4px; 
	height: 4px;
	position: relative;
    display: inline-block;
    background-color: #fff;
    color: #666!important;
}
.layui-layer-page .layui-layer-content{ padding-top: 30px;}
.layui-layer.layui-layer-radius{ border-radius: 5px; }
.layui-container{ width: auto; }
.layui-form-item .layui-input-block.layui-input-left{ float: left; margin-left: 10px; }
.layui-input-block-a{ float: left; line-height: 32px; margin-left: 15px;}
.layui-input-block-a a{ margin-right: 15px; color: #2589FF }
.layui-form-radio>i{ font-size: 18px; }
.layui-form-radio *{ font-size: 12px; }
.layui-form-select .layui-input{ color: #666 }
.layui-form-select dl{ z-index: 9999;}
.layui-input, .layui-textarea{ display: inline-block; }
.input-remarks input{ width: 25%; }
.input-remarks font{ display: inline-block; width: 55%; color: #777; padding-left: 15px;}
.layui-form-checkbox[lay-skin=primary] span{ font-size: 12px; }
.layui-form-radio span{ color: #666; }
.layui-tree-entry{ height: 30px; }

/* 上传图片、图集 */
#thumb_btn{ margin-left: 0px; }
#thumb_btn:hover{opacity: 1; }
#file_btn:hover{opacity: 1; }
#upload-photo-btn:hover{opacity: 1; }
.thumb_img,.photo-list .photo_img{ position: relative; width: 100px; margin-top: 10px; border:1px #ddd solid; padding: 5px; border-radius: 5px;}
.thumb_img img,.photo-list .photo_img img{ max-width: 100px; max-height: 100px;}
.thumb_img i,.photo-list .photo_img i{ position: absolute; z-index: 99; right: -10px; top:-8px; width: 18px; height: 18px; background: #666; color: #fff; text-align: center; line-height: 18px; font-size: 12px; border-radius: 50%; cursor: pointer;}
.thumb_img i:hover,.photo-list .photo_img i:hover{ background: #e90d24 }
.photo-list { display: inline-block; margin-right: 14px; }
.video_box{margin-top: 20px; }
.video_box video{ width: 320px; border: 1px #ddd solid; }

/*.form-container {max-width: 800px;}*/
.form-container .edui-editor {margin-top: -7px;margin-bottom: -7px;margin-left: -11px;}

/*分页*/
.layui-tab-pages{ background: #fff; padding: 10px; overflow: hidden;}
.pagination { float: right; }
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}

.order_goods td{padding:10px;}
.menu{ border-bottom: 1px #2c67ad solid;}

/* 后台首页样式 */
body{ 
	font-size:  12px; 
}
.index-numbers{ 
	text-align: center; 
}
.index-numbers .layui-row{
	padding: 20px 0px;
}
.index-numbers a:hover{
	color:#333
}
.text-blue-1{ 
	color: #2589ff;
}
a.text-blue-1:hover{
	color: #2589ff; 
	text-decoration: underline;
}
.text-blue-1 a,.text-blue-1 a:hover{ color: #2589ff; }
.text-30 {
    font-size: 30px;
}
.font-bold {
    font-weight: 700;
}
.m-b-10 {
    margin-bottom: 10px!important;
}
.submit-fixed{
	position: fixed; bottom:-10px; left: 0px; z-index: 9999;background-color: #fff; text-align: center; width: 100%; margin-bottom: 50px;
}
.layui-input-left{
	display: inline-block; width: 90%; border-radius: 5px 0px 0px 5px;
}
.input-right-btn{
	display: inline-block; border-color: #e0e0e0;background-color: #009688; color: #fff; border-radius: 0px 5px 5px 0px;padding: 0px 10px; line-height: 32px; cursor:pointer;
}
.input-unit{ background-color: #ebebeb; color: #666; cursor: default;}
.layui-input-block font.explain{ color: #9797A1; line-height: 30px; }
.input-values-box{
	border:1px #e6e6e6 solid; border-radius: 5px; overflow: hidden; padding: 10px 10px 0px 10px; display: none;
}
.input-values-box p{ 
	display: inline-block; background: #F2F2F6; border-radius: 2px;line-height: 30px; height: 30px; padding: 0px 10px; margin-right: 6px; margin-bottom: 10px;
}
.input-values-box p i{ cursor: pointer; }

/* 自定义弹框 */
#pop_add_goods_tag{
    display: none;
}
.edit-title{
    display: none; font-weight: 700; padding-left: 20px; margin-bottom: 20px; line-height: 25px; height: 25px;
}

.parent_tr td,.child_tr td{white-space:nowrap}
.child_tr{display: none;}
/*.child_tr tr.bg-tr{ background: #F2F2F6 }*/
.child_tr .layui-table tbody tr.bg-tr:hover{
    background: #F2F2F6;
}
.layui-input-block p.txt{ line-height: 38px; }


/* select多选插件样式 */
div[xm-select-skin] .xm-select-title div.xm-select-label>span {border: 1px solid #e3e2e5}
.xm-select-parent .xm-select-title div.xm-select-label>span {position: relative;padding: 2px 5px;background-color: #fff;border-radius: 5px;color: #666;display: inline-block;line-height: 18px;height: 18px;margin: 2px 5px 2px 0;cursor: initial;user-select: none;font-size: 12px;padding-right: 25px;-webkit-user-select: none;}
.xm-form-selected .xm-select,.xm-form-selected .xm-select:hover {border-color:#e6e6e6!important}
.xm-select-parent .xm-form-select dl .xm-select-tips {font-size: 12px}
.xm-form-checkbox > span{font-size: 12px;}
.xm-select-parent .xm-form-select dl dt {font-size: 12px; font-weight: 700;}

/* 商品规格 */
.attr_type_1_box{ display: none; }
.add_attr_box{margin-left: 140px; margin-right: 20px; border:1px #e6e6e6 solid; border-radius: 5px; padding: 20px 10px; }
.add_attr_input{ display: none; }
.add_attr_input .layui-input-left,.attr_values_list .layui-input-left{ width: 20%; }
.add_attr_input .input-right-btn,.attr_values_list .input-right-btn{ background: none;  border:1px #e6e6e6 solid; color: #666; line-height: 30px; border-left: none;}
.add_attr_input ul{ border:1px #e6e6e6 solid; border-radius: 5px; width: 20%; line-height: 30px; height: 90px; overflow-y: scroll; display: none;}
.add_attr_input ul li{ padding: 0px 10px; }
.add_attr_input ul li:hover{ background: #ddd; }
.add_attr_input ul li a{display: inline-block;width: 80%;}
.add_attr_input ul li i{ float: right; cursor: pointer; }
.add_attr_div{ margin-top: 20px; }
.attr_list{ border-bottom: 2px #ddd dashed; }
.attr_list ul li{ overflow: hidden; margin-bottom: 15px; border:1px #f2f2f6 solid; border-radius: 4px;}
.attr_list ul li .attr_name_li{ height: 50px;background: #f2f2f6;line-height: 50px;border-radius: 4px;padding: 0 10px; margin-bottom: 10px;}
.attr_list ul li a{ float: right;color: #2589FF;display: block; }
.attr_list ul li button{ margin: 0px 0px 10px 10px; }
.layui-btn-nonebg{ background: none; color: #666; border: 1px #e6e6e6 solid; border-radius: 5px; }
.layui-btn-nonebg:hover{ color: #666; } 
.attr_list ul li dl.attr_dl{ margin-bottom: 10px; padding: 10px;}
.attr_list ul li dl.attr_dl dd{ display: inline-block; line-height: 30px; height: 30px; border: 1px #e6e6e6 solid; margin-right: 15px; position: relative;}
.attr_list ul li dl.attr_dl dd a{ display: block; color: #666; padding: 0px 15px;}
.attr_list ul li dl.attr_dl dd i{ position: absolute; right: -7px; top: -7px; background:#666; line-height: 15px; color: #fff; font-size: 12px; width: 15px; height: 15px; text-align: center; border-radius: 50%; cursor: pointer;}
.attr_values_box{}
.attr_values_list{ padding: 10px; display: none; margin: 10px; border:1px #ddd dashed; border-radius: 5px; overflow:hidden;}
.attr_values_list dl{ display: inline-block; margin-top: 10px;}
.attr_values_list dl dd{ display: inline-block;line-height: 30px;height: 30px;border: 1px #e6e6e6 solid;padding: 0px 5px 0px 10px;margin-right: 10px; background: #f2f2f6; border-radius: 3px; margin-bottom: 10px;}
.attr_values_list dl dd.on{ background: #D3E7FF;color: #2589FF; border: 1px #D3E7FF solid;}
.attr_values_list dl dd.on a{ color: #2589FF; }
.attr_values_list dl dd i{ cursor: pointer;display: inline-block; }
.attr_values_list dl dd a{ float: left; display: inline-block; color: #666; padding: 0px 10px; }
.attr_values_list button{ float: right; }
.add_attr_table{margin-left: 140px;margin-right: 20px;padding: 20px 0px; overflow-x: scroll;}
#attr_table{ display: none; }
.batch_attr_box{ margin-top: 20px; }
.batch_attr_box span{ float: left; padding-left: 10px; line-height: 30px; margin-right: 20px;}
.batch_attr_box input{ width: 10%; display: inline-block; margin-right:10px;} 
.batch_attr_box button{ display: inline-block; }

/* 商品参数 */
.input_right_box{margin-left: 140px; margin-right: 20px; border:1px #e6e6e6 solid; border-radius: 5px; padding: 20px 10px; background: #fbfbfb;}
.input_right_box .label_left{ display:inline-block; width: 30%; text-align: right; padding-right: 10px;}
.input_right_box .label_right{ display:inline-block; width: 50%; position:  relative; }
.input_right_box .label_div{ margin-bottom: 25px; line-height: 32px; height: 32px;}
.input_right_box .label_div .select_del_a{ color: #2589FF; margin-left: 10px;}
.input_right_box .label_div .select_del_a:hover{ text-decoration: underline; }
.input_right_box .label_div ul {
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
    width: 20%;
    line-height: 30px;
    height: 120px;
    overflow-y: scroll;
    position: absolute;
    top:32px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    background: #fff;
    display: none;
}
.input_right_box .label_div ul li {padding: 0px 10px;}
.input_right_box .label_div ul li:hover{ background: #ddd; }
.input_right_box .label_div ul li a{display: inline-block;width: 80%;}
.input_right_box .label_div ul li i{ float: right; cursor: pointer; }
.input_right_box .label_div .select_add{ color: #2589FF}
.input_right_box .label_div .select_add a{color: #2589FF}

.deposit_input{float: right; width: 180px; margin-left:0px; display: none;}
.child_input{margin-left:0px; display: none;}
.edit_input{ cursor: pointer; }
.edit_input input{ border:1px #E3E2E5 solid; text-align: center; border-radius: 3px; padding: 2px 5px;}

/* 试题管理 */
.answer_list p{ line-height: 40px; color: #f00;}
.answer_list ul li{ margin-bottom: 10px; display: block; width: 100%; overflow: hidden;}
.answer_list ul li input{float: left;}
.answer_list ul li input.layui-input{ width: 70%;}
.layui-form-item .answer_list .layui-form-checkbox[lay-skin=primary]{ float: left; margin-right: 10px;}
.answer_list ul li i.add_answer_btn{ float: left; margin-left: 15px; line-height: 28px; cursor: pointer; color: #2589ff; /* border:1px #e6e6e6 solid; padding: 0px 6px; border-radius: 100%; */}
.answer_list ul li i.add_answer_btn:hover{ /*border: 1px #2589ff solid */}
.answer_list ul li span{ float: left; line-height: 35px;}

/* 配套服务 */
#pop_add_service{ display: none; }
.service_list{ padding: 20px; }
.service_list li{ margin-bottom: 20px;}
.service_list li h5{ font-size: 14px; font-weight: 700; margin-bottom: 10px; color: #666;}
.service_list li dl dd{ display: inline-block; width: 64px; height: 64px; text-align: center; border: 1px solid #E3E2E5; border-radius: 5px; padding: 5px; margin-right: 10px; margin-bottom: 5px; cursor: pointer; position: relative;}
.service_list li dl dd:hover{ border:1px #2589FF solid; }
.service_list li dl dd img{ width: 58px; height: 40px; margin-bottom: 5px;}
.service_list li dl dd p{ line-height: 20px; }
.service_list li dl dd i{ position: absolute; right:0px; bottom: 0px;  width: 14px; height: 14px;}
.service_list li dl dd.on i{background: url('../images/choose_05.png') center no-repeat;}

#service_item dl dd{ display: inline-block; width: 64px; height: 64px; text-align: center; border: 1px solid #E3E2E5; border-radius: 5px; padding: 5px; margin-right: 15px; margin-bottom: 5px; position: relative;}
#service_item dl dd img{ width: 58px; height: 40px; margin-bottom: 5px; }
#service_item dl dd i{ position: absolute; right:-7px; top: -7px;  width: 20px; height: 20px;border-radius: 50%; background: #f1f1f1 url('../images/close.png') center no-repeat; background-size: 50%; cursor: pointer;}
#service_item dl dd i:hover{ background: #009688 url('../images/close_white.png') center no-repeat; background-size: 50%; }

#add_roomno_form .layui-form-select dl{max-height: 150px;}

/* 房号设置 */
.add_roomno{ border:1px #2589ff solid; border-radius: 5px; color: #2589ff; padding: 5px 10px; margin-bottom: 20px; display: inline-block; }
.roomno_table{ border:1px #ddd solid; padding: 0px 10px 10px 10px; border-radius: 5px; line-height: 50px; min-height: 365px; height: 365px; overflow-y: scroll; position: relative;}
.roomno_table .layui-col-md3{ padding-left: 10px; }
.roomno_th{ font-weight: 700; color: #666; position: fixed; width: 830px; height: 50px; background: #fff; z-index: 9999999;}
#roomno_list{ padding-top: 50px; }
#roomno_list .bg-tr{ background: #F2F2F6 }