:root{--background-color: #f3f7fa;--text-color-primary: #4a596a;--text-color-accent: #5f8fdf;--text-color-success: #13ce66;--text-color-warning: #f7ba2a;--text-color-danger: #ec205f;--text-color-info: #909399;--background-color-rgb: 243, 247, 250;--text-color-primary-rgb: 74, 89, 106;--text-color-accent-rgb: 95, 143, 223;--text-color-success-rgb: 19, 206, 102;--text-color-warning-rgb: 247, 186, 42;--text-color-danger-rgb: 236, 32, 95;--text-color-info-rgb: 144, 147, 153}.mainbody{overflow:scroll}.page-header{margin-bottom:8px!important}.el-dialog__header{padding:5px}.fullheight{height:100%}.widget{min-height:140px;border:5px solid var(--text-color-accent);position:relative;color:var(--text-color-primary);overflow:hidden;cursor:pointer;border-radius:4px;padding-right:5px}.widget .bg{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;widows:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:.8;transform:scale(1.06);transition:all .75s}.widget .title{background:var(--text-color-accent);display:inline-block;color:var(--background-color);padding:0 15px 5px 10px;text-transform:uppercase;font-weight:700;position:relative}.widget .desc{position:absolute;bottom:0;left:0;width:100%;padding:20px;box-sizing:border-box;transform:translateY(100%);opacity:0;transition:all .75s}.widget .desc .accent-text{background:var(--background-color);padding:2px 10px}.widget:hover .bg{opacity:.3;transform:scale(1.03);filter:blur(3px)}.widget:hover .desc{opacity:1;transform:translateY(0)}.widget-lite{background:white;border-radius:4px;margin-bottom:20px;box-shadow:0 8px 16px #00000012,0 3px 6px #0001;overflow:hidden;margin-left:20px;margin-right:10px}.widget-lite.close-filter-box{display:none;text-align:center}.widget-lite.close-filter-box button{width:100%;border:none;text-transform:uppercase;outline:none;font-family:inherit;font-weight:700;padding:5px 0;border-bottom:2px solid;background:white;color:var(--text-color-accent);cursor:pointer}.widget-lite.select-color ul,.widget-lite.select-color li{padding:0;list-style:none;margin:0}.widget-lite.select-color li{margin-bottom:10px}.widget-lite.select-color .color-box{background:transparent;width:12px;height:12px;display:inline-block;margin-right:10px}.widget-lite .title{border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px}.widget-lite .content{padding:15px 20px}.item-box{border-radius:4px;overflow:hidden}.item-box .main-box{position:relative;overflow:hidden;background:white;padding:30px}.item-box .main-box img{width:100%}.item-box .detail-box{padding:30px;position:relative}.item-box .detail-box .title{margin:0}.item-box .detail-box .price-box{margin-top:20px;margin-bottom:30px}.item-box .detail-box .price-box .discounted-price{color:var(--text-color-accent);font-weight:700;font-size:25px;margin-right:20px;display:inline-block}.item-box .detail-box .price-box .normal-price{opacity:.5;text-decoration:line-through;text-decoration-color:var(--text-color-accent);margin-right:10px;display:inline-block}.item-box .detail-box .price-box .discount{color:var(--text-color-accent);display:inline-block}.item-box .detail-box .actions-box{margin-top:30px}.item-box .detail-box .actions-box .el-input-number{width:100px}.item-box .detail-box .actions-box .el-input-number .el-input__inner{color:var(--text-color-accent);background-color:transparent;border-color:var(--text-color-accent);font-family:inherit;font-weight:700;padding-left:5px;padding-right:45px}.item-box .detail-box .actions-box .el-button{font-family:inherit;margin-left:0}.sidetab-left{padding:5px}.sidetab-left .page-header .menu-btn{color:var(--background-color);font-size:20px;display:none;cursor:pointer}.sidetab-left .sidebar{box-sizing:border-box;padding:24px;min-width:250px;margin-left:-24px}.sidetab-left .sidebar .close-btn{display:none;width:100%;margin-bottom:10px}.sidetab-left .sidebar ul{width:100%;list-style:none;padding:0;margin:0}.sidetab-left .sidebar li.active{background-color:rgba(var(--text-color-accent-rgb),.3)}.sidetab-left .sidebar li{box-sizing:border-box;width:100%;list-style:none;padding:10px;border-bottom:1px solid rgba(var(--text-color-primary-rgb),.1);cursor:pointer;position:relative}.sidetab-left .sidebar li:after{content:"";display:block;width:0%;height:100%;background:var(--text-color-accent);position:absolute;top:0;left:0;opacity:0;transition:all .5s}.sidetab-left .sidebar li:hover:after{width:100%;opacity:.3}@media (max-width: 768px){.sidetab-left{padding-left:5px;padding-right:5px}.sidetab-left .page-header .menu-btn{display:block}.sidetab-left .sidebar{margin:0;text-align:center;position:absolute;background:white;color:#000;top:5px;left:-100%;opacity:0;bottom:5px;box-shadow:40px 0 160px 80px #0000004d;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:all .5s}.sidetab-left .sidebar .close-btn{display:block}.sidetab-left .sidebar li{border-bottom:1px solid #eee}.sidetab-left .sidebar.open{opacity:1;left:0;z-index:999}}.mdi-16{font-size:16px}.mdi-18{font-size:18px}.mdi-24{font-size:24px}.mdi-36{font-size:36px}