/*********************************自定义****************************************/
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.another_ .layui-layout-admin .layui-body{
	bottom:0
}
.another_.pearone-layout .layui-body .layui-tab .layui-tab-title{
	box-shadow: none;
	padding-top: 3px;
    padding-bottom: 3px;
}
.another_ .layui-tab-button .layui-tab-title li{
	border-radius: 50px!important
}
.another_ .layui-tab-title li .layui-tab-close{
	margin-left:2px
}
.another_ .layui-tab-button .layui-tab-title li.layui-this{
	background:#3b76ff!important;
	color:white!important
}
.another_ .layui-tab-button .layui-tab-title li span{
	color:inherit!important
}
.another_ .layui-tab-title li{
	padding: 0 8px;	  
}
.another_ .layui-tab-button .layui-tab-title li{
	  border: 1px solid #ececec!important;
}
.another_ .layui-tab-title li .layui-tab-close{
	transition: all 0.4s linear;
}
.another_ .layui-tab-title li .layui-tab-close:hover{
	background-color:transparent!important;
	color:black;
	font-size:16px;	
	transform: rotate(360deg)
}
.another_ .layui-tab-title li.layui-this .layui-tab-close:hover{
	background-color:transparent!important;
	color:white;
	font-size:16px;
	transform: rotate(360deg)
}


.another_ .layui-layout-admin .layui-logo {
    background-color:#393d49!important
}
.another_ .layui-layout-admin .layui-header{
	background-color:#4f576f!important
}
.another_ .layui-layout-admin .layui-header .layui-nav{
	margin-right: 15px
}
.another_.layui-card{
	border-radius: 8px;
    width: 100%;
    height: calc(100vh - 32px)!important;
    float: left;
	overflow: hidden;
	margin: 0;
}
.layui-card-body{
	display: flow-root
}
.another_ .layui-card-body{
	padding: 0;
	
}
.another_ .layui-form-item{
	padding: 10px;
	margin: 0
}
.another_ .layui-table, .layui-table-view{
	margin: 0
}

.another_ .layui-table-page{
	background: white;
	height: 42px
}
.another_ .layui-table-page>div {
    display: block;
    text-align: center;
}
.another_ .layui-btn{
	height: 30px;
	line-height: 30px
}
.layui-form-label{
	white-space: nowrap
}
.another_ .layui-form-label{
	width:auto;
	background: none;
	font-size: 12px;
	border:none;
	position: relative;
	white-space: nowrap
}
.another_ .layui-form-item .layui-input-inline{
	margin-right: 0;
	height: 38px;
	width:auto;
	
}
.another_ .layui-form-item .layui-input-inline input{
	
}
.another_ .layui-form-item .layui-input-inline button{
	height:38px;
	line-height: 38px;

	background: #3b76ff!important;
	font-size:12px;
	float: left;
}
.another_ .layui-form-item .layui-input-inline button:hover{
	background: #2a62e2!important;
	opacity: 1!important
}
.another_ .layui-form.layui-form-pane{
	width: 98%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    box-shadow:0 0 5px rgba(0,0,0,0.05);
    position: relative;
    z-index: 5;
    margin-bottom: 0;
    margin-left: 1%;
    border-radius: 5px;
    border: 0px solid #f1f1f1;
	overflow: hidden;
	height: 0;
	opacity: 0;
	margin-top:0;
	transition: all 0.4s ease-in-out;
	height: 0
}
.another_.active .layui-form.layui-form-pane{
	margin:4px 0 14px 1%;
	boxShadow:0 0 5px rgba(0,0,0,0.08);
	opacity:1;
	border:1px solid #f1f1f1;
	z-index:999;
	pointer-events:auto;
	overflow: visible
}

