.app-main-magic{min-height:calc(100vh - 45px);width:100%;position:relative;overflow:hidden;background:#090e16;color:#fff}.app-main-magic .side{box-sizing:border-box;padding-top:10px;width:25%;height:calc(100vh - 50px);background-repeat:no-repeat;background-size:10px 100%;position:absolute;top:0;display:flex;flex-direction:column;justify-content:space-between}.app-main-magic .left-con{padding-left:20px;left:0;background-image:url(../../assets/img/left-bd.50ad19a2.png)}.app-main-magic .right-con{padding-right:20px;right:0;background-image:url(../../assets/img/right-bd.ee716516.png);background-position:100% 0}.app-main-magic .side-item{box-sizing:border-box;background-size:100% 100%;padding:8px;display:flex;flex-direction:column}.app-main-magic .head-title{display:flex;align-items:center;height:18px;line-height:18px;color:#80a6ef;font-size:12px}.app-main-magic .head-title>span{height:100%}.app-main-magic .title-arrow{width:18px;background:url([object Module]);background-size:100% 100%}.app-main-magic .bd1{background-image:url(../../assets/img/border1.e4f344be.png)}.app-main-magic .bd2{background-image:url(../../assets/img/border2.3bac8320.png)}.app-main-magic .bd3{background-image:url(../../assets/img/border3.30d8ec9a.png)}.app-main-magic .table-box{margin:6px;position:relative}.app-main-magic #alert_table{background:transparent;font-size:12px;position:absolute}.app-main-magic #alert_table th,.app-main-magic #alert_table tr{background:transparent}.app-main-magic #alert_table th{padding:0;border:none;color:#4e77e2}.app-main-magic #alert_table td{padding:4px 0;border-bottom:none;color:#fff}.app-main-magic #alert_table .cell{text-align:center;white-space:nowrap}.app-main-magic #alert_table tr:hover td{background:#1581ff;cursor:pointer}.app-main-magic .el-table__body-wrapper::-webkit-scrollbar{height:8px}.app-main-magic .right1-top{padding-bottom:10px}.app-main-magic .right1-top>div{padding:0 5px;margin-right:10px;background:url([object Module]);background-size:100% 100%}.app-main-magic .l1{flex-direction:row}.app-main-magic .l1-item{flex:1;margin:10px;background:url([object Module]);background-size:100% 100%}.app-main-magic .l1-item:first-child{margin-right:5px}.app-main-magic .l1-item:last-child{margin-left:5px}.app-main-magic .l1-item>div{margin:6px}.app-main-magic .l1-vol{background:url([object Module]) no-repeat;background-position:0 50%;background-size:100% 50%}.app-main-magic .l1-title{display:flex;flex-direction:column;align-items:center;justify-content:center}.app-main-magic .l1-num{font-size:16px}.app-main-magic .l1-text{transform:scale(.7);width:142%;text-align:center}.app-main-magic .r2-num,.app-main-magic .r3-num{text-align:center;font-size:13px;font-weight:700;color:#7fceea}.app-main-magic .r3-num{color:#7c82d9}.app-main-magic .fc1{text-align:center;font-size:13px;font-weight:700;color:#7c82d9}.app-main-magic .fsw{font-weight:700;font-size:14px}.app-main-magic .f1{flex:1}.app-main-magic .dfr{display:flex;flex-direction:row}.app-main-magic .dfc{display:flex;flex-direction:column}.app-main-magic .dfrc{flex-direction:row}.app-main-magic .dfcc,.app-main-magic .dfrc{display:flex;justify-content:center;align-items:center}.app-main-magic .dfcc{flex-direction:column}.app-main-magic .ft12{font-size:12px}.app-main-magic .h15{height:15%}.app-main-magic .h20{height:20%}.app-main-magic .h24{height:24%}.app-main-magic .h25{height:25%}.app-main-magic .h30{height:30%}.app-main-magic .h35{height:35%}.app-main-magic .h40{height:40%}.app-main-magic .h50{height:50%}.app-main-magic .h55{height:55%}.fixed-header+.app-main-magic{padding-top:50px}.fixed-header+.app-main-magic .side{top:50px}