.site-head{width:1376px;padding-left:calc(50% - 688px);padding-right:calc(50% - 688px);height:180px;padding-top:16px;position:sticky;top:0;z-index:1000;-webkit-transition:all .3s ease;transition:all .3s ease}.site-head.is-sticky{background-image:url(../img/mainBg.32ace096.jpg);background-size:100% auto;background-repeat:repeat;background-position:0 0;background-color:rgba(10,22,38,.98);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3)}.site-head .hello{font-family:Roboto;font-size:16px;font-weight:700;line-height:40px;letter-spacing:0;font-variation-settings:"opsz" auto;color:#fff;float:left;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.site-head .loginBtn{background:#3b82f6;border:1px solid #fff;margin-top:5px;margin-left:25px;font-size:14px;width:66.5px;line-height:26px;color:#fff;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .loginBtn,.site-head .logoutBtn{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto;font-weight:400;padding:0;float:left;text-align:center;letter-spacing:0}.site-head .logoutBtn{width:64px;height:22px;font-size:12px;margin-top:9px;margin-left:12px;line-height:22px}.site-head .logoutBtn,.site-head .regBtn{border-radius:4px;background:#fff;border:1px solid #fff;color:#3a7ae2}.site-head .regBtn{width:137.31px;height:28px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto;font-size:14px;font-weight:400;margin-top:5px;line-height:28px;text-align:center;letter-spacing:0;float:left;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .tabs{float:right}.site-head .tabs span{height:24px;opacity:1;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;line-height:40px;color:#fff;margin-left:30px}.site-head .tabs .custom-menu{background-color:transparent}.site-head .tabs .el-menu--horizontal>.el-menu-item{height:40px;line-height:40px;cursor:pointer;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .tabs .el-menu.el-menu--horizontal{border:none}.site-head .tabs .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.site-head .tabs .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.site-head .tabs .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.site-head .tabs .el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:transparent!important;color:#3a7ae2!important}.site-head .tabs .el-menu--horizontal>.el-menu-item{border-bottom:none}.site-head .tabs .el-submenu__title{cursor:pointer;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .search{width:100%;float:left;margin-top:30px;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .search .logo{float:left}.site-head .search .logo img{float:left;width:84px;height:84px;border-radius:90px;-webkit-transition:width .3s ease,height .3s ease,margin-top .3s ease;transition:width .3s ease,height .3s ease,margin-top .3s ease}.site-head .search .logo .logoTitle{float:left;color:#fff;width:158px;text-align:center;margin-top:20px}.site-head .search .logo .logoTitle p{-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .search .serachInput{float:right;width:840px}.site-head .search .serachInput .searchBox{float:left;width:100%;border:1px solid #3b82f6;border-radius:5px;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchBox ::-webkit-input-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox ::-moz-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox :-ms-input-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox ::-ms-input-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox ::placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox .el-input__icon{color:#666}.site-head .search .serachInput .searchBox .el-select{border-radius:0;width:104px;float:left}.site-head .search .serachInput .searchBox .el-select .el-input{width:100%}.site-head .search .serachInput .searchBox .el-select .el-input .el-input__inner{border-radius:0;background:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchBox .searchmain{float:left;width:534px}.site-head .search .serachInput .searchBox .searchmain .el-input__inner{border-radius:0;border-left:1px solid #3b82f6;background:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchBox .searchBtn{float:left;background:#3b82f6;font-weight:400;letter-spacing:0;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchHot{float:left;margin-top:12px;width:100%;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .search .serachInput .searchHot span{float:left;color:#fff;font-size:13px;font-weight:400;margin-right:30px;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .search .serachInput .searchHot div{float:left}.site-head .search .serachInput .searchHot div span{margin-right:20px;cursor:pointer}.site-head .search .serachInput .searchHot div span:hover{color:#3b82f6}.ewmBox{width:200px}.ewmBox img{float:left;width:calc(100% - 10px);margin-left:5px}.ewmBox span{width:100%;float:left;text-align:center}.homePage{width:1376px;margin:0 auto}.homePage .top{width:100%;float:left}.homePage .top .top_L{width:1024px;float:left;margin-right:32px}.homePage .top .top_L .el-carousel{height:256px;border-radius:16px}.homePage .top .top_L .el-carousel .el-carousel__container{height:100%}.homePage .top .top_L .el-carousel .imgBox{height:100%;width:100%;position:relative}.homePage .top .top_L .el-carousel .imgBox .meng{width:100%;height:100%;position:absolute;top:0;left:0;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(transparent)),-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background:linear-gradient(0deg,transparent,transparent),linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.homePage .top .top_L .el-carousel .imgBox .sliderInfo{position:absolute;top:70px;left:32px}.homePage .top .top_L .el-carousel .imgBox .sliderInfo p{margin-bottom:16px;font-family:Roboto;font-size:18px;font-weight:lighter;line-height:28px;letter-spacing:0;color:#fff}.homePage .top .top_L .el-carousel .imgBox .sliderInfo .stitle{font-size:30px;font-weight:700;line-height:36px;letter-spacing:0;color:#fff}.homePage .top .top_L .el-carousel .imgBox .sliderInfo .djs{width:66px;height:28px;border-radius:4px;background:#ef4444;line-height:28px;margin:0;margin-right:10px;font-size:14px;text-align:center;float:left}.homePage .top .top_L .top_l_l{margin-top:19px;width:586px;height:491px;border-radius:12px;opacity:1;float:left;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.001)),to(rgba(0,0,0,.001))),#fff;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#fff;-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05)}.homePage .top .top_L .top_l_l .tll_t{margin:15px;width:calc(100% - 50px);float:left;margin-bottom:10px}.homePage .top .top_L .top_l_l .tll_t img{width:20px;height:20px;float:left;margin-right:10px}.homePage .top .top_L .top_l_l .tll_t span{width:120px;height:28px;opacity:1;float:left;font-family:Roboto;font-size:16px;font-weight:600;line-height:32px;letter-spacing:0;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000}.homePage .top .top_L .top_l_l .proInfo{float:left;width:260.66px;height:198px;margin-left:15.34px;border-radius:12px;margin-bottom:16px;background:#f9fafb}.homePage .top .top_L .top_l_l .proInfo .proline{width:calc(100% - 34px);float:left;margin:17px;margin-bottom:0;margin-top:14px}.homePage .top .top_L .top_l_l .proInfo .proline .img{width:64px;height:64px;float:left}.homePage .top .top_L .top_l_l .proInfo .proline .prot{width:151px;opacity:1;float:left;font-family:Roboto;font-size:16px;font-weight:600;line-height:22px;letter-spacing:0;margin-left:10px;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.homePage .top .top_L .top_l_l .proInfo .proline .el-tag--success{background-color:#22c55e;min-width:45px;height:20px;line-height:18px;text-align:center;font-size:10px;border-radius:4px;opacity:1;float:left;color:#fff}.homePage .top .top_L .top_l_l .proInfo .proline .serveName{height:20px;opacity:1;margin-left:10px;float:left;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#4b5563}.homePage .top .top_L .top_l_l .proInfo .proline .el-icon-s-custom{color:#3b82f6;font-size:18px;float:left}.homePage .top .top_L .top_l_l .proInfo .proline .proname{float:left;margin-left:5px;font-size:14px}.homePage .top .top_L .top_l_l .proInfo .proline .proTime{float:right;font-size:14px}.homePage .top .top_L .top_l_l .proInfo .proline .proMoney{float:left;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0;color:#ef4444}.homePage .top .top_L .top_l_l .proInfo .proline .proMoney img{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.homePage .top .top_L .top_l_l .proInfo .proline .buyBtn{float:right}.homePage .top .top_L .top_l_r{margin-top:19px;width:413px;height:300px;border-radius:12px;opacity:1;margin-left:23px;float:left;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.001)),to(rgba(0,0,0,.001))),#fff;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#fff;-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05)}.homePage .top .top_L .top_l_r .tll_t{margin:15px;width:calc(100% - 50px);float:left;margin-bottom:10px}.homePage .top .top_L .top_l_r .tll_t img{width:20px;height:20px;float:left;margin-right:10px}.homePage .top .top_L .top_l_r .tll_t span{width:120px;height:28px;opacity:1;float:left;font-family:Roboto;font-size:16px;font-weight:600;line-height:32px;letter-spacing:0;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000}.homePage .top .top_L .top_l_r .proInfo{float:left;width:calc(100% - 50px);height:68px;margin-left:15px;border-radius:12px;margin-bottom:16px;background:#f9fafb}.homePage .top .top_L .top_l_r .proInfo .proline{width:calc(100% - 34px);float:left;margin:9px;margin-bottom:0;margin-left:14px;position:relative}.homePage .top .top_L .top_l_r .proInfo .proline .img{width:50px;height:50px;float:left}.homePage .top .top_L .top_l_r .proInfo .proline .prot{width:151px;opacity:1;float:left;font-family:Roboto;font-size:16px;font-weight:600;line-height:22px;letter-spacing:0;margin-left:5px;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000}.homePage .top .top_L .top_l_r .proInfo .proline .el-tag--success{background-color:#22c55e;width:45px;height:20px;line-height:18px;text-align:center;font-size:10px;border-radius:4px;opacity:1;float:left;color:#fff;margin-left:10px;margin-top:3px}.homePage .top .top_L .top_l_r .proInfo .proline .serveName{height:20px;opacity:1;margin-left:10px;float:left;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#4b5563}.homePage .top .top_L .top_l_r .proInfo .proline .proname,.homePage .top .top_L .top_l_r .proInfo .proline .proTime{float:left;color:#666;font-size:14px}.homePage .top .top_L .top_l_r .proInfo .proline .proMoney{float:left;position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0;right:0;top:20px;color:#ef4444}.homePage .top .top_L .top_l_r .proInfo .proline .proMoney img{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.homePage .top .top_R,.homePage .top .top_right_side{width:320px;float:left}.homePage .top .top_R{background-image:url(../img/cardBg.6ba30945.png);background-size:100% 100%}.homePage .top .top_R .tr_t{width:100%;float:left;text-align:center;color:#fff;font-size:18px;font-weight:700;line-height:28px;margin-top:24px}.homePage .top .top_R .head{width:78px;height:78px;margin-left:calc(50% - 39px);margin-top:9px;border-radius:10px}.homePage .top .top_R .loginbtn{color:#fff;font-size:16px;cursor:pointer}.homePage .top .top_R .tr_info{width:40px;float:left;margin-left:45px;margin-top:25px}.homePage .top .top_R .tr_info span{width:100%;font-size:12px;line-height:16px;margin-bottom:10px}.homePage .top .top_R .buyBtn,.homePage .top .top_R .tr_info span{float:left;font-weight:400;text-align:center;letter-spacing:0;color:#fff}.homePage .top .top_R .buyBtn{width:272px;height:48px;border-radius:4px;margin-left:calc(50% - 136px);opacity:1;background:#3b82f6;font-size:16px;line-height:24px;margin-top:12px;line-height:48px}.homePage .top .top_R .buyBtn img{float:left;width:20px;height:20px;margin-top:14px;margin-left:97px}.homePage .top .top_R .buyBtn span{float:left;margin-left:10px}.homePage .top .top_R .saleBtn{width:272px;height:48px;margin-left:calc(50% - 136px);border-radius:4px;opacity:1;cursor:pointer;float:left;background:#f98f05;font-size:16px;font-weight:400;line-height:24px;text-align:center;letter-spacing:0;color:#fff;margin-top:12px;line-height:48px}.homePage .top .top_R .saleBtn img{float:left;width:20px;height:20px;margin-top:14px;margin-left:97px}.homePage .top .top_R .saleBtn span{float:left;margin-left:10px}.homePage .top .top_R .tr_gg{width:320px;height:314px;border-radius:20px 20px 9px 9px;opacity:1;float:left;background:#fff;margin-top:19px}.homePage .top .top_R .tr_gg .ggtabs{width:33.33333%;float:left;text-align:center;font-size:16px;font-weight:700;line-height:58px;letter-spacing:0;cursor:pointer}.homePage .top .top_R .tr_gg .choose{text-decoration:underline;color:#3b82f6}.homePage .top .top_R .tr_gg .ggbox{width:calc(100% - 48px);float:left;margin-left:24px;border-radius:4px;height:60px;cursor:pointer;margin-bottom:12px;background:#f9fafb}.homePage .top .top_R .tr_gg .ggbox p{width:calc(100% - 24px);float:left;margin:12px;margin-bottom:0}.homePage .top .top_R .tr_gg .ggbox .time{margin:0;font-family:Roboto;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;margin-left:12px;color:#999}.homePage .top .top_R.top_R--no-sale .tr_gg{margin-top:79px}.homePage .top .top_R .top_l_r,.homePage .top_right_side>.top_l_r{width:320px;height:355px;border-radius:12px;opacity:1;float:left;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.001)),to(rgba(0,0,0,.001))),#fff;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#fff;-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.05);margin-top:17px}.homePage .top .top_R .top_l_r .tll_t,.homePage .top_right_side>.top_l_r .tll_t{margin:15px;width:calc(100% - 50px);float:left;margin-bottom:10px}.homePage .top .top_R .top_l_r .tll_t img,.homePage .top_right_side>.top_l_r .tll_t img{width:20px;height:20px;float:left;margin-right:10px;margin-top:7px}.homePage .top .top_R .top_l_r .tll_t span,.homePage .top_right_side>.top_l_r .tll_t span{width:120px;height:28px;opacity:1;float:left;font-family:Roboto;font-size:16px;font-weight:600;line-height:32px;letter-spacing:0;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000}.homePage .top .top_R .top_l_r .proInfo,.homePage .top_right_side>.top_l_r .proInfo{float:left;width:calc(100% - 30px);height:68px;margin-left:15px;border-radius:12px;margin-bottom:16px;background:#f9fafb;margin-top:11px}.homePage .top .top_R .top_l_r .proInfo .proline,.homePage .top_right_side>.top_l_r .proInfo .proline{width:calc(100% - 34px);float:left;margin:9px;margin-bottom:0;margin-left:14px;position:relative}.homePage .top .top_R .top_l_r .proInfo .proline .img,.homePage .top_right_side>.top_l_r .proInfo .proline .img{width:50px;height:50px;float:left}.homePage .top .top_R .top_l_r .proInfo .proline .prot,.homePage .top_right_side>.top_l_r .proInfo .proline .prot{width:120px;opacity:1;float:left;font-family:Roboto;font-size:16px;font-weight:600;line-height:22px;letter-spacing:0;margin-left:5px;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homePage .top .top_R .top_l_r .proInfo .proline .el-tag--success,.homePage .top_right_side>.top_l_r .proInfo .proline .el-tag--success{background-color:#22c55e;width:45px;height:20px;line-height:18px;text-align:center;font-size:10px;border-radius:4px;opacity:1;float:left;color:#fff;margin-left:10px;margin-top:3px}.homePage .top .top_R .top_l_r .proInfo .proline .proname,.homePage .top .top_R .top_l_r .proInfo .proline .proTime,.homePage .top_right_side>.top_l_r .proInfo .proline .proname,.homePage .top_right_side>.top_l_r .proInfo .proline .proTime{float:left;color:#666;font-size:14px}.homePage .top .top_R .top_l_r .proInfo .proline .proMoney,.homePage .top_right_side>.top_l_r .proInfo .proline .proMoney{float:left;position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0;right:0;top:20px;color:#ef4444}.homePage .top .top_R .top_l_r .proInfo .proline .proMoney img,.homePage .top_right_side>.top_l_r .proInfo .proline .proMoney img{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.homePage .middle{width:100%;float:left}.homePage .middle .gameBox{width:100%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:400px;border-radius:12px;opacity:1;position:relative;background:#fff;margin-bottom:16px;overflow:hidden}.homePage .middle .gameBox .gameImg{background-image:url(../img/yx3.6c92e592.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:298px;height:100%;float:left;-ms-flex-negative:0;flex-shrink:0;position:relative;margin-right:12px}.homePage .middle .gameBox .gameImg .el-tag{margin-left:10px;margin-bottom:10px;float:left;font-size:12px;font-weight:400;letter-spacing:0;color:#000;padding:0 5px;height:24px;border-radius:4px;opacity:1;text-align:center;background:hsla(0,0%,100%,.8);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;backdrop-filter:blur(10px);line-height:22px}.homePage .middle .gameBox .gameImg .tags{position:absolute;bottom:10px}.homePage .middle .gameBox .seeMore{position:absolute;top:10px;right:15px;font-size:14px;color:#333;cursor:pointer}.homePage .middle .gameBox .gameCard{position:relative;float:left;-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;min-width:0;cursor:pointer;margin-top:34px;height:353px;border-radius:16px;opacity:1;margin-left:16px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.001)),to(rgba(0,0,0,.001))),#fff;background:linear-gradient(0deg,rgba(0,0,0,.001),rgba(0,0,0,.001)),#fff;border:1px solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden}.homePage .middle .gameBox .gameCard .gcImg{height:300px;border-radius:8px 8px 0 0;background-image:url(../img/yx4.39651692.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.homePage .middle .gameBox .gameCard .gcImg .el-tag{float:right;background-color:#22c55e;margin:8px;color:#fff;border:none;line-height:25px;font-size:12px;height:auto}.homePage .middle .gameBox .gameCard .gcTtile{font-family:Roboto;font-size:18px;font-weight:600;line-height:28px;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000;margin:16px}.homePage .middle .gameBox .gameCard .gcTips,.homePage .middle .gameBox .gameCard .gcTtile{width:calc(100% - 32px);opacity:1;letter-spacing:0;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.homePage .middle .gameBox .gameCard .gcTips{height:20px;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;margin:0 16px;color:#666}.homePage .middle .gameBox .gameCard .gcmt{width:calc(100% - 32px);margin:16px;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.homePage .middle .gameBox .gameCard .gcmt .gcPriceInfo{min-width:0;float:left}.homePage .middle .gameBox .gameCard .gcmt .money{font-family:Roboto;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ef4444}.homePage .middle .gameBox .gameCard .gcmt .money img{width:18px;height:18px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.homePage .middle .gameBox .gameCard .gcmt .time{font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#666;display:block}.homePage .middle .gameBox .gameCard .gcmt .gameBuyBtn{-ms-flex-negative:0;flex-shrink:0}.homePage .gameSelectPanel{width:100%;float:left;margin-bottom:16px;padding:14px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#141a34;color:#d7dced}.homePage .gameSelectInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;min-height:64px}.homePage .gameSelectItem{width:70px;-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px;min-width:0;cursor:pointer;text-align:center;color:#d7dced}.homePage .gameSelectItem .gameIconWrap{width:42px;height:36px;margin:0 auto 6px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#4b5563;font-size:20px}.homePage .gameSelectItem .gameIconWrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.homePage .gameSelectItem span{display:block;width:100%;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homePage .gameSelectItem.active{color:#fff}.homePage .gameSelectItem.active .gameIconWrap{background:#1f4d91;color:#fff}.homePage .gameExpandBtn{margin-left:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border:none;background:transparent;color:#d7dced;font-size:13px;cursor:pointer}.homePage .gameExpandBtn i{margin-left:4px}.homePage .categorySelectInner{gap:10px 14px;margin-top:10px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.08)}.homePage .categorySelectGroup,.homePage .categorySelectInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.homePage .categorySelectGroup{gap:6px;min-height:28px}.homePage .categoryChildren{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;padding-left:8px;margin-left:2px;border-left:1px solid rgba(215,220,237,.22)}.homePage .categorySelectItem{height:26px;padding:0 10px;border-radius:5px;background:transparent;color:#d7dced;font-size:12px;line-height:26px;cursor:pointer;white-space:nowrap;-webkit-transition:color .16s,background-color .16s;transition:color .16s,background-color .16s}.homePage .categorySelectItem.parent{font-weight:600;color:#fff;background:hsla(0,0%,100%,.1)}.homePage .categorySelectItem.child{height:24px;line-height:24px;padding:0 8px;color:#b8c1d8;background:transparent}.homePage .categorySelectItem.child:hover{color:#fff;background:hsla(0,0%,100%,.08)}.homePage .categorySelectItem:hover{color:#fff;background:hsla(0,0%,100%,.1)}.homePage .categorySelectItem.active{background:#1f4d91;color:#fff}.homePage .middle{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:24px;max-height:880px;overflow-x:hidden;overflow-y:auto}.homePage .middle.empty{min-height:320px;max-height:none;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.homePage .middle .gameEmpty{width:100%;text-align:center;color:#909399;font-size:14px}.homePage .middle .gameCard{min-width:0;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 4px 14px rgba(15,23,42,.08);box-shadow:0 4px 14px rgba(15,23,42,.08);overflow:hidden}.homePage .middle .gameCard .gcImg{width:100%;height:255px;border-radius:8px 8px 0 0;background-image:url(../img/yx4.39651692.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.homePage .middle .gameCard .gcImg .gcTag{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);height:24px;padding:0 8px;border-radius:4px;background:#16a34a;color:#fff;font-size:12px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homePage .middle .gameCard .gcTtile{width:calc(100% - 24px);padding:0 12px;height:22px;margin-top:12px;font-family:Roboto;font-size:14px;font-weight:600;line-height:22px;letter-spacing:0;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.homePage .middle .gameCard .gcMeta{width:calc(100% - 24px);padding:0 12px;height:20px;margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:Roboto;font-size:12px;font-weight:400;line-height:20px;letter-spacing:0;color:#999}.homePage .middle .gameCard .gcMeta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homePage .middle .gameCard .gcMeta span:first-child{max-width:58%}.homePage .middle .gameCard .gcmt{width:calc(100% - 24px);padding:0 12px;margin:13px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.homePage .middle .gameCard .gcmt,.homePage .middle .gameCard .gcmt .money{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homePage .middle .gameCard .gcmt .money{min-width:0;font-family:Roboto;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0;color:#ff3347;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homePage .middle .gameCard .gcmt .money img{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.homePage .middle .gameCard .gcmt .gameBuyBtn{width:58px;height:24px;-ms-flex-negative:0;flex-shrink:0;padding:0;border-radius:3px;font-size:12px;line-height:22px}.homePage .bottom{width:100%;float:left;margin-top:10px}.homePage .bottom img{width:330.08px;height:108px;float:left}.homePage .hot{width:1376px;height:376px;border-radius:12px;opacity:1;margin-bottom:16px;background:-webkit-gradient(linear,left top,left bottom,from(#dfebff),color-stop(29%,#fff));background:linear-gradient(180deg,#dfebff,#fff 29%)}.margin-left{margin-left:25px}