.layui-view-body{background-color: #f0f2f5;}
.layui-blue{background-color: #177ce3;margin-right:40px}.replace{line-height:1.6em;margin-top:3px;font-size: 13px;margin-left: 20px;}
.layui-content{padding: 20px;}
.layui-tab-title{border-bottom-color: #e8e8e8;}
.layui-card .layui-tab-brief .layui-tab-title li{margin:0 15px;padding: 0;}
.layui-form-checked i, .layui-form-checked:hover i,.layui-form-radio>i:hover, .layui-form-radioed>i,.layui-breadcrumb a:hover,.layui-laypage a:hover,.layui-tab-brief>.layui-tab-title .layui-this{color: #177ce3!important;}
.layui-btn-primary:hover,.layui-form-onswitch,.layui-form-checked[lay-skin=primary] i,.layui-form-checkbox[lay-skin=primary]:hover i,.layui-form-checked, .layui-form-checked:hover,.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-color: #177ce3;}
.layui-checkbox-disbaled[lay-skin=primary]:hover i {border-color: #d2d2d2!important;}
.layui-form-onswitch,.layui-form-checked[lay-skin=primary] i,.layui-form-select dl dd.layui-this,
.layui-laypage .layui-laypage-curr .layui-laypage-em,.layui-form-checked span, .layui-form-checked:hover span{background-color: #177ce3;}
.layui-btn-blue{background-color: #177ce3;background-repeat: repeat-y;background-image: -moz-linear-gradient(left,#29adeb,#177ce3);background-image: -webkit-linear-gradient(left,#29adeb,#177ce3);background-image: -o-linear-gradient(left,#29adeb,#177ce3);background-image: linear-gradient(left,#29adeb,#177ce3);}
.layui-form-checkbox[lay-skin=primary]:hover span{background: 0 0!important;}
.layui-page-header{margin: -20px -20px 20px;}
.layui-page-header .pagewrap{padding: 15px 20px;background-color: #fff;}
.layui-page-header .title{margin-top: 15px;}
.chart-card{padding: 20px 24px 8px;}
.chart-card .chart-header{position: relative;width: 100%;overflow: hidden;}
.chart-card .metawrap{float: left;}
.chart-card .metawrap .meta{color: rgba(0,0,0,.45);font-size: 14px;line-height: 22px;height: 22px;}
.chart-card .metawrap .total{overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;color: rgba(0,0,0,.85);margin-top: 4px;margin-bottom: 0;font-size: 30px;line-height: 38px;height: 38px;}
.chart-card .chart-body{margin-bottom: 12px;position: relative;width: 100%;}
.chart-card .chart-footer{padding-top: 9px;margin-top: 8px;border-top: 1px solid #e8e8e8;-webkit-box-sizing: border-box;box-sizing: border-box;}
.chart-card .field span{font-size: 14px;line-height: 22px;}
.chart-card .field span:last-child{margin-left: 8px;color: rgba(0,0,0,.85);}
.form-box{padding: 10px 0;}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#b5b5b5;-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:#b5b5b5;-webkit-border-radius:6px}
*,*:before,*:after{box-sizing:border-box;}body,html{height:100%;overflow:hidden;}body,ul{margin:0;padding:0;}body{color:#4d4d4d;font:14px/1.4em 'Helvetica Neue',Helvetica,'Microsoft Yahei',Arial,sans-serif;}ul{list-style:none;}
#chat{border-radius: 3px;position: relative;width: 100%;height: 100%;}
#chat .sidebar{position:absolute;left:0;top:0;width:230px;color:#666;background:#fff;border-radius: 10px 10px 0 0;box-shadow: 0px 0px 4px 0px #ccc;}
#chat .details{position:absolute;right:0;top:0;width:300px;color:#666;background:#fff;border-radius: 10px 10px 0 0;box-shadow: 0px 0px 4px 0px #ccc;}
#chat .details .log_list .empty{padding: 20px;text-align: center;}
#chat .details .log_list{padding:10px;}
#chat .main{position:absolute;left:240px;top:0;background:rgb(207, 232, 204)}
#chat .m-text{width:100%;bottom:0;left:0;background:beige}
#chat .m-message{height:calc(100% - 160px);}
#chat .m-message ul{height:100%;overflow:auto;}
.m-card{padding:9pt;}
.m-card .avatar,.m-card .name{vertical-align:middle}
.m-card .avatar{border-radius:2px}
.m-card .name{display:inline-block;margin:0 0 0 15px;font-size:1pc}
.m-list,.kf-list{overflow:auto;height:calc(100% - 40px);background:rgb(207, 232, 204)}
.kf-list{display:none;}
.m-list li,.kf-list li{padding:15px 10px;cursor:pointer;-webkit-transition:background-color .1s;transition:background-color .1s}
.m-list li:hover,.kf-list li:hover{box-shadow: 0px 0px 4px 0px #ccc;}
.m-list li.active,.kf-list li.active{box-shadow: 0px 0px 4px 0px #ccc;}
.m-list li b,.kf-list li b{background:#f00;border-radius:10px;padding:0px 4px;color:#fff;text-align:center;font-size:12px;}
.m-list li .on,.kf-list li .on{padding:0;}
.m-list .avatar,.kf-list .avatar{border-radius:2px;vertical-align:middle}
.m-list .name,.kf-list .name{display:inline-block;font-size: 12px;width:120px;margin:0 0 0 15px;vertical-align:middle}
.m-text{height:100px;border:2px solid #000}
.m-text .div-textarea{padding:10px;height:100%;width:100%;border:none;outline:0;resize:none;}
.m-message{padding:10px 15px;overflow-y:scroll;overflow:hidden;}
.m-message li{margin-bottom:15px}
.m-message .time{margin:7px 0;text-align:center}
.m-message .time>span{display:inline-block;padding:0 18px;font-size:9pt;color:#fff;border-radius:2px;background-color:#dcdcdc}.m-message .avatar{float:left;margin:0 10px 0 0;border-radius:3px}.m-message .text{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:9pt;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}.m-message .text:before{content:" ";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fafafa}.m-message .self{text-align:right}.m-message .self .avatar{float:right;margin:0 0 0 10px}.m-message .self .text{background-color:#b2e281}.m-message .self .text:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#b2e281}.divScrollBar{background-color:#ddd;position:absolute;opacity:0.5; filter:Alpha(opacity=50);border-radius:8px;}.divScrollBar:hover{opacity:1; filter:Alpha(opacity=100);border-radius:8px;}.divScrollBar div{background-color:#666; position:absolute;border-radius:10px;}.send,.csend{right:80px;}.sendBtn{right:10px;}.but{width:68px;height:25px;background:#0188fb;border:none;position:absolute;bottom:10px;color:white;}
.m_top{display:flex;line-height: 40px;}
.m_top div{width: 40%;text-align: center;background:rgb(244,245,250);cursor: context-menu;}
.m_top div.on{width: 60%;background:#fff;}
.d_top{display:flex;line-height: 40px;}
.d_top div{width: 50%;text-align: center;background:rgb(244,245,250);cursor:pointer;}
.d_top div:nth-child(1){background:rgb(244,245,250);}
.u_console{height: 60px;border-bottom: 1px solid rgb(244,245,250);margin: 0 20px;display: flex;}
.u_console div{line-height:60px;margin:0 5px;}
.console,.item_list,.empty{display:none;}
.item_list ul{margin:5px auto;}
.item_list ul li{padding:5px 10px;text-align: center;border:1px solid rgb(230,230,230);word-break: break-word;align-items: center;display: flex;font-size:12px;padding: 5px;border-top:0}
.item_list ul li:nth-child(1){border-top:1px solid rgb(230,230,230);}