/* 添加iconfont字符图标*/
@import "../../../public/plugin/iconfont/iconfont.css";
/* 自添加样式*/
/* @import "http://at.alicdn.com/t/font_609352_looh14ars3.css"; */
/* 表单，表格样式 */
@import "../../../public/css/form.css";

.layui-icon{ font-size:16px !important;}
.mag0{ margin:0 !important; }
::selection { background: #ff5722; color: #fff; }
.layui-red{ color:#f00 !important; font-weight:bold;}
.layui-blue{ color:#01AAED !important;}


/* 公共样式 */
.childrenBody{ padding:10px;}

/* 分块页面样式 */
.layout form > div{ padding:0 10px; }
.layout .btn span{float: left; font-size: 18px; line-height: 38px;}
.layui-table-view{ margin:0 !important;}
.magb0{margin-bottom:0 !important;}
.magt0{ margin-top:0 !important;}
.magt3{ margin-top:3px !important;}
.magt10{ margin-top:10px !important;}
.magb15{ margin-bottom:15px !important;}
.magt30{ margin-top:30px !important;}
.layui-left{text-align:left;}
.layui-block{ width:100% !important;}
.layui-center{text-align:center;}
.layui-right{text-align:right;}
.layui-elem-quote.title{ padding:10px 15px; margin-bottom:0;}
.layui-bg-white{ background-color:#fff !important;}
.border{ border:1px solid #e6e6e6 !important; padding:10px; border-top:none;}
.main_btn .layui-btn{ margin:2px 5px 2px 0;}
.layui-timeline-axis{ left:-4px;}
.layui-elem-quote{ word-break: break-all;}
.icons li,.icons li:hover,.loginBody .seraph,.loginBody .seraph:hover,.loginBody .layui-form-item.layui-input-focus label,.loginBody .layui-form-item label,.loginBody .layui-form-item.layui-input-focus input,.loginBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.icons li:hover i,.icons li i{transition: font-size 0.3s ease-in-out;-webkit-transition: font-size 0.3s ease-in-out;}

/*20180529刘国庆 上传图片*/
.layui-upload-list{margin-left: 110px;}


/* 树 20190410 放开滚动限制， 高度用js获取*/
.tree{padding-right: 15px; height: 100%; overflow: hidden;}
.layui-tree li a cite{font-size: 12px;}
ul.ztree { border: 0px; padding: 0; background: #ffffff; width:100%; height: 100%; overflow: auto; }


/**/

/* 修改密码 */
.pwdTips{ min-height:auto; margin:40px 0 15px 110px;}


/* 个人资料 */
form input.layui-input[disabled]{ background:#f2f2f2; color:#595963!important; }
.user_right{ text-align: center; }
.user_right p{ margin:10px 0 25px; font-size: 12px; text-align: center; color: #FF5722;}
.user_right img#userFace{ width:200px; height:200px; margin-top:20px; cursor:pointer; box-shadow:0 0 50px #44576b; }
.userAddress.layui-form-item .layui-input-inline{ width:23%; }
.userAddress.layui-form-item .layui-input-inline:last-child{ margin-right:0; }


/* 下拉多选 */
.layui-form-item select[multiple]+.layui-form-select dd{ padding:0;}
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary]{ margin:0 !important; display:block; line-height:36px !important; position:relative; padding-left:26px;}
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] span{line-height:36px !important; float:none;}
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ position:absolute; left:10px; top:0; margin-top:9px;}
.multiSelect{ line-height:normal; height:auto; padding:4px 10px; overflow:hidden;min-height:38px; margin-top:-38px; left:0; z-index:99;position:relative;background:none;}
.multiSelect a{ padding:2px 5px; background:#908e8e; border-radius:2px; color:#fff; display:block; line-height:20px; height:20px; margin:2px 5px 2px 0; float:left;}
.multiSelect a span{ float:left;}
.multiSelect a i{ float:left; display:block; margin:2px 0 0 2px; border-radius:2px; width:8px; height:8px; background:url(../images/close.png) no-repeat center; background-size:65%; padding:4px;}
.multiSelect a i:hover{ background-color:#545556;}


/* 404页面 */
.noFind{ text-align:center; padding-top:2%;}
.noFind i{ line-height:1em; font-size:12em !important; color: #393D50; display:block;}
.ufo{ text-align:center; height:100%; position:relative;}
.noFind .page_icon,.noFind .ufo_icon{ opacity:1; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
.noFind .page_icon{ top:300px; animation:pageGo 0.3s ease-in 0.3s forwards; -webkit-animation:pageGo 0.3s ease-in 0.3s forwards; -o-animation:pageGo 0.3s ease-in 0.3s forwards; -moz-animation:pageGo 0.3s ease-in 0.3s forwards;}
.noFind .ufo_icon{ top:100px; animation:ufo 1s ease-in 0.6s forwards; -webkit-animation:ufo 1s ease-in 0.6s forwards; -o-animation:ufo 1s ease-in 0.6s forwards; -moz-animation:ufo 1s ease-in 0.6s forwards;}
.page404{ margin-top:10%; opacity:0; font-size:0; animation:page404 0.5s ease-in 1.7s forwards; -webkit-animation:page404 0.5s ease-in 1.7s forwards; -o-animation:page404 0.5s ease-in 1.7s forwards; -moz-animation:page404 0.5s ease-in 1.7s forwards;}
.page404 p{ font-size: 20px; font-weight: 300; color: #999;}


/* 页面被吸走 */
@keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top: 100px;}}
@-moz-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
@-webkit-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}
@-o-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}}


/* ufo飞走 */
@keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
@-moz-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em;  top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
@-webkit-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em;  top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}
@-o-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}}


/* 404显示 */
@keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
@-moz-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
@-webkit-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}
@-o-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}}