.another_ .layui-form-item{
	display: inline-block;
	padding: 0;
	margin-right:10px;
	margin-bottom: 5px;
	position: relative
}
.another_ .search_box{
	    float: left;
    margin-left: 10px;
    background: #3572ff;
    border-radius: 50px;
    padding: 3px 12px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    position: relative;
    margin-bottom: 12px;
    margin-top: 2px;

}
.another_ .search_box:hover{
	background: #1c5ae8
}
.another_ .con_box{
	width:100%;
	display: block;
	text-align: right;
	padding: 9px 0 0 0;
	float:left
}
.another_ .control_box {
    border: 1px solid #d8d8d8;
    border-radius: 50px;
    white-space: nowrap;
    display: inline-flex;
    position: relative;
	z-index:50;
	margin-right: 15px;

}
.another_ .control_box button{	
       color: #313131;
    box-shadow: none;
    border: none;
    padding: 0px 10px;
    margin: 0;
    font-size: 14px;
    float: left;
    cursor: pointer;
    background: none;
    position: relative;
    height: 34px;
    line-height: 34px;
    transition: all 0.3s ease;
    overflow: hidden;
}
.another_ .control_box button i{
	margin-right:2px
	
}
.another_ .control_box button:hover{
	background:#3b76ff!important;
	color:white
}
.another_ .control_box button:after{
	content: '';
    border-left:1px solid #808080;
    height: 14px;
    top: 50%;
    transform: translate(0,-50%);
    left: 0px;
    position: absolute;
	z-index: 1;
	opacity: 0.4

}
.another_ .control_box button:first-child{
	border-radius:50px 0 0 50px;

}
.another_ .control_box button:first-child:after{
	display: none
}
.another_ .control_box button:nth-last-child(1):first-child{
	border-radius:50px
 }
.another_ .control_box button:last-child{
	border-radius:0 50px 50px 0 
}
.another_ .layui-table-box{
	text-align:center
}
.another_ .layui-border-box, .layui-border-box *{
	text-align: center;
	margin: 0 auto
}
.another_ .filter_box{
	padding:17px 16px 10px 16px;
	line-height: initial;
	/*overflow: hidden;*/
	width: 100%;
	box-sizing: border-box

}
.layui-form {
    border-top: none;
}
.layui-table-header {
    border: none;
}
/*
.another_ .filter_box *{
	height: 34px!important;
	line-height: 34px!important;
	padding-top:0!important;
	padding-bottom: 0!important
		
}
*/
.another_ .filter_box .layui-input-inline{
	
	vertical-align: top;
}
.another_ .filter_box .layui-input-inline button{
	background: #ff733b!important;
	height:38px;
	line-height: 38px;
	overflow: hidden;
}
.another_ .filter_box .layui-input-inline button:hover{
	background: #ec5a1f!important;
	opacity: 1!important
}
.another_ .layui-laypage .layui-laypage-curr .layui-laypage-em{
	background: rgb(110,133,255);
	border-radius: 4px
}
.another_ .layui-table-click{
	background:#fff8ec
}
.another_ .layui-table tbody tr:hover{
	background: #f4f6ff
}

.another_ .layui-table-cell{
	min-height:32px
}
.another_ .layui-table-cell .layui-btn{
	border-radius: 50px;
	padding: 0px 15px;
	
}
.another_ .layui-btn.edit{
	background-color:#427bff
}
.another_ .layui-btn.edit:hover{
	background:#1d5ae8!important;
	opacity: 1!important
}
.another_ .layui-table-body.layui-table-main{
	height: calc(100vh - 172px);

}
/*********float_box****************************************************************************************************/
/*body{*/
/*	overflow:hidden*/
/*}*/
.layui-layer.layui-layer-iframe{
	/* js控制
	width: 90%!important;
	 */
    max-height: 90vh!important;
    position: absolute!important;
    margin: auto!important;
    overflow: hidden;
    border-radius: 8px!important;
    /*height: auto!important*/
	
}

.layui-layer.layui-layer-iframe .layui-layer-title{
	color:white;
	background: #3b76ff
}

.layui-layer.layui-layer-iframe  .layui-layer-setwin .layui-layer-close1{
	color:white;
	background: none;
	position: relative
}
.layui-layer.layui-layer-iframe  .layui-layer-setwin .layui-layer-close1:after{
	content: 'x'!important;
    position: absolute;
    color: white;
    font-size: 26px;
    top: -9px;
    bottom: 0;
    margin: auto;
    transition: all 0.5s ease;
    transform-origin: 50% 61%;
}
.layui-layer.layui-layer-iframe  .layui-layer-setwin .layui-layer-close1:hover:after{
	transform: rotate(360deg);
}
/*.layui-layer.layui-layer-iframe{
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease
}*/
   
