.main[data-v-8a8b617c]{width:100%;min-height:100vh;background-color:#fff!important;color:#000!important}.main .box[data-v-8a8b617c]{width:890px;margin:auto;color:#000;padding:15px;box-sizing:border-box}.main .box .header[data-v-8a8b617c]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.main .box .header .title[data-v-8a8b617c]{color:#202020;opacity:1;letter-spacing:1px;margin:0}.main .box .header .search[data-v-8a8b617c]{width:216px;height:28px;border:1px solid #e1e1e1;background-color:#fff;z-index:99;opacity:1;border-radius:100px;display:flex;justify-content:center;align-items:center;position:fixed;right:calc(50% - 435px);top:10px}.main .box .header .search input[data-v-8a8b617c]{outline:none;border:none;color:#787878}.main .box .header .search input[data-v-8a8b617c]::-webkit-input-placeholder{color:#aaa}.main .box .header .search[data-v-8a8b617c]:hover,.main .box .header .searchActive[data-v-8a8b617c]{border:1px solid #428df5}.main .box .header .login[data-v-8a8b617c]{border:1px solid #428df5;color:#428df5;cursor:pointer;width:44px;height:22px;line-height:22px;text-align:center;font-size:12px;margin-left:10px;border-radius:2px}.main .box .header .login[data-v-8a8b617c]:hover{background-color:#428df5;color:#fff}.main .box .goods[data-v-8a8b617c]{display:flex;justify-content:space-between}.main .box .goods .swiper[data-v-8a8b617c]{flex:0 0 658px}.main .box .goods .rankList[data-v-8a8b617c]{display:flex;width:202px;flex-direction:column;justify-content:space-between}.main .box .goods .rankList .rank[data-v-8a8b617c]{display:flex;align-items:center;cursor:pointer}.main .box .goods .rankList .rank .num span[data-v-8a8b617c]{font-size:18px;font-weight:700;color:#444;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;margin:0 10px}.main .box .goods .rankList .rank .img[data-v-8a8b617c]{flex:0 0 42px;height:42px;border-radius:10px}.main .box .goods .rankList .rank .img img[data-v-8a8b617c]{width:100%;height:100%;border-radius:10px}.main .box .goods .rankList .rank .info[data-v-8a8b617c]{margin-left:10px}.main .box .goods .rankList .rank .info .name[data-v-8a8b617c]{font-size:14px;color:#000;margin-bottom:4px}.main .box .goods .rankList .rank .info .desc[data-v-8a8b617c]{font-size:14px;color:#9b9b9c;width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main .box .goods .rankList .rank[data-v-8a8b617c]:hover{opacity:.8}.main .box .goods .rankList .rank:hover .info .name[data-v-8a8b617c]{color:#428df5}.main .box .hotList[data-v-8a8b617c]{display:flex;justify-content:space-between}.main .box .hotList .item[data-v-8a8b617c]{cursor:pointer}.main .box .hotList .item .img[data-v-8a8b617c]{width:156px;height:206px;border-radius:2px;display:flex;justify-content:center;align-items:center;overflow:hidden}.main .box .hotList .item .img img[data-v-8a8b617c]{width:100%;height:100%;border-radius:2px;-o-object-fit:cover;object-fit:cover}.main .box .hotList .item .name[data-v-8a8b617c]{color:#000;margin-top:10px;text-align:center;font-size:14px}.main .box .hotList .item:hover .name[data-v-8a8b617c]{color:#428df5}.main .box .gameList[data-v-8a8b617c]{display:flex;flex-wrap:wrap}.main .box .gameList .game[data-v-8a8b617c]{margin-bottom:10px}.main .box .gameList .game .img[data-v-8a8b617c]{width:195px;height:112px;border-radius:2px;background-color:#eee}.main .box .gameList .game .img img[data-v-8a8b617c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2px}.main .box .gameList .game .more[data-v-8a8b617c]{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.main .box .gameList .game .more .info[data-v-8a8b617c]{font-size:14px}.main .box .gameList .game .more .info .name[data-v-8a8b617c]{margin-bottom:4px;color:#000;width:144px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main .box .gameList .game .more .info .desc[data-v-8a8b617c]{color:#9b9b9c;width:144px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.main .box .gameList .game .more .btn[data-v-8a8b617c]{border:1px solid #428df5;color:#428df5;font-size:12px;height:20px;width:40px;border-radius:2px;text-align:center;line-height:20px;cursor:pointer}.main .box .gameList .game .more .btn[data-v-8a8b617c]:hover{background-color:#428df5;color:#fff}.main .box .gameList .marginRight[data-v-8a8b617c]{margin-right:26.666667px}.main .box .empty[data-v-8a8b617c]{display:flex;flex-direction:column;align-items:center;padding-top:100px}.main .box .empty p[data-v-8a8b617c]{font-size:14px;color:#656565;margin-top:20px}.main .box .loginForm[data-v-8a8b617c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:99;display:flex;align-items:center;justify-content:center}.main .box .loginForm .form[data-v-8a8b617c]{width:250px;height:330px;border-radius:2px;background-color:#fff;box-sizing:border-box;padding:20px}.main .box .loginForm .form .close[data-v-8a8b617c]{display:flex;flex-direction:row-reverse}.main .box .loginForm .form .input[data-v-8a8b617c]{margin:20px 0;display:flex}.main .box .loginForm .form .input input[data-v-8a8b617c]{border:none;outline:none;background-color:#eee;height:32px;line-height:32px;padding-left:10px;border-radius:2px}.main .box .loginForm .form .input .code[data-v-8a8b617c]{margin-left:8px;width:70px;height:32px;background-color:#428df5;line-height:32px;text-align:center;font-size:14px;cursor:pointer;border-radius:2px}.main .box .loginForm .form .input .codeWait[data-v-8a8b617c]{background-color:#cfcfcf;cursor:default}.main .box .loginForm .form .loginBtn[data-v-8a8b617c]{margin-top:40px;background-color:#428df5;width:210px;height:34px;border-radius:2px;text-align:center;line-height:34px;cursor:pointer;font-size:14px}.main .box .loginForm .form .otherLogin[data-v-8a8b617c]{margin-top:30px;display:flex;justify-content:space-around;cursor:pointer}.main .box .loginForm .form .otherLogin img[data-v-8a8b617c]:hover{opacity:.8}.main .box .title[data-v-8a8b617c]{color:#000;margin:30px 0 20px}