@charset "utf-8";
/* 你自己的样式 */
body {
  background-color: #f0f2f5;
}
.Hui-admin-content {
  padding: 24px;
}
/*权限*/
.Hui-admin-permission-list {
	border: solid 1px #eee;
}
.Hui-admin-permission-list > dt {
	background-color: #efefef;
	padding: 5px 10px;
}
.Hui-admin-permission-list > dd {
	padding: 10px;
	padding-left: 30px;
}
.Hui-admin-permission-list > dd > dl {
	border-bottom: solid 1px #eee;
	padding: 5px 0;
}
.Hui-admin-permission-list > dd > dl > dt {
	display: inline-block;
	float: left;
	white-space: nowrap;
	width: 100px;
}
.Hui-admin-permission-list > dd > dl > dd {
	margin-left: 100px;
}
.Hui-admin-permission-list > dd > dl > dd > label{
	padding-right: 10px;
}

/*图片预览*/
.Hui-admin-portfolio-area {
	margin-right: -20px;
}
.Hui-admin-portfolio-area li {
	position: relative;
	float: left;
	margin-right: 20px;
	width: 162px;
	height: 162px;
	margin-top: 20px;
}
.Hui-admin-portfolio-area li.hover {
	z-index:9
}
.Hui-admin-portfolio-area li .portfoliobox {
	position: absolute;
	top: 0;
	left: 0;
	width: 152px;
	height: 152px;
	padding: 5px;
	border: solid 1px #eee;
	background-color: #fff;
}
.Hui-admin-portfolio-area li .checkbox {
	position: absolute;
	top: 10px;
	right: 5px;
	cursor:pointer;
}
.Hui-admin-portfolio-area li.hover .portfoliobox {
	height: auto;
	padding-bottom: 10px;
	box-shadow: 0 1px 3px rgba(68, 68, 68,0.3);
	-moz-box-shadow: 0 1px 3px rgba(68, 68, 68,0.3);
	-webkit-box-shadow:0 1px 3px rgba(68, 68, 68,0.3)
}
.Hui-admin-portfolio-area li .picbox {
	width: 150px;
	height: 150px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	line-height: 150px;
}
.Hui-admin-portfolio-area li .picbox img {
	max-width: 150px;
	max-height: 150px;
	vertical-align: middle;
}
.Hui-admin-portfolio-area li .textbox {
	display: none;
	margin-top: 5px;
}
.Hui-admin-portfolio-area li.hover .textbox {
	display: block;
}
.Hui-admin-portfolio-area li label {
	display: block;
	cursor: pointer;
}

