@charset "utf-8";

/* 框架布局 */
.admin_header{
	border-bottom: solid 5px #1AA094;
}
.admin_body{
	border-left: solid 2px #1AA094;
}
.admin_body .layui-tab-card{
	border:none !important;
	margin:0;
}
.admin_body .layui-tab-title{
	border-bottom: solid 1px #1AA094;
}
.admin_body .layui-tab-title .layui-this{
	background-color: #1AA094 !important;
	color:#fff !important;
}
.admin_body .layui-tab-title .layui-this:after{
	display:none;
}
.admin_body .layui-tab-content{
	height:100%;
	padding:5px 0 0 0;
}
.admin_body .layui-tab-content .layui-tab-item{
	height:100%;
}
.admin_footer{
	border-left: solid 2px #1AA094;
	text-align: center;
	height:35px;
	line-height:35px;
}

.admin_main{
	padding:15px;
}




/* 登陆 */
.login{
	max-width:500px;
	width:100%;
	margin:0 auto;
	border:1px solid #f2f2f2;
	padding:25px;
	border-radius: 8px;
	background:rgba(255,255,255,.2);
	height:375px;
	position: fixed;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-190px;
	/* box-shadow: 1px 2px 3px #ddd; */
}
.login label{
	color:#fff;
}
.login .logo{
	text-align: center;
	padding:15px 0;
}
.login .text{
	text-align: center;
	font-size:13px;
	color:#eee;
	line-height:22px;
	padding-top:15px;
}



/* 表格 */
.table-tree{}
.table-tree tr.line td{
	background:#eee;
	padding:1px 0;
}
.table-tree tr.line td:hover{
	background:#eee;
}
.table-tree .layui-form-switch{
	margin:0;
}
.table-tree input{
	width:60px;
	height:25px;
	display:inline-block;
}
.table-tree .layui-icon{
	font-size:20px;
}
.table-tree .tree2 td:nth-child(2){
	padding-left:40px;
}
.table-tree .tree3 td:nth-child(2){
	padding-left:70px;
}
.table-tree .textc{
	text-align: center;
}
.callback{
	display:none;
}

.notid .tree2 td:nth-child(1){
	padding-left:40px;
}
.notid .tree3 td:nth-child(1){
	padding-left:70px;
}
.notid .tree2 td:nth-child(2),
.notid .tree3 td:nth-child(2){
	padding:5px 10px;
}

.layui-table-cell{
	height:auto;
}
.layui-table-body img{
	max-width:120px;
	max-height:65px;
}




/* 表单 */
.form_box{
	padding:15px;
}
.form_box textarea{
	height:0;
}


.upiframe{
	display:inline-block;
	width:250px;
	height:105px;
}
.uploadbox{
	float:left;
	width:140px;
	height:100px;
	overflow: hidden;
	position: relative;
	margin:0 10px;
	background:#eee;
	border:1px solid #ddd;
	border-radius: 4px;
}
.uploadbox img{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}
.tip{
	display:inline-block;
	line-height:24px;
	font-size:12px;
	color:red;
	padding-left:10px;
}



.editor{
	width:100%;
	height:450px;
	border:1px solid #c9d8db;
	box-sizing: border-box;
}
.editor_max{
	height:800px;
}
.ediframe{
	display:block;
	width:100%;
	height:100%;
}
#toolbar{
	border-bottom:1px solid #c9d8db;
}
#editor{
	height:100%;
}
.editor textarea{
	font-size: 0;
}



/* 验证码 */
.verifyBox{
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 420px;
	width: 300px;
	margin-left: -150px;
	margin-top: -210px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 15px;
	display: none;
	z-index: 2;
}
.verifyBox i.close{
	width:32px;
	height:32px;
	display:inline-block;
	position: absolute;
	right:0;
	top:0;
	z-index: 300;
	background-repeat: no-repeat;
	background-position:center;
	background-image: url(../images/close.png);
	cursor: pointer;
}
.verifyBox .text{
	font-size:16px;
	color:#333;
	line-height:21px;
	text-align: center;
	padding:25px 0;
}
.verifyBox .text p:nth-child(1){
	font-size:12px;
	color:#999;
}