.layui-card.float_box{
/*
	width: 100%;
    height: calc(100vh - 55px);
    margin: 0;
*/
	    width: 100%;
    height: 100%;
    margin: 0;
    float: left;
}
.float_box{
	padding:0!important
}
.layui-card.float_box>form>.layui-card-body{
	width:100%;
	float:left;
	height:100%;
	box-sizing: border-box;
	padding:20px 15px!important;
/*	overflow-y: auto;*/


}

.layui-card.float_box .button_box{
	width: 100%;
    float: left;
    height: 55px;   
    margin: 0;      
	text-align: center;
	display: block;
	
}
.layui-card.float_box .box{
	width: calc(100% + 30px);
    float: left;
	position:fixed;
	height: 55px;
	border-top: 1px solid #e6e6e6;
    bottom: 0;
	z-index: 102;
	box-sizing: border-box;
	 background: #f1f1f1;
	 margin: 0;      
	text-align: center;
	padding: 9px;
	margin-left: -15px;
	left:0
}
.layui-card.float_box .button_box button{
	display: inline-block;
	border-radius: 5px;
	height:36px;
	line-height: 36px;
	padding: 0 24px;
	border:none;
	margin: 0 5px;
	color:white;
	cursor: pointer;
	transition: all 0.3s ease
}
.layui-card.float_box .button_box button.ok{
	background:#3b76ff 
}
.layui-card.float_box .button_box button.ok:hover{
	background:#215eec
}
.layui-card.float_box .button_box button.rest{
	background: gray
}
.layui-card.float_box .button_box button.rest:hover{
	background: #585858
}

.float_box  .layui-form-item.harf{
    margin-bottom: 17px;
     clear: both; 
	clear: none!important;
    float: left!important;
    width: 50%;
	box-sizing: border-box
}

.float_box  .layui-form-item.third{
	margin-bottom: 17px;
	clear: both;
	clear: none!important;
	float: left!important;
	width: 30%;
	box-sizing: border-box
}

.float_box  .layui-form-item.thirty{
	margin-bottom:17px;
	clear: both;
	clear: none!important;
	float: left!important;
	width: 30%;
	box-sizing: border-box
}

.filterDeal .search_boxx{
	    float: left;
    margin-left: 10px;
    background: #3572ff;
    border-radius: 50px;
    padding: 3px 12px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    position: relative;
    margin-bottom: 12px;
    margin-top: 2px;

}
.filterDeal .search_boxx:hover{
	background: #1c5ae8
}
.filterDeal .con_box{
	width:100%;
	display: block;
	text-align: right;
	padding: 0px 0 0 0;
	float:left
}
.filterDeal .control_box {
    border: 1px solid #d8d8d8;
    border-radius: 50px;
    white-space: nowrap;
    display: inline-flex;
    position: relative;
	z-index:50;
	margin-right: 15px;

}
.filterDeal .control_box button{	
       color: #313131;
    box-shadow: none;
    border: none;
    padding: 0px 10px;
    margin: 0;
    font-size: 14px;
    float: left;
    cursor: pointer;
    background: none;
    position: relative;
    height: 34px;
    line-height: 34px;
    transition: all 0.3s ease;
    overflow: hidden;
}
.filterDeal .control_box button i{
	margin-right:2px
	
}
.filterDeal .control_box button:hover{
	background:#3b76ff!important;
	color:white
}
.filterDeal .control_box button:after{
	content: '';
    border-left:1px solid #808080;
    height: 14px;
    top: 50%;
    transform: translate(0,-50%);
    left: 0px;
    position: absolute;
	z-index: 1;
	opacity: 0.4

}
.filterDeal .control_box button:first-child{
	border-radius:50px 0 0 50px;

}
.filterDeal .control_box button:first-child:after{
	display: none
}
.filterDeal .control_box button:nth-last-child(1):first-child{
	border-radius:50px
 }
.filterDeal .control_box button:last-child{
	border-radius:0 50px 50px 0 
}
/*******自定义弹窗表单**************************************************************/
.li_list{
	width:100%;
	display: inline-block
}
.li_list.harf{
	width: 50%
}
.layui-input, .layui-select, .layui-textarea{
	border-radius:5px;	
    background: #fbfbfb;
}
.layui-input:hover, .layui-textarea:hover {
    border-color: #91b2ff!important;
}
.add_button{
	border-radius: 5px;
    background:#ff613b;
    padding: 5px 17px;
    border: none;
    color: white;
	cursor: pointer;
	transition: all 0.3s ease
}
.add_button:hover{
	background: #3b76ff
}