.div_space {display: block;height:60px;}
.bottom-btn {position:fixed;bottom:0px;left:0;right:0;width:100%;height:50px;line-height:50px;text-align:right;z-index:99999;overflow:hidden;background-color:#F8F8F8;}
.bottom-btn .btn-submit {background-color:rgb(90, 152, 222);color:#ffffff;margin-right:20px;padding:5px 12px;font-size:13px;border:1px solid rgb(90, 152, 222);border-radius:3px;}
.bottom-btn .btn-submit:hover {background-color:#0a6999;border-color:#0a6999;color:#ffffff;text-decoration:none;}
.bottom-btn .btn-close {background-color:#ffffff;color:#555555;margin-right:5px;padding:5px 12px;font-size:13px;border:1px solid #cbcbcb;border-radius:3px;}
.bottom-btn .btn-close:hover {background-color:#ABABAB;color:#ffffff;text-decoration:none;border:1px solid #ABABAB;}
.bottom-btn .btn3 {text-decoration:none;font-size:12px;color:#20a53a;}
.bottom-btn .btn3:hover {text-decoration:none;}

.class-group-title {display:block;width:100%;}
.class-group-content {display:inline-block;width:100px;}

.bingzheng {float:left;width:33%;}
.label_radio {float: left;width:50px;}
.label_radio input {padding-left:10px;}

/*选择框效果*/
.divselect {float: left;position: relative;z-index: 3003;background: #fff;display: none;width: 99%;}

.divselect .kfs {min-width: 380px;padding: 0;margin: 0;border: 1px solid #E4E4E4;background-color: #ffffff;position: absolute;z-index: 30000;margin-top: -1px;width: 100%;overflow: auto;max-height: 200px;}
.divselect .room {min-width: 320px;padding: 0;margin: 0;border: 1px solid #E4E4E4;background-color: #ffffff;position: absolute;z-index: 30000;margin-top: -1px;width: 100%;overflow: auto;max-height: 200px;}
.divselect .bottom {bottom:31px;}
.divselect ul li {list-style-type: none;cursor: pointer;height: 24px;line-height: 24px;font-size: 13px;font-weight: 400;text-align:left;padding:2px 5px;}
.divselect ul li:hover {background: #E4E4E4;}
.divselect .li-title {background-color:#ccc; }
.divselect .name {float:left;width:20%;}
.divselect .gender {float:left;width:10%;}
.divselect .group {float:left;width:24%;}
.divselect .status,.rank {float:left;width:18%;}

.divselect .room-code,.room-name {float:left;width:30%;}
.divselect .room-status {float:left;width:30%;}

.divselect .view {float:left;width:10%;}
.divselect .view a {color:blue;}
.divselect .red {color:red;}
.divselect .green {color:green;}
.tabBar {position:absolute;top:0px;background-color:#ffffff;width:100%;z-index:9999;font-size:14px;}
.tabCon {margin-top:35px;}
.li-line {background-color:#eeeeee;}


/*表格固定*/
.table_fix {width: 100%;height: 450px;overflow: auto;}
.table_fix table {table-layout: fixed;width: 100%;border-collapse: separate;border-spacing: 0;}
/* 表格th/td样式 */
.table_fix td,th {box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 30px;}
.table_fix thead tr th {position: sticky;top: 0;background: #F5FAFE;height: 30px;}
/* 首列固定/最后一列固定*/
@media screen and (min-width: 550px) {
	.table_fix th:first-child,
	.table_fix th:last-child,
	.table_fix td:first-child,
	.table_fix td:last-child {position: sticky;left: 0;background: #F5FAFE;text-align: center;right: 0px;border-left: 1px solid #DDDDDD ;}
}
/* 表头首列和最后一列强制最顶层 */
.table_fix th:last-child,
.table_fix th:first-child {z-index: 3;background: #F5FAFE;}
/*******************************************************************/

/*表格固定*/
.table_fix1 {width: 100%;height: 450px;overflow: auto;}
.table_fix1 table {table-layout: fixed;width: 100%;border-collapse: separate;border-spacing: 0;}
/* 表格th/td样式 */
.table_fix1 td,th {box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 30px;}
.table_fix1 thead tr th {position: sticky;top: 0;background: #F5FAFE;height: 30px;}
/* 首列固定/最后一列固定*/
@media screen and (min-width: 550px) {
	.table_fix1 th:first-child,
	.table_fix1 th:last-child,
	.table_fix1 td:first-child,
	.table_fix1 td:last-child {position: sticky;left: 0;background: #F5FAFE;text-align: center;right: 0px;border-left: 1px solid #DDDDDD ;}
}
/* 表头首列和最后一列强制最顶层 */
.table_fix1 th:first-child,
.table_fix1 td:first-child {position: sticky;left: 0;background: #F5FAFE;text-align: center;right: 0px;border-left: 1px solid #DDDDDD ;z-index: 3;}
/*.myTable tr,td{height:38px;}*/

/*表格固定*/
.table_fix2 {width: 100%;height: 450px;overflow: auto;}
.table_fix2 table {table-layout: fixed;width: 100%;border-collapse: separate;border-spacing: 0;}
/* 表格th/td样式 */
.table_fix2 td,th {height: 30px;}
.table_fix2 thead tr th {position: sticky;top: 0;background: #F5FAFE;height: 30px;}
/* 首列固定/最后一列固定*/
@media screen and (min-width: 550px) {
	.table_fix2 th:first-child,
	.table_fix2 th:last-child,
	.table_fix2 td:first-child,
	.table_fix2 td:last-child {position: sticky;left: 0;background: #F5FAFE;text-align: center;right: 0px;border-left: 1px solid #DDDDDD ;}
}
/* 表头首列和最后一列强制最顶层 */
.table_fix2 th:last-child,
.table_fix2 th:first-child {z-index: 3;background: #F5FAFE;}
/*******************************************************************/


/*表格固定*/
.table_fix3 {width: 100%;height: 450px;overflow: auto;}
.table_fix3 table {table-layout: fixed;width: 100%;border-collapse: separate;border-spacing: 0;}
/* 表格th/td样式 */
.table_fix3 td,th {height: 30px;}
.table_fix3 thead tr th {position: sticky;top: 0;background: #F5FAFE;height: 30px;}
/* 首列固定/最后一列固定*/
@media screen and (min-width: 550px) {
	.table_fix3 th:first-child,
	.table_fix3 td:first-child {position: sticky;left: 0;background: #F5FAFE;text-align: center;right: 0px;border-left: 1px solid #DDDDDD ;}
}
/* 表头首列和最后一列强制最顶层 */
.table_fix3 th:first-child {z-index: 3;background: #F5FAFE;}
/*******************************************************************/

/*固定首列，内容多自动换行*/
.table_fix4 {width: 100%;height: 450px;overflow: auto;}
.table_fix4 table {table-layout: fixed;width: 100%;border-collapse: separate;border-spacing: 0;}
/* 表格th/td样式 */
.table_fix4 td,th {height: 30px;}
.table_fix4 thead tr th {position: sticky;top: 0;background: #F5FAFE;height: 30px;}
/* 首列固定/最后一列固定*/
@media screen and (min-width: 550px) {
	.table_fix4 th:first-child,
	.table_fix4 td:first-child {position: sticky;left: 0;background: #F5FAFE;text-align: center;right: 0px;border-left: 1px solid #DDDDDD ;}
}
/* 表头首列和最后一列强制最顶层 */
.table_fix4 th:first-child {z-index: 3;background: #F5FAFE;}



.select-box {line-height: 25px;}

/*二店拓展标签切换*/
.btn-tab {float:left;padding:10px 20px;background-color:#F5FAFE;border:1px solid #ddd;border-radius:4px;margin-right:10px;font-size:13px;}
.tab-on {background-color:#3bb4f2;color:#ffffff;}

.examine {display:block;text-align: center;font-size:14px;}
.examine .model {display:inline-block;text-align: center;background-color: #ffffff;width:100%;color:#ffffff;}
.examine .model .item{display:inline-block;text-align: center;border:1px solid #ABABAB;background-color: #ffffff;width:150px;color:#ffffff;line-height:30px;}
.examine .item .title {display:block;background-color: #ABABAB;font-size:14px;text-align: left;padding-left:5px;}
.examine .item .content {display:block;background-color: #ffffff;text-align: center;font-size:14px;color:#444444;line-height:35px;}
.examine .link{display:inline-block;margin-top:-5px;margin-bottom:-6px;text-align: center;background-color: #ffffff;width:0px;color:#ffffff;height:30px;border-right: 1px solid #ABABAB;}
.examine .model .item1{display:inline-block;text-align: center;border:1px solid #ABABAB;background-color: #ffffff;width:150px;color:#ffffff;line-height:30px;}
.examine .item1 .title {display:block;background-color:rgb(90, 152, 222);;font-size:14px;text-align: left;padding-left:5px;}
.examine .item1 .content {display:block;background-color: #ffffff;text-align: center;font-size:14px;color:#444444;line-height:35px;}
/*.examine .item1 .content::after{width: 8px;height: 8px;border-top: 2px solid;border-right: 2px solid;border-color: #ccc;content: '';position:absolute;right: 11px;top: 14px;transform: rotate(45deg);}*/
.examine .del {float:right;margin-right:5px;color:#ffffff}
.examine .content select {width:100%;text-align:center;border:none;}

/*桌面样式*/
.desktop-main {display: inline-block;width: 100%;}
.desktop-item {display: inline-block;width: calc(100% - 28px);background-color: #ffffff;margin:0px 0px 15px 15px;}
@media screen and (min-width: 550px) {
	.desktop-item {display: inline-block;width: calc(50% - 22px);background-color: #ffffff;margin:0px 0px 15px 15px;}
}

.desktop-title {display: block;padding:20px;}
.desktop-title p{border-left: 3px solid #1890ff;padding-left: 8px;width:100%;}

.desktop_left {float:left;width:65%;}
.desktop_right {float:right;width: 35%;margin-top:40px;background-color: #ffffff;z-index: 9999999999999;}
.yeji_title {float:left;width:100%;text-align:left;}
.yeji_number {float:left;width:100%;text-align:left;color:#1890ff;}
.desktop_right .tip {color:#848484;}

.table_sale_rate {border:1px solid #cccccc;}
.table_sale_rate td{border:1px solid #cccccc;text-align: center;}
.table_sale_rate .tr_sale_rate{background-color: #eeeeee;}

.ranking-title {display:inline-block; width:100%;text-align: center;padding:10px 0;}
.ranking-content {display:block;width:80%;margin-left:10%;}
.ranking-item {float:left;width:33.3333%;text-align: center;}
.ranking-item .ranking-images {border-radius: 50%;width:60px;height:60px;border:1px solid #cccccc;}
.ranking-item .ranking-name {display:block;margin-top:5px;}

.desktop-task {display: inline-block;width: calc(100% - 28px);margin-top:15px;margin-left:15px;}
.remind-main {display: inline-block;background-color: #ffffff;margin-bottom:10px;margin-right:10px;border:1px solid #ffffff;}
.remind-item {display: inline-block;width:130px;text-align: center;margin:10px 0;}
.remind-main:hover {
	border:1px solid #1890ff;
	font-weight: bold;
	cursor:pointer;
}
.remind_number {font-size:20px;margin-bottom:10px;}
.remind_red {color:red;}
.remind-title {margin:10px 0 0 10px;}
.remind-title p{border-left: 3px solid #1890ff;padding-left: 8px;width:100%;}
.wait-menu {border-bottom: 1px solid #cccccc;font-size:13px;}
.wait-menu .f-l{display:block;text-align: center;width:120px;padding-bottom:10px;}
.wait-menu .onMenu {border-bottom:1px solid #1890ff;}

.contract-menu {display:block;border-bottom: 1.5px solid #cccccc;font-size:13px;}
.contract-menu .menu-title{float:left;text-align: center;width:100px;padding-bottom:7px;cursor:pointer;}
.contract-menu .menu-title .number {color:red;}
.contract-menu .onMenu {border-bottom:1.5px solid #1890ff;}