body,ul,li{margin:0;padding:0;}
html,body{background-color:#F4F4F4;}
.wlb-container{width:100%;height:100%;}
.wlb-nav{width:100%;height:50px;line-height:50px;background-color:#FFFFFF;display:flex;box-shadow:0 4px 4px #D0D0D0;position:fixed;top:0;left:0;z-index:166;}
.wlb-index-content{background-color:#FFFFFF;margin:0 180px 20px 180px;}
.wlb-address-book{margin-top:50px;}
.nav-left{display:inline-block;float:left;padding-left:20px;flex:1;}
.nav-left img{width:30px;height:32px;margin-right:5px;}
.nav-left .system-title{display:inline-block;font-size:16px;}
.nav-right{flex:1;}
.nav-right .nav-head-pic{width:120px;margin-right:20px;text-align:center;display:inline-block;float:right;cursor:pointer;position:relative;}
.nav-right .nav-head-pic img{width:32px;height:32px;border-radius:50%;margin-right:3px;}
.nav-right .nav-head-pic:hover{border-bottom:3px solid #0575E6;}
.nav-head-pic:hover .user-info-set, .nav-head-pic .user-info-set:hover{display:block;}
.user-info-set{display:none;width:120px;z-index:1666;position:absolute;top:50px;left:0;}
.user-set{text-align:center;background-color:#FFFFFF;box-shadow:0 0 10px 5px #D0D0D0;margin-top:8px;}
.user-set ul li{height:40px;line-height:40px;font-size:12px;color:#666666;}
.user-set ul li:hover{background-color:#F2F2F2;}
.user-set ul li a{display:block;}
.nav-middle{text-align:center;flex:2;}
.nav-tab{font-size:0;}
.nav-tab li{display:inline-block;width:120px;text-align:center;position:relative;font-size:14px;}
.nav-tab li a{display:block;}
.nav-tab li a:hover{color:#000;}
.nav-tab .tab-this a:after{border:none;border-radius:0;border-bottom:3px solid #0575E6;position:absolute;left:0;top:0;content:"";width:100%;height:47px;}
.nav-tab .tab-this-text a:hover,.nav-tab .tab-this-text a{color:#0575E6;}
.wlb-content{margin-top:70px;}
.wlb-module-title{margin-bottom:20px;font-size:16px;font-weight:bold;color:#000000;text-align:center;}
.wlb-module{width:275px;height:100px;line-height:100px;display:inline-block;background-color:#FFFFFF;border-radius:4px;margin-right:16px;margin-bottom:5px;text-align:left;}
.wlb-module:last-child{margin-right:0;}
.wlb-module a{display:block;}
.wlb-module a:hover{color:#333;}
.wlb-module img{width:56px;height:56px;border-radius:50%;margin-left:20px;margin-right:10px;}
.add-btn{width:78px;height:32px;line-height:32px;background-color:#0575E6;padding:0;font-size:12px;}
.import-btn{width:78px;height:32px;line-height:32px;background-color:#FFFFFF;color:#7F7F7F;padding:0;font-size:12px;}
.import-btn:hover{border-color:#0575E6;color:#0575E6;}
.group-btn{width:72px;height:32px;line-height:32px;padding:0;background-color:#FFFFFF;color:#333333;font-size:12px;border-color:#D7D7D7;}
.group-btn:hover{color:#333333;}
.layui-btn-group .group-btn-this{border-left:1px solid #0575E6;}
.layui-btn-group .layui-btn:first-child{border-left:1px solid #D7D7D7;}
.layui-btn-group .group-btn-this:first-child{border-left:1px solid #0575E6;}
.group-btn-this,.group-btn-this:hover{border-color:#0575E6;color:#108EE9;font-weight:bold;}
.tool-btn{color:#108EE9;font-size:12px;background:none;}
.tool-btn:hover{color:#108EE9;}
.del-btn{color:#FF0000;}
.del-btn:hover{color:#FF0000;}
.item-btn{width:78px;height:28px;line-height:28px;padding:0;background-color:#FFFFFF;font-size:12px;color:#666666;border:1px solid #CCCCCC;border-radius:3px;}
.item-btn:hover{color:#0575E6;border-color:#0575E6;}
.item-btn-a{background-color:#0575E6;color:#FFFFFF;}
.item-btn-a:hover{background-color:#0575E6;color:#FFFFFF;opacity:0.8}
.item-btn-b,.item-btn-b:hover{color:#0575E6;border-color:#0575E6;}
.search-btn{width:65px;height:30px;line-height:30px;padding:0;background-color:#FFFFFF;font-size:14px;color:#999999;border:1px solid #CCCCCC;border-radius:3px;}
.search-btn:hover{color:#999999;}
.search-btn-a{background-color:#108EE9;color:#FFFFFF;}
.search-btn-a:hover{color:#FFFFFF;}
.min-btn{width:40px;height:22px;background-color:#FFFFFF;border:1px solid #aaa;color:#aaa;font-size:12px;border-radius:10px;cursor:pointer;}
.min-btn-a{border-color:#0575E6;color:#0575E6;}
.text-color-a{color:#999999;}

.address-book-nav{height:50px;line-height:50px;background-color:#FFFFFF;text-align:center;margin-top:5px;color:#666666;}
.address-book-nav ul li{display:inline-block;width:146px;}
.address-book-nav ul li a{display:block;}
.address-book-nav-this a,.address-book-nav-this a:hover{color:#0058FF;}
.address-book-content{margin:10px 140px;padding:10px;background-color:#FFFFFF;}

.search-item{background-color:#F5F5F5;padding:10px;font-size:12px;}
.search-item .layui-form{margin-top:20px;}
.search-item .layui-form-item{margin-bottom:0;}
.search-item .layui-form-label{padding:6px 0;width:auto;}
.search-item .layui-input-inline{width:140px;}
.search-item .layui-input{height:32px;}

.alert-content{width:100%;height:100%;background-color:#FFFFFF;}
.alert-from{padding:20px 40px;font-size:12px;}
.alert-from-title{font-size:14px;font-weight:bold;color:#333333;padding:9px 0;}
.alert-from .layui-form-label{text-align:left;padding:0;width:65px;}
.alert-from .layui-input-block{margin-left:70px;}
.alert-hr{margin:20px 0;}
.upload-btn{width:80px;height:32px;line-height:32px;background-color:#FFFFFF;font-size:12px;color:#979797;border:1px solid #979797;}
.upload-btn:hover{border-color:#0575E6;color:#0575E6;}
.select-btn{width:102px;height:40px;line-height:40px;padding:0;background-color:#FFFFFF;font-size:12px;color:#9B9B9B;border:1px solid #D8DCE5;}
.select-btn:hover{color:#9B9B9B;}
.upload-img-item,.upload-file-item{position:relative;top:0;left:0;display:inline-block;margin-right:5px;margin-bottom:5px;}
.upload-file-item{display:block;}
.upload-img-item img{width:80px;height:80px;}
.upload-file-item .upload-file-icon{display:inline-block;border-radius:3px;background-color:#F4F5F8;width:40px;height:40px;line-height:40px;text-align:center;margin-right:3px;}
.upload-file-icon img{width:23px;height:27px;}
.upload-file-item .upload-file-detail{display:inline-block;vertical-align:top;margin-right:20px;width:200px;word-wrap:break-word;}
.upload-file-detail .upload-file-detail-name{font-size:14px;color:#000000;margin-bottom:4px;}
.upload-file-detail .upload-file-detail-size{font-size:12px;color:#999999;}
.upload-file-info{padding:10px;background-color:#EEEEEE;}
.layui-upload-list .layui-icon{position:absolute;top:-5px;right:-8px;font-size:20px;cursor:pointer;}
.select-user{display:inline-block;vertical-align:middle;margin-bottom:5px;}
.select-user-item{width:140px;height:40px;line-height:40px;display:inline-block;background-color:#F9F9F9;border-radius:49px;text-align:center;margin-right:10px;margin-bottom:10px;overflow:hidden;}
.select-user-item img{width:22px;height:22px;margin-right:5px;}
.select-user-item span{vertical-align:middle;}
.select-user-item span:last-child{color:#999999;}

.img-item{display:inline-block;width:74px;height:74px;margin-right:10px;}
.img-item img{width:100%;height:100%;}
.status-badge{display:inline-block;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#FFFFFF;background-color:#FAAA00;border-radius:2px;text-align:center;}
.status-badge-a{background-color:#0575E6;}
.status-badge-b{background-color:#FA5555;}

.alert-info{font-size:12px;margin:0 60px;padding-bottom:60px;padding-top:10px;}
.alert-info .layui-form-item{margin-bottom:6px;}
.alert-info .layui-form-label{text-align:left;width:65px;padding:9px 0;color:#999999;}
.alert-info .layui-input-block{margin-left:70px;}
.alert-info .user-info-min{color:#000000;}
.alert-info .user-info-min img{width:22px;height:22px;border-radius:50%;vertical-align:middle;}
.alert-info .user-info-min span{vertical-align:middle;}
.alert-info .user-info-min span:last-child{color:#999999;}
.alert-info #comment_list{padding-top:30px;}
.alert-info .info-item-content-empty{padding-top:60px;}
.alert-info .info-item-content-empty{padding-bottom:80px;text-align:center;}
.alert-info .info-item-content-empty .empty-icon{width:67px;height:80px;margin-bottom:15px;}
.alert-info .info-item-content-empty .empty-text{font-size:12px;color:#999999;}

.comment-item{clear:both;color:#999999;}
.comment-pic{width:40px;float:left;}
.comment-pic img{width:100%;height:40px;border-radius:50%;}
.comment-info{margin-left:50px;min-height:36px;}
.comment-user-info{float:left;}
.comment-time{float:right;}
.comment-info-item{float:left;width:100%;margin-bottom:5px;}
.comment-content{color:#666666;}
.comment-content-reply a{color:#CACACA;}
.comment-content-reply a:hover{color:#0575E6;}
.comment-reply-content{position:relative;top:0;left:0;}
.comment-reply-content textarea{resize:none;}
.comment-reply-content .reply-words{position:absolute;bottom:5px;right:10px;color:#5B5B5B;}
.comment-reply-btn{margin-top:10px;margin-bottom:35px;text-align:right;}
.comment-reply-btn button{width:56px;height:24px;line-height:24px;font-size:12px;background-color:#FFFFFF;color:#999999;padding:0;text-align:center;border:1px solid #CCCCCC;}
.comment-reply-btn button:hover{border-color:#0575E6;color:#0575E6;}
.comment-reply-btn .reply-btn,.comment-reply-btn .reply-btn:hover{background-color:#0575E6;color:#FFFFFF;}
.comment-more{float:left;width:100%;margin:30px 0;text-align:center;}
.comment-more a{font-size:12px;color:#999999;}
.comment-children-more{float:left;width:100%;margin:10px 0;}
.comment-children-more a{font-size:12px;color:#999999;}
.alert-info-footer{position:fixed;bottom:0;left:0;background-color:#FFFFFF;width:100%;border-top:1px solid #eee;padding:5px 0;display:flex;}
.alert-info-footer .alert-info-footer-btn{margin:auto 20px;}
.alert-info-footer .alert-info-footer-btn button{width:56px;height:32px;line-height:32px;font-size:12px;background-color:#FFFFFF;color:#999999;padding:0;text-align:center;border:1px solid #CCCCCC;}
.alert-info-footer .alert-info-footer-btn button:hover{border-color:#0575E6;color:#0575E6;background-color:#FFFFFF;}
.alert-info-footer .alert-info-footer-btn .footer-btn-white{color:#0575E6;border-color:#0575E6;}
.alert-info-footer .alert-info-footer-btn .footer-btn-blue{background-color:#0575E6;color:#FFFFFF;}
.alert-info-footer .alert-info-footer-btn .footer-btn-black{color:#333333;border-color:#A8A8A8;}
.alert-info-footer .alert-info-footer-input{flex:1;}
.alert-info-footer .alert-info-footer-input input{height:44px;}

.popup-page{display:none;padding:25px 20px 20px 20px;}

/*layui样式*/
.layui-table .layui-form-checkbox[lay-skin=primary] i{width:14px;height:14px;line-height:12px;}
.layui-form-checkbox[lay-skin=primary] i{width:14px;height:14px;line-height:14px;}
.layui-form-checked[lay-skin=primary] i{border-color:#1890FF;background-color:#1890FF;}
.layui-form-select dl dd.layui-this{background-color:#1890FF;}
.layui-form-onswitch{background-color:#169BD5;}
.layui-progress-bar{background-color:#10AEFF;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #009DD9;}
.layui-elem-quote{border-left:5px solid #0575E6;}