.add_history_button{
	border-radius: 5px;
	background:#f7f7f7;
	padding: 5px 17px;
	border: 1px solid #C9C9C9;
	color: #555;
	cursor: pointer;
	transition: all 0.3s ease
}
.add_history_button:hover{
	background: #3b76ff;
	color: white;
}

.layui-layer.layui-layer-page .layui-layer-content{
	overflow-x: hidden;
	border-bottom: 1px solid #e2e2e2
}
.layui-layer.layui-layer-page .layui-layer-btn.layui-layer-btn-{
	background: #f9f9f9
}
.layui-layer.layui-layer-page .layui-layer-wrap{
	width:100%;
	float:left;
	padding-top: 10px
}

.select_add{
    background:#359285;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    right: -80px;
    top: 50%;
    padding: 6px 16px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    transform: translate(0,-50%);
}
.select_add:hover{
	 background:#076b5d;
	 color: white;
}
.select_add i{
	font-size: 12px;
	margin-right: 2px
}
.select_box{
	width: 50%;
    float: left;
}
.select_box .select_li{
	width:32%;
	margin-right: 1.3%;
}
.select_box .select_li:last-child{
	margin-right:0%;
}
.det_add{
	width: calc(50% - 190px);
	float:left;
	margin: 0
}

/*
.float_box .layui-form-item{
	margin-bottom: 0
}
.float_box .layui-form-item.harf{
	margin-bottom: 20px
}
*/
.layui-textarea{
	min-height: 50px
}
/*
.layui-nav-itemed>.layui-nav-child{
	
}
.layui-nav-child{
	display:block;
	visibility: hidden;
	height: 0;
	overflow: hidden
}
.layui-nav-itemed .layui-nav-child{
	height:auto!important;
	visibility: visible;
	
}*/
.layui-side-scroll .layui-nav-child {
    display: none;
    padding: 0;
    background-color: rgba(0,0,0,.3)!important;
}
.layui-logo{
	letter-spacing: 2px;
	color:white;
	font-size:14px
}
.layui-logo span{
	color:#ff7627;
	font-weight: bold
}
.layui-table-box .layui-table-fixed{
	visibility:visible;
	opacity: 1;
	pointer-events:auto;
	transition: all 0.3s linear;
	position: absolute;
	z-index: 20
}
.layui-table-box.fixed_list .layui-table-fixed{
	position: absolute;
	visibility:hidden;
	opacity: 0;	
	pointer-events: none;
	transition: all 0.3s linear;
	
}
.layui-layer.layui-layer-tips.layui-table-tips{
	z-index:20!important
}

.table-fix-icon{
	cursor: pointer;
}

