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}.welfare{width:100%;align-items:center}.welfare,.welfare .body{display:flex;flex-direction:column}.welfare .body{width:80%;margin-top:3rem}.welfare .body .header{width:100%;display:flex;flex-direction:column;font-size:1rem}.welfare .body .header .title{width:100px;font-family:zhsrt;font-size:22px;height:35px;background:url(../img/2.f76c34d3.png);background-size:100px;color:#fff;padding:5px;text-align:center;border-radius:15px 3px 15px 3px}.welfare .body .levels{display:flex;flex-direction:column}.welfare .body .levels .level-header{margin-top:1rem}.welfare .body .levels .level-header .birthday{color:#ffd24d;float:right;cursor:pointer}.welfare .body .levels .level-header .birthday span{margin-right:5px}.welfare .body .levels .level-list{width:100%;border-spacing:10px}.welfare .body .levels .level-list td{border:1px solid #00f5c9;color:#fff;text-align:center;height:50px;width:5%;font-size:12px;position:relative}.welfare .body .levels .level-list td .level-icon{width:30px}.welfare .body .levels .level-list td .level-recharge img{width:13px;margin-right:5px;vertical-align:middle}.welfare .body .levels .level-list td .level-redpack{margin:auto;display:flex;flex-direction:column;align-items:center}.welfare .body .levels .level-list td .level-redpack img{width:13px;margin-right:5px}.welfare .body .levels .level-list td .level-redpack .price{display:flex;align-items:center}.welfare .body .levels .level-list td .level-reward-info{margin:auto;display:flex;flex-direction:column;align-items:center}.welfare .body .levels .level-list .waitget{background:#00f5c9;cursor:pointer}.welfare .body .levels .level-list .geted{background:#909399}.welfare .body .info{background:rgba(82,114,255,.1);width:100%;margin-top:1rem;color:#fff;font-size:16px;padding:2rem;text-align:start}.welfare .body .info .info-header{color:hsla(0,0%,100%,.5);font-size:18px}.welfare .body .info .info-item{display:flex;flex-direction:column;margin-top:1.5rem}.welfare .body .info .info-item span:last-of-type{font-size:12px;margin-top:10px}