body,html{height:100%;width:100%;position:relative;background-color:#fff;}
body{overflow: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
*{font-family: PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, \\5FAE\8F6F\96C5\9ED1, STHeiti, \\534E\6587\7EC6\9ED1, sans-serif;}
*{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;}
/*分页*/
.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:#16d17f;}
.layui-laypage a:hover{color:#16d17f;}
.layui-laypage a .layui-icon{font-size:12px;}
.layui-laydate-content td.laydate-selected{color: #fff !important;background-color: #16d17f !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: #16d17f!important;}
.layui-laypage button:hover{color: #16d17f!important;}
/*修改layui*/
.layui-laydate table .layui-this{background-color: #16d17f !important;}
.layui-laydate-header i:hover,.layui-laydate-header span:hover{color: #16d17f !important;}
.layui-laydate ul .layui-this{background-color: #16d17f !important;}
.layui-laydate-footer span:hover{color: #16d17f !important;}
.layui-laydate-footer span[lay-type=date]{color: #16d17f !important;    }
.layui-form-onswitch{margin-top: 6px;border-color: #16d17f !important;background-color: #16d17f !important; }
.layui-form-switch{margin-top: 6px;}
.layui-layer-setwin .layui-layer-close2{right: 0px !important;top: 0px !important;}
.layui-layer-title{background-color: #fff !important;border-radius: 5px 5px 0 0 !important;}
.layui-layer-title > a{font-size: 12px;color: #fff;margin-left: 10px;letter-spacing: 1px;}
.layui-layer-btn .layui-layer-btn0{margin-right: 13px;border-radius: 2px;border-color:#16d17f !important;background-color: #16d17f !important;color:#fff !important;height:26px !important;width: 80px;margin-top: 9px;line-height: 26px;}
.layui-layer-btn .layui-layer-btn1{color:#16d17f;border-color:#16d17f;height:26px !important;margin-left: 13px;width: 80px;margin-top: 9px;line-height: 26px;}
.layui-layer-btn{padding: 0px 0px 15px !important;border-radius: 0px 0px 5px 5px;}
.layer-art-preview{border-radius: 0!important;}
.layui-layer-btn a{margin: 0;padding: 0px 20px !important;}
.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:#16d17f;}
.layui-form-radio>div:hover, .layui-form-radioed>div{color:#16d17f;}
.layui-form-radio:hover i{color:#16d17f;}
.layui-form-radio:hover div{color:#16d17f;}
/*下拉框*/
.layui-input, .layui-select, .layui-textarea{height: 36px;}
.layui-input{border-color: #e3e3e3;}
.layui-input:focus, .layui-textarea:focus{border-color: #16d17f !important;}
.layui-form-select dl dd.layui-this{background-color:#16d17f;}
/* 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 #16d17f;}
.layui-form-checked[lay-skin=primary] i{background-color:#16d17f;border-color:#16d17f;}
/*颜色选择器*/
.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;}
/*模板一，全部灰色按钮*/
.Left2-coll-layer .layui-layer-btn{padding:10px !important;border-top:1px solid #eee;}
.Left2-coll-layer .layui-layer-btn .layui-layer-btn0,
.Left2-coll-layer .layui-layer-btn .layui-layer-btn1,
.Left2-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;}
.Left2-coll-layer .layui-layer-btn .layui-layer-btn0:hover,
.Left2-coll-layer .layui-layer-btn .layui-layer-btn1:hover,
.Left2-coll-layer .layui-layer-btn .layui-layer-btn2:hover{background-color: #ddd !important;color: #333 !important;}
/*模板二，两按钮，右侧按钮蓝色*/
.Left2-tips-layer .layui-layer-btn{padding:10px !important;border-top:1px solid #eee;}
.Left2-tips-layer .layui-layer-btn .layui-layer-btn0,
.Left2-tips-layer .layui-layer-btn .layui-layer-btn1{height:28px !important;margin:0px 30px;border-radius:2px;line-height:26px;}
.Left2-tips-layer .layui-layer-btn .layui-layer-btn0{border-color: #e7e7eb !important;background-color: #16d17f !important;color: #fff !important;}
.Left2-tips-layer .layui-layer-btn .layui-layer-btn1{border-color: #16d17f !important;background-color: #fff !important;color: #16d17f !important;}
.Left2-tips-layer .layui-layer-btn .layui-layer-btn0:hover{background-color: #16d17f; !important;color: #fff !important;}
.Left2-tips-layer .layui-layer-btn .layui-layer-btn1:hover{background-color: #fff !important;color: #16d17f !important;}
.layui-layer-btn .layui-layer-btn1:hover{opacity: .8;}
.layui-layer-close{background-position: 0% 88% !important;}
/*提示弹窗*/
.left-tips{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.left-tips-main{position:absolute;width:400px;height:220px;background-color:#fff;border-radius:10px;top:50%;left:50%;margin-top:-100px;margin-left:-200px;}
.left-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;}
.left-tips-head span{width:40px;height:40px;position:absolute;top:0px;right:0px;font-size:22px;color:#999;cursor:pointer;}
.left-tips-head span:hover{color:#f35858;}
.left-tips-text{text-align:center;letter-spacing:1px;font-size:14px;color:#333;}
.left-tips-foot{position:absolute;bottom:20px;height:30px;width:100%;left:0px;text-align:center;font-size:14px;letter-spacing:2px;}
.left-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;}
.left-tips-foot .p1{background-color:#00a9ef;color:#fff;}
.left-tips-foot .p1:hover{background-color:#8cc2f7;}
.left-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;}
/* 配色 */
.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;}
.color-body{width:210px;background-color:#f9f9f9;position:fixed;top:100px;left:600px;z-index:120;border-radius:5px;padding:10px;font-size:12px;box-shadow: 0 0 2px 1px #ddd;z-index: 200;}
/*历史记录顶部*/
.editor-a,.color-a{height:20px;color:#444;line-height:20px;position:relative;}
.editor-pick-color,.color-pick-color{position: absolute;right: 20px;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #666;cursor: pointer;}
.editor-pick-color i,.color-pick-color i{font-size: 15px;vertical-align: top;}
.editor-pick-color:hover,.color-pick-color:hover{color: #000;}
.editor-a span,.color-a span{float:left;}
.editor-a a,.color-a a{float:right;font-size:16px;color:#666;}
.editor-a a:hover,.color-a a:hover{color:#444;}
/*历史记录颜色*/
.editor-b,.color-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,.color-b p{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#f0f0f0;margin:2px;}
.editor-b .ps,.color-b .ps{cursor:pointer;}
.editor-b .ps:hover,.color-b .ps:hover{outline:2px solid #F8CC52;}
/*配色方案顶部*/
.editor-c,.color-c{height:20px;color:#444;line-height:20px;margin-top:5px;position:relative;}
.editor-c span,.color-c span{float:left;}
.editor-c div,.color-c div{position:absolute;top:0px;left:60px;cursor:pointer;border-radius:3px;z-index:10}
.editor-c p,.color-c p{padding:0px 5px;}
.editor-c i,.color-c i{position:relative;top:-2px;font-size:14px;margin-left:5px;}
.editor-c div ul,.color-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,.color-c div ul::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.editor-c div ul::-webkit-scrollbar-track,.color-c div ul::-webkit-scrollbar-track{background-color:#e5e5e5;}
.editor-c div ul::-webkit-scrollbar-thumb,.color-c div ul::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.editor-c div li,.color-c div li{padding:0px 5px;}
.editor-c div li:hover,.color-c div li:hover{background-color:#EAEAEA;}
/*配色方案颜色*/
.editor-d,.color-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,.color-d p{display:inline-block;vertical-align:middle;width:16px;height:16px;background-color:#f0f0f0;margin:2px;}
.editor-d .ps,.color-d .ps{cursor:pointer;}
.editor-d .ps:hover,.color-d .ps:hover{outline:2px solid #F8CC52;}
/*多颜色顶部*/
.editor-e,.color-e{height:20px;color:#444;line-height:20px;margin-top:5px;position:relative; font-size: 0;}
.editor-e .sp1,.color-e .sp1{float:right;cursor:pointer;font-size: 12px;}
.editor-e .sp2,.color-e .sp2{display: inline-block;vertical-align: top; cursor:pointer;font-size: 12px;margin: 0 0 0 5px;}
.editor-e span:hover,.color-e span:hover{color:#44b549}
.editor-e span i,.color-e span i{font-size:16px;position:relative;top:1px;}
.editor-e div,.color-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,.color-e p{padding:0px 5px;}
.editor-e p i,.color-e p i{position:relative;top:0px;font-size:14px;margin-left:0px;}
.editor-e div ul,.color-e div ul{display:none;padding:0px 0px 2px;background-color:#fff;box-shadow:0px 0px 5px #ccc;width: 50px;}
.editor-e div ul::-webkit-scrollbar,.color-e div ul::-webkit-scrollbar{width:7px;height:7px;background-color:#f1f1f1}
.editor-e div ul::-webkit-scrollbar-track,.color-e div ul::-webkit-scrollbar-track{background-color:#e5e5e5;}
.editor-e div ul::-webkit-scrollbar-thumb,.color-e div ul::-webkit-scrollbar-thumb{background-color:#c1c1c1}
.editor-e div li,.color-e div li{padding:0px 5px;}
.editor-e div li:hover,.color div li:hover{background-color:#EAEAEA;}
/*多颜色颜色*/
.color-f,.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;}
.color-f p,.editor-f p,.editor-group p{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:2px;background-color: #f0f0f0;}
.color-f .p0 img,.editor-f .p0 img,.editor-group .p0 img{width:100%;height:100%;border-radius:2px;cursor:pointer;}
.color-f .p0:hover,.editor-f .p0:hover,.editor-group .p0:hover{outline:2px solid #F8CC52;}
.color-f .p1,.editor-f .p1,.editor-group .p1{background-color:#f0f0f0;}
.color-f .p2,.editor-f .p2,.editor-group .p2{font-size:16px;color:#888;cursor:pointer;}
.color-f .p2:hover,.editor-f .p2:hover,.editor-group .p2:hover{color:#44b549;}
.color-f .ps,.editor-f .ps,.editor-group .ps{cursor:pointer;}
.color-f .ps:hover,.editor-f .ps:hover,.editor-group .ps:hover{outline:2px solid #F8CC52;}

/*输入框*/
.color-g-atv .p3 {display: none;}
.color-g-atv .p2 {width: 158px!important;}
.color-g,.editor-g{height:22px;margin-top:10px;}
.color-g .p1,.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;}
.color-g .p2,.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;}
.color-g .p2 input,.editor-g .p2 input{width:100%;height:100%;letter-spacing: 0px;}
.color-g .p3,.editor-g .p3{float:right;background-color:#16d17f;height:22px;color:#fff;line-height:22px;color:#fff;cursor:pointer;border-radius:2px;padding:0px 10px;}
.color-g p3:hover,.editor-g .p3:hover{opacity:0.8;}
/*透明度*/
.color-h,.editor-h{height:10px;margin-top:12px;position:relative;}
.color-h .p1,.editor-h .p1{background-image:url(../images/colorOp.png);width:100%;height:100%;}
.color-h .p2,.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));}
.color-h .p3,.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,.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,.editor-i p{display:inline-block;height:22px;background-color:#16d17f;font-size:12px;width:36%;border-radius:2px;margin:0 6%;cursor:pointer;}
.editor-i p:hover,.editor-i p:hover{opacity:0.8;}
/* 颜色组件渲染容器 */
.color-color,.editor-color{width: 190px;height: 110px;margin:2px 0 0;}
.color-e .sp1,.editor-e .sp1[data-type="2"],
.color-e .sp2,.editor-e .sp2[data-type="2"]{color:#16d17f;}
.color-j,.editor-j{margin: 10px 0 0;}
.color-j-cont1,.editor-j-cont1{height: 22px;line-height: 22px;}
.color-j-cont2,.editor-j-cont2{font-size: 0;}
.color-j-list,.editor-j-list{display: inline-block;vertical-align: middle;width: calc( (100% - 15px) / 2 );height: 22px;margin: 10px 15px 0 0;}
.color-j-list:nth-child(2n),.editor-j-list:nth-child(2n){margin: 10px 0 0 0;}
.color-j-list>p,.editor-j-list>p{display: inline-block;vertical-align: middle;}
.color-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;}
.color-j-list>p.p1:hover,.editor-j-list>p.p1:hover{outline: 2px solid #F8CC52;}
.color-j-list>p>span,.editor-j-list>p>span{font-size: 12px;}
.color-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;}
.color-j-cont1 .p3,.editor-j-cont1 .p3{float: right;background-color: #16d17f;height: 22px;color: #fff;line-height: 22px;cursor: pointer;border-radius: 2px;padding: 0px 10px;}
.color-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;}
.color-j-list .p2 input,.editor-j-list .p2 input{width: 44px;height: 100%;letter-spacing: 0px;}
.color-j-list .p2:last-child,.editor-j-list .p2:last-child{margin: 0;}
.color-j-cont1 .p2, .editor-j-cont1 .p2{position: relative;float: left;height: 22px;}
.color-j-cont1 .p2 input,.editor-j-cont1 .p2 input{width: 40px;height: 100%;letter-spacing: 0;padding: 0px 5px 0px 5px;}
.color-j-cont1 .p2 .sp1,.editor-j-cont1 .p2 .sp1{position: absolute;right: 4px;font-size: 14px;}
.color-j-cont1 .p1,.editor-j-cont1 .p1{margin: 0 8px 0 0;}

.hiddens{display: none !important;}
.show-block{display: block;}
/*加载*/
.a-loading{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index:20191014;background-color: rgba(255, 255, 255, 0.3);}
.a-loading 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-null {text-align:center;height:150px;line-height:150px;font-size:16px;color:#ddd;letter-spacing:2px;display:none;}
/*清除浮动*/
.a-clear {clear:both;}
/*几行隐藏*/
.a-hiding1{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-hiding2{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-hiding3{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-hiding4{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-hiding5{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-button{cursor:pointer;text-align:center;box-shadow: 0 0 2px #f0f0f0;border-radius:4px;font-size:14px;letter-spacing:2px;}
.a-button:hover{opacity:0.8;}
/*公共背景层*/
.a-background{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.6);display: none;}
.a-background 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;}*/
section::-webkit-scrollbar{width:6px;height:6px;}
section::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
section::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:5px;}
.a-color1{background-color:#16d17f !important;color:#fff !important;}
.a-color2{color:#16d17f !important;}
.a-color3{border-color:#16d17f !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_background{background-color: #192224 !important;}
.x_change_backgrounda{background-color: rgba(25,34,36,0.8) !important;}
.x_checked_backgrounda{background-color: #00a9ef !important;}
.x_checked_color{color: #00a9ef !important;}
.x_active_background{background-color: rgb(45, 62, 66) !important;}
.x_checked_background{background-color: #0b0e0e !important;}
.x_border_color{border-color: #0b0e0f !important;}
/* 颜色分组管理 */
.color-group-cont{position: relative;}
.color-group-ul{font-size: 0;color: #a1a1a1;line-height: 24px;padding:20px 0 51px 20px;}
.color-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;}
.color-group-li:nth-child(4n){margin: 0 0 20px 0;}
.color-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;}
.color-group-li>.del:hover{opacity: .8;}
.color-group-li:hover>.del{display: inline-block;}
.color-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;}
.color-group-li>p{cursor: pointer;height: 22px;line-height: 22px;}
.color-group-li input{width: 100%;height: 22px;line-height: 22px;text-align: center;vertical-align: top;color: #333;background-color: #fff;}
.color-group-ul li.active{color: #fff;background-color: #F8CC52;border-color: #F8CC52;}
.color-group-ul li.active input{color: #333;}
.color-group-foot{position: absolute;left:0;bottom: 0;width: 100%;height: 51px;line-height: 50px;text-align: center;border-top: 1px solid #eee;}
.color-group-foot>p:nth-child(1){float: left;padding: 10px 0 0 20px;font-size: 12px;color: #a1a1a1;line-height: 30px;}
.color-group-foot>p:nth-child(1) span{margin:0 2px;}
.color-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;}
.color-group-foot>p:nth-child(2):hover{opacity: .8;}
.color-group-foot>p:nth-child(3){float: right;padding: 10px 20px 0 0;font-size: 12px;color: #a1a1a1;line-height: 30px;}
.waizhangg{color: #fff;margin-left: 100px;background: #ec1414;line-height: 17px;height: 17px;position: absolute;top:8px;border-radius: 6px;right:10px;font-size: 10px;}
/**头部**/
.header {position: absolute;top: 0;left: 0;right: 0;z-index: 20;height: 40px;width: 100%;display: flex;}
.headerback {display:flex;align-items: center;justify-content: space-between;width:100%;background-color: #ffffff;position: relative;text-align: center;color: #ddd;font-size: 12px;letter-spacing: 1px;height: 40px;border-bottom: 1px solid #ddd;box-sizing: border-box;transition: background-color .6s ease;}
.header_left {width: 200px;position: absolute;left: 0;top: 0;height: 40px;overflow: hidden}
.header_center_position {line-height: 40px;height: 40px;margin: 0 410px 0 200px}
.header_img {float: left;width: 160px;cursor: pointer;min-width:160px;}
.header_img img {width: 100%;vertical-align: middle;height:38px;}

/**头部菜单**/
.header_menu {height: 40px;margin: 0 auto;min-width: 400px;display: flex;align-items: center;justify-content: flex-start;}
.header_menu li {cursor: pointer;height: 40px;margin: 0 10px 0 0;width: 70px;float: left}
.header_menu_li_a {height: 40px;width: 94px;display: inline-block;color: #666666;}
.header_menu_li_a:hover {color: #333;}
.header_menu_li_a i {margin-left: 0}
.header_menu_li_a1 {background-color: #44b549}
.header_menu .current{color:#16d17f;}
/**头部登录**/
.header_right {position: absolute;right: 0;top: 0;height: 40px;display: flex;}
.buy-member{display: flex;align-items: center;gap: 5px;border: 0;background-image: linear-gradient(45deg, #fbeeda, #ffe7c4);border-radius: 6px;color: #7a330d;font-weight: 500;height: 30px;margin-top: 5px;padding: 5px 10px;margin-right: 10px;}
.buy-member a{color: #7a330d;font-weight: 500;}
.header_login {margin-left: 0}
.header_login a {color: #ffffff;}
.header_register a {color: #fff;}
.header_login a, .header_register a {padding: 0 2px;border-radius: 4px;display: block}
.login-btn-rq{width: 80px;background: #16d17f;height: 30px;display: flex;justify-content: center;align-items: center;margin-top: 5px;margin-right: 10px;border-radius: 5px;}
.header_login a:hover, .header_register a:hover {color:#ffffff;}
/**用户下拉信息**/
.header-user-self {margin-right: 30px;cursor: pointer;position: relative;max-width: 180px;height: 40px;float: right}
.header-user-self-one {height: 40px;width: 100%}
.header-user-self-img {position: relative;margin-left: 5px;height: 26px;width: 26px;margin-top: 7px;float: left;}
.header-user-self-img img {margin-top: 0;float: left;width: 26px;height: 26px;border-radius: 50%;}
.header-user-self-one-vip1 {position: absolute;width: 20px;top: 2px;right: -2px;font-size: 20px;z-index: 9;color: orange;}
.header-user-self-one-vip1 img {width: 100%;border-radius: 0;box-shadow: 0 0 0 #475255;height: auto}
.header-user-triangle {float: left;margin:18px 0 0 0;color: #999}
.header-user-self:hover .head-self-center {height: 175px;}
.head-self-center {overflow: hidden;-webkit-transition: height .1s;-moz-transition: height .1s;-o-transition: height .1s;transition: height .1s;height: 0;width: 120px;background-color: #fff;position: absolute;box-shadow: 0 1px 3px rgba(0, 0, 0, .2);top: 40px;right: -29px;border-radius: 0 0 2px 2px;}
.head-self-center-two {padding: 15px;box-sizing: border-box;width: 100%;height:240px;}
.head-self-center-menu{width: 100%;padding: 5px;font-size: 14px;text-align: left;}
.head-self-center-menu:not(:nth-child(2)) a {letter-spacing: 6px;}
.head-self-center-two a:hover {color:#16d17f;}
/** 登录页面设置 **/
.layer-login .layui-layer-setwin .layui-layer-close2{width: 16px;height: 16px;}
/** 右侧悬浮条**/
.right-tool{
    position: absolute;
    right: 0;
    bottom: 40%;
    width: 45px;
    color: #888;
    z-index: 11;
    background: #fff;
    text-align: center;
    border-radius: 6px 0 0px 6px;
    box-shadow: 0 0 2px 3px rgb(0, 0, 0, 0.02);
}
.right-tool .right-tool-flex{
    height: 50px;
    cursor: pointer;
    padding: 10px 5px;
    position: relative;
}
.right-tool .right-tool-flex:hover{
    color:#16d17f;
}
.right-tool .right-tool-flex::after {
    content: '';
    width: 60%;
    height: 1px;
    display: inline-block;
    background-color: #e0e0e1;
    position: absolute;
    bottom: 0;
    left: 20%;
}

.right-tool .right-tool-flex:first-child {
    background: -webkit-linear-gradient(top, #16d17f 0%, #27ae60 100%);
    color: #fff;
    border-radius: 6px 0px 0 0;
}

.right-tool .right-tool-flex:first-child a{
    color:#fff;
}

.right-tool .right-tool-flex:last-child{
    margin-bottom: 5px;
}
.right-tool .right-tool-flex:first-child::after,
.right-tool .right-tool-flex:last-child::after {
    display: none;
}

/**会员到期提醒**/
.expire-layer{
    border-radius: 20px !important;
}

.footer {
    width: 100%;
    padding: 20px 40px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #f1f1f1;
}

.footer .contents.top {
    gap: 24px;
}

.footer .contents {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    font-size: 12px;
}

.footer .contents.bottom {
    gap: 12px;
    color: #787878;
}
.footer .contents.bottom a{
    display: flex;
    align-items: center;
    color: #787878;
}
/**搜索框**/
.search-input {
    position: relative;
}

.clear-btn {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 10;
}

.clear-btn:hover {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
    transform: translateY(-50%) scale(1.1);
}


.search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    min-width: 300px;
}

.search-section {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.search-section:last-child {
    border-bottom: none;
}

.section-title {
    padding: 0 12px 8px;
    font-size: 12px;
    color: #999;
}

.search-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.search-list li {
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.2s;
}

.search-list li:hover {
    color: #16d17f;
}

.no-data {
    padding: 20px;
    text-align: center;
    color: #999;
    font-size: 14px;
}