html{background-color: #fff;color: #666;}
/***margin**/
.mauto{margin: auto}.m5{margin: 5px;}.m10{margin: 10px;}.m15{margin: 15px;}

.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}

.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}

.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt60{margin-top: 60px;}

.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb60{margin-bottom: 60px;}
/***padding**/
.p2{padding: 2px;}.p5{padding: 5px;}.p10{padding: 10px;}.p15{padding: 15px;}.p20{padding: 20px;}

.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}

.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl30{padding-left: 30px;}

.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}

.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}
/*公共样式*/
.shortcut li .layui-icon{    display: inline-block;    width: 100%;    height: 74px;    line-height: 74px;    text-align: center;    border-radius: 2px;
    font-size: 40px;    background-color: #F8F8F8;    color: #333;    transition: all .3s;    -webkit-transition: all .3s;}
.layadmin-shortcut li cite{position: relative;    top: 2px;    display: block;    color: #666;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    font-size: 14px;}
.main_body{ min-width:320px; }
.layui-elem-quote.title{ padding:10px 15px; margin-bottom:0; }
.layui-tab-more{ position: relative; z-index: 99; background:#fff; }
.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{ height:42px !important; }
.layui-layer-tab .layui-layer-title span{ min-width:45px !important; }
.marg0{ margin:0; }
.childrenBody{ margin:10px 10px 0; }
.f-right{float: right;}
.panel-footer { padding: 10px 15px;background-color: #f2f2f2;border: 1px solid #e2e2e2;margin-top: -10px;border-top: none;}
.footer-page{margin: auto;}
.footer-page a, .footer-page span{margin: 4px -1px 0px 0;}
.a-e-quote{border:1px solid #e6e6e6;margin: auto;padding: 10px 20px}/**编辑和添加页面修改**/
.a-e-form{border:1px solid #e6e6e6;padding: 20px 10px; border-top: none;}
.open-form{padding: 20px 30px;width: 250px;}
.open-form input{text-align: center;}
.open-form button{width: 100%;}
.text-center{text-align: center;}.text-right{text-align: right;}.text-left{text-align: left;}
.admin-badge{margin: -9px; top:50%;position: absolute;right: 25px;}
.layui-card-header{height: auto}
/****message*****/
.msg-icon-style{font-size: 10em;margin-top: 20px;} .msg-icon-error{color: #FF5722;}.msg-icon-success{color: #5FB878;}.msg-icon-info{color: #FFB800;}.msg-icon-waiting{color: #01AAED;}
.msg-title{font-size: 2.5em;}.msg-btn button{margin: 10px auto;width: 80%}
/*模拟加载层图标样式*/
.layui-layer-dialog .layui-layer-content .layui-layer-ico16{ background-size:100% 100% !important; }
.layui-nav .sider{margin-right: 5px;}
/*样式改变的过渡*/
.showMenu .layui-body,.showMenu .layui-footer,.showMenu.layui-layout-admin .layui-side,.logo,.top_menu .layui-nav-item[pc],.component,.top_menu .layui-nav-item[mobile],.layui-nav,.layui-layout-admin .layui-main,.site-mobile .layui-side,.layui-layout-admin .layui-side,.site-mobile .site-tree-mobile,.layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-side,.panel,.panel .panel_icon i{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }
.thumb-say{margin-left: 10px;color: #bbb}
.layui-upload-img {width: 30%;margin: 0 10px 10px 0;}
.news img{width: 100%;max-width: 640px;}
.layui-table .layui-form-switch{margin: 0;}
.showMenu.layui-layout-admin .layui-side{ left:-200px; }
.showMenu .layui-body,.showMenu .layui-footer{ left:0; }
.layui-layout-admin .layui-main{ margin:0; }
.logo{ color: #fff; float: left; line-height:60px; font-size:20px; padding:0 25px; text-align: center; width:150px;}
.hideMenu{ float:left; width:20px; height:20px; margin:15px 15px 0 0; font-size:17px; text-align:center; padding:5px 5px; color:#fff; background-color:#1AA094; }
.hideMenu:hover{ color:#fff; }
.hideMenus:hover{ color:#fff; }
.hideMenus{ float:left; width:20px; height:20px; margin:15px 15px 0 15px; font-size:17px; text-align:center; padding:5px 5px; color:#fff; background-color:#1AA094;display: none; }

.weather{ color:#fff; float:left; margin:15px 0 0 50px;}
.component{ float: left; width:200px; height:30px; margin-top: 15px; position: relative;}
.component .layui-input{ height:30px; line-height: 30px; font-size:12px; border:none; transition: all 0.3s; }
.component .layui-input:focus{ background:#fff; color:#000; }
.component .layui-form-select dl{ top:33px; background:#fff; }
.component .layui-form-select .layui-edge,.top_menu .layui-nav-item[mobile]{ display:none; }
.component .layui-icon{ position: absolute; right:8px; top:8px; color:#000; }
.help-content{max-width: 640px; margin: auto;padding: 40px 0;font-size: 16px;}
/*顶部右侧导航*/
.layui-nav .layui-nav-item>a{ color:#fff; }
.top_menu{ position:absolute; right:0; background:none }
.top_menu.layui-nav .layui-this:after{ width:0px; }
.top_menu.layui-nav .layui-this,.closeBox.layui-nav .layui-this{ background-color:transparent; }
.top_menu.layui-nav .layui-this a,.closeBox.layui-nav .layui-this a{ color:#c2c2c2; }
.top_menu.layui-nav dd.layui-this a,.closeBox.layui-nav dd.layui-this a{ color:#333; }
.top_menu.layui-nav .layui-nav-child a:hover,.closeBox.layui-nav .layui-nav-child a:hover{ color:#fff; background-color:#5FB878; }
.top_menu .iconfont{ font-size: 14px !important; }
.top_menu .layui-nav-bar{ top:60px !important; background-color:rgba(0,0,0,0.7) }

/*左侧用户头像*/
.layui-nav{ background-color:inherit !important; }
.layui-layout-admin .layui-side{ left:0; }
.user-photo{width: 200px; height: 120px; padding-top: 15px; padding-bottom: 5px;}
.user-photo a.img{ display: block; width: 76px; height: 76px; margin: 0 auto; margin-bottom: 15px;}
.user-photo a.img img{ display: block; border: none; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 4px solid #44576b;}
.user-photo p{ display: block; width: 100%; height: 25px; color: #ffffff; text-align: center; font-size: 12px; white-space: nowrap;line-height: 25px; overflow: hidden;}
/*左侧导航重定义*/
.layui-nav-item a cite{ padding:0 5px; }
.layui-side-scroll{ height:auto; }
.layui-nav-tree .layui-nav-child a{ padding-left: 40px; }
.layui-nav-tree .layui-nav-child a:hover{ background-color:#4E5465; } 
.layui-nav-tree .layui-nav-child dd.layui-this a:hover{ background-color:#009688; }
.icon {width: 1.5em; height: 1.5em;vertical-align: -0.35em;fill: currentColor;overflow: hidden;margin-right: 5px;}
/*右侧body*/
#top_tabs_box{ padding-right:138px; height:40px; border-bottom:1px solid #e2e2e2; }
#top_tabs{ position: absolute; border-bottom:none;}
/*多窗口页面操作下拉*/
.layui-body{border-top:5px solid #1AA094;border-left:2px solid #1AA094;padding-bottom: 20px;}
.clildFrame.layui-tab-content{ padding-right: 0; }
.clildFrame.layui-tab-content iframe{ width: 100%; height:100%; border:none; min-width: 320px; position:absolute; }
/*main.html*/

.row,.col,.panel_word,.panel_icon{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.row{ margin-left:-10px; overflow:hidden;}
.col{ padding-left:10px;}
.panel{float: left; text-align: center; width:16.666%; min-width:210px; margin-bottom: 10px;}
.panel_box a{display:block; background-color:#f2f2f2; border-radius:5px; overflow:hidden; }
.panel_icon{ width:40%; display: inline-block; padding:22px 0; background-color:#54ade8;float:left;}
.panel_icon i{ font-size:3em; color:#fff;}
.panel a:hover .panel_icon i{ display:inline-block; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.panel_word{ width:60%; display: inline-block; float:right; margin-top: 22px; }
.panel_word span{ font-size:25px; display:block; height:30px; line-height:30px; }
.allNews em{ font-style:normal; font-size:16px;display: block; }
.panel_box a .allNews cite{ display:none; }
.panel_box a cite{ font-size:16px; display: block; font-style:normal; }
.sysNotice{  }
.sysNotice .layui-elem-quote{ line-height:26px; position: relative;}
.sysNotice .layui-table{ margin-top:0; border-left:5px solid #e2e2e2; }
.sysNotice .title .icon-new1{ position: absolute; top:8px; margin-left: 10px; color:#f00; font-size:25px; }
.explain .layui-btn{ margin:5px 5px 5px 0; }
.layui-layout-admin .layui-body{bottom:40px;}
/*打开页面动画*/
.childrenBody_show{ animation:moveTop 1s; -webkit-animation:moveTop 1s; animation-fill-mode:both; -webkit-animation-fill-mode:both; }
@keyframes moveTop{
    0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-o-keyframes moveTop{
    0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-moz-keyframes moveTop{
    0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes moveTop{
    0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

/*锁屏*/
.admin-header-lock{padding: 20px; position: relative; text-align: center;}
.admin-header-lock-img{width: 60px; height: 60px; margin: 0 auto;}
.admin-header-lock-img img{width: 60px; height: 60px; border-radius: 100%;}
.admin-header-lock-name{color: #009688;margin: 8px 0 15px 0;}
.input_btn{ overflow: hidden; }
.admin-header-lock-input{color: #fff;background-color: #d60404;margin:auto; border:none;text-align: center;}
.admin-header-lock-input::-webkit-input-placeholder {color:#fff;}
.admin-header-lock-input::-moz-placeholder {color:#fff;}
.admin-header-lock-input::-ms-input-placeholder {color:#fff;}
.admin-header-lock-input:-moz-placeholder {color:#fff;}
#lock-box p{ color:#e60000; }
#unlock{width: 100%;}
/*换肤*/
.skins_box{ padding:10px 34px 0; }
.skinBtn{ text-align:right; }
/*橙色*/
.orange .layui-layout-admin .layui-header{ background-color:orange!important; }
.orange .layui-bg-black{ background-color:#e47214!important; }
/*蓝色*/
.blue .layui-layout-admin .layui-header{ background-color:#3396d8!important; }
.blue .layui-bg-black,.blue .hideMenu{ background-color:#146aa2!important; }

/*自定义*/
.skinCustom{ visibility:hidden; }
.skinCustom input{ width:48%; margin:5px 2% 5px 0; float:left; }

.orange .layui-nav-tree .layui-nav-child a,.blue .layui-nav-tree .layui-nav-child a{ color:#fff; }
.orange .top_menu.layui-nav .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-more{border-color:#fff transparent transparent !important;}
.orange .top_menu.layui-nav-itemed .layui-nav-more,.orange .top_menu.layui-nav .layui-nav-mored,.blue .top_menu.layui-nav-itemed .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-mored{border-color:transparent transparent #fff !important;}
.f16{font-size: 16px;} .f18{font-size: 18px;} .f20{font-size: 20px;} .f22{font-size: 22px;} .f24{font-size: 24px;} .f30{font-size: 30px;}
.cr-1{color: #009688;} .cr-2{color: #5FB878;} .cr-3{color: #393D49;} .cr-4{color: #1E9FFF;} .cr-5{color:#FF5722;}
/*底部*/
.footer{ text-align: center; line-height:44px;border-left: 2px solid #1AA094;}
.layui-layout-admin .layui-footer{background-color: #fff;box-shadow:0px 1px 5px 0 rgba(0,0,0,.05);}
ul.line{
	width: 400px;
	height: 30px;
	background-color: #009688;
	border-radius:20px;
	overflow: hidden;
	margin-top: 15px;color: #FFB800;float: left;
} 
ul.line li{height:30px;font-size:12px; line-height:30px;list-style:none;text-align: center;} 
/*响应式*/
@media screen and (max-width:1282px){
	.panel{ width:33.3333%; }
}
@media screen and (max-width: 750px){
	.logo{ padding:0;display: none;}
	.top_menu .layui-nav-item[pc],.component,.site-mobile .site-tree-mobile{ display: none !important; }
	.top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
	.top_menu .layui-nav-item[mobile]{ display:inline-block; }
/* 	.layui-nav.top_menu,.layui-nav.top_menu .layui-nav-item a{ padding:0 10px; } */
	.layui-layout-admin .layui-main{ margin-right: 0; }
	.hideMenu{ display:none; }
	.hideMenus{ display:block; }
	/*左侧导航*/
	.layui-layout-admin .layui-side{ left:-260px; }
	.site-mobile .layui-side{ left: 0; z-index:9999; }
 	.site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
	.site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
	/*layui-body*/
	.panel{ width:50%; }
	.layui-body,.layui-layout-admin .layui-footer{ left:0; }
	ul.line{width: 50%;}
}
@media screen and (max-width:432px){
.top_menu .layui-nav-item.showNotice[pc]{ display:none !important; }
.panel{ width:100%; }
}