html{
    background-color: #f2f2f2;
    color: #333;
    
}
body{font:14px/1.5 microsoft yahei ui,microsoft yahei,PingFangSC-Light,helvetica neue,hiragino sans gb,arial,simsun,sans-serif;}
.layui-fluid{padding:15px;}
.layuiadmin-card-header-auto{padding-top: 5px;
    padding-bottom: 5px;
    height: auto;}
.layuiadmin-card-header-auto .layui-form-item:last-child {
    margin-bottom: 0;
}
.layui-card-header .addope{display:inline-block;height:100%;color:#666;padding:0px 20px;float:right;}
.layui-card-header .addope:hover{color:#333;}
.layui-card-header .addope i{}
/*.layui-card-header a:first-child{margin-left:50px;}*/


.layui-table .layui-form-checkbox{padding-left:0px;}
.layui-table th{padding:8px 0px; text-align: center;}
.layui-table .layui-form-switch{margin-top: 0px;}
.layui-table .layui-input{height:28px;}
.layui-table thead tr th{padding:10px 10px;}

.single-page{background: #fff;}

.layui-table .input-back{display: flex; flex-direction: row;justify-content: flex-end;}
.layui-table .input-back .blank,.layui-table .input-back .j-ope{display:inline-block; width:50px; text-align: center;}
.layui-table .input-back .layui-icon{display:inline-block;text-align: center;font-size: 20px;margin-top:4px;cursor: pointer;}
.layui-table .input-back .xline::after{display:inline-block; width:90%;height:1px;background:#666;content: ' ';}
.layui-table .layui-input::before{ display: inline-block;float: right; width:20px;height:1px; content: ' '; background:#000;}

.layui-form-item-single .layui-inline{margin-bottom:0px;margin-right:0px;}
.layui-table td, .layui-table th{padding:5px 5px; font-size:12px;}
.layui-table td input, .layui-table th input{color:#666;}
.layui-table td .level0{display:inline-block;margin:0px 10px;height:32px;line-height: 32px; font-size:12px;}
.layui-table td .level0 font{color:#000; font-weight: bold;}
.layui-table td .level0 i{display:inline-block;margin:0px 5px;}
.layui-table td .weijinci, .layui-table th .weijinci{background-color:#fdcccc;font-size:12px;color:#333;height:20px;padding:3px 8px;border-radius: 6px;}

td#laypage{padding:0px 10px;}
td#laypage:hover{ background: #fff;}
td#laypage span,td#laypage a{margin-bottom:0px;}
.layui-laypage{margin:5px 0px;}

.layui-table-page{width: auto;border:none;padding:5px 0px;height:40px;line-height:40px; overflow: visible;}

.layui-table-page>div{height:auto;}
.layui-table-page .layui-unselect{height:30px !important;line-height: normal !important;margin-top:2px;}

.power_tree{border:1px solid #e6e6e6;}

.j-layer-img{cursor:pointer;margin:2px 2px 2px 0px;padding:0px;border:none;}
.j-layer-img img{height:64px;}

#layui_bigimg{text-align: center;line-height: 100%;}
/*
#layui_bigimg{max-height:80% !important;height:80% !important; text-align: center;}
#layui_bigimg img{max-height:80%;max-width:80%;}
*/

.layui-input-pic{width:240px;color:#D2D2D2}

.shuxing .layui-form-checkbox{height:22px;line-height:22px;}
.shuxing .layui-form-checkbox span{padding:0px 5px; font-size: 12px;}
.shuxing .layui-form-checkbox i{height:20px;line-height:20px;font-size: 14px;}
.required{color:red;margin-right:5px;}
.layui-input-long{width:500px;}

.j-imgtip{position:relative;cursor:pointer;}
.j-bigimg{ position: absolute;left:20px;bottom:-100px; z-index: 1000;}
.j-bigimg img{ height: 200px;width: auto !important;max-width: 1000px;z-index: 1000;}

.layui-table-box{overflow:visible;}

.multiple_thumbs{margin:5px auto 0px; position: relative;;}
.multiple_thumbs li{display: inline-block; position: relative;margin:0px 10px 0px 0px;float:left;}
.multiple_thumbs li img{border:2px solid #efefef;}

.multiple_thumbs:hover a img{border:2px dashed #009688;}
.multiple_thumbs li img:hover{border:2px dashed red;}
.multiple_thumbs li img:active{border:2px solid red;}
.multiple_thumbs li .j-close{ position: absolute;right:3px;top:0px; font-size: 18px;}
.multiple_thumbs li .j-close:hover{color:red;cursor:pointer;}

.nopower{padding-right:200px;}
.nopower .ptitle{color:red;text-align:center;padding-top:100px; font-size:30px;}
.nopower .ptitle i{font-size:34px;}
.nopower .pope{ text-align: center;margin-top:50px;}
.nopower .pope a{color:#009688; text-decoration: none;}

.desk .shortcut{
    position: relative;
    display: block;
    text-align: center;
    background: #009688;
    height: 50px;
    border-radius: 5px;}
.desk .shortcut .fa{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    color: #ffffff;
    transition: all .3s;
    float: left;
    margin-left: 10px;
}
/*
.desk .shortcut .fa-product-hunt{color:#009688;}
.desk .shortcut .fa-newspaper-o{color:#ef476e;}
.desk .shortcut .fa-phone-square{color:#1890ff;}
*/

/* .desk .shortcut:hover .fa{ background: #efefef;} */
.desk .shortcut:hover{color:#222222;}
.desk .shortcut p{
    position: relative;
    font-size: 14px;
    color: #fff;
    /* font-weight: bold; */
    height: 50px;
    line-height: 50px;
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.desk .shortcut .layui-badge{
    position: absolute;
    right:5px;
    top:5px;
}

.desk .hide .shortcut{ background: #efefef;}

.table-ip-records{ color:#333;}
.table-ip-records th{line-height:40px;}
.table-ip-records td{line-height:40px; font-weight: bold;}

.table-ip-records .today{}
.table-ip-records .week{color:#666;}
.table-ip-records .month{color:#999;}
.table-ip-records .shijian{font-weight:normal;color:#333;}

#loadingDiv .layui-icon-loading{color:#009688;}

.menumap{padding:0px;}
.menumap .fa{margin-right:5px;display:none;}
.menumap .layui-icon{margin-right:0px;}
.menumap .layui-icon-subtraction{font-weight: bold;}
.menumap .menu-input{width:30px; text-align: center; margin-left:3px;border:1px solid #efefef;border-radius: 2px;color:#ccc; font-size: 12px;}
.menumap .menu-input:focus{color:#333;border:1px solid #999;}
.menumap .menu1{ position:relative; margin:5px 0;height: 30px;line-height:30px;padding-left:20px; font-size: 16px;background: #f8f8f8;border-left:5px solid #cfcfcf;}
.menumap .menu1 .ope-zone{ position: absolute;right:10px;top:0px;}
.menumap .menu1 .ope-zone a{display:inline-block;cursor: pointer;margin-left:5px;height:22px;line-height:22px;width:22px; text-align: center;border:1px solid #efefef; background: #fff; border-radius: 100%;}
.menumap .menu1 .ope-zone a:hover{background:#333;color:#fff;}
.menumap .menu1 .ope-zone a.j-layer-confirm:hover{background:#FF5722;}
.menumap .menu2{float:left;font-size: 14px;width:200px; text-align: center; /*height: 86px;*/line-height:30px;margin:2px;border-radius: 5px;/*border: 1px solid #efefef;*/}
.menumap .menu2 h3{ font-size:14px; position: relative;/*background: #f8f8f8;*/text-align: left;padding-left: 5px;}
/* .menumap .menu2 h3:hover{ text-align: left;padding-left: 2px; } */
.menumap .menu2 h3 .ope-zone{display:none;position: absolute;right:5px;top:0px;}
.menumap .menu2 h3:hover .ope-zone{display:inline-block;}
.menumap .menu2 h3 .ope-zone a{display:inline-block;height:22px;line-height:22px;width:22px; text-align: center;background: #fff; border-radius: 100%;cursor: pointer;}
.menumap .menu2 h3 .ope-zone a:hover{ background:#333;color:#fff;}
.menumap .menu2 h3 .ope-zone a.j-layer-confirm:hover{ background:#FF5722;color:#fff;}
/* .menumap .menu-list .items{height: 60px;} */
.menumap .menu-list .items .act{ position: relative; display:inline-block;height: 20px;line-height:20px;color:#999; font-size: 12px; background: #ccc;color:#fff;float:left;width:40px;margin:10px 5px;}
.menumap .menu-list .items .act .ope-zone{display:none;position: absolute;right:-8px;top:-9px;width:15px;height:30px;}
.menumap .menu-list .items:hover .act  .ope-zone{display:inline-block;}
.menumap .menu-list .items .act .ope-zone a{display:inline-block;width:15px;height:15px;line-height:15px; text-align: center;border-radius: 100%; background: #999;color:#fff;cursor: pointer;}
.menumap .menu-list .items .act .ope-zone a:hover{background:#333;}
.menumap .menu-list .items .act .ope-zone a.j-layer-confirm:hover{ background:#FF5722;}
.menumap .menu-list .items .act .ope-zone a i{font-size:12px;}
/* .menumap .menu-list .items{display:none;}
.menumap .menu-list .menu2:hover .items{display: block;} */

.areamap{padding:0px;}
.areamap .fa{margin-right:5px;}
.areamap .layui-icon{margin-right:0px;}
.areamap .menu-input{width:30px; text-align: center; margin-left:3px;border:1px solid #efefef;border-radius: 2px;color:#ccc; font-size: 12px;}
.areamap .j-check-item{ vertical-align: middle;margin-right:5px;}
.areamap .menu1{ position:relative; margin:5px 0;height: 30px;line-height:30px;font-size: 16px;background: #efefef;border-bottom:2px solid #cfcfcf;border-radius: 5px 5px 0 0;padding-left: 5px;}
.areamap .menu1 .ope-zone{ position: absolute;right:10px;top:0px;}
.areamap .menu1 .ope-zone a{display:inline-block;cursor: pointer;margin-left:5px;height:22px;line-height:22px;width:22px; text-align: center;border:1px solid #efefef; background: #fff; border-radius: 100%;}
.areamap .menu2{float:left;font-size: 14px;width:200px; text-align: center; /*height: 86px;*/line-height:30px;margin:2px;border-radius: 5px;position: relative;}
.areamap .menu2 h3{ font-size:14px; position: relative;border-bottom:1px solid #f8f8f8;text-align: left;padding-left: 5px;}
.areamap .menu2 .items{display:none;}
.areamap .menu2:hover .items{display:inline-block;position:absolute;width:198px;top:30px;left:0px;z-index:1000;background:#fff;border:1px solid #666;border-radius: 3px;}
.areamap .menu2 h3 .ope-zone{display:none;position: absolute;right:5px;top:0px;}
.areamap .menu2 h3:hover .ope-zone{display:inline-block;}
.areamap .menu2 h3 .ope-zone a{display:inline-block;height:22px;line-height:22px;width:22px; text-align: center;background: #fff; border-radius: 100%;cursor: pointer;}
/* .areamap .menu-list .items{height: 60px;} */
.areamap .menu-list .items .act{ position: relative; display:inline-block;height: 22px;line-height:22px;color:#999; font-size: 12px; background: #666;color:#fff;float:left;width:87px;margin:10px 5px; text-align: left;padding-left:2px;padding-bottom:2px;}
.areamap .menu-list .items .act .ope-zone{display:none;position: absolute;right:-8px;top:-9px;width:15px;height:30px;}
.areamap .menu-list .items:hover .act  .ope-zone{display:inline-block;}
.areamap .menu-list .items .act .ope-zone a{display:inline-block;width:15px;height:15px;line-height:15px; text-align: center;border-radius: 100%; background: #999;color:#fff;cursor: pointer;}
.areamap .menu-list .items .act .ope-zone a i{font-size:12px;}

@media (min-width: 1440px){
    .layui-table td, .layui-table th{font-size:12px;}
}

.mtitle{padding:10px 0;background: #F8F8F9;border-bottom: 2px solid #eee;}
.jumplink{display:inline-block;float:right;margin-right:10px;color:#4e6ef2;}
.blackbg{ background:#000;}
.blackbg *{color:#fff;}

.layer-loading{
    border-radius:100% !important;
}
.layui-layer-content{overflow: hidden !important;}
.loading{
	background:#0085E8 !important;
	height:150px;width:150px;
	text-align: center;
	line-height:150px;
	border-radius: 100%;
	overflow: hidden;
}
.loading img{-webkit-animation:rotateImg 15s linear infinite;vertical-align: middle;}
.loading p{position:absolute;width:100%;height:20px;top:105px;left:0px;line-height:50px;color:#fff;}


@keyframes rotateImg {
    0% {transform : rotate(0deg);}
    100% {transform : rotate(360deg);}
  }
  
  @-webkit-keyframes rotateImg {
      0%{-webkit-transform : rotate(0deg);}
    100%{-webkit-transform : rotate(360deg);}
  }