.table-fix-icon:after{
	content: '';
    display: inline-block;
    background-image: url(../assets/images/td1.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: -2px;
	transition: all 0.4s ease;
	transform: scale(1);
}

.table-fix-icon.fix:after{
	content: '';
	display: inline-block;
    background-image: url(../assets/images/td2.png);
    background-repeat: no-repeat;
	vertical-align: middle;
	 width: 18px;
    height: 18px;
	margin-left: 2px;
    margin-top: -2px;
    background-size: cover;
	transform: scale(0.95);
	transition: all 0.4s ease;
}

.no-fix_icon .table-fix-icon{
	cursor:default!important
}

.no-fix_icon .table-fix-icon:after{
	display:none!important
}

/* 已封装到ZWWL.js表格工具类里，故重新css
th.layui-table-col-special span{
	cursor: pointer;

}
.layui-table-box th.layui-table-col-special span:after{
	content: '';
    display: inline-block;
    background-image: url(../assets/images/td2.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: -2px;
	transition: all 0.4s ease;
	transform: scale(1);
}
.layui-table-box.fixed_list th.layui-table-col-special span:after{
	content: '';
	display: inline-block;
    background-image: url(../assets/images/td1.png);
    background-repeat: no-repeat;
	vertical-align: middle;
	 width: 18px;
    height: 18px;
	margin-left: 2px;
    margin-top: -2px;
    background-size: cover;
	transform: scale(0.95);
	transition: all 0.4s ease;
}
*/

/*.layui-table-view .layui-table td, .layui-table-view .layui-table th{*/
/*	width: 100%*/
/*}*/


.layui-logo{
	overflow: hidden;
}
.pearone-mini .layui-logo{
	display: flex;
	flex-flow: column;
}

.layui-nav-item.layui-this dl{
	height:0!important
}

.pearone-layout.pearone-mini .layui-side .layui-nav-tree a span{
    display: block;
}
.pearone-layout.pearone-mini .layui-side .layui-nav-tree a span:not(.layui-nav-more){
    display: none;
}

.pearone-mini .layui-side-scroll{
	width: 100%!important
}
.pearone-mini .layui-nav.layui-nav-tree{
	width: 100%!important
}

/*.layui-table-view .layui-table td[data-edit=text]{*/
/*	background: white;*/
/*!*    box-shadow: 0 0 2px rgb(98, 141, 255) inset;*!*/
/*    box-sizing: border-box;*/
/*    border-radius:5px;*/
/*	color:#1b60ff!important;*/
/*	font-weight: bold;*/
/*	position: relative*/
/*}*/
/*.layui-table-view .layui-table td[data-edit=text]:after{*/
/*	content: '';*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: 0px;*/
/*    border-radius: 6px;*/
/*    box-shadow: 0 0 2px #93b4ff inset;*/
/*	box-shadow:0 0 2px #5286ff inset;*/
/*	pointer-events: none*/
/*	*/
/*}*/
/*.layui-table-view .layui-table td[data-edit=text] input{*/
/*	font-weight: normal;*/
/*}*/

.layui-nav-child.layui-anim.layui-anim-upbit.layui-show{
	right:0;
	left:auto
}
.layui-table th span{
	color:#666!important
}

.layui-btn.button_1{
	background: #f7f7f7;
	border: 1px solid #C9C9C9;
    color: #555;
}
.layui-btn.button_1:hover{
	background: #909090;
    color: white;
	border:1px solid #909090;
	opacity: 1
}
.layui-btn.button_2{
	background:#ff8e19;
}
.layui-btn.button_2:hover{
	background:#de7600;
	opacity: 1
}
.layui-btn.button_3{
	background-color: #00a9b1
}
.layui-btn.button_3:hover{
	background-color: #048f96;
		opacity: 1;
}
.layui-btn.button_4{
	background-color:#358aff
}
.layui-btn.button_4:hover{
	background-color: #0969ec;
		opacity: 1;
}
.layui-btn.button_5{
	background-color: #e25454
}
.layui-btn.button_5:hover{
	background-color: #ea2424;
	opacity: 1;
}
.layui-btn.button_6{
	background-color: #9759e9
}
.layui-btn.button_6:hover{
	background-color: #7637ca;
	opacity: 1;
}
.layui-icon-service:hover{
	cursor: pointer
}
.layui-layer.service_box{
	border-radius: 8px!important;
	overflow: hidden
}
.service_box .layui-layer-title{
	color: white;
    background: #3b76ff;
}

.service_box .layui-layer-close{
	color:white;
	background:none;
	position: relative
}
.service_box .layui-layer-close:after{
	content: '×';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    font-size: 26px;
    transform: translate(-50%, -50%);
}
.service_box .layui-layer-btn{
	background: #ececec;
    text-align: center;
	margin: 0;
	padding:0;
	display: none
}
.service_box .layui-layer-btn .layui-layer-btn0{
	border: none;
    height: 36px;
    line-height: 36px;
    width: 120px;
    border-radius: 6px;
    background: #3970f1;
    padding: 0;
    margin: 8px 0;
}

.service_box .layui-layer-content{
	color:gray;
	font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体"!important;
	padding:27px 24px 20px 24px!important
}
.service_box .layui-layer-content p{
	line-height: 20px;
	margin-bottom:15px
}
.service_box .layui-layer-content b{
	color:#424242
}
.service_box .layui-layer-content span{
	color: #424242;
    width: 238px;
    display: inline-flex;
}

/*
.layui-tab-content{
	position: relative
}
.layui-tab-item{
	display: block;
	position: absolute;
	z-index: 10
}

.layui-tab-item.layui-show{
	display: block;
	z-index: 50
}*/

.required-asterisk {
	color: red;
}

/*input 筐 常用宽度*/
.input_width_160 {
	width: 160px !important;
}
.input_width_150 {
	width: 150px !important;
}
.input_width_120 {
	width: 120px !important;
}