.left-menu{width:200px;background:rgba(82,114,255,.1019607843);min-height:80vh}.left-menu .el-menu{border-right:none}.left-menu .el-menu .menu-icon{width:16px;margin-right:5px;filter:brightness(50%)}.left-menu .el-menu .is-active{background:rgba(87,115,255,.2)!important}.left-menu .el-menu .is-active .menu-icon{filter:brightness(100%)}.left-menu .el-menu .el-menu-item:hover,.left-menu .el-menu .el-submenu__title:hover{background:rgba(87,115,255,.2)!important}body{font-family:source}@media screen and (min-width:1439px)and (max-width:1779px){html{font-size:15px!important}}@media screen and (min-width:1779px)and (max-width:1919px){html{font-size:17px!important}}@media screen and (min-width:1919px){html{font-size:20px!important}}@media screen and (min-width:960px)and (max-width:1439px){html{font-size:13px!important}}@media screen and (max-width:960px){html{font-size:13px!important}}.filter{background:rgba(88,88,88,.4)}.underline{border-bottom:1px dashed hsla(0,0%,100%,.7);cursor:pointer;padding-bottom:3px;text-decoration:none}.underline:hover{opacity:.7}.el-row{width:100%}.no-data{color:hsla(0,0%,100%,.7)}.button,.no-data{text-align:center}.button{width:100%;line-height:2.7rem;height:2.4rem;font-family:sourcebold;background:rgba(51,51,51,.4);border-radius:5px;color:#fff;font-size:.9rem;transition:all .3s;vertical-align:baseline;display:flex;justify-content:center;align-items:center;cursor:pointer}.button:hover{background:rgba(51,51,51,.7)}.dialog-btns{color:#fff!important;font-family:sourcebold;margin:0 1rem;font-size:.8rem}.charge-button{width:6rem;text-align:center;line-height:2.7rem;background:#4caf50;color:#fff;font-size:.85rem;font-family:sourcebold;border-radius:3px;cursor:pointer}.charge-button:hover{background:#7de27d}.add{cursor:pointer}.el-dropdown-menu{background-color:rgba(24,24,24,.7)!important;border-color:rgba(24,24,24,.7);padding:0}.el-popper .popper__arrow,.el-popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:rgba(24,24,24,.7)!important}.scrollbar::-webkit-scrollbar{width:6px}.scrollbar::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.scrollbar::-webkit-scrollbar-track{background:transparent}.table{padding:0 1.5rem}.table>div{display:flex;align-items:center}.table>div>span{flex:1;text-align:center;color:#fff}.table>div.tr{height:3rem;border-top:1px solid #cdc3bd;font-family:sourcebold;font-size:1rem}.table>div.tr i{font-size:.7rem;font-family:source;font-style:normal}.table>div.thead{height:2rem;font-size:.7rem}.table>div.thead>span{color:#aaa!important}.el-col-48{width:20%}.el-dialog{background:#3a3a3a!important;border-radius:3px;overflow:hidden;min-width:320px}.el-dialog__header{background:#282828;padding:.8rem 1rem;font-size:.7rem}.el-dialog__title{color:#e5e5e5!important;font-family:sourcebold}.el-dialog__footer{padding:.5rem!important}.el-dialog__body{padding:.5rem 1.5rem 1rem!important}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .35s}.fade-transform-enter,.fade-transform-leave-to{opacity:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.el-loading-spinner .path{stroke:#181818}.el-form-item__label:before{display:none}.el-select-dropdown .popper__arrow{border-bottom-color:rgba(24,24,24,.7)!important;display:none}.user{width:100%;align-items:center}.user,.user .body{display:flex;flex-direction:column}.user .body{width:80%;margin-top:2rem;font-size:12px}.user .body .promotion-header{width:100%;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.user .body .promotion-header .title{width:100px;font-family:zhsrt;font-size:22px;height:35px;background:url(../img/6.f76c34d3.png);background-size:100px;color:#fff;padding:5px;text-align:center;border-radius:15px 3px 15px 3px}.user .body .user-promotion{display:flex;margin-top:2rem}.user .body .user-promotion .left-menu{width:200px;background:rgba(82,114,255,.1019607843);min-height:80vh}.user .body .user-promotion .left-menu .el-menu{border-right:none}.user .body .user-promotion .left-menu .el-menu .el-menu-item:hover,.user .body .user-promotion .left-menu .el-menu .el-submenu__title:hover,.user .body .user-promotion .left-menu .el-menu .is-active{background:rgba(87,115,255,.2)!important}.user .body .user-promotion .right-promotion{background:rgba(82,114,255,.1019607843);min-height:80vh;flex-grow:1;margin-left:10px;padding:15px}.user .body .user-promotion .right-promotion .el-divider{background:rgba(82,114,255,.5)}.user .body .user-promotion .right-promotion .top-stat{display:flex;justify-content:space-around;color:#fff;padding:20px 0;align-items:center}.user .body .user-promotion .right-promotion .top-stat>div{display:flex;flex-direction:column;align-items:center}.user .body .user-promotion .right-promotion .top-stat>div img{width:15px;margin-left:5px}.user .body .user-promotion .right-promotion .top-stat>div span:first-of-type{font-size:16px;margin-bottom:10px;font-family:monospace;font-weight:700}.user .body .user-promotion .right-promotion .top-stat>div div{display:flex;align-items:center;font-size:14px;color:#00f5c9}.user .body .user-promotion .right-promotion .middle-info{display:flex;flex-direction:column;padding:30px 0}.user .body .user-promotion .right-promotion .middle-info>div:first-of-type{display:flex;color:#fff;justify-content:space-around}.user .body .user-promotion .right-promotion .middle-info>div:first-of-type .my-code{width:40%;display:flex;justify-content:space-between;align-items:center}.user .body .user-promotion .right-promotion .middle-info>div:first-of-type .my-code .btn{width:60px;height:30px;background:#5773ff;color:#fff;line-height:30px;text-align:center;cursor:pointer;font-family:monospace;font-weight:700}.user .body .user-promotion .right-promotion .middle-info>div:last-of-type{display:flex;color:#fff;margin-top:40px;padding:0 5%;justify-content:space-between}.user .body .user-promotion .right-promotion .middle-info>div:last-of-type>div{display:flex}.user .body .user-promotion .right-promotion .middle-info>div:last-of-type>div>div{display:flex;flex-direction:column;margin-left:10px;font-size:13px}.user .body .user-promotion .right-promotion .middle-info>div:last-of-type>div>div span:last-of-type{margin-top:10px;color:hsla(0,0%,100%,.5)}.user .body .user-promotion .right-promotion .level-list{width:100%;border-spacing:10px}.user .body .user-promotion .right-promotion .level-list td{border:1px solid rgba(0,255,209,.4);color:#fff;text-align:center;height:50px;width:10%}.user .body .user-promotion .right-promotion .level-list td .level-recharge img{width:12px;margin-right:5px}.user .body .user-promotion .right-promotion .level-list td .level-name{background:url(../img/promotion-level-bg.2aea888c.svg) no-repeat;background-size:contain;padding:2px 3px;color:#f03c03}.user .body .user-promotion .right-promotion .recharge-list{padding:30px}.user .body .user-promotion .right-promotion .recharge-list .header-title{color:#fff;display:flex;justify-content:space-between;align-items:center}.user .body .user-promotion .right-promotion .recharge-list .header-title>span{font-size:13px}.user .body .user-promotion .right-promotion .recharge-list .header-title>div{background:rgba(82,114,255,.2);padding:5px 7px}.user .body .user-promotion .right-promotion .recharge-list .header-title>div i{transform:rotate(90deg);margin-right:5px}.user .body .user-promotion .right-promotion .recharge-list table{width:100%;margin-top:10px;border-spacing:0 0;color:#fff}.user .body .user-promotion .right-promotion .recharge-list table img{width:80px}.user .body .user-promotion .right-promotion .recharge-list table thead{background:rgba(87,115,255,.2)}.user .body .user-promotion .right-promotion .recharge-list table td{text-align:center;padding:10px}.user .body .user-promotion .right-promotion .recharge-list table tr{background:#151040}.user .body .user-promotion .right-promotion .recharge-list table tr td:nth-of-type(2){color:#00f5c9}