*{padding:0;margin:0}.menu-box{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;background-color:#212122}.menu-box ul{width:200px}.menu-box ul li{list-style:none}.menu-box ul li a{display:block;background:rgba(63,69,91,.4);color:#adb3c4;font-size:12px}.menu-box ul li a.active,.menu-box ul li a:hover{background:#2d8cf0;color:#fff}.menu-box ul li a.active span,.menu-box ul li a:hover span{color:#fff}.menu-box ul li a.active i.arrow:after,.menu-box ul li a:hover i.arrow:after{border-color:transparent transparent transparent #fff}.menu-box ul li a i{display:inline-block;width:50px;height:40px;color:#adb3c4;text-align:center;line-height:40px;vertical-align:top}.menu-box ul li a i.arrow:after{content:"";display:inline-block;margin:0 -4px 0 0;border:4px solid #adb3c4;border-color:transparent transparent transparent #adb3c4;vertical-align:middle}.menu-box ul li a span{display:inline-block;width:100px;height:40px;line-height:40px;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-box ul li div{height:0;overflow:hidden;transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;-webkit-transition:height .2s}.menu-box ul li.on a i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-box ul li li a{background:rgba(45,47,59,.6);color:#7f87ab}.menu-box ul li li a:hover{background:rgba(45,47,59,.6);color:#fff}.menu-box ul li li a:hover i{color:#fff}.menu-box ul li li a i{color:#7f87ab;font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-box ul li li a.active{background:#2d8cf0;color:#fff}.menu-box ul li li a.active i{color:#fff}.layout-header{position:fixed;z-index:300;left:0;top:0;width:100%;min-width:1200px;height:50px;background:#212122;color:#fff}.layout-header .logo{float:left;width:auto;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center;margin:0;padding:0 20px}.layout-header .logo img{margin-top:12px;height:30px}.layout-header ul{text-align:right;padding:0 20px}.layout-header ul li{display:inline-block;position:relative;margin-right:1px}.layout-header ul li a{display:inline-block;height:50px;padding:0 15px;color:#fff;font-size:14px;line-height:50px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.layout-header ul li a:hover{background-color:#000}.layout-header ul li a span{display:inline-block;line-height:50px;vertical-align:top}.layout-header ul li a:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.layout-header ul li .arrow{font-size:14px;margin-left:6px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;display:inline-block}.layout-header ul li.has-child a{padding:0 15px}.layout-header ul li.has-child:hover{background:#191919}.layout-header ul li.has-child:hover ul{-webkit-animation:fadeIn .5s;animation:fadeIn .5s;display:block}.layout-header ul li.has-child:hover .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.layout-header ul li ul{display:none;position:absolute;left:-1px;top:100%;width:140px;padding:0;border:1px solid #191919;border-top:0 solid #191919;background:#191919;text-align:left}.layout-header ul li ul li{float:none;display:block}.layout-header ul li ul li a{font-size:13px;display:block;height:40px;line-height:40px;background-color:transparent}.layout-header ul li ul li a:hover{background-color:#000;color:#2d8cf0}.layout .hasMenu .layout-aside{margin-left:0!important;left:0;width:200px!important}.layout .hasMenu .layout-content{margin-left:200px!important;left:0!important;min-width:1000px!important}.layout-aside{position:fixed;left:0;top:50px;bottom:0;width:200px;margin-left:-200px;-webkit-transition:all .2s;transition:all .2s}.layout-wrapper{top:50px;overflow:hidden}.layout-content,.layout-wrapper{position:absolute;left:0;right:0;bottom:0;min-width:1200px;-webkit-transition:all .2s;transition:all .2s}.layout-content{top:0;margin:0;overflow:auto;background-color:#f3f3f5;padding:20px}.layout{width:100%;height:100%}.layout .tb-times{padding:0 12px;font-weight:700;font-size:20px;text-align:center}.layout .expand-tab-body,.layout .expand-tab-head{width:900px;display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;line-height:36px;border-bottom:1px solid #ddd}.layout .expand-tab-head{border-top:1px solid #ddd}.layout .expand-tab-card,.layout .expand-tab-com,.layout .expand-tab-name,.layout .expand-tab-phone,.layout .expand-tab-status{padding:0 8px;border-left:1px solid #ddd}.layout .expand-tab-name,.layout .expand-tab-phone{width:120px}.layout .expand-tab-card{width:280px}.layout .expand-tab-status{width:220px}.layout .expand-tab-com{width:260px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-right:1px solid #ddd}.layout .tb-title{padding-bottom:12px;padding-left:6px;position:relative;font-weight:700;color:#ccc}.layout .tb-title:before{content:"";display:block;position:absolute;height:18px;width:3px;background-color:#ddd;top:0;left:0}.layout .tb-titleTable{width:900px;padding-bottom:20px}.layout .tb-titleTable-item{border:1px solid #ddd;height:36px;line-height:36px}.layout .tb-titleTable-item span{display:inline-block;padding:0 6px;color:#000}.layout .tb-titleTable-item span:first-child{width:110px;border-right:1px solid #ddd;color:#777}.layout .tb-titleTable-item:first-child{border-bottom:none}