.login{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.login-item{
	width: 100%;
	height: 100%;
	display: flex;
}
.login-left,.login-right{
	flex: 0 0 auto;
	width: 50%;
	height: 100%;
}
.login-left{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-right{
	background: #f1f1f1;
}
.left-bxs{
	width: 300px;
}
.common-top{
	width: 100%;
	display: flex;
	align-items: flex-end;
}
.top-l{
	flex: 0 0 auto;
	font-size: 48px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333;
	height: 48px;
	overflow: hidden;
}
.top-c{
	flex: 0 0 auto;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333;
	margin: 0px 5px;
}
.top-r{
	flex: 0 0 auto;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #656565;
	height: 28px;
}
.log_in{
	width: 100%;
	margin-top: 20px;
}
.in-li{
	width: 100%;
	height: 50px;
	padding: 10px 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.icon{
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
	display: flex;
	border-radius: 50%;
}
.inputs{
	flex: auto;
	height: 30px;
}
.inputs input{
	width: 100%;
	line-height: 30px;
	border: none;
	padding-left: 10px;
	box-sizing: border-box;
}
.li-btn{
	padding: 0;
}
.li-btn input{
	width: 100%;
	height: 50px;
	border-radius: 8px;
	background: #333;
	color: white;
	outline: none !important;
	border: none !important;
}
.login-right{
	display: flex;
	align-items: center;
	justify-content: center;
}
.company-item{
	width: 300px;
}
.logo-icon{
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.logo-icon i{
	font-size: 32px;
}
.company-logo{
	margin-bottom: 20px;
}
.company-title{
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333;
	line-height: 30px;
	overflow: hidden;
}
.company-slogan,.company-tel,.company-address,.company-copyright{
	font-size: 14px;
	color: #333;
	line-height: 28px;
}
/*首页头部*/
.layui-side-menu{
	background: #333 !important;
}
.vadmin .vadmin-header{
	background: #fff;
	border-bottom-color: #fff !important;
}
.vadmin .content-body{
	top: 0;
}
.domain-bxs{
	display: flex;
	align-items: center;
	padding: 0px 10px;
	box-sizing: border-box;
	height: 49px;
}
.domain-li{
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 5px;
}
.domain-li a i{
	font-size: 12px !important;
	color: #656565;
}
.user-bxs{
	height: 49px;
	display: flex;
	align-items: center;
}
.user_img{
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	line-height: initial;
}
.user_img a{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #ccc;
	display: block;
}
.user_img a img{
	width: 100%;
}
.user-cons{
	flex: 0 0 auto;
	margin: 0px 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.user-contnent,.user-name{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #666;
	flex: 0 0 auto;
	line-height: 20px;
	height: 20px;
}
.user-contnent{
	line-height: 18px;
	height: 18px;
	font-size: 12px;
}
.user-name{
	font-weight: 500;
	color: #333;
}
.user-img a img{
	width: 100%;
}
.content-body .layui-tab{
	background: #fff;
}
.user-area{
	flex: 0 0 auto;
	margin-left: 10px;
	display: flex;
	align-items: center;
	height: 49px;
}
.area-li{
	flex: 0 0 auto;
	width: 25px;
	height: 25px;
	
}
.area-li:nth-child(1){
	margin-right: 10px;
}
.area-li a{
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 0 !important;
}
.title-top{
	width: 220px;
	display: flex;
	height: 50px;
	align-items: center;
	padding-left: 20px;
	padding-right: 45px;
	box-sizing: border-box;
	color: #fff;
}
.title-top i{
	margin-right: 10px;
}
.warp-box{
	padding: 20px;
}
.layui-btn-primary{
	background: #333;
}

/*公共样式*/
.bulk_warp{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #f1f1f1;
}
.bulk_bxs{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background: #333;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{
	height: 25px;
	line-height: 25px;
}
.layui-form-select dl dd.layui-this{
	background: #333 !important;
}
.layui-layer-title{
	background-color: #ccc !important;
}
.sub-list button{
	background: #333 !important;
}
.sub-list:nth-child(2) button{
	background: #ccc !important;
}
.layui-form-select dl{
	z-index: 99999 !important;
}
.xm-select-parent .xm-input{
	border-color: #fff !important;
}
.xm-select-parent .xm-select{
	background: #fff !important;
}
.bus_gj{
	margin-top: 10px;
}
.bulk_warp .xm-select-parent .xm-select{
	height: 38px;
	overflow: hidden;
}
.bulk_warp .xm-select-parent .xm-select .xm-select-label{
	display: flex;
	height: 38px;
	overflow: hidden;
	overflow-y: scroll;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	right: 0;
}
.bulk_warp .xm-select-parent .xm-select-title div.xm-select-label>span{
	position: relative;
	padding: 1px 2px;
	background-color: #009688;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	line-height: 26px;
	height: 26px;
	margin: 2px 1.5px 2px 1px ;
	cursor: initial;
	user-select: none;
	font-size: 12px;
	padding-right: 11px;
	-webkit-user-select: none;
	flex: 0 0 auto;
}
.bulk_warp .xm-select-parent .xm-select-title div.xm-select-label>span i {
    position: absolute;
    margin-left: 3px;
    font-size: 7px;
    cursor: pointer;
    line-height: 22px;
}
.bulk_warp .xm-select-parent .xm-select-sj{
	right: 25px;
}
.area_picker{
	display: flex;
}
.area_picker input{
	flex: 0 0 auto;
	width: 33.33% !important;
}
.info_li{
	font-size: 13px !important;
}
.showImgEdit{
	padding: 10px;
	box-sizing: border-box;
}
/*共有搜索栏*/
.hunt-warp{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.hunt-li{
	flex: 0 0 auto;
	width: 23.5%;
	display: flex;
	align-items: center;
	margin-right:2%;
	margin-bottom: 10px;
}
.hunt-li:nth-child(4n+4){
	margin-right: 0;
}
.hunt-name{
	flex:0 0 auto ; 
	background: #f1f1f1;
	font-size: 14px;
	color: #333;
	padding: 0px 10px;
	box-sizing: border-box;
	line-height: 40px;
}
.hunt-bxs{
	flex: auto;
	height: 38px;
	border: 1px solid #f1f1f1;
}
.hunt-input{
	width: 100%;
	height: 100%;
}
.hunt-input input,.hunt-input select,.hunt-input .layui-form-select,.hunt-input .layui-select-title,.hunt-input.layui-select-title input{
	width: 100%;
	height: 100%;
	border: none !important;
	line-height:38px;
}
.hunt-btn{
	flex: 0 0 auto;
	width: 60px;
	height: 40px;
}
.hunt-btn button{
	width: 100%;
	height: 100%;
	border: none !important;
	outline: none !important;
	background: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hunt-btn button i{
	font-size: 18px;
	color: white;
}
.table_tr_click{
	background: #333 !important;
}
/*修改滚动条*/ 
::-webkit-scrollbar {宽度：10px；高度：10px；边框：无；背景：#F8F8F8 ！重要；}
::-webkit-scrollbar-track-piece {边框：无；位置：绝对；填充：0；盒子阴影：无；背景颜色：#F8F8F8；边框半径：1px；}
::-webkit-scrollbar-thumb：vertical {背景颜色：#51388A；边框半径：0px；边框：无；}
::-webkit-scrollbar-thumb：水平{背景颜色：#51388A；边框半径：0px；边框：无；}
::-webkit-滚动条{宽度：10px；高度：10px；}
::-webkit-scrollbar-button:vertical{显示：无}
::-webkit-scrollbar-track:vertical{背景颜色：黑色}
::-webkit-scrollbar-thumb：vertical{背景颜色：#51388A；边框半径：10px；}
::-webkit-scrollbar-thumb:vertical:hover{背景颜色：#51388A}
::-webkit-scrollbar-corner：vertical{背景颜色：#535353}
::-webkit-scrollbar-resizer：vertical{背景颜色：#FF6E00}
@media screen and (max-width: 798px){
	.login-right{
		display: none;
	}
	.login-left{
		width: 100%;
	}
	.warp-box,.bulk_warp{
		padding: 10px;
	}
	.hunt-li{
		width: 49%;
	}
	.hunt-li:nth-child(2n+2){
		margin-right: 0;
	}
	.hunt-li:nth-child(4n+4){
		margin-right: initial;
	}
	.hunt-btn{
		/* margin-top: 10px; */
	}
}
@media screen and (max-width: 598px){
	.left-bxs{
		width: 80%;
	}
	.hunt-li{
		width: 100%;
		margin-right: 0;
		margin-bottom:10px;
	}
	.hunt-li:nth-child(2n+2){
		margin-right: initial;
	}
	.hunt-btn{
		margin-top: 0px;
	}
}