.shop-main{height:auto;width:76%;min-height:100%;padding:0 0 20px;margin:0 auto;box-sizing:border-box;background:#fff}.shop-main .shop-head .shop-welcome{float:right;line-height:90px;font-size:16px}.shop-main .shop-head .shop-msg{display:inline-block}.shop-main .shop-head .shop-msg div{display:inline-block;vertical-align:middle}.shop-main .shop-head .shop-msg .logo{width:220px;height:90px}.shop-main .shop-head .shop-msg .title{font-size:20px;color:#666;padding-left:24px;border-left:1px solid #e7e7e7}.shop-main .shop-body{height:auto;min-height:calc(100vh - 110px);padding:0 10px 10px;background:#f8f8f8}.shop-main .shop-body .shop-top{padding:15px}.shop-main .shop-body .shop-top .ope-head{float:right;line-height:70px;font-size:14px}.shop-main .shop-body .shop-top .ope-head label{display:inline-block;vertical-align:middle}.shop-main .shop-body .shop-top .ope-head .th-input-wrapper{width:200px;margin-right:10px;font-size:14px}.shop-main .shop-body .shop-top .user div{display:inline-block;vertical-align:middle}.shop-main .shop-body .shop-top .user .avatar{width:70px;height:70px;margin-right:6px}.shop-main .shop-body .shop-top .user .msg div{display:block}.shop-main .shop-body .shop-top .user .msg .name{font-size:18px}.shop-main .shop-body .shop-top .user .msg .tel{font-size:14px}.shop-main .shop-body .shop-list{display:flex;flex-direction:column;position:relative;height:auto;min-height:calc(100vh - 220px);background:#fff}.shop-main .shop-body .shop-list .th-tabs{flex:1;min-height:0;padding-top:10px;padding-bottom:54px}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col{position:relative;width:calc(25% - 30px);padding:12px 10px;margin:0 15px 20px;border:1px solid #e9e9e9;border-top-width:2px;font-size:14px;color:#999;cursor:pointer}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .brk{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .sname{color:#333;font-size:14px;padding-bottom:6px}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .cname{padding-bottom:6px}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .th-tooltip,.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .th-tooltip .th-tooltip-popper,.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .th-tooltip .th-tooltip-rel{width:100%}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .th-tooltip .th-tooltip-popper .th-tooltip-arrow{width:12px;height:12px;box-shadow:-2px 2px 6px rgba(0,0,0,.2);transform:rotate(-45deg);border-width:0;background:#fff}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .th-tooltip .th-tooltip-popper .th-tooltip-inner{max-width:100%;white-space:normal;color:#999;font-size:14px;background:#fff}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col .cur-tag{position:absolute;right:0;bottom:0;padding:3px 4px 2px;font-size:10px;color:#1b88ee;background-color:#e7f2fc}.shop-main .shop-body .shop-list .th-tabs .th-tabs-pane .th-col.active{border-top-color:#1b88ee;background:#f9f9f9}.shop-main .shop-body .shop-list .th-tabs .th-tabs-bar{padding:0 15px;border:none;margin-bottom:0}.shop-main .shop-body .shop-list .th-tabs .th-tabs-bar .th-tabs-ink-bar{display:none}.shop-main .shop-body .shop-list .th-tabs .th-tabs-bar .th-tabs-tab{padding:12px 0;color:#999;font-size:14px}.shop-main .shop-body .shop-list .th-tabs .th-tabs-bar .th-tabs-tab-active{color:#2d8cf0}.shop-main .shop-body .shop-list .th-page{position:absolute;right:0;bottom:0;text-align:right;padding:0 20px 20px 0}.shop-main .shop-body .no-img{width:150px;height:80px;margin:30px auto}.shop-main .shop-body .no-img p{margin-top:6px;text-align:center}.slide-fade-enter-active{transition:all .8s ease}.slide-fade-leave-active{transition:all .4s ease}.slide-fade-leave-to{transform:translateY(-50%);opacity:0}.slide-fade-enter{transform:translateY(100%);opacity:0}body{font-size:14px}.board-container{width:100vw;height:100vh}.board-container .title{position:relative;width:100%;height:14.8%;padding:0 3.33rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90.05deg,#ff270a .49%,#d01111 101.51%);z-index:100}.board-container .title .logo{width:9.17rem}.board-container .title .logo img{width:100%;height:100%}.board-container .title .time{display:flex;align-items:flex-end;font-weight:500;color:#fff}.board-container .title .time .clock{margin-right:.67rem;font-size:2.25rem}.board-container .title .time .date{display:flex;flex-direction:column;font-size:1rem}.board-container .list-container{padding:0;height:85.2%;display:flex;background-color:#090a0b}.board-container .list-container .type{width:25%;height:100%}.board-container .list-container .type-name{position:relative;height:20%;width:100%;background-color:#24272c}.board-container .list-container .type-name img{position:absolute;top:0;width:100%}.board-container .list-container .type-name-inner{width:100%;height:100%;padding:0 2rem;display:flex;align-items:center;color:#f1f1f1;font-weight:500;font-size:2rem;line-height:2.79rem;background-color:#24272c}.board-container .list-container .type .active-type{color:#fff;background:linear-gradient(270.18deg,#090a0b 16.36%,rgba(45,50,56,0) 104.23%)}.board-container .list-container .type .active-type-top{box-shadow:0 .33rem .17rem rgba(0,0,0,.25);border-bottom-right-radius:2.5rem}.board-container .list-container .type .active-type-bottom{border-top-right-radius:2.5rem}.board-container .list-container .empty{display:flex;justify-content:center;align-items:center;width:100vw;height:100%;color:#fff;font-weight:500;font-size:2.17rem;line-height:2.79rem}.board-container .list-container .list{width:75%;height:100%}.board-container .list-container .list-content{width:100%;height:100%;color:#fff;font-size:2rem;font-weight:500;line-height:2.79rem}.board-container .list-container .list-content .row{width:100%;height:16.6%;display:flex;align-items:center}.board-container .list-container .list-content .item{display:flex;align-items:center;justify-content:center;height:100%;width:33.33%}.board-container .list-container .list-content .item-inner{width:50%;text-align:start;white-space:nowrap}