/*后台图标*/
/* @import url(//at.alicdn.com/t/font_247300_8azul59xdme1m7vi.css);  */

@font-face {font-family: "iconfont";
  src: url('font/iconfont.eot'); /* IE9*/
  src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}


body{background-color:#fff;}
.fl{float:left;}
.fr{float:right;}
.nobg{background-color:transparent!important}
.font12{font-size:12px!important;}
.font18{font-size:18px!important;}
.font20{font-size:20px!important;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}
.pb50{padding-bottom:50px;}
.w10{width:10px!important;}
.w50{width:50px!important;}
.w100{width:100px!important;}
.w200{width:200px!important;}
.w300{width:300px!important;}
.w400{width:400px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}
.mcolor{color:#5c90d2;}
.mcolor2{color:#009688;}
.hide{display:none;}
.red{color:#f00;}
#form-icon-preview{float:left;width:34px;height:36px;line-height:36px;font-size:30px!important;border:1px solid #e6e6e6;text-align:center;border-radius:3px;}
.j-iframe-pop{margin:0 10px;}
.help-tips{cursor:pointer;}

/*主面板*/
/* .layui-header,.layui-side{z-index:900} */
.header-logo{width:200px;height:60px;line-height:60px;text-indent:30px;color:#c2c2c2;font-size:18px;}
.header-fold{width:50px;height:60px;line-height:60px;text-align:center;color:#fff;position:relative;}
.header-fold a{color:#fff;}
.head-info .layui-nav-child{top:60px;}
.head-info .layui-nav-item a{padding:0 10px;}
.main-nav{padding:0;}
.main-nav .layui-nav-item a{font-size:14px;padding:0 20px;}
.footer{line-height:44px;padding:0 10px;color:#666;}
.footer a{color:#5c90d2;}
#switchNav{position:fixed;left:0;top:60px;z-index:999}
#switchNav .layui-nav-child dd{position:relative;}
#switchNav .layui-nav-child dd .j-del-menu{position:absolute;right:10px;top:3px;font-size:18px;color:#999;cursor:pointer;}
#switchNav .layui-nav-child dd .j-del-menu:hover{color:#fff;}
#switchBody{z-index:;}
#switchNav .fold-mark i.aicon{margin-right:20px;}
#switchNav a{cursor:pointer;}
.bread-crumbs{display:block;background-color:#f9f9f9;padding:10px 0 0 10px;height:30px;overflow:hidden;}
.bread-crumbs li{float:left;margin:0 5px;color:#666;height:30px;line-height:30px}
.bread-crumbs li a{color:#666;}
.page-body{display:block;margin:8px;overflow:auto;}
.page-body>.layui-tab{margin:0;}
.page-tab-content{background-color:#fff;overflow:auto;min-height:550px;}
/* 全屏 */
.tool-btns{position:absolute;right:15px;top:11px;font-size:18px;color:#888;width:48px; overflow:hidden;}
.tool-btns .sys-icon{color:#999;margin-left:8px;}
.fullscreen{position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:1090;margin-bottom: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;height:100%}
.fullscreen.page-body,
.fullscreen .layui-tab{margin:0;}
/* 页面工具栏 */
.page-toolbar{display:block;overflow:hidden;}
.page-filter{height:40px;overflow:hidden;}
.page-filter .layui-form-pane .layui-form-label{width:auto;}
.page-filter .layui-form-pane .layui-form-item .layui-input-inline{margin-right:0;}
.page-tips{margin-bottom:10px;}
.page-tips .layui-colla-title{height:26px;line-height:26px;background-color:#f9f9f9;color:#999;}
.page-form{margin:10px 0;}
#layerTopTips{background-color:#393D49;color:#fff;padding:5px 25px;border-radius:0 0 5px 5px;}
/*分页*/
.pagination{overflow:hidden;display:block;border-left:1px solid #eee;float:right;}
.pagination li{float:left;border:1px solid #eee;margin-left:-1px;font-size:16px;overflow:hidden;cursor:pointer;}
.pagination li a,
.pagination li span{display:block;padding:6px 18px;}
.pagination li.active{background-color:#393e49;color:#fff;border-color:#393e49;}

/* 角色权限设置 */
.role-list-form dl{display:block;}
.role-list-form-top{border:1px solid #f9f9f9;}
.role-list-form dl dt{display:block;background-color:#f9f9f9;padding:0px 10px 10px 10px;}
.role-list-form dl dd{display:block;padding:0px 15px;overflow:hidden;}
.role-list-form dl dd dl dt{background:none;}
.role-list-form dl dd dl dd{padding:0px 25px;}
.role-list-form dl dd dl dd dl dd{padding:0 35px;}
.role-list-form dl dd dl dd dl dd a{display:inline-block;}

/* 系统菜单管理 */
.menu-hd{font-size:14px;font-weight:400;border-top:1px dotted #eee;}
.menu-dl dt,.menu-dl dd{position:relative;border:1px dotted #eee;border-top:none;}
.menu-dl .hd,
.menu-dl .hd2,
.menu-dl .hd3,
.menu-dl .layui-form-switch,.menu-btns{position:absolute;left:260px;top:4px;}
.menu-dl .hd,
.menu-dl .hd2,
.menu-dl .hd3{top:-26px;}
.menu-dl .hd{left:280px}
.menu-dl .hd2{left:520px;}
.menu-dl .hd3{left:710px;}
.menu-dl .layui-form-switch{left:490px;top:1px;margin:0;}
.menu-dl .checkbox-ids{width:;}
.menu-dl .menu-sort{position:absolute;left:260px;top:3px;height:20px;line-height:20px;width:40px;padding:0;text-align:center;color:#666;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 2px}
.menu-dl1,.menu-dl2{display:block;}
.menu-dl1 dt,.menu-dl2 dt{padding:5px 2px;}
.menu-dl2{padding-left:20px;}
.menu-dl2 dd{padding:5px 20px;}
.menu-dl1 dt .menu-sort{left:280px}
.menu-dl2 dt .menu-sort{left:300px;}
.menu-dl2 dd .menu-sort{left:340px}
.menu-dl1 .layui-form-switch{left:520px}
.menu-dl2 .layui-form-switch{left:500px}
.menu-btns{left:710px;}
.menu-dl2 .menu-btns{left:688px;}
.layui-nav-child dd:hover{background-color: #009688;color: #fff;}
/*数据列表页排序字段*/
.input-sort{height:24px;line-height:24px;width:40px;padding:0;text-align:center;color:#666;}
/*模块、插件、支付平台列表*/
.module-list-info{display:block;overflow:hidden;}
.module-list-info img{float:left;margin-right:10px;border-radius:10px;}
.module-list-info i{float:left;margin-right:10px;font-size:80px;line-height:82px;text-align:center;overflow:hidden;color:#2a95de;}
.module-list-info .txt{float:left;max-width:80%;overflow:hidden;}
.module-list-info .txt h3{font-weight:500;display:inline-block;}
.module-list-info .txt p{font-size:12px;}
.module-list-info .txt p span{color:#2a95de;}
/*弹窗底部bar*/
.pop-bottom-bar{position:fixed;left:0;bottom:0;width:96%;background:#eee;padding:5px 2%;}
.pop-bottom-bar .pages{max-width:70%;overflow:hidden;}
.pop-bottom-bar .pages .pager{}
.pop-bottom-bar .pages .pager li{float:left;margin:0 5px;}
.pop-bottom-bar .pages .pager li a,.pop-bottom-bar .pages .pager li span{height:38px;line-height:38px;padding:0 10px;font-weight:500;display:inline-block;}

.hook-plugins-sort{margin:10px 0 20px 0;border-top:1px dotted #eee;border-left:1px dotted #eee;border-right:1px dotted #eee;float:left;overflow:hidden;}
.hook-plugins-sort li{float:left;width:100%;padding:5px 10px;border-bottom:1px dotted #eee;overflow:hidden;}
.hook-plugins-sort li span{float:left;margin-right:20px;width:150px;height:20px;line-height:22px;}
/*layui*/
.layui-layout-admin{min-width:1000px;}
.layui-form-label{min-width:90px;}
.layui-tab-title li{padding:0 10px;}
.page-tips .layui-colla-content{/*color:#999;background-color:#f9f9f9*/}
.layui-form-mid{font-size:14px!important;}
/*themes*/
.themes{}
.themes li{float:left;width:360px;overflow:hidden;margin:10px 20px 10px 10px;}
.themes li img{float:left;border-radius:5px;padding:2px;border:1px solid #ddd;}
.themes li dl{float:right;width:190px;overflow:hidden;}
.themes li dd{line-height:28px;}
.themes li dt{margin-top:10px;}

/* 小提示 */
.tooltip{display:inline-block;width:14px;height:14px;background:url(../image/tooltip.png) no-repeat;position:relative;cursor:pointer;}
.ai-tishi{color:#1e91cf!important;position:relative;cursor:pointer;}
.tooltip i{position:absolute;left:18px;top:1px;width:160px;word-break:break-all;padding:3px 10px;background-color:#000;color:#fff;font-size:12px;font-style:normal;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:subpixel-antialiased;z-index:998;text-align:left;display:none;}
.tooltip i:before{content:'';border-width:5px;border-style: solid;border-color: transparent #000 transparent transparent;position:absolute;left:-10px;top:4px;}
.tooltip i a{color:#fff;}


/**张diy**/
/* body{overflow-y: scroll;} */

.layui-input-block,.layer-photos{overflow:hidden;}
.layer-photos li{ margin:0px 2px 4px 2px; float: left;} 
.layer-photos li i{ cursor:pointer;} 
.input-listorder{
	width: 50px;height: 26px;line-height: 26px;text-align: center;padding-left: 0px;
}
.ai-shuaxin {
	display:inline-block;
	float:right;
	width:20px;
    height: 20px;
    background: url("../aimages/font18.png") no-repeat center;
    background-size: 20px auto;
	padding:0px 4px 0px 0px;
}
.ai-tanchuang {
	float:right;
	display:inline-block;
	width:20px;
    height: 20px;
    background: url("../aimages/font2.png") no-repeat center;
    background-size: 20px auto;
	padding:0px 4px 0px 0px;
}

/*多图顺序调换*/
.pic-more { width:100%; left; margin: 10px 0px 0px 0px;}
.pic-more li { width:90px; float: left; margin-right: 5px;}
.pic-more li .layui-input { display: initial; }
.pic-more li a { position: absolute; top: 0; display: block; }
.pic-more li a i { font-size: 24px; background-color: #008800; }    
#slide-pc-priview .item_img img{ width: 90px; height: 90px;}
#slide-pc-priview li{position: relative;}
#slide-pc-priview li .operate{ color: #000; display: none;}
#slide-pc-priview li .toleft{ position: absolute;top: 40px; left: 1px; cursor:pointer;}
#slide-pc-priview li .toright{ position: absolute;top: 40px; right: 1px;cursor:pointer;}
#slide-pc-priview li .close{position: absolute;top: 5px; right: 5px;cursor:pointer;}
#slide-pc-priview li:hover .operate{ display: block;}   
/* .ai-caidan{ */
	/* display:block; */
	/* width:20px; */
    /* height:20px; */
    /* background: url("../aimages/font1.png") no-repeat center; */
    /* background-size: 20px auto; */
	/* position:absolute; */
	/* top:50%; */
	/* left:50%; */
	/* -webkit-transform: translate(-50%,-50%); */
    /* -moz-transform: translate(-50%,-50%); */
    /* transform: translate(-50%,-50%); */
/* } */
.body-padding{
	padding:10px;
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.layui-tab .tab-bg{ position: absolute;width: 100%;top: 0;left: 0;height: 40px;background:#f2f2f2;border-bottom: 1px solid #e2e2e2;}
.layui-tab .tab-prev{ position: absolute;left: 0;height: 32px;top: 0;z-index: 99;width: 39px;text-align: center;padding-top: 8px;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;background: #f7f7f7;}
.layui-tab .tab-next{ position: absolute;right: 0;height: 32px;top: 0;z-index: 99;width: 39px;text-align: center;  padding-top: 8px;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;background: #f7f7f7;}
.layui-tab .tab-prev:hover,.layui-tab .tab-next:hover{ background: #F1F2F7;}
#switchBody .layui-tab .layui-tab-title {
    border: 0;
    overflow: visible;
    transition: none;
    background-color: #f2f2f2;
	border-bottom: 1px solid #e2e2e2;
	left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
}

.uetextarea{width:800px;border:0;padding:0}
.coverBg { background-position: center center; background-size: cover;background-repeat: no-repeat;}
/**张diy**/
.rightMenu {
  position: absolute;
  width: 120px;
  line-height: 24px;
  z-index: 999;
  background: #FFF;
  border: 1px solid #F2F2F2;
  border-bottom: none;
  border-radius: 3px;
  display: none;
}
.rightMenu li {
  display: block;
  padding: 4px 10px;
  color: #CCC;
  border-bottom: 1px solid #F2F2F2;
}
.rightMenu li:hover {
  background: #EEE;
  color: #666;
}
.as {
    position: relative;
}

.as::after {
    position: absolute;
    display: block;
    content: "*";
    top: 50%;
    right: -10px;
    color: red;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cw{
	width:auto !important;min-width:110px  !important;
}



/**张读条**/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}