body,html{
    height:100%;
    width:100%;
    position:relative;
    background-color:#fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;}
body{overflow: auto;}
*{margin:0;padding:0;box-sizing:border-box;}
ul li{list-style: none;}
img{max-width:100%;width:auto;vertical-align:middle;}
a{text-decoration: none;}
input::-webkit-input-placeholder{color: #ccc;letter-spacing: 1px;font-size: 14px;}
input::-moz-input-placeholder{color: #ccc;letter-spacing: 1px;font-size: 14px;}
input::-ms-input-placeholder{color: #ccc;letter-spacing: 1px;font-size: 14px;}
textarea{resize: none;}
textarea::-webkit-input-placeholder {color: #ccc;letter-spacing: 1px;font-size: 14px;}
textarea::-moz-input-placeholder {color: #ccc;letter-spacing: 1px;font-size: 14px;}
textarea::-ms-input-placeholder {color: #ccc;letter-spacing: 1px;font-size: 14px;}
input,textarea,select,button{outline:none;border: 0;box-sizing: border-box;}


/*layer 提示信息*/
.layui-layer-hui{background-color: #daf0ff !important;color: rgba(70,178,255,1) !important;border: 1px solid rgba(70,178,255,0.3) !important;}
.layui-layer-dialog .layui-layer-content{font-size:15px !important;letter-spacing:1px;}


/*加载*/
.a-load{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index:20191014;background-color: rgba(255, 255, 255, 0.3);}
.a-load i{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;text-align:center;line-height:40px;font-size:36px;color:#999;}
/*暂无数据*/
.a-none {text-align:center;height:150px;line-height:150px;font-size:16px;color:#ddd;letter-spacing:2px;display:none;}
/*清除浮动*/
.a-lear {clear:both;}
/*几行隐藏*/
.a-hide1{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:1;
    -o-line-clamp:1;
    -ms-line-clamp:1;
    -moz-line-clamp:1;
    -webkit-line-clamp:1;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hide2{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:2;
    -o-line-clamp:2;
    -ms-line-clamp:2;
    -moz-line-clamp:2;
    -webkit-line-clamp:2;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hide3{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:3;
    -o-line-clamp:3;
    -ms-line-clamp:3;
    -moz-line-clamp:3;
    -webkit-line-clamp:3;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hide4{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:4;
    -o-line-clamp:4;
    -ms-line-clamp:4;
    -moz-line-clamp:4;
    -webkit-line-clamp:4;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hide5{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:5;
    -o-line-clamp:5;
    -ms-line-clamp:5;
    -moz-line-clamp:5;
    -webkit-line-clamp:5;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
/*按钮*/
.a-btn{cursor:pointer;text-align:center;box-shadow: 0 0 2px #f0f0f0;border-radius:4px;font-size:14px;letter-spacing:2px;}
.a-btn:hover{opacity:0.8;}
/*公共背景层*/
.a-bg{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.6);display: none;}
.a-bg img{
    position: absolute;
    left:50%;
    top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    max-width: calc(100% - 200px);
    max-height: calc(100% - 200px);
    border: 10px solid #fff;
}
/*滚动条*/
/*::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color:#dfdfdf;border-radius:5px;}*/
.a-color1{background-color:#5FB878 !important;color:#fff !important;}
.a-color2{color:#5FB878 !important;}
.a-color3{border-color:#5FB878 !important;}

/* 删除弹窗提示 */
.a-del-msg{padding: 40px 0;text-align: center;font-size: 16px;color: #333;letter-spacing: 1px;}

/* 暂无数据 */
.no-data{text-align: center;font-size: 16px !important;height: 150px;line-height: 150px;color:#bbb;letter-spacing:2px;}

/* 变色部分样式 */
.x_change_bg{
    background-color: #192224 !important;
}
.x_change_bga{
    background-color: rgba(25,34,36,0.8) !important;
}
.x_checked_bga{
    background-color: #44b549 !important;
}
.x_checked_color{
    color: #44b549 !important;
}
.x_active_bg{
    background-color: rgb(45, 62, 66) !important;
}
.x_checked_bg{
    background-color: #0b0e0e !important;
}
.x_border_color{
    border-color: #0b0e0f !important;
}
/*分页*/
.layui-laypage{margin: 7px 0;}
.layui-laypage a,.layui-laypage span{margin:0px 2px;padding:0 10px;height:26px;line-height:26px;box-sizing:border-box;}
.layui-laypage span{height:24px;}
.layui-laypage a{border:1px solid #E3E3E3;}
.layui-laypage span{border:none;}
.layui-laypage .layui-laypage-spr{border:none;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#5FB878;}
.layui-laypage a:hover{color:#5FB878;}
.layui-laypage a .layui-icon{font-size:12px;}
.layui-laydate-content td.laydate-selected{color: #fff !important;background-color: #5FB878 !important;}
.layui-laypage .layui-laypage-skip{height: 26px;line-height: 26px;}
.layui-laypage button, .layui-laypage input{height: 26px;line-height: 26px;}
.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #5FB878!important;
}
.layui-laypage button:hover{color: #5FB878!important;}



/*修改layui*/
.layui-laydate table .layui-this{background-color: #5FB878 !important;}
.layui-laydate-header i:hover,.layui-laydate-header span:hover{color: #5FB878 !important;}
.layui-laydate ul .layui-this{background-color: #5FB878 !important;}
.layui-laydate-footer span:hover{color: #5FB878 !important;}
.layui-laydate-footer span[lay-type=date]{color: #5FB878 !important;    }
.layui-form-onswitch{margin-top: 6px;border-color: #5FB878 !important;background-color: #5FB878 !important; }
.layui-form-switch{margin-top: 6px;}
.layui-layer-setwin .layui-layer-close2{right: -11px !important;top: -9px !important;}
.layui-layer-title{padding: 0 !important;background-color: #fff !important;border-radius: 10px 10px 0 0 !important;}
.layui-layer-btn .layui-layer-btn0{border-color:#e7e7eb !important;background-color: #fff !important;color:#333 !important;height:30px !important;}
.layui-layer-btn .layui-layer-btn1{color:#fff;border-color:#5FB878;background-color:#5FB878;height:30px !important;}
.layui-layer-btn{padding: 5px 0px 10px !important;border-radius: 0px 0px 10px 10px;}
.layui-layer{border-radius: 10px !important;}
.layui-layer-btn a{margin: 0;padding: 0px 20px !important;}
.layui-layer-btn .layui-layer-btn0{margin-right: 13px;}
.layui-layer-btn .layui-layer-btn1{margin-left: 13px;}
.layui-layer-btn{text-align: center !important;}
.layui-layer-msg{border-radius: 3px !important;}
.layui-input, .layui-textarea{padding-right: 10px;}
/*单选框选择效果*/
.layui-form-radio{margin: 2px 50px 0 0;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color:#5FB878;}
.layui-form-radio>div:hover, .layui-form-radioed>div{color:#5FB878;}
.layui-form-radio:hover i{color:#5FB878;}
.layui-form-radio:hover div{color:#5FB878;}
/*下拉框*/
.layui-input, .layui-select, .layui-textarea{height: 36px;}
.layui-input{border-color: #e3e3e3;}
.layui-input:focus, .layui-textarea:focus{border-color: #5FB878 !important;}
.layui-form-select dl dd.layui-this{background-color:#5FB878;}

/* layer 弹窗层 */
.layui-layer-iframe iframe{border-radius: 0 0 10px 10px;}
/*开关*/
.layui-form-switch em{top: -1px;}
/*原始复选框*/
.layui-form-checkbox[lay-skin=primary]:hover i{border:1px solid #5FB878;}
.layui-form-checked[lay-skin=primary] i{background-color:#5FB878;border-color:#5FB878;}
/*颜色选择器*/
.layui-colorpicker-main{width: 297px;}
.layui-form-switch i{top: 2px;}

.layui-form-switch{
    margin-top: 0;
}
.layui-form-switch{
    width: 64px;
}
.layui-form-switch em{
    right: 0px;
}
.layui-form-onswitch em{
    margin-right: 17px;
}
.layui-layer-login .layui-layer-content{overflow: hidden !important;}





/*模板一，全部灰色按钮*/
.L2-coll-layer .layui-layer-btn{padding:10px !important;border-top:1px solid #eee;}
.L2-coll-layer .layui-layer-btn .layui-layer-btn0,
.L2-coll-layer .layui-layer-btn .layui-layer-btn1,
.L2-coll-layer .layui-layer-btn .layui-layer-btn2{
    border-color: #e7e7eb !important;
    background-color: #f5f5f5 !important;color: #666 !important;height:28px !important;margin:0px 10px;border-radius:2px;line-height:26px;}
.L2-coll-layer .layui-layer-btn .layui-layer-btn0:hover,
.L2-coll-layer .layui-layer-btn .layui-layer-btn1:hover,
.L2-coll-layer .layui-layer-btn .layui-layer-btn2:hover{background-color: #ddd !important;color: #333 !important;}
/*模板二，两按钮，右侧按钮蓝色*/
.L2-tips-layer .layui-layer-btn{padding:10px !important;border-top:1px solid #eee;}
.L2-tips-layer .layui-layer-btn .layui-layer-btn0,
.L2-tips-layer .layui-layer-btn .layui-layer-btn1{height:28px !important;margin:0px 30px;border-radius:2px;line-height:26px;}
.L2-tips-layer .layui-layer-btn .layui-layer-btn0{border-color: #e7e7eb !important;background-color: #f5f5f5 !important;color: #666 !important;}
.L2-tips-layer .layui-layer-btn .layui-layer-btn1{border-color: #e7e7eb !important;background-color: #5FB878 !important;color: #fff !important;}
.L2-tips-layer .layui-layer-btn .layui-layer-btn0:hover{background-color: #ddd !important;color: #333 !important;}
.L2-tips-layer .layui-layer-btn .layui-layer-btn1:hover{background-color: #2f9833 !important;color: #fff !important;}
.layui-layer-btn .layui-layer-btn1:hover{background-color: #44b549 !important;opacity: .8;}





/*提示弹窗*/
.lf-tips{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.lf-tips-main{position:absolute;width:400px;height:220px;background-color:#fff;border-radius:10px;top:50%;left:50%;margin-top:-100px;margin-left:-200px;}
.lf-tips-head{height:41px;border-bottom:1px solid #eee;text-align:center;line-height:40px;font-size:16px;letter-spacing:1px;color:#666;position:relative;}
.lf-tips-head span{width:40px;height:40px;position:absolute;top:0px;right:0px;font-size:22px;color:#999;cursor:pointer;}
.lf-tips-head span:hover{color:#f35858;}
.lf-tips-text{text-align:center;letter-spacing:1px;font-size:14px;color:#333;}
.lf-tips-foot{position:absolute;bottom:20px;height:30px;width:100%;left:0px;text-align:center;font-size:14px;letter-spacing:2px;}
.lf-tips-foot p{border:1px solid #e7e7eb;height:30px;line-height:28px;display:inline-block;vertical-align:middle;margin:0px 20px;padding:0px 20px;cursor:pointer;border-radius:4px;}
.lf-tips-foot .p1{background-color:#44b549;color:#fff;}
.lf-tips-foot .p1:hover{background-color:#2f9833;}
.lf-tips-foot .p2:hover{background-color:#f5f5f5;}






.lay-all{
    height:100%;
    width: 100%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -khtml-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -khtml-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position:relative;
}
.lay-head{
    -webkit-flex-grow:0;
    -moz-flex-grow:0;
    -ms-flex-grow:0;
    flex-grow:0;
    -webkit-box-flex:0;
    -webkit-flex-shrink:0;
    -moz-flex-shrink:0;
    -ms-flex-shrink:0;
    flex-shrink:0;
}
.lay-foot{
   -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
}


/* 配色 */
.CL-body{width:210px;background-color:#f9f9f9;position:fixed;top:100px;left:600px;border-radius:5px;padding:10px;font-size:12px;box-shadow: 0 0 2px 1px #ddd;z-index:200;}
/*历史记录顶部*/
.CL-a{height:20px;color:#444;line-height:20px; position:relative;}
.CL-pick-color{
    position: absolute;
    right: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #666;
    cursor: pointer;
}
.CL-pick-color i{
    font-size: 15px;
    vertical-align: top;
}
.CL-pick-color:hover{
    color: #000;
}
.CL-a span{float:left;}
.CL-a a{float:right;font-size:16px;color:#666;}
.CL-a a:hover{color:#444;}
/*历史记录颜色*/
.CL-b{font-size:0px;background-color:#fff;text-align:left;padding:5px 0px 5px 5px;border-radius:2px;box-shadow:0px 0px 1px #ddd;margin-top:2px;}
.CL-b p{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#f0f0f0;margin:2px;}
.CL-b .ps{cursor:pointer;}
.CL-b .ps:hover{outline:2px solid #F8CC52;}
/*配色方案顶部*/
.CL-c{height:20px;color:#444;line-height:20px;margin-top:5px;position:relative;}
.CL-c span{float:left;}
.CL-c div{position:absolute;top:0px;left:60px;cursor:pointer;border-radius:3px;z-index:10}
.CL-c p{padding:0px 5px;}
.CL-c i{position:relative;top:-2px;font-size:14px;margin-left:5px;}
.CL-c div ul{
    display: none;   
    max-height: 240px;
    padding: 5px 0px 5px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    overflow: auto;
}
.CL-c div ul::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.CL-c div ul::-webkit-scrollbar-track{background-color:#e5e5e5;}
.CL-c div ul::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.CL-c div li{padding:0px 5px;}
.CL-c div li:hover{background-color:#EAEAEA;}
/*配色方案颜色*/
.CL-d{font-size:0px;background-color:#fff;text-align:left;padding:5px 0px 5px 5px;border-radius:2px;box-shadow:0px 0px 1px #ddd;margin-top:2px;}
.CL-d p{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#f0f0f0;margin:2px;}
.CL-d .ps{cursor:pointer;}
.CL-d .ps:hover{outline:2px solid #F8CC52;}
/*多颜色顶部*/
.CL-e{height:20px;color:#444;line-height:20px;margin-top:5px;position:relative; font-size: 0;}
.CL-e .sp1{float:right;cursor:pointer;font-size: 12px;}
.CL-e .sp2{display: inline-block;vertical-align: top; cursor:pointer;font-size: 12px;margin: 0 0 0 5px;}
.CL-e span:hover{color:#44b549}
.CL-e span i{font-size:16px;position:relative;top:1px;}
.CL-e div{display: inline-block;vertical-align: top;position: relative;width:95px; z-index: 10; cursor:pointer;border-radius:3px;z-index:9;font-size: 12px;}
.CL-e p{padding:0px 5px;}
.CL-e p i{position:relative;top:-2px;font-size:14px;margin-left:5px;}
.CL-e div ul{
    display: none;
    max-height: 170px;
    padding: 5px 0px 5px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    overflow: auto;
}
.CL-e div ul::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.CL-e div ul::-webkit-scrollbar-track{background-color:#e5e5e5;}
.CL-e div ul::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.CL-e div li{padding:0px 5px;}
.CL-e div li:hover{background-color:#EAEAEA;}
/*多颜色颜色*/
.CL-f,.CL-group{font-size:0px;background-color:#fff;text-align:left;padding:5px 0px 5px 5px;border-radius:2px;box-shadow:0px 0px 1px #ddd;margin-top:2px;}
.CL-f p,.CL-group p{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:2px;background-color: #f0f0f0;}
.CL-f .p0 img,.CL-group .p0 img{width:100%;height:100%;border-radius:2px;cursor:pointer;}
.CL-f .p0:hover,.CL-group .p0:hover{outline:2px solid #F8CC52;}
.CL-f .p1,.CL-group .p1{background-color:#f0f0f0;}
.CL-f .p2,.CL-group .p2{font-size:16px;color:#888;cursor:pointer;}
.CL-f .p2:hover,.CL-group .p2:hover{color:#44b549;}
.CL-f .ps,.CL-group .ps{cursor:pointer;}
.CL-f .ps:hover,.CL-group .ps:hover{outline:2px solid #F8CC52;}
/*输入框*/
.CL-g{height:22px;margin-top:10px;}
.CL-g .p1{float:left;height:22px;width:22px;background-color:#f00;border-radius:2px;margin-right:8px;box-shadow: 0 0 1px 1px #e3e3e3;}
.CL-g .p2{float:left;width:108px;height:22px;position:relative;background-color:#fff;padding:0px 5px 0px 5px;box-shadow:0px 0px 1px #aaa;}
.CL-g .p2 input{width:100%;height:100%;letter-spacing: 0px;}
.CL-g .p3{float:right;background-color:#5FB878;height:22px;color:#fff;line-height:22px;color:#fff;cursor:pointer;border-radius:2px;padding:0px 10px;}
.CL-g .p3:hover{opacity:0.8;}
.CL-g-atv .p2{width:158px;}
.CL-g-atv .p3{display:none;}

/*透明度*/
.CL-h{height:10px;margin-top:12px;position:relative;}
.CL-h .p1{background-image:url(../images/colorOp.png);width:100%;height:100%;}
.CL-h .p2{position:absolute;top:0px;left:0px;height:100%;width:100%;background:-webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.8));}
.CL-h .p3{position:absolute;top:-3px; height:16px;width:16px;background-color:#000;border:3px solid #fff;border-radius:50%;box-shadow:0px 0px 3px #aaa;cursor:pointer;}
/*底部按钮*/
.CL-i{display: none; font-size:0px;height:22px;line-height:22px;text-align:center;color:#fff;margin-top:12px;letter-spacing:1px;}
.CL-i p{display:inline-block;height:22px;background-color:#5FB878;font-size:12px;width:36%;border-radius:2px;margin:0 6%;cursor:pointer;}
.CL-i p:hover{opacity:0.8;}
/* 颜色组件渲染容器 */
.CL-color{width: 190px;height: 110px;margin:2px 0 0;}
.CL-e .sp1[data-type="2"],
.CL-e .sp2[data-type="2"]{color:#5FB878;}
/* 颜色选中效果 */
.CL-checked-color{
    font-size: 14px !important;
    color: #fff;
    padding-left: 1px;
}

/* 编辑器配色部分 */
.editor-body{width:210px;background-color:#f9f9f9;z-index:120;border-radius:5px;padding:10px;font-size:12px;box-shadow: 0 0 2px 1px #ddd;z-index: 200;}
/*历史记录顶部*/
.editor-a{height:20px;color:#444;line-height:20px;position:relative;}
.editor-pick-color{
    position: absolute;
    right: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #666;
    cursor: pointer;
}
.editor-pick-color i{
    font-size: 15px;
    vertical-align: top;
}
.editor-pick-color:hover{
    color: #000;
}
.editor-a span{float:left;}
.editor-a a{float:right;font-size:16px;color:#666;}
.editor-a a:hover{color:#444;}
/*历史记录颜色*/
.editor-b{font-size:0px;background-color:#fff;text-align:left;padding:5px 0px 5px 5px;border-radius:2px;box-shadow:0px 0px 1px #ddd;margin-top:2px;}
.editor-b p{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#f0f0f0;margin:2px;}
.editor-b .ps{cursor:pointer;}
.editor-b .ps:hover{outline:2px solid #F8CC52;}
/*配色方案顶部*/
.editor-c{height:20px;color:#444;line-height:20px;margin-top:5px;position:relative;}
.editor-c span{float:left;}
.editor-c div{position:absolute;top:0px;left:60px;cursor:pointer;border-radius:3px;z-index:10}
.editor-c p{padding:0px 5px;}
.editor-c i{position:relative;top:-2px;font-size:14px;margin-left:5px;}
.editor-c div ul{
    display: none;
    max-height: 240px;
    padding: 5px 0px 5px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    overflow: auto;
}
.editor-c div ul::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.editor-c div ul::-webkit-scrollbar-track{background-color:#e5e5e5;}
.editor-c div ul::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.editor-c div li{padding:0px 5px;}
.editor-c div li:hover{background-color:#EAEAEA;}
/*配色方案颜色*/
.editor-d{font-size:0px;background-color:#fff;text-align:left;padding:5px 0px 5px 5px;border-radius:2px;box-shadow:0px 0px 1px #ddd;margin-top:2px;}
.editor-d p{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#f0f0f0;margin:2px;}
.editor-d .ps{cursor:pointer;}
.editor-d .ps:hover{outline:2px solid #F8CC52;}
/*多颜色顶部*/
.editor-e{height:20px;color:#444;line-height:20px;margin-top:5px;position:relative; font-size: 0;}
.editor-e .sp1{float:right;cursor:pointer;font-size: 12px;}
.editor-e .sp2{display: inline-block;vertical-align: top; cursor:pointer;font-size: 12px;margin: 0 0 0 5px;}
.editor-e span:hover{color:#44b549}
.editor-e span i{font-size:16px;position:relative;top:1px;}
.editor-e div{display: inline-block;vertical-align: top;position: relative;width: 95px; cursor:pointer;border-radius:3px;z-index:9;font-size: 12px;}
.editor-e p{padding:0px 5px;}
.editor-e p i{position:relative;top:-2px;font-size:14px;margin-left:5px;}
.editor-e div ul{display:none;padding:0px 0px 2px;background-color:#fff;box-shadow:0px 0px 5px #ccc;}
.editor-e div ul{
    display: none;
    max-height: 170px;
    padding: 5px 0px 5px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ccc;
    overflow: auto;
}
.editor-e div ul::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.editor-e div ul::-webkit-scrollbar-track{background-color:#e5e5e5;}
.editor-e div ul::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.editor-e div li{padding:0px 5px;}
.editor-e div li:hover{background-color:#EAEAEA;}
/*多颜色颜色*/
.editor-f,.editor-group{font-size:0px;background-color:#fff;text-align:left;padding:5px 0px 5px 5px;border-radius:2px;box-shadow:0px 0px 1px #ddd;margin-top:2px;}
.editor-f p,.editor-group p{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:2px;background-color: #f0f0f0;}
.editor-f .p0 img,.editor-group .p0 img{width:100%;height:100%;border-radius:2px;cursor:pointer;}
.editor-f .p0:hover,.editor-group .p0:hover{outline:2px solid #F8CC52;}
.editor-f .p1,.editor-group .p1{background-color:#f0f0f0;}
.editor-f .p2,.editor-group .p2{font-size:16px;color:#888;cursor:pointer;}
.editor-f .p2:hover,.editor-group .p2:hover{color:#44b549;}
.editor-f .ps,.editor-group .ps{cursor:pointer;}
.editor-f .ps:hover,.editor-group .ps:hover{outline:2px solid #F8CC52;}

/*输入框*/
.editor-g{height:22px;margin-top:10px;}
.editor-g .p1{float:left;height:22px;width:22px;background-color:#f00;border-radius:2px;margin-right:8px;box-shadow: 0 0 1px 1px #e3e3e3;}
.editor-g .p2{float:left;width:108px;height:22px;position:relative;background-color:#fff;padding:0px 5px 0px 5px;box-shadow:0px 0px 1px #aaa;}
.editor-g .p2 input{width:100%;height:100%;letter-spacing: 0px;}
.editor-g .p3{float:right;background-color:#5FB878;height:22px;color:#fff;line-height:22px;color:#fff;cursor:pointer;border-radius:2px;padding:0px 10px;}
.editor-g .p3:hover{opacity:0.8;}
/*透明度*/
.editor-h{height:10px;margin-top:12px;position:relative;}
.editor-h .p1{background-image:url(../images/colorOp.png);width:100%;height:100%;}
.editor-h .p2{position:absolute;top:0px;left:0px;height:100%;width:100%;background:-webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.8));}
.editor-h .p3{position:absolute;top:-3px; height:16px;width:16px;background-color:#000;border:3px solid #fff;border-radius:50%;box-shadow:0px 0px 3px #aaa;cursor:pointer;}
/*底部按钮*/
.editor-i{display: none; font-size:0px;height:22px;line-height:22px;text-align:center;color:#fff;margin-top:12px;letter-spacing:1px;}
.editor-i p{display:inline-block;height:22px;background-color:#5FB878;font-size:12px;width:36%;border-radius:2px;margin:0 6%;cursor:pointer;}
.editor-i p:hover{opacity:0.8;}
/* 颜色组件渲染容器 */
.editor-color{width: 190px;height: 110px;margin:2px 0 0;}
.editor-e .sp1[data-type="2"],
.editor-e .sp2[data-type="2"]{color:#5FB878;}


/* 导入颜色弹窗 */
.Cl-import-body{
	padding:10px;
}
.Cl-import-list{
	font-size:0;
	margin: 0 0 10px 0;
}
.Cl-import-list>p,
.Cl-import-list>div{
	display: inline-block;
	vertical-align: middle;
	font-size:14px;
	height: 28px;
	line-height: 28px;
	color: #333;
}
.Cl-import-list>p.title{
	width: 80px;
	margin:0 10px 0 0;
	text-align: right;
}
.Cl-import-list>p .tips{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color:#999;
}
.Cl-import-list>div.Cl-group-numb{
	font-size: 12px;
	color: #999;
	padding: 0 0 0 20px;
}
.Cl-group-numb span{
	color: #5FB878;
	padding: 0 3px;
}
.Cl-import-list:last-child{
	padding:0 16px;
	margin: 0;
}
.Cl-import-list .layui-form-select .layui-input,
.Cl-import-list .layui-form-select dl dd,
.Cl-import-list .layui-form-select dl dt{
	height: 28px;
	line-height: 28px;
}
.Cl-import-color{
	width: 100%;
	height:125px;
	resize: none;
	font-size: 14px;
}
.Cl-import-color::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.Cl-import-color::-webkit-scrollbar-track{background-color:#e5e5e5;}
.Cl-import-color::-webkit-scrollbar-thumb{background-color:#c1c1c1}

/* 颜色分组管理 */
.Cl-group-cont,.editor-group-cont{
	position: relative;
}
.Cl-group-ul,.editor-group-ul{
    font-size: 0;
    color: #a1a1a1;
    line-height: 24px;
    padding:20px 0 51px 20px;
}
.Cl-group-li,.editor-group-li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
	text-align: center;
    font-size: 14px;
    width: 100px;
    padding: 5px;
    margin: 0px 15px 20px;
    cursor: move;
    border-radius: 5px;
    border: 1px solid #ECECEC;
    background-color: #f8f8f8;
}
.Cl-group-li:nth-child(4n),.editor-group-li:nth-child(4n){
	margin: 0 0 20px 0;
}
.Cl-group-li>.del,.editor-group-li>.del{
	display: none;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 20px;
	height: 20px;
	font-size: 14px;
	color: #e25644;
	line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.Cl-group-li>.del:hover,.editor-group-li>.del:hover{opacity: .8;}
.Cl-group-li:hover>.del,.editor-group-li:hover>.del{
	display: inline-block;
}
.Cl-group-li>.move>span,.editor-group-li>.move>span{
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #aaa;
}
.Cl-group-li>p,.editor-group-li>p{
    cursor: pointer;
	height: 22px;
	line-height: 22px;
}
.Cl-group-li input,.editor-group-li input{
	width: 100%;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #fff;
}
.Cl-group-ul li.active,.editor-group-ul li.active{
	color: #fff;
	background-color: #F8CC52;
	border-color: #F8CC52;
}
.Cl-group-ul li.active input,.editor-group-ul li.active input{
	color: #333;
}
.Cl-group-foot,.editor-group-foot{	
	position: absolute;
	left:0;
	bottom: 0;
	width: 100%;
	height: 51px;
	line-height: 50px;
	text-align: center;
	border-top: 1px solid #eee;
}
.Cl-group-foot>p:nth-child(1),.editor-group-foot>p:nth-child(1){
	float: left;
	padding: 10px 0 0 20px;
	font-size: 12px;
	color: #a1a1a1;
	line-height: 30px;
}
.Cl-group-foot>p:nth-child(1) span,.editor-group-foot>p:nth-child(1) span{
	margin:0 2px;
}
.Cl-group-foot>p:nth-child(2),.editor-group-foot>p:nth-child(2){
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	height:28px;
	padding: 0 20px;
	margin: 0 0 0 140px;
	line-height: 26px;
	color: #a1a1a1;
	border-radius:2px;
	cursor: pointer;
	background-color: #F8F8F8;
	border:1px solid #ECECEC;
}
.Cl-group-foot>p:nth-child(2):hover,.editor-group-foot>p:nth-child(2):hover{
	opacity: .8;
}
.Cl-group-foot>p:nth-child(3),.editor-group-foot>p:nth-child(3){
	float: right;
	padding: 10px 20px 0 0;
	font-size: 12px;
	color: #a1a1a1;
	line-height: 30px;
}

/* 导出颜色弹窗 */
.Cl-import-layer  .layui-layer-content{
    overflow: inherit !important;
}

.CL-j,
.editor-j{
    margin: 10px 0 0;
}
.CL-j-cont1,
.editor-j-cont1{
    height: 22px;
    line-height: 22px;
}
.CL-j-cont2,
.editor-j-cont2{
	font-size: 0;
}
.CL-j-list,
.editor-j-list{
	display: inline-block;
    vertical-align: middle;
    width: calc( (100% - 15px) / 2 );
    height: 22px;
    margin: 10px 15px 0 0;
}
.CL-j-list:nth-child(2n),
.editor-j-list:nth-child(2n){
    margin: 10px 0 0 0;
}
.CL-j-list>p,
.editor-j-list>p{
	display: inline-block;
	vertical-align: middle;
}

.CL-j-list p .fa-check{line-height:20px;}


.CL-j-list>p.p1,
.editor-j-list>p.p1{
    width: 20px;
    height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 2px;
    margin: 0 5px 0 0;
	cursor: pointer;
	box-shadow: 0px 0px 1px 1px #e3e3e3;
}
.CL-j-list>p.p1:hover,
.editor-j-list>p.p1:hover{
	outline: 2px solid #F8CC52;
}
.CL-j-list>p>span,
.editor-j-list>p>span{
	font-size: 12px;
}
.CL-j-cont1 .p1,
.editor-j-cont1 .p1{
    float: left;
    height: 22px;
    width: 22px;
    border-radius: 2px;
    margin-right: 4px;
    box-shadow: 0px 0px 1px 1px #e3e3e3;
}
.CL-j-cont1 .p3,
.editor-j-cont1 .p3{
    float: right;
    background-color: #5FB878;
    height: 22px;
    color: #fff;
    line-height: 22px;
    cursor: pointer;
    border-radius: 2px;
    padding: 0px 10px;
}
.CL-j-list .p2 ,
.editor-j-list .p2{
    position: relative;
    width: 62px;
    height: 22px;
    background-color: #fff;
    padding: 0px 3px 0px 3px;
    box-shadow: 0px 0px 1px #aaa;
    margin: 0 4px 0 0;
	font-size: 12px;
}
.CL-j-list .p2 input,
.editor-j-list .p2 input{
    width: 44px;
    height: 100%;
    letter-spacing: 0px;
}
.CL-j-list .p2:last-child,
.editor-j-list .p2:last-child{
    margin: 0;
}
.CL-j-cont1 .p2,
.editor-j-cont1 .p2{
	position: relative;
    float: left;
    height: 22px;
}
.CL-j-cont1 .p2 input,
.editor-j-cont1 .p2 input{
	width: 40px;
    height: 100%;
    letter-spacing: 0;
    padding: 0px 5px 0px 5px;
}
.CL-j-cont1 .p2 .sp1,
.editor-j-cont1 .p2 .sp1{
    position: absolute;
    right: 4px;
    font-size: 14px;
}
.CL-j-cont1 .p1,
.editor-j-cont1 .p1{
    margin: 0 8px 0 0;
}

/* 团队等级图标 */
.team-grade-icon1{background-image: url(/common/images/team-icon.png);background-repeat: no-repeat;background-position:-27px -21px;}
.team-grade-icon2{background-image: url(/common/images/team-icon.png);background-repeat: no-repeat;background-position:-184px -202px;}
.team-grade-icon3{background-image: url(/common/images/team-icon.png);background-repeat: no-repeat;background-position:-241px -202px;}

/*对公转账弹窗*/
.bankpay{padding:20px 40px 0px;color:#999;font-size:15px;}
.bankpayA{height:32px;line-height:32px;}
.bankpayA span{color:#333;letter-spacing:1px;}
.bankpayB{height:32px;line-height:32px;margin-top:5px;}
.bankpayB span{color:#ff9600;letter-spacing:1px;}
.bankpayB b{display:inline-block;vertical-align: middle;font-family:'Times New Roman', Times, serif;font-style: italic;font-size:26px;font-weight:bold;position:relative;top:-2px;}
.bankpayB sub{display:inline-block;vertical-align:middle;font-size:14px;margin-right:0px;position:relative;}
.bankpayC{height:32px;line-height:32px;margin-top:5px;}
.bankpayC span{color:#ff9600;font-size:18px;font-weight:bold;}
.bankpayD{overflow:hidden;margin-top:10px;}
.bankpayD .p1{float:left;height:32px;line-height:32px;}
.bankpayD .d1{background-color:#f6f8f9;position:relative;padding:10px 20px;border-radius:4px;font-size:14px;color:#333;float:left;width:430px;}
.bankpayD .d1 p{height:32px;line-height:32px;}
.bankpayD .d1 div{position:absolute;right:10px;bottom:10px;font-size:12px;background-color:#e7e8eb;height:26px;width:60px;text-align:center;line-height:26px;border-radius:2px;cursor:pointer;z-index:20;}
.bankpayD .d1 div:hover{background-color:#ddd;}
.bankpayD .d1 textarea{position:absolute;width:1px;height:1px;bottom:12px;right:12px;z-index:10;}
.bankpayE{margin-top:10px;height:80px;}
.bankpayE p{float:left;height:32px;line-height:32px;}
.bankpayE a{float:left;width:220px;height:80px;overflow:hidden;margin-right:20px;border:1px solid #e7e8eb;position:relative;border-radius:2px;background-size:100% 100%;}
.bankpayE a img{width:100%;height:100%;}
.bankpayE a span{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.4);text-align:center;line-height:80px;color:#fff;font-size:14px;letter-spacing:1px;}
.bankpayE div{float:left;width:100px;height:30px;background-color:#f5f5f5;border:1px solid #e7e8eb;text-align:center;line-height:28px;border-radius:2px;cursor:pointer;margin-top:50px;overflow:hidden;position:relative;}
.bankpayE div:hover{background-color:#e7e8eb;}

.bankpayE-upload{position:absolute;top:0px;right:0px;height:100%;cursor:pointer;opacity:0;}
.bankpayF{height:36px;margin-top:10px;}
.bankpayF p{float:left;height:36px;line-height:36px;}
.bankpayF input{width:430px;height:36px;padding:0px 10px;border-radius:2px;}
.bankpayG{height:36px;margin-top:10px;}
.bankpayG p{float:left;height:36px;line-height:36px;}
.bankpayG input{width:430px;height:36px;padding:0px 10px;border-radius:2px;}
.bankpayH{width:120px;height:32px;background-color:#ff9600;text-align:center;line-height:32px;border-radius:2px;cursor:pointer;color:#fff;margin:20px auto 0px;}
.bankpayI{margin-top:20px;}
.bankpayI p{line-height:24px;color:#999;font-size:14px;}
.bankpayI p a{color:#ff9600;}