.ui-col-green{color: #009688;}
.ui-col-red{color: #FF5722;}
.ui-col-black{color: #000000;}
.ui-hand{cursor: pointer;}
.layui-body {overflow: hidden;}
.layui-layout-admin .layui-body{bottom: 0; height: 100%;}
.layui-body>.layui-tab{height: 100%;}
.layui-tab-content.common-full .layui-tab-item iframe {
    width: 100%;
    border: 0;
    height: 100%;
}
.layui-layout-body.overflow-auto{overflow: auto; margin: 10px;}
.layui-layout-body.overflow-auto .layui-form{padding-bottom: 1px;}
.layui-tab-content.common-full{padding: 0;}
.layui-tab-content.common-full .layui-tab-item {
    height: 100%;
}

.circular{
    width: 150px;
    height: 150px;
    animation: loading-rotate 2s linear infinite;
}
.circular .path{
	animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #40AFFE;
    stroke-linecap: round;
}
@keyframes loading-rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes loading-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -40px
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -120px
	}
}

.common-nav{display: none;}
.common-nav .layui-nav{padding: 0;}
.common-nav .layui-nav .layui-nav-item{line-height: 40px;}
@media screen and (max-width: 768px) {
	.layui-side.layui-bg-black{display: none;}
	.layui-layout-admin .layui-body{left: 0; top: 101px;}
	.common-nav{display: block;}
}


.logo{position: absolute; left: 0; top: 16px; color: #c2c2c2; font-size: 18px;}
.logo:hover{color: #fff18a;}
.logo img{width: 82px; height: 31px;}
.header{height: 60px; border-bottom: none;}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}

.layui-nav-item a i{font-size: 18px; vertical-align: middle; margin-right: 5px;}
.layui-body>.layui-tab{margin: 0; display: flex; flex-direction: column;}
.common-full{flex: 1;}
.common-body .layui-tab-title{border-bottom-color: #009688;}
.layui-tab-title .layui-this:after{border:none;}
.common-body .layui-tab-title .layui-this{color: #fff; background-color: #009688;}
.common-body .layui-tab-title li.layui-this .layui-tab-close{color: #fff;}

.layui-table-fixed-l tr{text-align: center;}

.common-tree{ border: 1px solid #e6e6e6; padding: 5px;}
.common-body .layui-tree li i.layui-tree-spread,.common-body .layui-tree li i.layui-tree-branch{color: #888;}
.common-body .layui-tree .layui-form-checkbox{margin-top: 0;}
.common-body .layui-tree .layui-form-checkbox[lay-skin=primary]:hover i{color: #009688;}
.common-body .layui-tree .layui-form-checkbox i{padding-left: 0;}
.common-hflex{display: flex; justify-content: flex-end;}
.common-fige{ border:1px solid #e5e5e5; margin-bottom: 20px;}
.common-hleft{padding: 10px; background: #ECEFF1; text-align: center; padding-left: 30px; line-height: 30px;}
.common-hleft h3{font-size: 20px; padding: 18px 0 10px;}
.common-cos{padding: 20px; line-height: 30px;}
.common-cos span{ display: inline-block; margin-right: 20px; min-width: 200px;}
.common-hbottom{display: flex; flex-wrap: wrap;}
.common-parking{margin: 20px 0;}
.common-hbottom .layui-btn{flex: 1; border-radius: 0; min-width: 150px; background: #B3E5FC; color: #333;}
.common-hbottom .layui-btn:nth-child(even){background: #81D4FA;}
.common-hbottom .layui-btn+.layui-btn{margin: 0;}
.common-detection{margin: 20px auto; max-width: 800px;  box-shadow: 0 0 5px 0 #e2e2e2;}
.common-det-head{display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.common-det-ico{height: 150px; margin: 30px; flex: 1; text-align: center;}
.common-det-head .layui-btn{position: absolute; right: 20px; top: 20px;}
.common-det-tit{font-size: 30px; flex: 1;}
.common-stap{padding: 20px; line-height: 35px; font-size: 16px;}
.common-stap-head{background: #f2f2f2; display: flex; justify-content: space-between; padding: 0 20px;}
.common-stap>p{display: flex; justify-content: space-between; padding: 0 20px;}
.layui-tab-item+.layui-tab-item .circular .path{stroke: #FF5722;}
.layui-tab-item+.layui-tab-item .common-stap>*>span{flex: 1; text-align: center;}
.common-up-block{margin: 20px 0; border: 1px solid #e5e5e5;}
.common-up-sok{padding: 20px; background-color: #E3F2FD;}
.common-up-block:nth-child(even) .common-up-sok{background-color: #f2f2f2;}
.common-up-tit{display: flex; justify-content: space-between; align-items: center;}
.common-up-tit>h3{font-size: 20px;}
.common-up-nak{display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.common-up-nak span{display: block;}
.common-up-nak .layui-icon{color: #666; margin-left: 5px; transition: all .5s; display: inline-block;}
.active .layui-icon{transform:rotate(180deg)}
.common-up-nak>.layui-btn{padding: 0 38px;}
.common-up-tip{line-height: 40px; padding: 0 20px; display: none; overflow: hidden;}
.common-up-tip span{margin-right: 20px; display: inline-block;}
.common-up-alert{padding: 20px; line-height: 30px;}
.common-up-alert>p{display: flex; justify-content: space-between;}
.common-detail-head{margin: 20px 0; font-size: 16px;}
.common-detail-head>span{cursor: pointer; color: #40AFFE; margin-left: 30px;}
.common-detail-lst{margin: 20px 0;}
.common-detail-lst h2{font-size: 18px; line-height: 30px;}


.site-demo-new{color: #495452;height: 41px;border:solid 1px #ededed;border-bottom: none;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.fl{float: left;}
.back-f6{border-bottom: none;}
.back-f6 li{background: #f6f6f6;border-top-left-radius: 10px;border-top-right-radius: 10px;border: solid 1px #ededed;margin-right: 3px;}

.layui-polling{width: 660px;overflow: hidden;}
.layui-polling .layui-polling-item{width: 100%;overflow: hidden;}
.layui-polling .layui-polling-title{font-size:16px;color: #111;position: relative;height: 42px;border-bottom: solid 1px #e8e8e8;line-height: 42px; padding: 0 15px 0 35px;color: #333;background-color: #f1f1f1;cursor: pointer;}
.layui-polling .layui-polling-content{padding: 10px 15px;font-size: 14px;color: #777777;line-height: 1.6;display: none;}
.layui-polling .layui-polling-content{border:none;}
.layui-polling .layui-polling-content p span{padding-left: 55px;}
.layui-polling .layui-polling-content .cor-b{color: #1b1d1d }
.layui-polling .layui-polling-content .p815{padding-bottom: 8px;padding-left: 15px;}
.layui-polling .layui-polling-content .pl15{padding-left: 15px;}
.layui-polling .layui-polling-content .p815 .col-gre{color: #29d6bc !important;}
.layui-polling .layui-polling-content .p815 .col-red{color: red !important;}


.layui-rate {
	padding: 10px 5px 10px 0;
	font-size: 0;
}
.layui-rate, li {
	list-style: none;cursor: pointer;
}
.layui-rate li i.layui-icon {
	font-size: 20px;
	color: #FFB800;
	margin-right: 5px;
}
.layui-icon-xxks::before {
	content: "\e600";
}
.layui-icon-xxjs::before {
	content: "\e658";
}

.layui-row.algin-l{text-align: left;border: 1px solid #e2e2e2;padding: 16px;}
.layui-row.algin-l .layui-col-md12{font-size: 12px;padding-bottom: 16px;}
.size24{font-size: 20px;}
.size20{font-size: 16px;}

.layui-upload-list{float: left;max-width: 1100px;}
.layui-upload-list li{width: 150px;height: 150px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;float: left;position: relative;}
.layui-upload-list li img{width: 150px;height: 150px;}
.layui-upload-list li .delete{width: 25px;height: 25px;border-radius: 100%;display: inline-block;position: absolute;top:5px;right: 5px;z-index: 10;text-align: center;line-height: 25px;border:none;background: transparent;}
.layui-upload-list li .delete img{width: 25px;height: 25px;}
.upload-but{width: 150px;height: 150px;border:solid 1px #e9e9e9;text-align: center;background: #fff;cursor: pointer;float:left;}
.upload-but i{font-size: 50px;display: block;line-height: 40px;}
.layui-upload-list .upload__list-item {
	position: relative;
	line-height: 24px;
}
.layui-upload-list .upload__list-item .upload__item-a{
	display: inline-block;
}
.layui-upload-list .upload__list-item .delete{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 2px;
	background: #fff;
	border: none;
	cursor: pointer;
}
.layui-upload-list .upload__list-item .delete img{
	width: 100%;
}

.scale{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 12;background: rgba(0,0,0,.8); }

.scale .big-img{width: 800px;height:500px;position: fixed;left: 50%;top:50%;margin-left: -400px;margin-top: -250px;text-align: center;z-index: 1;}
.scale .big-img .img-ov{width: 800px;height: 500px;overflow: hidden;display: inline-block;line-height: 500px;}
.scale .big-img img{max-width: 800px;max-height: 500px;vertical-align: middle;}
.scale .big-img .close{width: 50px;height: 50px;border-radius: 50px;position: absolute;top: 0;right: -60px;z-index: 2;cursor: pointer;}
.scale .big-img .close img{width: 50px;}

.orderLogin{width: 812px;height: auto; margin:0 auto;}
.orderLogin .greet{width: 487px;height: 151px;margin:141px auto 0;text-align: left;}
.orderLogin .loginBox{width: 812px;height: 574px;background: url(../images/Login_bg_img.png) no-repeat;margin-top: 69px;padding-top: 130px;}
.orderLogin .loginBox .loginLogo{width: 97px;height: 120px;margin:0 auto;}
.orderLogin .loginBox .but{
	width:316px;
	height:49px;
	background:rgba(75,149,255,1);
	box-shadow:0px 3px 10px 0px rgba(74,126,245,0.3);
	border-radius:25px;font-size: 20px; color: #fff;font-weight: 500;border: none;cursor: pointer;display: block;margin: 63px auto 0;
}


.layui-form-item .layui-upload-list .loading{position: absolute;top: 40%;left: 50%;margin-left: -0.15rem;margin-top: -0.15rem;z-index: 2;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 0.05rem solid #BEBEBE;
	border-left: 0.05rem solid #498aca;
	animation: load 1s linear infinite;
	-moz-animation:load 1s linear infinite;
	-webkit-animation: load 1s linear infinite;
	-o-animation:load 1s linear infinite;
}

.phone-pull-down{width: 100%;max-height:10rem;overflow-y: auto ;padding:0 0.5rem;position: absolute;background: #fff;z-index: 100;left: 0;right:0;border:solid 1px #e7e4e4;text-align: left;}
.phone-pull-down li{font-size: 0.75rem;line-height: 2rem;}