/* 图标管理 */
.iconsLength{ margin:0 5px;}
.icons li{  margin:5px 0; text-align:center; height:120px; cursor:pointer;font-size: 14px;}
.icons li i{ display:block; font-size:32px !important; margin:10px 0; line-height:60px; height:60px;}
.icons li:hover{ background:rgba(13,10,49,.9); border-radius:5px; color:#fff;}
.icons li:hover i{ font-size:50px;}
#copyText{ width:0;height:0; opacity:0; position:absolute; left:-9999px; top:-9999px;}


/* 开发文档 */
h2.method{ font-size:18px; line-height:45px; padding-left:5px;}


/* 用户等级 */
.layui-table-view .layui-table span.seraph{ font-size:25px !important;}
.vip1{ color:#994a2b;}
.vip2{ color:#899396;}
.vip3{ color:#bd6a08;}
.vip4{ color:#a3b8c4;}
.vip5{ color:#63c3ea;}
.vip6{ color:#b563ed;}
.vip7{ color:#ff9831;}
.vip8{ color:#A757A8;}
.vip9{ color:#0ff;}
.vip10{ color:#f00;}


/* 新闻添加 */
.layui-elem-quote .layui-inline{ margin:3px 0;}
.category .layui-form-checkbox{ margin:5px 0;}
.border .layui-form-item{ margin-bottom:10px;}
.border .layui-form-label{ width:50px;}
.border .layui-form-label i{ position:absolute; top:10px; left:3px;}
.border .layui-input-block{ margin-left:80px;}
.thumbBox{ height:151px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; position:relative; text-align:center; line-height:153px;}
.thumbImg{ max-width:100%; max-height:100%; border:none;}
.thumbBox:after{ position:absolute; width:100%; height:100%;line-height:153px; z-index:-1; text-align:center; font-size:20px; content:"缩略图"; left:0; top:0; color:#9F9F9F;}


/* 图片管理 */
#Images li{ width:19%; margin:0.5% 0.5%; float: left; overflow:hidden;}
#Images li img{ width:100%; cursor:pointer; }
#Images li .operate{ display: block; height: 40px; width:100%; background:#f4f5f9; }
#Images li .operate .check{ float:left; margin-left:11px; height:18px; padding:11px 0; width:74%; position:relative;}
#Images li .operate .check .layui-form-checkbox[lay-skin=primary]{ width:100%;}
#Images li .operate .check .layui-form-checkbox[lay-skin=primary] span{ padding:0 5px 0 25px; width:100%; box-sizing:border-box;}
#Images li .operate .check .layui-form-checkbox[lay-skin=primary] i{position:absolute; left:0; top:0;}
#Images li .operate .img_del{ float:right; margin:9px 11px 0 0; font-size: 22px !important; cursor:pointer; }
#Images li .operate .img_del:hover{ color:#f00; }
@media screen and (max-width:1050px){#Images li{ width:24%;}}
@media screen and (max-width: 750px){#Images li{ width:49%;}}
@media screen and (max-width:432px){#Images li{ width:99%;}}


/* 系统日志 */
.layui-btn-green{ background-color:#5FB878 !important;}


/* 友情链接 */
.linkLogo{ width:80px; height:40px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; margin:0 auto; position:relative; text-align:center; line-height:42px;}
.linkLogoImg{ max-width:90%; max-height:90%;}
.linkLogo:after{ position:absolute; width:100%; height:100%;line-height:42px; z-index:-1; text-align:center; font-size:12px; content:"上传LOGO"; left:0; top:0; color:#9F9F9F;}
.linksAdd .layui-form-label{ width:60px; padding-left:0;}
.linksAdd .layui-input-block{ margin-left:75px;}
.linksAdd .layui-input-block input{ padding:0 5px;}


/* 列表功能图标 */
/* .icon-detail, .icon-edit, .icon-del{display: inline-block; margin: 0 8px; text-align: center; width: 24px; height: 24px; line-height: 24px; font-size: 14px;background: #009688; color: #fff; border-radius: 100%;}
.icon-detail:hover, .icon-edit:hover, .icon-del:hover{ opacity: .6; color:#fff;}
.icon-edit{background: #63c3ea;}
.icon-del{background:#ff9831} */

.layui-table .iconfont{font-size: 14px;color: #666; border: 0.5px solid #ddd; padding:6px 10px; margin-left: -1px;}
.layui-table .iconfont:first-child{border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.layui-table .iconfont:last-child{border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.layui-table .iconfont:hover{color: #009688;}

/* 搜索 */
.layui-search-quote{padding-bottom: 0;}


/* 功能按钮 */
/* .btn{text-align: right;} */
/* .btn a{background: linear-gradient(-30deg, #5fb878, rgb(31, 161, 132) 7.98%, #009688 24.79%);} */


.btn-search{float:right;text-align:right;}
.btn-search .layui-search-more{margin-left: 10px;}




/* 表单 */
.layui-input.layui-disabled{background: #eee !important;}
.layui-input-block{line-height: 36px;}
.detail .layui-form-label{color: #009688;}
.detail .layui-form-item{margin-bottom: 0;}
.detail .layui-field-title{ margin: 20px 0 10px;}
.detail{margin-bottom: 30px;}
pre{font-size: 12px; background: #eee;padding:10px 20px; margin-bottom: 20px;}

/* 官方的最新的已经改了 */
.layui-form-label{padding: 9px 15px; width: 80px;}


.minor{padding: 0 15%;}
.minor .layui-col-lg4, .minor .layui-col-sm6{ width: 100%;}
.minor .layui-col-lg, .minor .layui-col-sm3{width: 50%;}
.minor > div:last-child .layui-input-block{margin-left:0; text-align: center;}

.minor.detail .layui-input-block{text-align: center;}
.minor.detail > div:last-child .layui-input-block{margin-left:110px; text-align: left;}
.minor.detail label{text-align: left;}

.news.minor.detail label{display: none}
.news.minor.detail .layui-input-block{margin-left: 0;}
.news.minor.detail > div:last-child .layui-input-block{margin-left: 0;    padding-bottom: 60px;}
.news.minor.detail > div:nth-child(1) .layui-input-block div{font-size: 18px !important;color: #1AA094 !important;}


@media screen and (max-width:768px){.minor{padding: 0;}}
@media screen and (min-width:1366px){.minor{padding: 0 20%;}}

.longtitle .layui-form-label{width: 180px;}
.longtitle .layui-input-block{margin-left: 210px;}

/* 响应式 */
@media screen and (max-width:450px) {
    #userFaceBtn{ height: 30px;line-height: 30px; padding: 0 10px; font-size: 12px;}
    .user_right img#userFace{ width:100px; height:100px; margin-top:0;}
    .layui-col-xs12 .layui-form-label{ width:60px; padding-left:0;}
    .layui-col-xs12 .layui-input-block,.layui-col-xs12 .layui-input-inline{ margin-left:75px;}
    .layui-col-xs12 .layui-input-inline{ left:0 !important; width:auto !important;}
    .noFind{ padding-top:0;}
    *[pc]{ display:none;}
}


/* 侧弹出 */
.layui-slipBg {width:100%;height:100%;position:fixed;right:0;top:0;background:rgba(0,0,0,0.3);z-index:1; display: none;}
.layui-slipContent {position:fixed;right:-40%;width:40%;top:0;bottom:0;background:#ffffff;overflow-y:auto;z-index:1;}
.layui-slipContent .tit{ padding: 10px; border-bottom: 1px solid #ddd;}
.layui-slipContent .tit .layui-icon-yuejuancuohao{float: right; font-size: 20px !important;}
.layui-slipConfirm {width:96%;text-align:center;position:absolute;left:0;bottom:0;padding:10px 2%; background: #fff;}
.layui-slipContent .cont{position: absolute; top: 43px; bottom: 58px; right: 0; margin-bottom: 0; padding: 10px 2%; width: 96%; overflow-y: auto;}
.layui-slipConfirm .layui-btn {width:100%;}
@media(max-width: 768px){.layui-slipContent {right:-100%;width:100%;}}


/* 卡片 */
.flsearch {float: right; width: 300px;}
.flsearch a{position: absolute; top:8px; right: 10px; font-size: 20px !important;}
@media(max-width: 768px){
    .flsearch {float: left; margin: 10px 0; width: 100%;}
}

.card .layui-card-body{padding:30px; overflow: hidden;}
.card h3 {font-size: 24px; margin-bottom: 30px;}
.card h3 span{font-size: 12px; color: #999;}
.card p{font-size: 14px; margin-top: 5px;}
.card p:before{margin-right: 10px;}
.card img{position: absolute; right: -40px; bottom: -40px; width: 40%; opacity: .1; filter: grayscale(100%);}


/* 流程 */
.flow, .flowDetail{overflow: hidden;margin-bottom: 20px;}
.flow{display: flex; justify-content: space-between;}
.flow li{position: relative; width: 100%;}
.flow li:last-child{width: auto;}
.flow li h3{position: relative; z-index: 99; font-size: 16px;}
.flow li i{text-align: center; width: 60px;height: 60px; line-height: 60px; display: block; margin-bottom: 10px;
			font-size:24px; font-style: normal; color: #fff; border: 4px solid #1aa094;border-radius:100%;cursor:pointer;}
.flow li.flowDone i{background: #1aa094;}
.flow li.flowIn i{background: #d7e6ea;}
.flow li.flowNot i{background: #d7e6ea;border-color: #d7e6ea;}

.flow li p{position: absolute;  z-index: 9; top: 28px; height:8px; width: 100%; background: #009688;}
.flow li.flowIn p{background: #d7e6ea;}
.flow li.flowNot p{background: #d7e6ea;}

@media(max-width: 767px){
	.flow li h3{font-size: 12px;}
	.flow li i{width: 40px;height: 40px; line-height: 40px; font-size: 18px;}
	.flow li p{top: 20px;}
}


/* 帮助信息 */
.help{position: absolute; right: 10px; top: 2px; color: #1E9FFF; font-size: 20px !important; cursor: pointer;}

/* 验证提示 */
label.error{position: absolute; top: -6px; left: 8px; line-height: 12px; padding: 0 2px; color: tomato; background: #fff; font-size: 12px;}
.layui-input.error, .layui-input:focus.error{border-color: rgba(255, 99, 71, 0.8) !important; box-shadow: 0 0 8px rgba(255, 99, 71, 0.28)}