.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.81ecf3c8.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-left:25px;width:66.5px;line-height:26px;color:#fff}.site-head .loginBtn,.site-head .regBtn{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:5px;font-family:Roboto;font-size:14px;font-weight:400;padding:0;float:left;text-align:center;letter-spacing:0;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .regBtn{width:137.31px;height:28px;border-radius:4px;background:#fff;border:1px solid #fff;color:#3a7ae2;line-height:28px}.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;-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{-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;-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:205px;text-align:center;margin-top:10px}.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:25px;width:calc(100% - 50px);float:left;margin-bottom:10px}.homePage .top .top_L .top_l_l .tll_t img{width:30px;height:30px;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:20px;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;height:64px;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;position:relative;max-height:4.5em;overflow:hidden}.homePage .top .top_L .top_l_l .proInfo .proline .prot:after{content:"...";position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,#fff));background:linear-gradient(90deg,transparent,#fff 50%)}.homePage .top .top_L .top_l_l .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}.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;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 .buyBtn{float:right}.homePage .top .top_L .top_l_r{margin-top:19px;width:413px;height:491px;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:25px;width:calc(100% - 50px);float:left;margin-bottom:10px}.homePage .top .top_L .top_l_r .tll_t img{width:30px;height:30px;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:20px;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;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{width:320px;height:763px;background-image:url(../img/cardBg.54b62489.png);background-size:100% 100%;float:left}.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:363px;border-radius:20px 20px 12px 12px;opacity:1;float:left;background:#fff;margin-top:17px}.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;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 .middle{width:100%;float:left;margin-top:25px}.homePage .middle .gameBox{width:100%;float:left;height:400px;border-radius:12px;opacity:1;position:relative;background:#fff;margin-bottom:16px}.homePage .middle .gameBox .gameImg{background-image:url(../img/yx3.90c405d2.png);background-size:100% 100%;width:298px;height:100%;float:left;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;width:325px;margin-top:34px;height:353px;border-radius:16px;opacity:1;margin-left:20px;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 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:192px;background-image:url(../img/yx4.d98851eb.png);background-size:100% 100%}.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{width:calc(100% - 32px);height:56px;opacity:1;font-family:Roboto;font-size:18px;font-weight:600;line-height:28px;letter-spacing:0;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#000;float:left;margin:16px;position:relative;max-height:4.5em;overflow:hidden;line-height:1.5em}.homePage .middle .gameBox .gameCard .gcTtile:after{content:"...";position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,#fff));background:linear-gradient(90deg,transparent,#fff 50%)}.homePage .middle .gameBox .gameCard .gcTips{width:calc(100% - 32px);height:20px;opacity:1;float:left;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;margin:0 16px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.homePage .middle .gameBox .gameCard .gcmt{width:calc(100% - 32px);margin:16px;float:left}.homePage .middle .gameBox .gameCard .gcmt .money{font-family:Roboto;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0;float:left;color:#ef4444}.homePage .middle .gameBox .gameCard .gcmt .time{font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;text-align:right;letter-spacing:0;color:#666;float:right}.homePage .bottom{width:100%;float:left}.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}