/*文字颜色*/
.colora{color: #009688;}
.colorb{color: #ff5722;}
.colorc{color: #689be9;}
.colord{color: #f3bc2e;}
.colore{color: #46ac49;}
.colorf{color: #e0594b;}
.color-red{color: #f00;}

/*间距*/
.pd20{padding: 20px 20px 60px 20px;}

/*覆盖layui的样式*/
.layui-layer .layui-layer-title{height: 50px;line-height: 50px;font-size: 16px;}
.layui-form-item{position: relative;}
.layui-table .layui-form-select dl dd{text-align: center;color: #666;}
.layui-form-select dl dd:hover{color: #46ac49;}
.layui-table .layui-form-select dl dd.layui-this{color: #fff;}
.layui-form-select dl dd.layui-this:hover{color: #fff;}
.layui-layer .layui-layer-btn{border-top: solid 1px #ddd;}
.layui-layer .layui-layer-btn a{height: 38px;line-height: 38px;}
.layui-layer .layui-layer-btn .layui-layer-btn0{background-color: #46ac49;border-color: #46ac49;}
.layui-upload-img {width: 92px;height: 92px;margin: 0 10px 10px 0;}
.layui-word-aux{font-size: 12px;}
.layui-laypage{margin: 15px 0px 0px;}
.layui-form-pane .layui-form-label{text-align: right;}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even){background: #f7fbff;}
.layui-form-switch{height: 24px;}
.layui-form-switch em{margin-right: 5px;}
.layui-form-onswitch em{margin-right: 21px;}
.layui-table-cell{line-height: normal;height: auto;}
.layui-input, .layui-select, .layui-textarea{font-size: 14px;}
.layui-elem-field.layui-field-title{color: #3b963b;border-color: #3b963b;}
.layui-elem-field legend{font-size: 16px;}

.layui-btn-container .layui-btn-xs{padding: 0px 5px;height: 30px;line-height: 30px; margin-top: 6px;}
/*头部*/
.main{width: 100%;overflow: hidden;min-width: 1280px;}
.header{width: 100%;height: 60px;background: #2f3847;position: relative;left: 0px;top: 0px;z-index: 200;}
.header .logo{position: relative;height: 60px;overflow: hidden;top: 0px;left: 0px;animation:logoup 1s;
	-webkit-animation:logoup 1s;}
.header .logo img{height: 100%;}

.header .header-nav{margin-left: 15px;}
.header .header-nav li{float: left;}
.header .header-nav li a{display: block;padding: 20px 15px;font-size: 15px;color: #ccc;line-height: 20px;}
.header .header-nav li a:hover{color: #fff;}
.header .header-nav li.cur{background: #242c37;}
.header .header-nav li.cur a{color: #2fc760;}

.head-right{padding:12px 0px 13px;margin-right: 30px;position: relative;z-index: 200; }
.head-right .head-user{display: block;width: 100%;overflow: hidden;}
.head-right .head-user .head-img{width: 35px;height: 35px;overflow: hidden;border-radius: 50%;background: #3b963b;color: #fff;font-size: 16px;text-align: center;line-height: 35px;margin-right: 10px;text-transform: uppercase;}
.head-right .head-user .head-name{font-size: 14px;color: #eee;line-height: 35px;position: relative;padding-right: 30px;width: 115px;}
.head-right .head-user .head-name i{margin-right: 5px;position: absolute;right: 0px;top: 0px;transition: all .3s;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.head-right:hover .head-user .head-name i{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}

.head-right .head-drown{position: absolute;z-index: 205;min-width: 100%;padding: 10px 0px;background: #fff;top: 60px;right: 0px;border:solid 1px #ccc;box-shadow: 0px 2px 8px #eee;display: none;}
.head-right .head-drown li{display: block;width: 100%;}
.head-right .head-drown li a{display: block;width: 100%;font-size: 14px;color: #2f3847;line-height: 40px;padding: 0 15px;}
.head-right .head-drown li a:hover{color: #fff;background: #3b963b;}

@keyframes logoup {
	from {top: -100%;}
	to {top: 0px;}
}
@-webkit-keyframes logoup{
	from {top: -100%;}
	to {top: 0px;}
}

.subnav{display: none;}

/*排序*/
.sortmix{display:inline-block;color:#3b963b;}
.sortmax{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);display:inline-block;color:#3b963b;}
/*左侧导航*/
.main-left{position: fixed;left: 0px;top: 0px;height: 100%;width: 180px;background: #293038;z-index: 100;padding-top: 60px;transition: all .3s;}
.main-left.out{left: -180px;}
.main-lnavbox{height: 100%;padding-bottom: 300px;overflow: hidden;}
.main-left .main-lnav{height: 100%;overflow-y: auto;width: 200px;border-bottom: solid 1px #49535f;}
.main-left .main-lnav>li{display: block;width: 180px;}
.main-left .main-lnav>li>a{display: block;color: #ccc;font-size: 14px;line-height: 20px;padding: 13px 0px;border-left: solid 4px transparent;padding-left: 16px;padding-right: 25px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;position: relative;z-index: 100;}
.main-left .main-lnav>li>a em{position: absolute;width: 100%;height: 100%;z-index:101;text-align: right;left: 0px;top: 0px;line-height: 46px; /*background-image: url(../images/jt-up01.png);background-repeat: no-repeat;background-position: 90% center;left: 0px;top: 0px;transition: all .3s;*/ }
.main-left .main-lnav>li>a em img{transition: all .3s;margin-right: 15px;}
.main-left .main-lnav>li.on>a{color: #fff;background: #3b963b;border-color: #5cb85c;}
.main-left .main-lnav>li.on>a em img{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.main-left .main-lnav>li>a:hover{color: #fff;}

.main-left .main-lbtn{position: absolute;right: -18px;top:50%;width:20px;background: #293038;z-index: 100;border-radius: 0px 4px 4px 0px;text-align: center;padding:18px 0px;cursor: pointer;}
.main-left .main-lbtn img{display: block;transition: all .3s;width: 18px;margin: 0 auto;}
.main-left .main-lbtn.on img{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.main-lnavdrown{display: none;width: 100%;background: #1b1f23;padding: 10px 25px;color: #bbb;}
.main-lnavdrown li{}
.main-lnavdrown li a{display: block;padding: 8px 0px;font-size: 13px;}
.main-lnavdrown li.cur a,
.main-lnavdrown li.cur a:hover{color: #6bd56b;}
.main-lnavdrown li a:hover{color: #fff;}

/*主内容框架*/
.main-wrap{padding-left: 180px;width: 100%;position: relative;transition: all .3s;}
.main-wrap.in{padding-left: 0px;}
.main-right{position: relative;padding-top:36px;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.main-boxwrap{position: relative;width: 100%;height: 100%;padding-top: 70px;z-index: 1;}
.main-boxwrap1{padding-top: 20px;}
.main-row{display: block;width: 100%;}
.main-box{position: relative;width: 100%;z-index: 1;padding: 0px 20px;height: 100%;overflow-y: scroll;}

/*待办事项弹窗*/
.share{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 999;background-color: #000;opacity: .7;}
.backlog{background: #f2f2f2; padding: 20px;display: none;height: 100%;}
.backlog ul{display: block;width: 100%;}
.backlog ul li{display: block;width: 100%;background: #fff;position: relative;border-top: solid 3px #e5e5e5;transition: all .3s;margin-top: 20px;}
.backlog ul li:first-child{margin-top: 0px;}
.backlog ul li:after{content: "";display: block;width: 100%;height: 3px;background: #3b963b;position: absolute;left: 0px;top: -3px;transition: all .3s;-ms-transform:scaleX(0);-webkit-transform: scaleX(0);transform: scaleX(0);}
.backlog ul li a{display: block;width: 100%;font-size: 14px;color: #666;line-height: 24px;padding: 15px;}
.backlog ul li:hover{box-shadow: 0px 2px 10px #bbb;transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);}
.backlog ul li:hover:after{-ms-transform:scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);}

/*面包屑*/
.crumb{position: absolute;width: 100%;left: 0px;top:0px;height: 36px;background: #eaedf1;z-index: 50;transition: all .3s;overflow: hidden;}
.crumb-box{padding: 0px 15px;width: 100%;font-size: 13px;color: #777;position: relative;z-index: 50;}
.crumb-box span,
.crumb-box a{display:block;float: left;line-height: 35px;}
.crumb-box i{color: #bbb;margin: 0 8px;display: block;float: left;line-height: 35px;}
.crumb-pop{position: absolute;width: 500px;text-align: center;left: 50%;margin-left: -250px;height: 36px;line-height: 36px;font-size: 14px;color: #666;top: 0px;z-index: 51;}
.crumb-pop span{color: #f00;}
.crumb-pop i{font-size: 18px;line-height: 18px;display: inline-block;vertical-align: middle;}
.crumb-pop a:hover{text-decoration: underline;}

/*标题栏*/
.title-bar{width: 100%;height: 40px;position: relative;z-index: 1;background: #eee;padding: 0 15px;margin-bottom: 15px;}
.title-bar h3{font-size: 16px;color: #333;line-height: 40px;}
.title-bar a{font-size: 12px;display: block;line-height: 40px;color: #007cff;}

/*三级导航*/
.main-threenav{background: #fff;position: absolute;left: 0px;top: 20px;width: 100%;padding: 0 40px 0px 20px;z-index: 9;}
.main-threenav .layui-tab-title{border-left: solid 1px #ddd;z-index: 9;}
.main-threenav .layui-tab-title li{line-height: 38px;background: #f5f5f5;border-right: solid 1px #ddd;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;padding: 0px;}
.main-threenav .layui-tab-title li a{display: block;padding: 0 20px;}
.main-threenav .layui-tab-title li.layui-this:after{display: none;}
.main-threenav .layui-tab-title li.layui-this{border-top: solid 2px #3b963b;background: #fff;line-height:38px;border-bottom: none; }

/*筛选*/
.filter{}
.filterbox{margin-right: 8px;margin-bottom: 10px;}
.filterbox .rq{background-image: url(../images/rq.png);background-repeat: no-repeat;background-position: 95% center;padding-right: 38px;width: 260px;}
.filterbox.order-xl{width: 120px;}
.filterbox .order-ss{background:#3b963b;width: 38px;text-align: center;padding: 0px;margin-left: 4px;}
.filterbox .order-ss i{color: #fff;margin-right: 0px;font-size: 22px;vertical-align: middle;}
.filterbox .order-dc{background: #2f3847;color: #fff;}
.filterbox .order-dc.on{background: #fff;color: #333;border: solid 1px #2f3847;line-height: 36px;}
.filterbox .filter-search{width: 245px;}

/*提示备注框*/
.order-remark{background: #f3f8ff;border: solid 1px #b8e1ff;padding: 15px;position: relative;}
.order-remark h3{font-size: 14px;color: #1e9fff;line-height: 30px;}
.order-remark h3 img{width: 20px;margin-right: 5px;}
.order-remark .info{font-size: 12px;color: #999;line-height: 18px;}
.order-remark .info p{margin-top: 6px;font-size: 12px;color: #999;line-height: 18px;}

/*返回按钮*/
.return{position: absolute;right: 40px;top: 6px;height: 26px;font-size: 14px;color: #eb5f00;line-height: 26px;z-index: 10;}
.return img{height: 100%;margin-right: 6px;}

/*表格列表*/
.layui-table.table-noborder{border: none;}
.layui-table thead tr{height: 50px;}
.layui-table th{background-color: #f2f2f2;}
.order-lst{margin: 15px 0px 0px;min-height: 500px;}
.order-lst .layui-table{margin: 0px;}
.order-lst .layui-table th{font-weight: 600;}
.order-lst .layui-table th:last-child{text-align: center;}
.order-lst .layui-table tr:hover, 
.order-lst .layui-table[lay-even] tr:nth-child(even){background: #f7fbff;}

/*分页*/
.paging-box{display: block;width: 100%;text-align: center;margin-top: 30px;margin-bottom: 30px;}
.paging-box a{display: inline-block;min-width: 40px;padding: 0px 10px;height: 36px;line-height: 36px;font-size: 14px;color: #666;text-align: center;margin: 0px 5px;}
.paging-box a.prev,
.paging-box a.next{border: solid 1px #3b963b;padding: 0px;color: #3b963b;line-height: 34px;}
.paging-box a:hover{color: #3b963b;}
.paging-box a.numb.on{background: #3b963b;color: #fff;}
.paging-box span{display: inline-block;font-size: 14px;color: #666;}
.paging-box span.omit{font-size: 20px;}
/*新增分页显示条数*/
.paging-box .layui-form-select{width: 100px; display:inline-block;}
.paging-box .layui-form-select .layui-input{width: 100px;}
/*操作下拉*/
.operate{display: block;width: 100%;position: relative;margin: 0 auto;}
.operate h3{display: block;width: 100%;border: solid 1px #ccc;text-align: left;padding:0 10px;line-height: 38px;height: 40px;background-image: url(../images/jt-down01.png);background-position: 95% center;background-repeat: no-repeat;padding-right: 20px;cursor: pointer;transition: all .5s;font-size: 14px;background-size: 17px;}
.operate h3.on{background-image: url(../images/jt-up01.png);}
.operate-lst{display: block;width: 100%;border: solid 1px #ccc;position: absolute;min-width: 100%;z-index:10; background: #fff;margin-top: 8px;display: none;box-shadow: 0px 0px 10px #ccc;padding: 5px 0px;}
.operate-lst li.on a,
.operate-lst li.on a:hover{background: #5FB878;color: #fff;}
.operate-lst li a{display: block;width: 100%;line-height: 20px;word-wrap:break-word;word-break:break-all;font-size: 14px;padding: 10px 0px;text-align: center;cursor: pointer;}
.operate-lst li a:hover{background-color: #f6f6f6;color: #3b963b;}

/*申请表单填写*/
.pop-remind{text-align: center;font-size: 18px;line-height: 30px;color: #333;margin-bottom: 15px;}
.pop-remind img{width: 30px;height: 30px;display: inline-block;margin-right: 10px;}
.submit-orderlyk{margin-bottom: 15px;}
.submit-orderlyk h3 p{font-size: 14px;line-height: 30px;color: #333;}
.submit-orderlyk h3 p.fr{font-size: 12px;color: #999;}
.submit-orderlyk textarea{display: block;width: 100%;height: 120px;border:solid 1px #ddd;border-radius: 3px;background: #fff;font-size: 14px;line-height: 24px;padding: 10px;}

.frame-box{margin-top: 15px;}
.mform-button{margin-top: 30px;text-align: center;}
.mform-lbtn{text-align: center;margin-bottom: 20px;}

/*表单*/
.mform-box{padding-bottom: 15px;}
.mform-lump{border: solid 1px #ddd;width: 100%;border-top: none;}
.mform-lump:first-child{border-top:solid 1px #ddd; }
.mform-title{border-bottom: solid 1px #ddd;background: #f2f2f2;padding: 0px 15px;height: 50px;position: relative;}
.mform-title h3{color: #333;font-size: 16px;height: 50px;line-height: 50px;}
.mform-content{display: block;width: 100%;padding: 15px 15px 0px;}

.details-k{width: 100%;height: 38px;line-height: 38px;font-size: 14px;color: #333;border:solid 1px #ddd;padding: 0 10px;}
.details-bz{width: 100%;font-size: 14px;color: #333;border:solid 1px #ddd;padding: 10px;line-height: 22px;}

.order-btn{width: 140px;}
.order-btn.keep{border: solid 1px #46ac49;background: #daeedb;color: #46ac49;}

.layui-form-item.disable .details-k{background: #eee;color: #333;}
.layui-form-text p.details-k{min-height: 100px;height: auto;line-height: 20px;padding: 10px;max-height: 260px;overflow-y: auto;}

/*弹出*/
.publish-box{margin-top: 20px;}

/*广告图片预览*/
.adver-imgblock{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.adver-imgbox{border: solid 1px #eee;overflow: hidden;margin:10px 15px;float: left;max-width: 160px;min-width: 80px;min-height: 80px;line-height: 80px;text-align: center; }
.adver-imgbtn{position: relative;overflow: hidden;z-index: 1;}
.adver-imgbtn input{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0;filter: alpha(opacity=0);z-index: 10;}
.adver-imgbtn em{z-index: 5;}

/*表格排序*/
.tabel-sort{display: inline-block;width: 20px;height: 20px;overflow: hidden;background-image: url(../images/px.png);background-repeat: no-repeat;background-position: center center;background-size: 14px 14px;vertical-align: bottom;cursor: pointer;}
.tabel-sort.drop{background-image: url(../images/px02.png);}
.tabel-sort.rise{background-image: url(../images/px01.png);}

/*表单提交框底部按钮*/
.root-box{text-align: center;position: fixed;left: 0px;bottom: 0px;z-index: 100;width: 100%;background: #fff;padding: 10px;border-top: solid 1px #ccc;margin-bottom: 0px;}

/*站内信左边选择到右边显示*/
.leaguer{display: none;}
.leaguer-l,
.leaguer-r{width: 220px;height: 220px;margin: 15px;overflow-y: auto;border: solid 1px #ccc;background: #fff;padding: 10px 0px;}
.leaguer-lul li,
.leaguer-rul li{display: block;width: 100%;padding: 5px 15px;font-size: 14px;color: #666;line-height: 30px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;cursor: pointer;transition: all .3s;}
.leaguer-lul li:hover,
.leaguer-rul li:hover{background: #5FB878;color: #fff;}
.leaguer-lul li.cur,
.leaguer-rul li.cur{background: #3b963b;color: #fff;}
.leaguer-m{height: 220px;margin: 15px;padding-top: 70px;}
.leaguer-m span{display: block;width: 100%;cursor: pointer;}
.leaguer-m span img{max-width: 100%;display: block;border: solid 1px #a6d0a6;width: 30px;}
.leaguer-m span:hover img{border-color: #5FB878;}
.leaguer-m span.leftbtn{margin-top: 20px;}

/*主页面左侧版权信息*/
.main-copyright{position: absolute;width: 100%;bottom: 0px;left: 0px;padding: 0px 15px 30px;color: #fff;}
.main-copyright img{display: block;max-width: 100%;margin:0 auto;}
.main-copyright h4{font-size: 12px;text-align: center;margin-top: 5px;color: #999;}
.main-copyright h3{font-size: 14px;text-align: center;line-height: 20px;margin-top: 20px;margin-bottom: 10px;}
.main-copyright p{font-size: 12px;line-height: 14px;text-align: center;margin-top: 6px;color: #aaa;}