.batch{
	width:890px;
	padding:15px;
	background:#ebf1f0;
	border-radius: 8px;
}
.batch .filelist{
	border:1px solid #ccc;
	background:#fff;
	width:100%;
	height:470px;
	border-radius: 5px;
	padding:12px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-x:hidden;
	overflow-y:scroll;
}
.batch .filelist .list{
	width:130px;
	display:inline-block;
	float:left;
	border:1px solid #ccc;
	position: relative;
	margin-right:10px;
	margin-bottom:8px;
	overflow: hidden;
	border-radius: 5px;
	background:#f6f6f6;
}
.batch .filelist .list:nth-child(6n){
	margin-right:0;
}
.batch .filelist .list .img{
	width:100%;
	height:100px;
}
.batch .filelist .list .img img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.batch .filelist .list p{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:22px;
	line-height:22px;
	text-align: center;
	font-size:12px;
	color:#fff;
	background:rgba(0,0,0,.4);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.batch .filelist .list .tip{
	display: inline-block;
	width:100%;
	height:22px;
	font-size:12px;
	line-height:22px;
	text-align: center;
	position: absolute;
	left:0;
	top:0;
	color:#fff;
	z-index: 32;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding:0;
	display:none;
}
.batch .filelist .list .tip.error{
	background:rgba(255,87,34,.6);
}
.batch .filelist .list .tip.on{
	display:block;
}
.batch .filelist .progress{
	position: absolute;
	left:0;
	top:0;
	width:0%;
	height:22px;
	background:rgba(95,184,120,.7);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 30;
}

.batch .filelist .reload{
	width:26px;
	height:26px;
	background-color: rgba(0,0,0,.5);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/reload.svg);
	background-size:auto 80%;
	position: absolute;
	right:5px;
	top:25px;
	opacity: 0;
	z-index: 33;
	border-radius: 4px;
	cursor: pointer;
}
.batch .filelist .delete{
	width:26px;
	height:26px;
	background-color: rgba(0,0,0,.5);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/delete.svg);
	background-size:auto 65%;
	position: absolute;
	left:5px;
	top:25px;
	opacity: 0;
	z-index: 33;
	border-radius: 4px;
	cursor: pointer;
}
.batch .filelist .list:hover .reload,
.batch .filelist .list:hover .delete{
	opacity: 1;
}
.batch .layui-btn-container{
	padding:15px 0;
}
.batch .layui-btn-container button{
	position: relative;
}
.batch .file{
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity: 0;
	overflow: hidden;
	cursor: pointer;
}

.batch .alldone{
	padding:5px 0;
	font-size:14px;
	color:#333;
}
.batch .alldone span{
	display:inline-block;
	margin-right:15px;
}
.batch .alldone i{
	font-weight: bold;
}
.batch .alldone i.success{
	color:darkgreen;
}
.batch .alldone i.error{
	color:firebrick;
}



/* 地图表单 */
.coordinate{
	width:120px;
	height:38px;
	line-height:38px;
	display:inline-block;
	border:1px solid red;
	text-align: center;
	box-sizing: border-box;
	color:red;
	border-radius: 5px;
}
.coordinate:hover{
	color:#ca1616;
	border:1px solid #ca1616;
}
.mapbox{
	height:360px;
}

.msg{
	padding:0 15px;
}

.form_max .layui-input-block{
	margin-left:150px;
}
.form_max .layui-form-label{
	width:150px;
}


.setorder{
	padding:15px;
	padding-right: 0;
	box-sizing: border-box;
	background-color: #ebf1f0;
}
.setorder .list{
	width:120px;
	height:120px;
	float:left;
	margin-right:12px;
	margin-bottom:10px;
	border:1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.setorder .list img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.setorder .list i{
	position: absolute;
	left:0;
	top:0;
	background-color: rgba(199, 29, 35, .8);
	display:inline-block;
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#fff;
	padding:0 8px;
	box-sizing: border-box;
	border-radius: 15px;
}
.setorder .list p{
	position: absolute;
	left:0;
	bottom:0;
	background-color: rgba(0, 0, 0, .4);
	width:100%;
	height:25px;
	line-height: 25px;
	font-size:12px;
	color:#fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding:0 5px;
	box-sizing: border-box;
}

.btnbox{
	text-align: right;
	padding:15px;
	margin-bottom:15px;
}