.header{position:fixed;height:80px;width:100%;left:0;top:0;background-image:linear-gradient(90deg,#0c69e7,#4783fa);z-index:99}.header .main{display:flex;width:1230px;height:100%;margin:0 auto;justify-content:space-between;align-items:center}.header .main img.logo{height:48px}.header .main .menu-list{display:flex;height:50px;line-height:50px;align-items:center;background:transparent}.header .main .menu-list li.menu-item{display:flex;align-items:center;position:relative;padding:0 12px;text-align:center;color:#fff;cursor:pointer;margin:0 5px;font-size:14px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;height:52px;line-height:52px}.header .main .menu-list li.menu-item.userinfo{margin-left:30px}.header .main .menu-list li.menu-item.userinfo .user-info-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.header .main .menu-list li.menu-item.userinfo .user-info-content i.user-arrow{margin-left:10px;width:10px;height:6px;transform:rotate(180deg);background:url(../../static/img/icon-user-arrow.f02098c2.svg) no-repeat 50%/100% 100%}.header .main .menu-list li.menu-item.userinfo .user-info-content:hover .user-modal{display:block}.header .main .menu-list li.menu-item.userinfo .user-info-content:hover i.user-arrow{transform:rotate(0deg)}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal{display:none;position:absolute;top:50px;left:50%;width:240px;padding:15px;border-radius:8px;transform:translate3d(-50%,0,0);box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:#fff}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal:before{position:absolute;content:"";top:-5px;left:50%;display:block;width:10px;height:6px;transform:translate3d(-50%,0,0);background:url(../../static/img/icon-user-arrow.f02098c2.svg) no-repeat}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal .link-item{display:flex;align-items:center;margin-bottom:15px;padding:0 5px;border-radius:6px;height:30px;line-height:30px;font-weight:400;color:#202020;font-size:16px}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal .link-item>i{width:20px;height:20px;margin-right:10px}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal .link-item>i.user-center{background:url(../../static/img/icon-account.e9e9dac0.svg) no-repeat 50%}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal .link-item>i.favorite{background:url(../../static/img/icon-favorite.2654e8c2.svg) no-repeat 50%}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal .link-item:hover{color:#fff;background-image:linear-gradient(98deg,#4783fa,#0c69e7)}.header .main .menu-list li.menu-item.userinfo .user-info-content .user-modal .logout{width:210px;height:30px;line-height:30px;border-radius:6px;font-size:14px;font-weight:500;margin-top:10px;color:#fff;text-align:center;background-image:linear-gradient(98deg,#4783fa,#0c69e7)}.header .main .menu-list li.menu-item>div{display:flex;align-items:center;justify-content:center}.header .main .menu-list li.menu-item.actived,.header .main .menu-list li.menu-item:hover{background:hsla(0,0%,100%,.1)}.header .main .menu-list li.menu-item.actived .drop-mask,.header .main .menu-list li.menu-item:hover .drop-mask{display:block}.header .main .menu-list li.menu-item .avatar{width:40px;height:40px;border-radius:40px;margin-right:10px;background:#ddd}.header .main .menu-list li.menu-item span.username{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .main .menu-list li.menu-item .drop{width:12px;height:8px;margin-left:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAABHElEQVQ4jaWTvUoDQRSFj76ArZWVjWKjVqKNiIWSKqCVaOfPA1jY6zsp+DDaaBElQkARknxy17s4TmZ3xnjgwu5wzndmmR0B9ZwDK8H7tGOMizpbQ6741guw/g/4mjNwZlVwzW+9AVtTwDc9G+pmVtKrJPSjOUm3knaCtZzMe+fZWlRsbz8FRlH7B9Ap2HnHvaGMdRaegc0RMIyMn8BhC/zAPaGGzlJcYNNtCJwk4McNG+qGvtSu9oD3KDgOfz1/Hkcey+zHvKZP3wYGiZJLnxg+8MwEq+3wNoA+efXdm+Tk/pBVoNdS0fPL1cgouUBLwFMCbmvLuXzpLV0EHgK4PdtaNjtTtZRpQdK9W3clPZbE/lJgmreMpOcit6Qvk1XQZxo/UHUAAAAASUVORK5CYII=) no-repeat 50%/100% 100%}.header .main .menu-list li.menu-item .drop.language{width:10px;height:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAhUlEQVQoka3Ryw2AMAwDUKMOwBJMwjZdKNswCUswQCWjoID4pNACkXyL38UgKfzvRMFAcviBVCMoqGlJjh+w0QysoKYjOb3AJuviDGp6kqkCS9ZBDtTECjCe+x5Yurx43Rz4tPxgP8Xg3fLborWgt/xh0TfgfvnLol6aRX2+CKABILevAGYUaAxOFuPp0wAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%}.header .main .menu-list li.menu-item .drop-mask{display:none;position:absolute;left:50%;top:35px;min-width:300px;padding-top:15px;z-index:10;transform:translate3d(-50%,0,0)}.header .main .menu-list li.menu-item .drop-mask.language-mask{width:auto}.header .main .menu-list li.menu-item .drop-mask .content{padding:5px;overflow:hidden;border-radius:8px;background:#f5faff}.header .main .menu-list li.menu-item .drop-mask .content .type-list{display:flex;height:60px;align-items:center;justify-content:space-around;border-bottom:1px solid #ccc}.header .main .menu-list li.menu-item .drop-mask .content .type-list li.type-item{margin:0 10px;height:35px;line-height:35px;color:#333;padding:0 15px;border-radius:35px;white-space:nowrap;cursor:pointer;text-align:center}.header .main .menu-list li.menu-item .drop-mask .content .type-list li.type-item.selected,.header .main .menu-list li.menu-item .drop-mask .content .type-list li.type-item:hover{background:#3a81e5;color:#fff}.header .main .menu-list li.menu-item .drop-mask .content div.content-box{height:200px;overflow-y:scroll}.header .main .menu-list li.menu-item .drop-mask .content div.content-box .lottery-list{display:flex;flex-wrap:wrap;padding:2px 10px}.header .main .menu-list li.menu-item .drop-mask .content div.content-box .lottery-list li.lottery-item{display:flex;width:140px;align-items:center;color:#333;margin:10px;white-space:nowrap}.header .main .menu-list li.menu-item .drop-mask .content div.content-box .lottery-list li.lottery-item i.point{width:10px;height:10px;border-radius:50%;margin-right:15px}.header .main .menu-list li.menu-item .drop-mask .content div.content-box .lottery-list li.lottery-item:hover{color:#3a81e5}.header .main .menu-list li.menu-item .drop-mask .content div.content-box .lottery-list li.lottery-item:hover i{background:#3a81e5}.header .main .menu-list li.menu-item .drop-mask .content .text{width:100px;color:#333;padding:0 20px}.header .main .menu-list li.menu-item .drop-mask .content .text:hover{color:#3a81e5}.footer{overflow:hidden;background:#25282a}.footer .content{width:750px;margin:0 auto;padding:30px}.footer .content .title{font-size:18px;line-height:35px;color:#eee}.footer .content ul{display:flex;margin:10px 0;color:#fff;align-items:center}.footer .content ul.route>li{cursor:pointer}.footer .content ul.route>li:hover{color:#3a81e5}.footer .content ul li{margin-right:15px}.footer .content ul li.ag{width:87px;height:29px;background:url(../../static/img/logo_ag.c25ef96e.png) no-repeat 50%/100% 100%}.footer .content ul li.instant{width:130px;height:31px;background:url(../../static/img/logo_instant.eb22baab.png) no-repeat 50%/100% 100%}.footer .content ul li.ebet{width:87px;height:28px;background:url(../../static/img/logo_ebet.41a6263f.png) no-repeat 50%/100% 100%}.footer .content ul li.playtech{width:121px;height:27px;background:url(../../static/img/logo_playtech.8b1f5c97.png) no-repeat 50%/100% 100%}.footer .content ul li.ibbet{width:102px;height:30px;background:url(../../static/img/logo_ibbet.3b5392fa.png) no-repeat 50%/100% 100%}.footer .content ul li.bbh{width:52px;height:27px;background:url(../../static/img/logo_bbh.b24b8b3a.png) no-repeat 50%/100% 100%}#app[data-v-49a3dce0]{min-height:100vh;padding-top:80px}#app .red-bag[data-v-49a3dce0]{position:fixed;bottom:50px;right:20px;width:149px;height:160px;cursor:pointer;background:url(../../static/img/red-icon.95d5e348.png) no-repeat 50%/100% 100%;z-index:9999}#app .modal-red-bag[data-v-49a3dce0]{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:9999;overflow:hidden}#app .modal-red-bag .modal[data-v-49a3dce0]{position:relative;width:530px;height:605px;background:url(../../static/img/pc-modal.bc5790a5.png) no-repeat 50%/100% 100%;overflow:hidden}#app .modal-red-bag .modal .btn[data-v-49a3dce0]{position:absolute;display:block;left:104px;cursor:pointer;bottom:78px;width:320px;height:64px}#app .modal-red-bag .modal .close[data-v-49a3dce0]{position:absolute;top:5px;right:0;width:50px;height:50px;cursor:pointer}