@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,figure{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} .clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both} b,em,i{font-style:normal;} html,body{width:100%;} a{color:#333;text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);} body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:12px;line-height:1.5;position:relative;color:#333;background: #F6F7FB;height:100%;} button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun";} input[type="submit"],input[type="reset"],input[type="password"],input[type="button"],input[type="text"],button{-webkit-appearance:none;}/*取消苹果渲染*/ *{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-text-size-adjust:none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;} html {font-size:100px;} body {font-size:.24rem;} .h10{width:100%;height:.1rem;background-color: #f6f7f9 } .bg{background:#fff;} .flex_grow{-moz-flex-grow:1;flex-grow:1;} .wrap{width:100%;max-width:7.5rem;min-width:3.2rem;margin:0 auto;overflow: hidden;position: relative;} .hide{display: none;} .hidden{display: none!important;} .auto { height: auto!important; } .fx{display:flex;} .fx_gw{-moz-flex-grow:1;flex-grow:1;} .flex{display:flex;} .h20 { height: 0.2rem;margin: auto;} .flex_grow{-moz-flex-grow:1;flex-grow:1;} .hidden { max-height: 12rem; overflow: hidden; } .icon{background-image:url("../images/icon.png");background-size:8rem 8rem;} .gameicon{background-image:url("../images/gamelist.png");background-size:4.68rem 16.64rem;} .appicon{background-image:url("../images/applist.png");background-size:4.68rem 17.68rem;} ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0} /* header */ header { height: 1.76rem; width: 100%;position: relative; } header .headTop { width: 100%; height: 0.88rem; background: linear-gradient(90deg, #57D1FF 0%, #507BFF 48%, #9563FF 100%); position: relative; z-index: 2; } header .logo { float: left; width: 2.02rem; height: 0.66rem; font-size: 0.52rem; font-weight: bold; line-height: 0.66rem; color: #FFFFFF; margin: 0.12rem 0 0 0.3rem; text-align: center; } header .logo img{height: .66rem;width: auto;} header .search { float: right; width: 2.4rem; height: 0.64rem; border: 0.04rem solid #FFFFFF40; border-radius: 36px; margin: 0.12rem 0.2rem 0 0; font-size: 0.26rem; line-height: 0.56rem; color: #FFFFFF80; box-sizing: border-box; text-indent: 0.38rem; } header .search .fdj { width: 0.44rem; height: 0.44rem; float: right; background-position: 0 0; margin: 0.06rem 0.24rem 0 0; } header .menu { width: 0.44rem; height: 0.44rem; float: right; background-position: -0.67rem -0.02rem; margin: 0.24rem 0.3rem 0 0; } header .menu.current { background-position: -3.71rem -3rem; } header .bg { position: absolute; top: 0; left: 0; width: 100%; height: 5.76rem; background: url(../images/nav_icon_all.png) no-repeat center; background-size: cover; } /* nav */ nav { position: relative;width: 100%;height: 0.88rem;line-height: 0.88rem;float: left;background: url(../images/nav_icon_all12.png) no-repeat center ;background-size: cover;z-index: 2;border-radius: 0 0 0.54rem 0.54rem } nav ul { display: flex; overflow-x: auto;width: 100%; } nav ul li a { display: block;position: relative; height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; color: #ffffff;opacity: .9; white-space: nowrap;margin: 0 0.38rem; } nav ul li:first-child a { margin-left: 0.58rem;} nav ul li a.current { font-weight: bold;font-size: 0.36rem;opacity: 1; } nav ul li a::after { content: "";display: none; position: absolute; width: 100%; height: 0.28rem; background: linear-gradient(to top, #FFD741, transparent); left: 0;right: 0;margin: auto;bottom: 0.16rem;border-radius: 0 0 0.04rem 0.04rem;} nav ul li a.current::after { display: block; } /* 通用头部弹层 */ .headerNav{position: absolute;width: 100%;background: #fff;background-size: 7.5rem 12rem;z-index: 66666;left: 0;top: 0.88rem; box-shadow: 0 0.2rem 0.32rem rgba(0, 5, 46, 0.1); border-radius: 0 0 0.4rem 0.4rem; padding-bottom: 0.32rem; } .headbox{overflow: hidden;background: linear-gradient(to bottom,#D2DDFB, #fff);padding-top: 0.66rem;} .headbox a{font-size: .26rem;color: #333;line-height: .38rem;text-align: center;float: left;width: 1.18rem;margin-right: .16rem;margin-bottom: .38rem;} .headbox a:nth-child(1),.headbox a:nth-child(6){margin-left: .3rem;} .headbox a i{width: .8rem;height: .8rem;display: block;background-position: -0.04rem -2.72rem;margin: 0 auto;margin-bottom: .1rem;border-radius: 50%;} .headbox a:nth-child(2) i{background-position: -2.82rem -1.87rem;} .headbox a:nth-child(3) i{background-position: -1.81rem -2.76rem;} .headbox a:nth-child(4) i{background-position: -0.91rem -2.72rem;} .headbox a:nth-child(5) i{background-position: -1.9rem -1.86rem;} .headbox a:nth-child(6) i{background-position: -2.69rem -2.78rem;} .indexgame{position: relative;margin-top: .2rem;} .indexgame>p{ width: 1.84rem; height: 0.68rem; line-height: 0.68rem; text-indent: 0.28rem; font-size: 0.32rem; font-weight: bold; color: #333333; background: linear-gradient(270deg, rgba(25, 51, 255, 0) 0%, rgba(25, 51, 255, 0.28) 100%); opacity: 1; border-radius: 0.12rem 0 0 0.12rem; margin-left: 0.3rem; } .indexgame ul{margin: .34rem 0 0 .5rem;} .indexgame ul li{ float: left; } .indexgame ul li a{ display: block; width: 1.38rem; height: 0.42rem; line-height: 0.42rem; background: rgba(25, 51, 255, 0.02); border: 0.02rem solid #8A97FF; border-radius: 0.1rem; text-align: center; margin: 0 0.28rem 0.3rem 0; font-size: 0.22rem; color: #1933FF; } .indexgame ul li:nth-child(4n) a { margin-right: 0; } .indexgame ul li:nth-child(2n) a { color: #F64C31; background: rgba(246, 76, 49, 0.02); border: 0.02rem solid #F64C31; } .indexgame ul li:nth-child(3n) a { color: #23C268; background: rgba(35, 194, 104, 0.02); border: 0.02rem solid #23C268; } .indexgame ul li:nth-child(4n) a { color: #FF9900; background: rgba(255, 215, 65, 0.02); border: 0.02rem solid #FFD741; } .indexgame ul li:nth-child(5n) a { color: #AC4DFF; background: rgba(172, 77, 255, 0.02); border: 0.02rem solid #AC4DFF; } .indexgame ul li.hot a i{width: .41rem;height: .28rem;display: block;position: absolute;background-position: -7.37rem -5.8rem;top: 0;right: -.16rem;} .mask{width:100%;height:100%;position:absolute;top:0.88rem;left: 0;background:rgba(0, 0, 0, 0.5);z-index: 998;} /* location */ .location {line-height: .28rem;font-size: .24rem;color: rgba(51,51,51,.6);white-space: nowrap;overflow: hidden;margin-left: .24rem;padding: .16rem 0 .3rem;} .location a{color: #333;font-size: .24rem;margin-left: .15rem;} /* page */ .pagecode{display: flex;justify-content: center;margin: .38rem 0 .6rem;} .pagecode a{width: .58rem;height: .58rem;color: #333;font-size: .26rem;line-height: .58rem;text-align: center;border-radius: .06rem;background: #fff;margin-right: 0.3rem;border: .02rem solid #D4D4D4;} .pagecode a:nth-child(1){width: 0.96rem;} .pagecode a:nth-last-child(1){width: 0.96rem;margin-right: 0;} .pagecode .current{background: #1933FF;color: #fff;border-color: #1933FF;} .pagecode .left, .pagecode .right {width: .14rem;height: .24rem;background-position: -0.06rem -4.02rem;display: inline-block;position: relative;top: .02rem;} .pagecode .right{transform: rotate(180deg);} /* footer */ footer { padding: 0.5rem 0 0.78rem 0; background: #333333; width: 100%; max-width: 7.5rem; min-width: 3.2rem; margin: 0 auto;position: relative; } footer a.logoBottom { display: block; width: 2.02rem; height: 0.66rem;line-height: 0.66rem; font-size: 0.52rem; font-weight: bold; color: rgba(109, 125, 255, 0.81); margin: 0 auto 0.3rem; } footer a.logoBottom img{height: 0.66rem;width: auto;} footer p { font-size: 0.22rem; line-height: 0.36rem; color: #FFFFFF; opacity: 0.3; text-align: center; } footer p:nth-child(2) { width: 7rem; font-size: 0.22rem; line-height: 0.36rem; color: #FFFFFF; opacity: 0.8; margin: 0 auto 0.28rem; } /* scrollTop */ .scrollTop { position: fixed; bottom: 2rem; right: 0.2rem; width: 1.08rem; height: 1.08rem; background-position: -2.62rem -0.71rem; border-radius: 50%; z-index: 9; } /* common structure */ .cs_1 { width: 7.02rem; padding-top: 0.9rem; background: #FFFFFF; border-radius: 20px; margin: 0 auto 0.3rem; position: relative; } .cs_1 ul { overflow: hidden; padding-left: 0.24rem; } .cs_1 ul li { float: left; margin: 0 0.32rem 0.38rem 0; } .cs_1 ul li:nth-child(4n) { margin-right: 0; } .cs_1 ul li a { display: block; width: 1.4rem; white-space: nowrap; overflow: hidden; text-align: center; } .cs_1 ul li a img { width: 1.4rem; height: 1.4rem; border-radius: 0.4rem; margin: 0 0.12rem auto 0; } .cs_1 ul li a p { height: 0.38rem; line-height: 0.38rem; font-size: 0.28rem; color: #333333; } .cs_1 ul li a div { width: 1.4rem; height: 0.64rem; line-height: 0.64rem; background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%); border-radius: 0.12rem; font-size: 0.26rem; color: #FFFFFF; margin: 0.12rem auto 0; box-sizing: border-box; } .cs_1 ul li a div.look { color: #1933FF; background: #FFFFFF; border: 0.02rem solid #1933FF; } .csTlt_1 { position: absolute; top: 0; left: 0; width: 100%; height: 1.08rem; background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%); border-radius: 0.2rem 0.2rem 0 0; } .csTlt_1 span { font-size: 0.32rem; font-weight: bold; color: #00052E; height: 0.42rem; line-height: 0.42rem; margin: 0.2rem 0 0 0.3rem; float: left; } .csTlt_1 a.more { float: right; height: 0.32rem; line-height: 0.32rem; font-size: 0.24rem; color: #00052E50; margin: 0.18rem 0.3rem 0 0; } .csTlt_1 a.more i { display: inline-block; width: 0.24rem; height: 0.26rem; background-position: -1.24rem 0; vertical-align: top; margin: 0.04rem 0 0 0.04rem; } .cs_2 { width: 7.02rem; padding: 0.9rem 0 0.3rem; background: #FFFFFF; border-radius: 20px; margin: 0 auto 0.3rem; position: relative; } .cs_2 ul { padding-left: 0.24rem; overflow: auto; display: flex; white-space: nowrap; } .cs_2 .ul1 { height: 0.5rem; margin-bottom: 0.26rem; } .cs_2 .ul1 li { display: inline-block; margin-right: 0.12rem; } .cs_2 .ul1 li a { display: block; height: 0.46rem; line-height: 0.46rem; padding: 0 0.2rem; background: rgba(25, 51, 255, 0.05); border: 0.02rem solid #8A97FF; border-radius: 0.1rem; font-size: 0.22rem; color: #1933FF; box-sizing: border-box; } .cs_2 .ul1 li:nth-child(2n) a { color: #F64C31; border-color: #F64C31; background: rgba(246, 76, 49, 0.05); } .cs_2 .ul1 li:nth-child(3n) a { color: #23C268; border-color: #23C268; background: rgba(35, 194, 104, 0.05); } .cs_2 .ul2 { height: 2rem; } .cs_2 .ul2 li { display: inline-block; margin-right: 0.3rem; } .cs_2 .ul2 li a { position: relative; display: block; width: 2.52rem; border-radius: 0.2rem; background: #00052E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 2rem; } .cs_2 .ul2 li a i { position: absolute; top: 0; right: 0; width: 0.48rem; height: 0.48rem; background-position: -4.91rem -0.01rem; } .cs_2 .ul2 li a img { display: block; width: 2.52rem; height: 1.42rem; border-radius: 0.2rem 0.2rem 0 0; } .cs_2 .ul2 li a p:nth-child(3) { height: 0.34rem; font-size: 0.26rem; line-height: 0.34rem; color: #FFFFFF; text-align: left; margin: 0.1rem 0 0.04rem 0.2rem; } .cs_2 .ul2 li a p:nth-child(4) { height: 0.28rem; font-size: 0.2rem; line-height: 0.28rem; color: #FFFFFF80; text-indent: 0.2rem; } .cs_2 .ul2 li a p:nth-child(4) span { font-size: 0.24rem; font-weight: bold; color: #F64C31; margin: 0 0.02rem; } .cs_3 { width: 7.02rem; border-radius: 20px; margin: 0 auto 0.1rem; position: relative; } .cs_3 .topIcon { display: block; width: 5.84rem; height: 0.98rem; margin: .3rem auto 0; background: url(../images/rankbg1.png) no-repeat center; background-size: contain; } .rankBottom .cs_3 .topIcon{display: none;} .rankBar { display: flex; justify-content: center; } .rankBar i { display: block; width: 3.26rem; height: 1.08rem; background-position: -4.29rem -0.65rem; color: #F64C31; padding-top: 0.52rem; text-align: center; } .rankBar i span, .rankBar i a { display: inline-block; width: 1.44rem; font-size: 0.24rem; font-weight: bold; height: 0.3rem; line-height: 0.3rem; white-space: nowrap; overflow: hidden; } .rankBar i.current { background-position: -4.29rem -2.25rem; } .rankBar i.current span , .rankBar i.current a{ color: #fff; } .rankRec{position: relative; z-index: 1; width: 7.02rem; background: linear-gradient(47deg, #FFB81E 0%, #FF461C 100%); box-shadow: 0 0.06rem 0.76rem rgba(104, 14, 0, 0.14); border-radius: 0.28rem; margin: 2.6rem auto 0.36rem; } .rankRec .list{padding: .3rem 0 .2rem .26rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;} .rankRec .list a{display: block;width: 3.15rem;height: .64rem;line-height:.64rem;text-align:center;background-color:#FFF;color:#333;font-size:.3rem;border-radius:.08rem;overflow:hidden;white-space:nowrap;margin:0 .19rem .2rem 0; } .rankRec .list a.current{color: #fff;background-color: #FF1F1F;} .cs_3 .rankMid { overflow: hidden; margin-bottom: 0.4rem; } .cs_3 .rankMid>a { float: left; width: 2.2rem; height: 2.6rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 197, 22, 0.78) 100%); border-radius: 0.2rem; margin-right: 0.21rem; position: relative; } .cs_3 .rankMid>a:nth-child(3n) { margin-right: 0; } .cs_3 .rankMid>a img { display: block; width: 1.4rem; height: 1.4rem; opacity: 1; border-radius: 0.4rem; border: 0.08rem solid #fff; margin: 0.28rem auto 0.12rem; } .cs_3 .rankMid>a p { width: 2rem; height: 0.36rem; font-size: 0.28rem; font-weight: bold; line-height: 0.36rem; color: #00052E; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: auto; } .cs_3 .rankMid>a i { position: absolute; top: 0.26rem; left: 0.32rem; width: 0.62rem; height: 0.52rem; background-position: -1.67rem 0; } .cs_3 .rankMid>a:nth-child(2) i { background-position: -2.46rem 0; } .cs_3 .rankMid>a:nth-child(3) i { background-position: -3.26rem 0; } .cs_3 ul li a { display: block; margin-bottom: 0.3rem; width: 100%; height: 1.4rem; position: relative; } .cs_3 ul li a i { position: absolute; top: -0.02rem; left: 0; width: 0.62rem; height: 0.52rem; background-position: -4.06rem 0; font-size: 0.32rem; font-weight: bold; line-height: 0.52rem; text-align: center; color: #333333; } .cs_3 ul li a img { float: left; width: 1.4rem; height: 1.4rem; border-radius: 40px; margin-right: 0.24rem; } .cs_3 ul li a div.mid { float: left; width: 3.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cs_3 ul li a div.mid p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .cs_3 ul li a div.mid p:nth-child(1) { height: 0.36rem; font-size: 0.28rem; font-weight: bold; line-height: 0.36rem; color: #00052E; margin: 0.12rem 0 0.08rem 0; } .cs_3 ul li a div.mid p:nth-child(2) { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; color: #00052E; opacity: 0.7; margin-bottom: 0.08rem; } .cs_3 ul li a div.mid p:nth-child(3) { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; color: #00052E; opacity: .5; } .cs_3 ul li a .down { float: right; width: 1.4rem; height: 0.64rem; line-height: 0.64rem; background: linear-gradient(135deg, #FF1F1F 0%, #FF8D41 100%); border-radius: 0.12rem; text-align: center; font-size: 0.26rem; color: #FFFFFF; margin-top: 0.38rem; } /* index */ .slider .swiper-wrapper { width: 6.7rem; height: 2.36rem; box-shadow: 0 0.08rem 0.2rem rgba(0, 5, 46, 0.2); border-radius: 0.2rem; padding: 0.3rem 0 0.48rem; } .slider_zx .swiper-wrapper { padding-top: 0.1rem; } .slider .swiper-wrapper img { display: block; width: 6.7rem; height: 2.36rem; border-radius: 0.2rem; box-shadow: 0px 8px 20px rgba(0, 5, 46, 0.2); object-fit: cover;} .slider .swiper-pagination { width: 0.96rem; height: 0.2rem; line-height: 0.2rem; background: #00052E40; border-radius: 16px; left: 0; right: 0; bottom: 0.54rem; margin: auto; font-size: 0; } .slider .swiper-pagination .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; background: #FFFFFF; opacity: 0.7; border-radius: 50%; margin: 0.06rem 0.04rem; } .slider .swiper-pagination .swiper-pagination-bullet-active { width: 0.24rem; height: 0.08rem; background: #FFE06A; opacity: 1; border-radius: 0.04rem; } .index_2 { width: 7.02rem; height: 3.46rem; padding-top: 0.24rem; margin: 0 auto 0.3rem; position: relative; } .index_2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1.68rem; background: url(../images/ele_01@2x.png) no-repeat center; background-size: cover; } .index_2>i { position: absolute; top: -0.18rem; left: 0; right: 0; margin: auto; width: 2.56rem; height: 0.74rem; background-position: -0.02rem -0.71rem; z-index: 2; } .index_2 ul { width: 100%; height: 2.94rem; background: linear-gradient(180deg, #FFE6D4 0%, #FFFFFF 100%); opacity: 1; border-radius: 20px; position: relative; padding-top: 0.52rem; z-index: 1; } .index_2 ul li { float: left; } .index_2 ul li:nth-child(1) { margin-left: 0.1rem; } .index_2 ul li a { display: block; width: 1.7rem; } .index_2 ul li a img { display: block; width: 1.4rem; height: 1.4rem; border-radius: 0.4rem; margin: 0 auto 0.1rem; } .index_2 ul li a p { width: 98%; height: 0.38rem; font-size: 0.28rem; line-height: 0.38rem; color: #333333; text-align: center; white-space: nowrap; overflow: hidden; margin: auto; } .index_2 ul li a div { width: 1.4rem; height: 0.64rem; line-height: 0.64rem; background: linear-gradient(135deg, #FF1F1F 0%, #FF8D41 100%); border-radius: 0.12rem; text-align: center; margin: 0.12rem auto 0; font-size: 0.26rem; color: #FFFFFF; } .index_7 { width: 7.02rem; padding-top: 0.9rem; background: #FFFFFF; border-radius: 20px; margin: 0 auto 0.3rem; position: relative; } .index_7 ul { overflow: hidden; padding-left: 0.24rem; } .index_7 ul li {float: left;width: 3.12rem;height: 1.26rem;border-radius: 0.2rem;margin: 0 0.3rem 0.3rem 0;position: relative;background: linear-gradient(47deg, #FFB81E 0%, #FF461C 100%);} .index_7 ul li:nth-child(2n) { margin-right: 0; } .index_7 ul li::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0); border-radius: 0.2rem; } .index_7 ul li img {display: none; width: 100%; height: 100%; border-radius: 0.2rem; } .index_7 ul li>a{position: absolute;top: 0.42rem;left: 0.875rem;height: 0.4rem;font-size: 0.3rem;line-height: 0.4rem;color: #FFFFFF;z-index: 1;} .index_7 ul li>a span { display: inline-block; max-width: 2.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_7 ul li>a i { display: inline-block; width: 0.24rem; height: 0.24rem; background-position: -1.22rem -0.3rem; vertical-align: top; margin: 0.1rem 0 0 0.08rem; } .index_9 { width: 7.02rem; padding-top: 0.9rem; background: #FFFFFF; border-radius: 20px; margin: 0 auto 0.3rem; position: relative; } .index_9 ul { overflow:hidden; } .index_9 ul li a { display: block; width: 6.54rem; height: 1.68rem; margin: auto; margin-bottom: 0.3rem; } .index_9 ul li a img { float: left; width: 3rem; height: 1.68rem; border-radius: 0.12rem; margin-right: 0.2rem; } .index_9 ul li a .right { float: left; width: 3.34rem; } .index_9 ul li a .right p:nth-child(1) { font-size: 0.3rem; line-height: 0.45rem; color: #00052E; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0.1rem 0 0.32rem; } .index_9 ul li a .right p:nth-child(2) { height: 0.3rem; font-size: 0.22rem; line-height: 0.3rem; color: #00052E50; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_9 ul li a .right p:nth-child(2) span { display: inline-block; height: 0.3rem; line-height: 0.3rem; padding: 0 0.12rem; background: #F64C3110; border-radius: 0.04rem; font-size: 0.2rem; color: #F64C31; margin-right: 0.1rem; } .index_9 ul li a .right p:nth-child(2) span.new { background: #1933FF10; color: #1933FF; } .index_9>a.more { display: block; width: 6.54rem; height: 0.72rem; line-height: 0.72rem; opacity: 1; border-top: 0.02rem solid #F6F7FB; font-size: 0.24rem; color: #1933FF; text-align: center; margin: auto; padding-bottom: 0.1rem; } .index_10 { width: 7.02rem; height: 1.72rem; margin: 0 auto 0.5rem; background: url(../images/ele_layout_link.png) no-repeat center; background-size: cover; } .index_10 span { float: left; width: 0.72rem; height: 0.92rem; font-size: 0.36rem; font-weight: bold; line-height: 0.46rem; color: #FFFFFF; margin: 0.36rem 0.66rem 0 0.56rem; } .index_10 .box { float: left; margin-top: 0.34rem; height: 1.2rem; width: 4.8rem; overflow: hidden; } .index_10 .box div { width: 4.8rem; overflow: hidden; position: relative; } .index_10 .box div a { float: left; height: 0.38rem; font-size: 0.28rem; line-height: 0.38rem; color: #00052E; opacity: 0.8; margin: 0 0.3rem 0.28rem 0; } /* rank */ .rankTopBg { position: absolute; top: 0; left: 0; width: 100%; height: 7.36rem; background: url(../images/bg_topdtl@2x.png) no-repeat center; background-size: cover; z-index: 1; } .rankTop { position: relative; z-index: 2; height: 2.96rem; width: 7.02rem; background: linear-gradient(47deg, #FFB81E 0%, #FF461C 100%); box-shadow: 0 0.06rem 0.76rem rgba(104, 14, 0, 0.14); border-radius: 0.28rem; margin: 3.36rem auto 0.46rem; } .slider2 { position: absolute; top: -0.18rem; left: 0; right: 0; margin: auto; width: 6.54rem; height: 3.3rem; background: linear-gradient(47deg, #FFB81E 0%, #FF461C 100%); box-shadow: 0 0.06rem 0.76rem rgba(104, 14, 0, 0.14); border-radius: 0.28rem; } .slider2 .swiper-slide { width: 6.54rem; height: 3.3rem; } .slider2 .swiper-slide>a{ display: block; width: 6rem; height: 0.5rem; font-size: 0.4rem; font-weight: bold; line-height: 0.5rem; color: #FFFFFF; margin: 0.18rem auto 0.2rem; text-align: center; white-space: nowrap; overflow: hidden; } .slider2 .swiper-slide>div a { float: left; width: 1.68rem; height: 2rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 197, 22, 0.78) 100%); border-radius: 0.2rem; margin-right: 0.34rem; position: relative; } .slider2 .swiper-slide>div a:nth-child(1) { margin-left: 0.4rem; } .slider2 .swiper-slide>div a i { position: absolute; width: 0.48rem; height: 0.4rem; top: 0.2rem; left: 0.24rem; background-position: -5.6rem 0; } .slider2 .swiper-slide>div a:nth-child(2) i { background-position: -6.15rem 0; } .slider2 .swiper-slide>div a:nth-child(3) i { background-position: -6.72rem 0; } .slider2 .swiper-slide>div a img { display: block; width: 1.06rem; height: 1.06rem; border-radius: 0.28rem; border: 0.08rem solid #fff; margin: 0.2rem auto 0.04rem; } .slider2 .swiper-slide>div a p { width: 1.5rem; height: 0.3rem; font-size: 0.24rem; font-weight: bold; line-height: 0.3rem; color: #333333; margin: auto; white-space: nowrap; overflow: hidden; text-align: center; } .slider2 .swiper-pagination { width: 0.96rem; height: 0.2rem; line-height: 0.2rem; background: #00052E40; border-radius: 16px; left: 0; right: 0; bottom: 0.08rem; margin: auto; font-size: 0; } .slider2 .swiper-pagination .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; background: #FFFFFF; opacity: 0.7; border-radius: 50%; margin: 0.06rem 0.04rem; } .slider2 .swiper-pagination .swiper-pagination-bullet-active { width: 0.24rem; height: 0.08rem; background: #FFE06A; opacity: 1; border-radius: 0.04rem; } .rankBottom { position: relative;z-index: 1;width: 100%; padding: 0.04rem 0 0.01rem; background: #FFFFFF; border-radius: 40px 40px 0px 0px; margin-bottom: 0.5rem; } /* zx */ .zxBox { width: 7.02rem; background: #FFFFFF; border-radius: 0.2rem; padding-bottom: 0.1rem; margin: 0 auto 0.38rem; position: relative; } .zxBox ul li a { display: block; width: 6.54rem; height: 1.68rem; margin: auto; margin-bottom: 0.3rem; } .zxBox ul li a img { float: left; width: 3rem; height: 1.68rem; border-radius: 0.12rem; margin-right: 0.2rem; } .zxBox ul li a .right { float: left; width: 3.34rem; } .zxBox ul li a .right p:nth-child(1) { font-size: 0.3rem; line-height: 0.45rem; color: #00052E; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0.1rem 0 0.32rem; } .zxBox ul li a .right p:nth-child(2) { height: 0.3rem; font-size: 0.22rem; line-height: 0.3rem; color: #00052E50; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zxBox .tabBar { overflow: hidden; padding: 0.24rem 0 0 0.2rem; } .zxBox .tabBar span { float: left; height: 0.54rem; line-height: 0.54rem; background: #FFD74130; border-radius: 0.26rem; font-size: 0.26rem; color: #333333; padding: 0 0.3rem; margin: 0 0.2rem 0.3rem 0; } .zxBox .tabBar span.current { background: #FFD741; font-weight: bold; } /* zxDetail */ .zxD_1 { position: relative; } .zxD_1 h1 { margin: 0.2rem 0.3rem 0.3rem; font-size: 0.32rem; font-weight: bold; line-height: 0.52rem; color: #00052E; } .zxD_1>.info { margin: 0 auto 0.26rem; width: 6.9rem; overflow: hidden; } .zxD_1>.info img { float: left; width: 0.58rem; height: 0.58rem; background: rgba(216, 219, 242, 0.39); border-radius: 50%; margin-right: 0.08rem; } .zxD_1>.info div.mid { float: left; width: 4.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zxD_1>.info div.mid p:nth-child(1) { height: 0.28rem; font-size: 0.22rem; line-height: 0.28rem; color: #00052E; opacity: 0.8; margin-bottom: 0.04rem; } .zxD_1>.info div.mid p:nth-child(2) { height: 0.26rem; font-size: 0.2rem; line-height: 0.26rem; color: #00052E; opacity: 0.4; } .zxD_1>.info .right { float: right; width: 1.84rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: rgba(35, 194, 104); border-radius: 0.3rem; font-size: 0.24rem; color: #FFFFFF; } .zxD_1>.info .right i { display: inline-block; width: 0.3rem; height: 0.3rem; vertical-align: top; margin: 0.14rem 0.04rem 0 0; background-position: -7.65rem -0.02rem; } .zxD_1 .cont { width: 6.54rem; background: rgba(255, 255, 255); border-radius: 0.2rem 0.2rem 0 0; padding: 0.38rem 0.24rem 0; margin: 0 auto;font-size: .28rem;line-height: .46rem; } .zxD_1 .cont a {color: #ffba25;} .zxD_1 .cont p{color: #454545;margin-bottom: .18rem} .zxD_1 .cont img{display:block;max-width:6.5rem;height: auto;margin:.3rem auto;} .zxD_1 .cont h3{display:block;font-size:.36rem;line-height:.46rem;font-weight:bold;color: #333333;margin: 0.3rem 0;} .zxD_1 .cont iframe { height: auto; max-width: 7rem; display: block; margin: 10px auto; } .zxD_1 .cont table { margin: auto; } .zxD_1 .cont table td { text-align: center; } .zxD_1>.bottom { width: 7.02rem; padding: 0.3rem 0 0.16rem; border-radius: 0 0 0.2rem 0.2rem; background: #fff; margin: 0 auto 0.2rem; } .zxD_1 .relateGame { display: block; width: 100%; height: 1.48rem; border-radius: 0.2rem; background: linear-gradient(to right, #C0C7FF, #fff); } .zxD_1 .relateGame img { float: left; width: 1.08rem; height: 1.08rem; border-radius: 0.3rem; margin: 0.2rem 0.1rem 0 0.2rem; } .zxD_1 .relateGame .mid { float: left; width: 4.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zxD_1 .relateGame .mid p:nth-child(1) { height: 0.36rem; font-size: 0.28rem; font-weight: bold; line-height: 0.36rem; color: #00052E; margin: 0.34rem 0 0.16rem; } .zxD_1 .relateGame .mid p:nth-child(2) { height: 0.28rem; font-size: 0.22rem; line-height: 0.28rem; color: #00052E; opacity: 0.5; } .zxD_1 .relateGame i { float: right; width: 0.8rem; height: 0.88rem; background-position: -0.96rem -1.61rem; margin: 0.3rem 0.24rem 0 0; } .zxD_1 .statement { width: 6.06rem; height: 1.14rem; background: rgba(255, 101, 31, 0.1); border-radius: 0.12rem; margin: 0.3rem auto 0; font-size: 0.24rem; line-height: 0.42rem; color: rgba(51, 51, 51, .8); padding: 0.2rem 0.24rem; } .zxD_1 .statement span { color: #FF651F; font-weight: bold; margin-right: 0.1rem; } .zxD_1 .prevBox { margin: 0 0.24rem 0.3rem; } .zxD_1 .prevBox a { float: left; width: 3.46rem; height: 1.04rem; background: rgba(255, 255, 255); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); border-radius: 0 0 0 0.32rem; margin-right: 0.1rem; } .zxD_1 .prevBox a.nextBtn { border-radius: 0 0 0.32rem 0; margin-right: 0; } .zxD_1 .prevBox a>p:nth-child(1) { height: 0.3rem; font-size: 0.24rem; font-weight: bold; line-height: 0.3rem; color: #1933FF; margin: 0.16rem 0 0.1rem 0.24rem; } .zxD_1 .prevBox a i { display: inline-block; width: 0.12rem; height: 0.2rem; background-position: -7.32rem -0.01rem; margin: 0.08rem 0.1rem 0 0; vertical-align: top; } .zxD_1 .prevBox a.nextBtn i { transform: rotate(180deg); margin-left: 0.1rem; } .zxD_1 .prevBox a>p:nth-child(2) { height: 0.26rem; font-size: 0.2rem; line-height: 0.26rem; color: #00052E; opacity: 0.5; margin-left: 0.54rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zxD_1 .prevBox a.nextBtn>p { text-align: right; margin-right: 0.24rem; } .zxD_1 .prevBox a.nextBtn>p:nth-child(2) { margin-right: 0.54rem; } /* 404 */ .notFoundBox { position: relative; width: 100%; height: 10rem; overflow: hidden; } .notFoundBox img { display: block; width: 4.6rem; height: 5.12rem; margin: 2.04rem auto 0; } .notFoundBox p:nth-child(2) { position: absolute; top: 6.28rem; left: 0; right: 0; margin: auto; height: 0.34rem; font-size: 0.26rem; line-height: 0.34rem; color: #00052E; opacity: 0.8; text-align: center; } .notFoundBox div:nth-child(3) { position: absolute; top: 6.9rem; left: 0; right: 0; margin: auto; width: 1.92rem; height: 0.64rem; line-height: 0.64rem; background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%); border-radius: 0.12rem; font-size: 0.26rem; color: #FFFFFF; text-align: center; } .notFoundBox a:nth-child(4) { position: absolute; top: 7.7rem; left: 0; right: 0; margin: auto; height: 0.3rem; font-size: 0.22rem; line-height: 0.3rem; color: #1933FF; opacity: 0.8; text-decoration: underline; text-align: center; } /* zt */ .zt1{width: 7.02rem;height: 4.36rem;background: #fff;margin: 0 .24rem;border-radius: .2rem;overflow: hidden;position: relative;} .zt1>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .zt1 h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;margin-left: .3rem;} .zt1 .zt1_t{position: relative;margin-left: .24rem;} .zt1 .zt1_t .topbox{display: flex;overflow: auto;margin-top: .3rem;} .zt1 .zt1_t .topbox::-webkit-scrollbar {display:none} .zt1 .zt1_t .topbox a{display: block;height: .46rem;border: .02rem solid #8A97FF;color: #8A97FF;padding: 0 .2rem;border-radius: .1rem;line-height: .46rem;margin-right: .12rem;white-space: nowrap;background: rgba(25, 51, 255, 0.05);} .zt1 .zt1_t .topbox a:nth-child(2n){color: #F64C31;border-color: #F64C31;background: rgba(246, 76, 49, 0.05);} .zt1 .zt1_t .topbox a:nth-child(2n-1){color: #8A97FF;border-color: #8A97FF;background: rgba(25, 51, 255, 0.05);} .zt1 .zt1_t .topbox a:nth-child(3n){color: #23C268;border-color: #23C268;background: rgba(35, 194, 104, 0.05);} .zt1 .zt1_b{} .zt1 .zt1_b .botbox{margin-left: .24rem;display: flex;overflow: auto;} .zt1 .zt1_b .botbox li{margin-top: .3rem;margin-right: .3rem;position: relative;} .zt1 .zt1_b .botbox li img{width: 2.52rem;height: 1.42rem;display: block;border-radius: .2rem .2rem 0 0;} .zt1 .zt1_b .botbox li i {position: absolute;top: 0;right: 0;width: 0.48rem;height: 0.48rem;background-position: -4.91rem -0.01rem;} .zt1 .zt1_b .botbox li .info{width: 2.52rem;height: .96rem;background: #00052E;border-radius: 0px 0px .2rem .2rem;overflow: hidden;} .zt1 .zt1_b .botbox li .info p:nth-child(1){font-size: .26rem;color: #fff;line-height: .28rem;white-space: nowrap;overflow: hidden;margin: .14rem .2rem;} .zt1 .zt1_b .botbox li .info p:nth-child(2){font-size: .2rem;color: rgba(255, 255, 255, .7);margin: 0 .2rem;line-height: .22rem;} .zt1 .zt1_b .botbox li .info p span{color: #F64C31;font-weight: 600;font-size: .24rem;margin: 0 .05rem;} .h30{height: .3rem;} .ztlist{margin: 0 .24rem;background: #fff;border-radius: .2rem;overflow: hidden;} .ztlist>p{text-align: center;margin-top: .18rem;} .ztlist>p a{height: .54rem;display: inline-block;line-height: .54rem;text-align: center;padding: 0 .3rem;background: rgba(255, 215, 65, .3);color: #333;font-size: .26rem;border-radius: .26rem;margin-right: .3rem;} .ztlist>p a:nth-last-child(1){margin-right: 0;} .ztlist>p a.current{font-weight: 600;background:#FFD741;} .ztlist ul{margin: .42rem .24rem .1rem;} .ztlist ul li{position: relative;width: 3.16rem;height: 1.78rem;overflow: hidden;border-radius: .12rem;float: left;margin-right: .22rem;margin-bottom: .3rem;} .ztlist ul li:nth-child(2n){margin-right: 0;} .ztlist ul li img{width: 3.16rem;height: 1.78rem;display: block;} .ztlist ul li span{position: absolute;top: .1rem;left: .12rem;display: block;height: .4rem;background: rgba(0,0,0,.7);border-radius: .2rem;text-align: center;line-height: .4rem;padding: 0 .2rem;font-size: .22rem;color: #fff;} .ztlist ul li em{display: block;position: absolute;width: 3.16rem;height: 1.12rem;position: absolute;bottom: 0;left: 0;background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);} .ztlist ul li p{font-size: .26rem;color: #fff;line-height: .28rem;text-align: center;white-space: nowrap;position: absolute;bottom: .16rem;display: block;width: 100%;} /* ztd */ .ztdetail{overflow: hidden;margin-bottom: .5rem;} .ztd_1{background: url(../images/yy.png) no-repeat;background-size: 7.5rem 6.8rem;display: block;width: 7.5rem;height: 6.8rem;margin-top: -2.46rem;overflow: hidden;} .ztd_1 .info{width: 3.78rem;height: 1.16rem;border: .1rem solid rgba(255, 255, 255, .8);margin: 2.94rem 1.76rem 0;} .ztd_1 .info h3{font-size: .48rem;color: #fff;font-weight: 600;line-height: .5rem;margin-top: .12rem;text-align: center;white-space: nowrap;overflow: hidden;} .ztd_1 .info p{font-size: .22rem;color: #fff;line-height: .24rem;margin-top: .08rem;text-align: center;position: relative;} .ztd_1 .info p em{position: absolute;display: inline-block;width: .54rem;height: .04rem;background: #fff;} .ztd_1 .info p em:nth-of-type(1){left: .3rem;top: .14rem;} .ztd_1 .info p em:nth-of-type(2){right: .3rem;top: .14rem;} .ztd_1 .info2{width: 7.02rem;height: auto;background: #fff;border-radius: .2rem;box-shadow: 0px .02rem .44rem rgba(0, 93, 199, 0.28);position: relative;margin: .2rem .24rem .3rem;} .ztd_1 .info2 i{position: absolute;width: .98rem;height: .54rem;display: block;background-position: -2.74rem -4.33rem;font-size: .2rem;color: #fff;text-align: center;line-height: .44rem;top: -.08rem;left: .16rem;} .ztd_1 .info2 em{font-weight: 600;font-size: .24rem;} .ztd_1 .info2 p{font-size: .24rem;line-height: .42rem;height: 1.68rem;color: rgba(0, 5, 46, .7);margin: .24rem;text-indent: 4em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .ztd_2{width: 7.02rem;height: 1.7rem;background: #fff;border-radius: .2rem;margin: 0 .24rem;position: relative;margin-top: .25rem;} .ztd_2 img{width: 1.4rem;height: 1.4rem;display: block;border-radius: .4rem;float: left;margin-top: .16rem;margin-left: .2rem;} .ztd_2 .info{width: 3.5rem;float: left;margin-left: .14rem;margin-top: .16rem;} .ztd_2 .info p:nth-child(1){font-size: .28rem;color: #00052e;line-height: .3rem;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: .16rem;} .ztd_2 .info p:nth-child(2){font-size: .24rem;color: #00052e;line-height: .26rem;margin-top: .1rem;} .ztd_2 .info p:nth-child(3){font-size: .24rem;color: #23C268;line-height: .26rem;margin-top: .12rem;} .ztd_2 span{display: block;float: right;width: 1.4rem;height: .64rem;background: linear-gradient(135deg, #FF1F1F 0%, #FF8D41 100%);opacity: 1;border-radius: .12rem;margin-top: .54rem;margin-right: .2rem;color: #fff;text-align: center;line-height: .64rem;} .ztd_2 i{width: 1.4rem;height: .32rem;display: block;position: absolute;left: 0;top: -.02rem;background: url(../images/tag_hot_02.png) no-repeat;background-size: 1.4rem .32rem;font-size: .2rem;color: #fff;line-height: .32rem;text-indent: 2em;} .ztd_3{width: 7.02rem;height: 3.58rem;background: linear-gradient(180deg, #FFE6D4 0%, #FFFFFF 100%);border-radius: .2rem;margin: 0 .24rem;position: relative;margin-top: .64rem;} .ztd_3 i{width: 2.38rem;height: .74rem;display: block;background-position: -0.06rem -4.33rem;position: absolute;left: 2.32rem;top: -.3rem;} .ztd_3 ul{overflow: hidden;margin: .64rem .24rem .3rem;} .ztd_3 ul li{float: left;margin-right: .31rem;} .ztd_3 ul li:nth-child(4n){margin-right: 0;} .ztd_3 ul li img{width: 1.4rem;height: 1.4rem;display: block;border-radius: .4rem;} .ztd_3 ul li p{font-size: .28rem;color: #333;line-height: .3rem;text-align: center;white-space: nowrap;overflow: hidden;width: 1.4rem;display: block;margin-top: .12rem;} .ztd_3 ul li span{display: block;width: 1.4rem;height: .64rem;background: linear-gradient(135deg, #FF1F1F 0%, #FF8D41 100%);opacity: 1;border-radius: .12rem;margin-top: .12rem;color: #fff;text-align: center;line-height: .64rem;} .ztd_4{width: 7.02rem;background: #fff;margin: .3rem .24rem 0;border-radius: .2rem;overflow: hidden;position: relative;} .ztd_4>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .ztd_4 h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;margin-left: .3rem;} .ztd_4 ul{margin: .3rem .2rem 0;} .ztd_4 ul li{margin-bottom: .3rem;overflow: hidden;} .ztd_4 ul li img{width: 1.4rem;height: 1.4rem;display: block;border-radius: .4rem;float: left;} .ztd_4 ul li .info{width: 3.5rem;display: block;float: left;margin-left: .16rem;} .ztd_4 ul li .info p:nth-child(1){font-size: .28rem;color: #00052e;line-height: .3rem;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: .16rem;} .ztd_4 ul li .info p:nth-child(2){font-size: .24rem;color: #00052e;line-height: .26rem;margin-top: .1rem;} .ztd_4 ul li .info p:nth-child(3){font-size: .24rem;color: rgba(0, 5, 46, .5);line-height: .26rem;margin-top: .12rem;} .ztd_4 ul li span{display: block;width: 1.4rem;height: .64rem;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);opacity: 1;border-radius: .12rem;margin-top: .38rem;color: #fff;text-align: center;line-height: .64rem;float: right;} /* gamelist */ .gamelist{width: 7.02rem;background: #fff;border-radius: .2rem;margin: 0 .24rem;overflow: auto;white-space: nowrap;} .gamelist ul{display: block;} .gamelist ul li{width: 2.34rem;height: 1.04rem;display: block;float: left;background: #fff;position: relative;} .gamelist ul li.current{background: linear-gradient(270deg, rgba(25, 51, 255, 0) 0%, #1933FF 100%);} .gamelist ul li.current p,.gamelist ul li.current span{color: #fff;} .gamelist ul li i{width: 2.34rem;height: 1.04rem;display: block;position: absolute;left: 0;top: 0;background-position: -2.34rem 0;} .gamelist ul li.current i{background-position: 0 0;} .gamelist ul li p{font-size: .24rem;color: rgba(51, 51, 51, .7);line-height: .26rem;margin-top: .26rem;margin-left: 1rem;width: .96rem;text-align: center;} .gamelist ul li span{font-size: .2rem;color: rgba(51, 51, 51, .3);line-height: .22rem;margin-top: .08rem;margin-left: 1rem;width: .96rem;text-align: center;display: block;} .gamelist ul li i.qb{background-position: -2.34rem 0;} .gamelist ul li i.dz{background-position: -2.34rem -1.04rem;} .gamelist ul li i.kp{background-position: -2.34rem -2.08rem;} .gamelist ul li i.mn{background-position: -2.34rem -3.12rem;} .gamelist ul li i.sc{background-position: -2.34rem -4.16rem;} .gamelist ul li i.jj{background-position: -2.34rem -5.20rem;} .gamelist ul li i.ty{background-position: -2.34rem -6.24rem;} .gamelist ul li i.sc{background-position: -2.34rem -7.28rem;} .gamelist ul li i.js{background-position: -2.34rem -8.32rem;} .gamelist ul li i.yy{background-position: -2.34rem -9.36rem;} .gamelist ul li i.zw{background-position: -2.34rem -10.40rem;} .gamelist ul li i.fx{background-position: -2.34rem -11.44rem;} .gamelist ul li i.gq{background-position: -2.34rem -12.48rem;} .gamelist ul li i.cw{background-position: -2.34rem -13.52rem;} .gamelist ul li i.xx{background-position: -2.34rem -14.56rem;} .gamelist ul li i.qt{background-position: -2.34rem -15.60rem;} .gamelist ul li.current i.qb{background-position: 0 0;} .gamelist ul li.current i.dz{background-position: 0 -1.04rem;} .gamelist ul li.current i.kp{background-position: 0 -2.08rem;} .gamelist ul li.current i.mn{background-position: 0 -3.12rem;} .gamelist ul li.current i.sc{background-position: 0 -4.16rem;} .gamelist ul li.current i.jj{background-position: 0 -5.20rem;} .gamelist ul li.current i.ty{background-position: 0 -6.24rem;} .gamelist ul li.current i.sc{background-position: 0 -7.28rem;} .gamelist ul li.current i.js{background-position: 0 -8.32rem;} .gamelist ul li.current i.yy{background-position: 0 -9.36rem;} .gamelist ul li.current i.zw{background-position: 0 -10.40rem;} .gamelist ul li.current i.fx{background-position: 0 -11.44rem;} .gamelist ul li.current i.gq{background-position: 0 -12.48rem;} .gamelist ul li.current i.cw{background-position: 0 -13.52rem;} .gamelist ul li.current i.xx{background-position: 0 -14.56rem;} .gamelist ul li.current i.qt{background-position: 0 -15.60rem;} /*game*/ .gamelist ul li i.a1{background-position: -2.34rem 0;} .gamelist ul li i.a2{background-position: -2.34rem -1.04rem;} .gamelist ul li i.a3{background-position: -2.34rem -2.08rem;} .gamelist ul li i.a4{background-position: -2.34rem -3.12rem;} .gamelist ul li i.a5{background-position: -2.34rem -4.16rem;} .gamelist ul li i.a6{background-position: -2.34rem -5.20rem;} .gamelist ul li i.a7{background-position: -2.34rem -6.24rem;} .gamelist ul li i.a8{background-position: -2.34rem -7.28rem;} .gamelist ul li i.a8{background-position: -2.34rem -8.32rem;} .gamelist ul li i.a9{background-position: -2.34rem -9.36rem;} .gamelist ul li i.a10{background-position: -2.34rem -10.40rem;} .gamelist ul li i.a11{background-position: -2.34rem -11.44rem;} .gamelist ul li i.a12{background-position: -2.34rem -12.48rem;} .gamelist ul li i.a13{background-position: -2.34rem -13.52rem;} .gamelist ul li i.a14{background-position: -2.34rem -14.56rem;} .gamelist ul li i.a15{background-position: -2.34rem -15.60rem;} .gamelist ul li.current i.a1{background-position: 0 0;} .gamelist ul li.current i.a2{background-position: 0 -1.04rem;} .gamelist ul li.current i.a3{background-position: 0 -2.08rem;} .gamelist ul li.current i.a4{background-position: 0 -3.12rem;} .gamelist ul li.current i.a5{background-position: 0 -4.16rem;} .gamelist ul li.current i.a6{background-position: 0 -5.20rem;} .gamelist ul li.current i.a7{background-position: 0 -6.24rem;} .gamelist ul li.current i.a8{background-position: 0 -7.28rem;} .gamelist ul li.current i.a9{background-position: 0 -8.32rem;} .gamelist ul li.current i.a10{background-position: 0 -9.36rem;} .gamelist ul li.current i.a11{background-position: 0 -10.40rem;} .gamelist ul li.current i.a12{background-position: 0 -11.44rem;} .gamelist ul li.current i.a13{background-position: 0 -12.48rem;} .gamelist ul li.current i.a14{background-position: 0 -13.52rem;} .gamelist ul li.current i.a15{background-position: 0 -14.56rem;} .gamelist ul li.current i.a16{background-position: 0 -15.60rem;} .gamelist::-webkit-scrollbar {display:none} .gamebox{position: relative;width: 100%;} .gamebox .hovbtn{display: none;position: absolute;left: 0;top: 0.05rem;width: 100%;} .gamebox .hovbtn .lefthov{width: .88rem;height: 2.08rem;background: url(../images/btn_arrow_l.png) no-repeat;position: absolute;left: 0;} .gamebox .hovbtn .righthov{width: .88rem;height: 2.08rem;background: url(../images/btn_arrow_r.png) no-repeat;position: absolute;right: 0;} .gamemain{width: 7.02rem;background: #fff;margin: 0 .24rem 0;border-radius: .2rem;overflow: hidden;position: relative;} .gamemain>p{text-align: center;margin-top: .18rem;} .gamemain>p a{height: .54rem;display: inline-block;line-height: .54rem;text-align: center;padding: 0 .3rem;background: rgba(255, 215, 65, .3);color: #333;font-size: .26rem;border-radius: .26rem;margin-right: .3rem;} .gamemain>p a:nth-last-child(1){margin-right: 0;} .gamemain>p a.current{font-weight: 600;background:#FFD741;} .gamemain ul{margin: .3rem .2rem 0;} .gamemain ul li{margin-bottom: .3rem;overflow: hidden;} .gamemain ul li img{width: 1.4rem;height: 1.4rem;display: block;border-radius: .4rem;float: left;} .gamemain ul li .info{width: 3.5rem;display: block;float: left;margin-left: .16rem;} .gamemain ul li .info p:nth-child(1){font-size: .28rem;color: #00052e;line-height: .3rem;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: .16rem;} .gamemain ul li .info p:nth-child(2){font-size: .24rem;color: #00052e;line-height: .26rem;margin-top: .1rem;} .gamemain ul li .info p:nth-child(3){font-size: .24rem;color: rgba(0, 5, 46, .5);line-height: .26rem;margin-top: .12rem;} .gamemain ul li span{display: block;width: 1.4rem;height: .64rem;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);opacity: 1;border-radius: .12rem;margin-top: .38rem;color: #fff;text-align: center;line-height: .64rem;float: right;} /* applist */ .applist{width: 7.02rem;background: #fff;border-radius: .2rem;margin: 0 .24rem;overflow: auto;white-space: nowrap;position: relative;;} .applist ul{display: block;} .applist ul li{width: 2.34rem;height: 1.04rem;display: block;float: left;background: #fff;position: relative;} .applist ul li.current{background: linear-gradient(270deg, rgba(25, 51, 255, 0) 0%, #1933FF 100%);} .applist ul li.current p,.applist ul li.current span{color: #fff;} .applist ul li i{width: 2.34rem;height: 1.04rem;display: block;position: absolute;left: 0;top: 0;background-position: -2.34rem 0;} .applist ul li.current i{background-position: 0 0;} .applist ul li p{font-size: .24rem;color: rgba(51, 51, 51, .7);line-height: .26rem;margin-top: .26rem;margin-left: 1rem;width: .96rem;text-align: center;position: relative;} .applist ul li span{font-size: .2rem;color: rgba(51, 51, 51, .3);line-height: .22rem;margin-top: .08rem;margin-left: 1rem;width: .96rem;text-align: center;display: block;position: relative;} .applist ul li i.qb{background-position: -2.34rem 0;} .applist ul li i.sp{background-position: -2.34rem -1.04rem;} .applist ul li i.sh{background-position: -2.34rem -2.08rem;} .applist ul li i.xw{background-position: -2.34rem -3.12rem;} .applist ul li i.xx{background-position: -2.34rem -4.16rem;} .applist ul li i.bg{background-position: -2.34rem -5.20rem;} .applist ul li i.yd{background-position: -2.34rem -6.24rem;} .applist ul li i.lr{background-position: -2.34rem -7.28rem;} .applist ul li i.ws{background-position: -2.34rem -8.32rem;} .applist ul li i.ly{background-position: -2.34rem -9.36rem;} .applist ul li i.zt{background-position: -2.34rem -10.40rem;} .applist ul li i.pz{background-position: -2.34rem -11.44rem;} .applist ul li i.xs{background-position: -2.34rem -12.48rem;} .applist ul li i.jr{background-position: -2.34rem -13.52rem;} .applist ul li i.kg{background-position: -2.34rem -14.56rem;} .applist ul li i.sj{background-position: -2.34rem -15.60rem;} .applist ul li i.qt{background-position: -2.34rem -16.64rem;} .applist ul li.current i.qb{background-position: 0 0;} .applist ul li.current i.sp{background-position: 0 -1.04rem;} .applist ul li.current i.sh{background-position: 0 -2.08rem;} .applist ul li.current i.xw{background-position: 0 -3.12rem;} .applist ul li.current i.xx{background-position: 0 -4.16rem;} .applist ul li.current i.bg{background-position: 0 -5.20rem;} .applist ul li.current i.yd{background-position: 0 -6.24rem;} .applist ul li.current i.lr{background-position: 0 -7.28rem;} .applist ul li.current i.ws{background-position: 0 -8.32rem;} .applist ul li.current i.ly{background-position: 0 -9.36rem;} .applist ul li.current i.zt{background-position: 0 -10.40rem;} .applist ul li.current i.pz{background-position: 0 -11.44rem;} .applist ul li.current i.xs{background-position: 0 -12.48rem;} .applist ul li.current i.jr{background-position: 0 -13.52rem;} .applist ul li.current i.kg{background-position: 0 -14.56rem;} .applist ul li.current i.sj{background-position: 0 -15.60rem;} .applist ul li.current i.qt{background-position: 0 -16.64rem;} .applist::-webkit-scrollbar {display:none} .appbox{position: relative;width: 100%;} .appbox .hovbtn{display: none;position: absolute;left: 0;top: 0.05rem;width: 100%;} .appbox .hovbtn .lefthov{width: .88rem;height: 2.08rem;background: url(../images/btn_arrow_l.png) no-repeat;position: absolute;left: 0;} .appbox .hovbtn .righthov{width: .88rem;height: 2.08rem;background: url(../images/btn_arrow_r.png) no-repeat;position: absolute;right: 0;} .appmain{width: 7.02rem;background: #fff;margin: 0 .24rem 0;border-radius: .2rem;overflow: hidden;position: relative;} .appmain>p{text-align: center;margin-top: .18rem;} .appmain>p a{height: .54rem;display: inline-block;line-height: .54rem;text-align: center;padding: 0 .3rem;background: rgba(255, 215, 65, .3);color: #333;font-size: .26rem;border-radius: .26rem;margin-right: .3rem;} .appmain>p a:nth-last-child(1){margin-right: 0;} .appmain>p a.current{font-weight: 600;background:#FFD741;} .appmain ul{margin: .3rem .2rem 0;} .appmain ul li{margin-bottom: .3rem;overflow: hidden;} .appmain ul li img{width: 1.4rem;height: 1.4rem;display: block;border-radius: .4rem;float: left;} .appmain ul li .info{width: 3.5rem;display: block;float: left;margin-left: .16rem;} .appmain ul li .info p:nth-child(1){font-size: .28rem;color: #00052e;line-height: .3rem;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: .16rem;} .appmain ul li .info p:nth-child(2){font-size: .24rem;color: #00052e;line-height: .26rem;margin-top: .1rem;} .appmain ul li .info p:nth-child(3){font-size: .24rem;color: #23C268;line-height: .26rem;margin-top: .12rem;} .appmain ul li span{display: block;width: 1.4rem;height: .64rem;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);opacity: 1;border-radius: .12rem;margin-top: .38rem;color: #fff;text-align: center;line-height: .64rem;float: right;} /* load */ .loadtop{background: url(../images/lodtop.png) no-repeat;background-size: 7.5rem;height: 1.88rem;width: 7.5rem;height: 1.88rem;overflow: hidden;} .loadtop .info1{position: relative;float: left;width: 1.88rem;} .loadtop img{width: 1.88rem;height: 1.88rem;display: block;border-radius: .24rem;} .loadtop .info1 i{width: .7rem;height: 1.88rem;display: none;background-position: -.76rem -5.86rem;position: absolute;right: -.21rem;top: 0;} .loadtop .info2{float: left;margin-left: .32rem;width: 5.18rem;height: 1.88rem;} .loadtop .info2 h1{font-size: .28rem;line-height: .3rem;font-weight: 600;color: #00052e;margin-top: .26rem;} .loadtop .info2 p{font-size: .22rem;color: rgba(0, 5, 46, .5);margin-top: .16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .loadtop .info2 p span{margin-right: .4rem;} .loadtop .info2>span{display: block;width: 3.6rem;height: .44rem;border-radius: .08rem;background: rgba(25, 51, 255, .5);line-height: .44rem;font-size: .22rem;color: #fff;text-align: center;padding: 0 .2rem;margin-right: 0;margin-top: .16rem;} .load{margin-top: .22rem;} .load>p{font-size: .22rem;margin: 0 .44rem;white-space: nowrap;overflow: hidden;} .load>p a{height: .46rem;background: rgba(25, 51, 255, 0.02);border: .02rem solid #8A97FF;border-radius: .1rem;color: rgba(25, 51, 255, .7);background: rgba(25, 51, 255, 0.02);padding: 0 .2rem;margin-right: .1rem;display: inline-block;line-height: .46rem;} .load>p a:nth-child(2){background: rgba(246, 76, 49, 0.02);border-color: #F64C31;color: rgba(246, 76, 49, .7);} .load>p a:nth-child(3){background: rgba(35, 194, 104, 0.02);border-color: #23C268;color: rgba(35, 194, 104, .7);} .load>p a:nth-child(4){background: rgba(255, 215, 65, 0.02);border-color: #FF9900;color: rgba(255, 215, 65, .7);} .loadbox i{width: .4rem;height: .4rem;display: inline-block;vertical-align: sub;margin-right: .08rem;} .loadbox a{width: 7.02rem;height: .88rem;background: linear-gradient(135deg, #FF1F1F 0%, #FF8D41 100%);opacity: 1;border-radius: .12rem;display: block;margin: .3rem .24rem 0;font-size: .28rem;color: #fff;line-height: .88rem;text-align: center;} .loadbox a.and i{background-position: -1.64rem -5.22rem;} .loadbox a.ios{background: linear-gradient(135deg, #FF1F1F 0%, #FF8D41 100%);} .loadbox a.ios i{background-position: -.58rem -5.22rem;} .loadbox a.yy{background: linear-gradient(135deg, #FF8800 0%, #FFD741 100%);} .loadbox a.yy i{background-position: -1.05rem -5.22rem;} .loadbox a.nod{background: linear-gradient(135deg, #A9AAAE 0%, #D6D7DF 100%);} .loadbox a.nod i{background-position: -.06rem -5.22rem;} .loadbox .zwxz{background: url(../images/tip.png) no-repeat;background-size: 7.02rem;height: 1.1rem;margin: .3rem .24rem 0;overflow: hidden;} .loadbox .zwxz p{font-size: .24rem;color: #F64C31;line-height: .34rem;margin: .24rem .24rem .24rem .94rem;} .loadbig{margin-top: .3rem;} .loadbig>p{margin: 0 .24rem;} .loadbig>p span{color: rgba(0, 5, 46, .5);font-size: .3rem;padding: 0 .28rem;line-height: .52rem;display: inline-block;position: relative;} .loadbig>p span.current{font-weight: 600;color: #00052E;font-size: .36rem;padding: 0 .15rem;} .loadbig>p span.current em{width: .6rem;height: .08rem;display: inline-block;position: absolute;border-radius: .04rem;background: linear-gradient(135deg, #FFD741 0%, #FF651F 100%);bottom: -.08rem;left: 20%;} .loadbig>p span:nth-child(3) em,.loadbig p span:nth-child(5) em{left: 30%;} .loadmain{margin-top: .2rem;} .loadmain .bjpy{background: url(../images/loadbj.png) no-repeat;background-size: 7.5rem 1rem;width: 7.5rem;height: 1rem;overflow: hidden;} .loadmain .bjpy p{font-size: .24rem;line-height: .36rem;margin-left: 1.44rem;margin-top: .18rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #00052E;} .game-video{height:4.5rem;margin:auto;position:relative;overflow:hidden;background-size:cover;background-position:50%} .game-video video{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;} .game-video img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .game-video .cont{width:7.5rem;height:4.5rem;} .game-video .cont iframe{width:7.5rem;height:4.5rem;} .game-video .vback{display:none;width:100%;height:4.5rem;position:absolute;left:0;z-index:1;background:rgba(0, 0, 0, 0.6);} .game-video .vback .info{width:2rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:.8rem auto .3rem auto;} .game-video .vback .info .img_box{width:2rem;text-align:center;position:relative;} .game-video .vback .info img{display:block;width:1.6rem;height:1.6rem;border-radius:.3rem;margin:0 auto;} .game-video .vback .info p{color:#fff;font-size:.28rem;overflow:hidden;white-space:nowrap;margin:.1rem auto 0 auto;text-align:center;} .game-video .vback .info .replay{display:block;width:1.6rem;height:1.6rem;background:rgba(0, 0, 0, 0.3);position:absolute;top:0;left:.2rem;border-radius:.3rem;} .game-video .vback .info .replay i{display:block;width:.63rem;height:.63rem;background-position: -2.96rem -5.28rem;margin:.44rem auto;} .game-video .vback .btn{display:block;width:1.8rem;height:.6rem;line-height:.6rem;color:#fff;background:#ffa115;border-radius:.6rem;font-size:.3rem;text-align:center;margin:0 auto;} .game-video .vback .btn i{display:none;width:.36rem;height:.36rem;border-radius:.02rem;margin-left: .15rem;background-position: -3.89rem -5.65rem;position:relative;top: .12rem;} .show_img{padding:.25rem .25rem .1rem;} .img_item { overflow-x: auto; padding: 0 0 .15rem;margin-bottom: .2rem; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .img_item ul{font-size: 0;} .img_item ul li { margin-right: .24rem; display: inline-block; } .img_item ul li img {width:auto;max-height: 4.6rem;border-radius: .2rem;} div.photo-box {width: 100%;background: rgba(0,0,0,.8);height: 100% !important;position: fixed;overflow: hidden;display: none;z-index: 999;left: 0;top: 0;} .cf {*zoom: 1;} .pinch-zoom-container{height: 100% !important;} .img-slider {position: absolute;left: 0;top: 0;padding: 0;} .img-slider li {overflow: hidden;display: table-cell;vertical-align: middle;z-index: 999;} div.photo-box li {list-style: none;} .img-slider li img {vertical-align: middle;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .cf:before, .cf:after {content: " ";display: table;} .cf:after {clear: both;} .loadbig .cont{width: 7.02rem;background: #fff;margin: 0 .24rem;border-radius: .2rem;overflow: hidden;position: relative;font-size: 0.28rem; color: #454545; line-height: 0.46rem;} .loadbig .cont .tlt_cont{width: 7.02rem;margin-bottom: .3rem;} .loadbig .cont .tlt_cont>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .loadbig .cont .tlt_cont>h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;padding-left: .3rem;} .loadbig .cont>p { margin: 0 .24rem .18rem;} .loadbig .cont>h3 { font-size: .32rem; color: #1933FF; line-height: 0.32rem; font-weight: 600;background: rgba(246, 247, 251, 0.39);padding: .18rem 0 .18rem .26rem;} .loadbig .cont>h3 i{width: .16rem;height: .32rem;display: inline-block;background-position: -2.52rem -4.02rem;vertical-align: bottom;margin-left: .14rem;} .loadbig .cont img{max-width:6.9rem;max-height: 8rem;height: auto;width: auto;display: block;margin: .15rem auto;} .area{margin: .2rem .24rem .3rem;} .area span{font-size: .22rem;line-height: .28rem;color: rgba(0, 5, 46, .3);margin-right: .22rem;} .area span i{width: .22rem;height: .24rem;display: inline-block;vertical-align: middle;margin-right: .06rem;} .area span:nth-child(1) i{background-position: -1.84rem -4.02rem;} .area span:nth-child(2) i{background-position: -1.52rem -4.02rem;} .area span:nth-child(3) i{background-position: -2.12rem -4.02rem;} .loadinter{width: 7.02rem;background: #fff;margin: .3rem 0.24rem;border-radius: 0.2rem;overflow: hidden;position: relative;} .loadinter .jb{position: absolute;right: .24rem;top: .18rem;width: 1.06rem;height: .44rem;background: rgba(255, 255, 255, 0.39);border: .02rem solid #F64C31;border-radius: .22rem;line-height: .44rem;text-align: center;color: rgba(246, 76, 49, .7);display: block;} .loadinter .jb i{width: .28rem;height: .28rem;display: inline-block;background-position: -.76rem -4.02rem;margin-right: .04rem;vertical-align: middle;} .loadinter .tlt_cont{width: 7.02rem;margin-bottom: .3rem;} .loadinter .tlt_cont>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .loadinter .tlt_cont>h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;padding-left: .3rem;} .loadinter ul{margin: 0 .24rem;} .loadinter ul li{width: 6.54rem;height: .68rem;background: rgba(246, 247, 251, 0.39);margin-bottom: .2rem;} .loadinter ul li p{line-height: .68rem;display: flex;justify-content: space-between;} .loadinter ul li p span{font-size: .26rem;color: #333;margin-left: .28rem;font-weight: 600;} .loadinter ul li p em{font-size: .26rem;color: rgba(51, 51, 51, .5);margin-right: .28rem;} .loadinter ul li p em.blue{color: #1933FF;} .loadinter ul li p em i{width: .24rem;height: .28rem;display: inline-block;margin-left: .06rem;background-position: -1.15rem -4.02rem;vertical-align: middle;} .loadinter ul li p span:nth-of-type(2){max-width:5rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis} .xglv{width: 7.02rem;background: #fff;margin: .3rem 0.24rem .3rem;border-radius: 0.2rem;overflow: hidden;position: relative;padding-bottom: .1rem;} .xglv .tlt_cont{width: 7.02rem;margin-bottom: .3rem;} .xglv .tlt_cont>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .xglv .tlt_cont>h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;padding-left: .3rem;} .xglv ul{margin: 0 .24rem;} .xglv ul li{width: 6.54rem;height: .68rem;background: rgba(246, 76, 49, 0.05);margin-bottom: .2rem;} .xglv ul li img{display: inline-block;width: .6rem;height: .6rem;border-radius: .16rem;float: left;margin: .06rem;} .xglv ul li p{font-size: .26rem;color: #333;line-height: .68rem;float: left;margin-left: .04rem;display: inline-block;width: 4rem;white-space: nowrap;overflow: hidden;} .xglv ul li span{float: right;width: 1.32rem;height: .6rem;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);border-radius: .12rem;font-size: .26rem;text-align: center;color: #fff;line-height: .6rem;margin: .06rem;} .xglv ul li span.look{width: 1.28rem;height: .54rem;border: .02rem solid #1933FF;background: #fff;color: #1933FF;line-height: .54rem;} .hotgame{width: 7.02rem;background: #fff;margin: .3rem 0.24rem;border-radius: 0.2rem;overflow: hidden;position: relative;} .hotgame .tlt_cont a{position: absolute;right: .30rem;top: .24rem;color: rgba(246, 76, 49, .7);display: block;font-size: .24rem;color: rgba(51, 51, 51, .5);} .hotgame .tlt_cont a i{width: .24rem;height: .28rem;display: inline-block;background-position: -2.8rem -4.02rem;margin-left: .06rem;vertical-align: middle;} .hotgame .tlt_cont{width: 7.02rem;margin-bottom: .3rem;} .hotgame .tlt_cont>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .hotgame .tlt_cont>h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;padding-left: .3rem;} .hotgame ul{width: 102%;margin: 0 .24rem;overflow: hidden;} .hotgame ul li{margin-right: .26rem;float: left;margin-bottom: .3rem;} .hotgame ul li:nth-child(4n){margin-right: 0;} .hotgame ul li img{width: 1.4rem;height: 1.4rem;border-radius: .4rem;display: block;} .hotgame ul li p{font-size: .28rem;color: #333;line-height: .3rem;text-align: center;white-space: nowrap;overflow: hidden;width: 1.4rem;display: block;margin-top: .12rem;} .hotgame ul li span{width: 1.32rem;height: .6rem;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);border-radius: .12rem;font-size: .26rem;text-align: center;color: #fff;line-height: .6rem;margin: .06rem;display: block;margin-top: .12rem;} .hotgame ul li span.look{width: 1.28rem;height: .54rem;border: .02rem solid #1933FF;background: #fff;color: #1933FF;line-height: .54rem;} .xgzt{width: 7.02rem;background: #fff;margin: .3rem 0.24rem;border-radius: 0.2rem;overflow: hidden;position: relative;} .xgzt .tlt_cont a{position: absolute;right: .30rem;top: .24rem;color: rgba(246, 76, 49, .7);display: block;font-size: .24rem;color: rgba(51, 51, 51, .5);} .xgzt .tlt_cont a i{width: .24rem;height: .28rem;display: inline-block;background-position: -2.8rem -4.02rem;margin-left: .06rem;vertical-align: middle;} .xgzt .tlt_cont{width: 7.02rem;margin-bottom: .3rem;} .xgzt .tlt_cont>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .xgzt .tlt_cont>h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;padding-left: .3rem;} .xgzt>p{text-align: center;white-space: nowrap;overflow: auto;margin: 0 .24rem;display: flex;justify-content: space-between;} .xgzt>p span{height: .52rem;background: rgba(255, 215, 65, 0.39);border-radius: .26rem;display: inline-block;margin-right: .3rem;font-size: .26rem;color: #333;line-height: .52rem;padding: 0 .3rem;} .xgzt>p span:nth-last-child(1){margin-right: 0;} .xgzt>p span.current{background: #FFD741;font-weight: 600;} .xgbox{overflow: hidden;margin: .4rem .24rem 0;} .xgbox .info1{width: 3.24rem;height: 1.84rem;float: left;position: relative;} .xgbox .info1 img{width: 3.16rem;height: 1.78rem;display: inline-block;border-radius: .16rem;position: absolute;z-index: 2;} .xgbox .info1 i{width: 2.12rem;height: .48rem;display: inline-block;position: absolute;bottom: .06rem;right: .02rem;background-position: -2.52rem -5.22rem;z-index: 2;} .xgbox .info1 p{font-size: .22rem;color: #fff;line-height: .28rem;text-align: right;position: absolute;bottom: .14rem;right: .26rem;z-index: 3;} .xgbox .info1 span{width: 3.16rem;height: 1.78rem;display: block;background: #FF651F;border-radius: .16rem;position: absolute;bottom: 0;right: 0;z-index: 1;} .xgbox .info2{width: 3.2rem;height: 1.84rem;float: left;overflow: hidden;margin-left: .1rem;position: relative;z-index: 1;} .xgbox .info2 p em{font-weight: 600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: .42rem;text-overflow: ellipsis;} .xgbox .info2 p:nth-child(1){font-size: .3rem;color: #333;line-height: .32rem;height: 0.6rem;font-weight: 600;} .xgbox .info2 p:nth-child(1) span{font-size: .2rem;color: #23C268;font-weight: 300;margin-left: .1rem;vertical-align: bottom;position: absolute;right: 0;top: .54rem;} .xgbox .info2 p:nth-child(2){font-size: .24rem;line-height: .4rem;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin-top: 0.4rem;} .xgbox>span{width: 7.02rem;height: 1.2rem;background: #F6F7FB;display: inline-block;position: absolute;top: 2.7rem;left: 0;} .xgbox ul{margin-top: .36rem;float: left;overflow: hidden;} .xgbox ul li{float: left;margin-right: .28rem;margin-bottom: .32rem;} .xgbox ul li:nth-child(4n){margin-right: 0;} .xgbox ul li img{width: 1.4rem;height: 1.4rem;display: inline-block;border-radius: .4rem;} .xgbox ul li p{font-size: .28rem;color: #333;line-height: .3rem;text-align: center;white-space: nowrap;overflow: hidden;width: 1.4rem;margin-top: .12rem;} .xgbox ul li span{font-size: .22rem;color: rgba(51, 51, 51, .5);line-height: .24rem;text-align: center;margin-top: .06rem;display: block;} .xggl{width: 7.02rem;background: #fff;margin: .3rem 0.24rem;border-radius: 0.2rem;overflow: hidden;position: relative;} .xggl .tlt_cont a{position: absolute;right: .30rem;top: .24rem;color: rgba(246, 76, 49, .7);display: block;font-size: .24rem;color: rgba(51, 51, 51, .5);} .xggl .tlt_cont a i{width: .24rem;height: .28rem;display: inline-block;background-position: -2.8rem -4.02rem;margin-left: .06rem;vertical-align: middle;} .xggl .tlt_cont{width: 7.02rem;margin-bottom: .3rem;} .xggl .tlt_cont>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .xggl .tlt_cont>h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .2rem;padding-left: .3rem;} .xggl ul{margin: 0 .24rem;} .xggl ul li{margin-bottom: .3rem;overflow: hidden;position: relative;} .xggl ul li img{width: 3rem;height: 1.68rem;border-radius: .12rem;float: left;} .xggl ul li .info{width: 3.34rem;float: left;height: 1.68rem;margin-left: .2rem;float: left;} .xggl ul li .info p:nth-child(1){font-size: .3rem;color: #00052e;line-height: .45rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin-top: .1rem;} .xggl ul li .info p:nth-child(2){font-size: .22rem;color: rgba(0, 5, 46, .5);position: absolute;left: 3.2rem;top: 1.28rem;} .xggl ul li .info p:nth-child(2) em.zd{display: inline-block;width: .64rem;height: .3rem;border-radius: .04rem;background: rgba(246, 76, 49, .1);font-size: .2rem;color: #F64C31;text-align: center;line-height: .3rem;margin-right: .1rem;} .xggl ul li .info p:nth-child(2) em.zx{display: inline-block;width: .64rem;height: .3rem;border-radius: .04rem;background: rgba(25, 51, 255, .1);font-size: .2rem;color: #1933FF;text-align: center;line-height: .3rem;margin-right: .1rem;} .pfbox{width: 7.02rem;height: 1.48rem;background: #fff;box-shadow: 0px 0px .12rem rgba(0, 0, 0, 0.16);border-radius: .26rem;position: fixed;bottom: 0;left: 0;margin: 0 .24rem;overflow: hidden;z-index: 7;} .pfbox img{width: 1.08rem;height: 1.08rem;display: block;float: left;border-radius: .3rem;margin: .2rem .1rem .2rem .2rem;} .pfbox .info{width: 4.48rem;height: 1.08rem;margin-top: .2rem;float: left;} .pfbox .info p{font-size: .28rem;color: #333;font-weight: 600;white-space: nowrap;overflow: hidden;line-height: .3rem;margin-top: .14rem;} .pfbox .info span{font-size: .22rem;line-height: .24rem;color: rgba(51, 51, 51, .5);margin-top: .16rem;display: block;} .pfbox i{width: .8rem;height: .88rem;display: block;float: right;margin-top: .3rem;margin-right: .24rem;background-position: -4.01rem -4.31rem;} /* popups */ .popupsIcon{background-image: url(../images/popups.png);background-size: 8rem 8rem;display: inline-block;} #popupsBox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #00000050; z-index: 99; } #popupsBox .orderBox { width: 6.5rem;height: 4.76rem; margin: 3rem auto 0; border-radius: 0.2rem;position: relative;background: #fff; } .popupsClose { position: absolute; bottom: -1.54rem; left: 0;right: 0;margin: auto; width: 0.6rem; height: 1.28rem; background-position: -0.06rem -0.8rem;} #popupsBox .orderBg {width: 6.5rem;height: 2.45rem;position: relative;background: url(../images/yybg.png) no-repeat;background-size: 6.5rem 2.45rem;position: absolute;top: -1rem;} #popupsBox .orderBg p{font-size: .38rem;line-height: .4rem;text-align: center;margin-top: 2.36rem;color: rgba(51, 51, 51, .9);font-weight: 600;} #popupsBox .orderContent {padding: 0.3rem 0.5rem 0;position: relative;} #popupsBox .orderBg .orderContent>p { margin-top: 1.52rem; line-height: 1.24rem; font-size: 0.34rem; font-weight: bold; text-align: center; color: #404040; } #popupsBox .orderBox .order { position: relative; width: 100%;} #popupsBox .orderBox .order input[type=text]{ width: 5.5rem; height: 0.88rem;border: none;border-radius: 0.44rem; background: #F2F4F6; font-size: 0.2rem; color: #cccccc; text-align: center;margin-top: 1.8rem;} #popupsBox .orderBox .order .errTips { height: 0.3rem; line-height: 0.3rem; color: #fa5e4f; font-size: 0.2rem; margin-left: 0.38rem; } #popupsBox .orderBox .order .msg { height: 0.36rem; line-height: 0.36rem; color: #404040; font-size: 0.22rem; text-align: center; } #popupsBox .orderBox .order .msg em { color: #cc0000; } #popupsBox .orderBox .order .tip { height: 0.34rem; line-height: 0.34rem; color: #cccccc; font-size: 0.2rem; text-align: center; } #popupsBox .orderBox .order .nextBtn, #popupsBox .orderBox .orderWin .knowBtn, #popupsBox .orderBox .hasOrder .knowBtn { width: 5.5rem; height: .8rem; line-height: 0.8rem; text-align: center; font-size: 0.3rem; color: #fff; border-radius: 0.4rem; margin: 0.28rem auto 0; cursor: pointer; background: linear-gradient(90deg, #A157FF 0%, #2FBDFF 100%);box-shadow: 0px 6px 18px 0px rgba(0, 84, 255, 0.3);} #popupsBox .orderBox .orderWin .knowBtn, #popupsBox .orderBox .hasOrder .knowBtn { margin-top: 0.68rem; } #popupsBox .orderBox .hasOrder i { background-position: -6.1rem -0.06rem; } #popupsBox .orderBox .orderWin p, #popupsBox .orderBox .hasOrder p { height: 0.82rem; line-height: 1.32rem; font-size: 0.3rem; color: #23C268; text-align: center; font-weight: bold; margin-top: 2rem;} #popupsBox .orderBox .hasOrder p { color: #1ae6cd; } #popupsBox .orderBox .order>i{width: .6rem;height: .6rem;display: block;background-position: -3.13rem -5.86rem;margin: 1.5rem auto 0;} #popupsBox .orderBox .orderWin i{width: 1.31rem;height: 1.31rem;vertical-align: bottom;margin-right: .2rem;display: inline-block;background-position: -5.23rem -4.02rem;} #popupsBox .orderBox .orderWin{padding-top: .01rem;} #popupsBox .orderBox .hasOrder{padding-top: .01rem;} #popupsBox .feedback{ width: 100%; height: 100%; position: relative; } #popupsBox .permissionStatement .topBg {width: 6.3rem;height: 2.45rem;background: url(../images/qxbg.png) no-repeat;background-size: 6.3rem 2.45rem;display: block;position: relative;z-index: 3;} #popupsBox .feedback {background: #fff;} #popupsBox .feedback .topBg {width: 6.7rem;height: 1.76rem;background-position: -0.65rem -2.12rem;position: relative;} #popupsBox .feedback .topBg .feedClose {position: absolute;top: 0;right: 0.22rem;width: 0.5rem;height: 0.7rem;border-radius: 0 0 0.24rem 0.24rem;} #popupsBox .feedback .topBg p { height: 1.48rem; line-height: 1.48rem; color: #fff; font-size: 0.46rem; font-weight: bold; text-align: center;} #popupsBox .permissionStatement {height: 9.17rem;margin: 1.4rem .6rem 0;} #popupsBox .permissionStatement .topBg p { height: .38rem; line-height: .4rem; color: rgba(0,5,46,.9); font-size: 0.38rem; font-weight: bold; text-align: center;padding-top: 2.1rem; } #popupsBox .permissionStatement .cont {padding: 0.36rem 0.42rem 0.18rem;background: #fff;position: relative;top: 0;width: 5.45rem;padding-bottom: .8rem;border-bottom-left-radius: .4rem;border-bottom-right-radius: .4rem;} #popupsBox .permissionStatement .state { height: 5.58rem;width: 5.8rem; overflow: auto; position: relative; } #popupsBox .permissionStatement .linear {content: "";position: absolute;bottom: .8rem;left: 0.32rem;width: 5.6rem;height: 0.41rem;background: linear-gradient(to top, #fff, #fff0);background: linear-gradient(to top, #fff, rgba(255,255,255,0));} #popupsBox .permissionStatement .bottom {position: relative;top: 1rem;} #popupsBox .permissionStatement .bottom i{width: .6rem;height: .6rem;display: block;background-position: -3.13rem -5.86rem;margin: 0 auto;} #popupsBox .permissionStatement .state::-webkit-scrollbar { width: 0.08rem;background: transparent; } #popupsBox .permissionStatement .state::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 0.08rem; } #popupsBox .permissionStatement .state p { line-height: 0.44rem; font-size: 0.24rem; color: #333333; } #popupsBox .permissionStatement .state .h3 { line-height: 0.54rem; font-size: 0.24rem; color: #333333; font-weight: bold; } #popupsBox .feBack { height: 6.32rem; padding: 0.4rem 0.24rem 0.28rem;position: relative;top: -0.18rem;border-radius: 0.18rem 0.18rem 0 0; } #popupsBox .feBack::-webkit-scrollbar { width: 0.08rem;background: transparent; } #popupsBox .feBack::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 0.08rem; } #popupsBox .feBack>p { height: 0.47rem; line-height: 0.47rem; font-size: 0.24rem; color: #aaa; } #popupsBox .feBack>p:nth-child(3), #popupsBox .feBack>p:nth-child(5) { height: 0.66rem; line-height: 0.66rem; } #popupsBox .feBack .checkbox {position: relative;height: 0.88rem;line-height: 0.88rem;width: 7.02rem;background: #F4F5F5;border-radius: .1rem;margin-bottom: .1rem;} #popupsBox .feBack .checkbox input[type='checkbox'] {position: absolute;right: 0;top: 0;width: 0.2rem;height: 0.2rem;opacity: 0;} #popupsBox .feBack .checkbox label {position: absolute;left: 0px;top: 0;height: 0.88rem;line-height: 0.88rem;font-size: 0.24rem;color: #666666;text-align: left;padding-left: 0.9rem;} #popupsBox .feBack .checkbox label::before {content: '';position: absolute;left: 0.24rem;top: 0.29rem;width: 0.3rem;height: 0.3rem;border: 0.01rem solid #d0d0d0;border-radius: 50%;box-sizing: border-box;} #popupsBox .feBack .checkbox input[type='checkbox']:checked + label::before {background: #1933FF;background-position: -0.03rem -0.49rem;width: 0.3rem;height: .3rem;padding: .1rem;position: absolute;border: .02rem solid;} #popupsBox .feBack textarea{width: 6.74rem;height: 2.2rem;border: none;border-radius: 0.1rem;resize:none;background: #f0f0f0;padding: 0.14rem;padding-top: .28rem;font-size: 0.2rem;color: #999999;margin-bottom: 0.06rem;} #popupsBox input[type=tel]{border: none;height: 0.88rem;width: 6.74rem;font-size:14px;padding-left: 0.06rem;border-radius: 0.1rem;color: #999999;background: #f0f0f0;margin-bottom: 0.2rem;padding-left: 0.2rem;} #popupsBox input[type=tel]::-webkit-input-placeholder {color: #888;} #popupsBox input[type=tel]:-moz-placeholder { color: #888;} #popupsBox input[type=tel]::-moz-placeholder { color: #888;} #popupsBox input[type=tel]:-ms-input-placeholder { color: #888;} #popupsBox .feedback input[type=button] { display: block; height: 0.88rem; line-height: 0.88rem; width: 7.02rem; background-position: -0.47rem -0.04rem; border-radius: 0.38rem; font-size: 0.3rem; color: #fff; border: none; margin: 0px auto;background: linear-gradient(90deg, #A157FF 0%, #2FBDFF 100%);margin-top: 3rem;font-weight: 600;} .feedback .wttop{width: 100%;height: .88rem;display: block;background: #fff;box-shadow: 0px .06rem .15rem 0px rgba(244, 245, 245, 0.7);position: relative;} .feedback .wttop p{font-size: .32rem;color: #333;line-height: .88rem;text-align: center;width: 100%;font-weight: 600;} .feedback .wttop i{width: .36rem;height: .64rem;display: block;position: absolute;background-position: -.06rem -6.62rem;top: 0.26rem;left: .26rem;} #popupsBox .gPrivacy .topBg {width: 6.3rem;height: 2.45rem;background: url(../images/ysbg.png) no-repeat;background-size: 6.3rem 2.45rem;display: block;position: relative;z-index: 3;} #popupsBox .gPrivacy {height: 9.17rem;margin: 1.4rem .6rem 0;} #popupsBox .gPrivacy .topBg p { height: .38rem; line-height: .4rem; color: rgba(0,5,46,.9); font-size: 0.38rem; font-weight: bold; text-align: center;padding-top: 2.1rem; } #popupsBox .gPrivacy .cont {padding: 0.36rem 0.42rem 0.18rem;background: #fff;position: relative;top: 0;width: 5.45rem;padding-bottom: .8rem;border-bottom-left-radius: .4rem;border-bottom-right-radius: .4rem;} #popupsBox .gPrivacy .state { height: 5.58rem;width: 5.8rem; overflow: auto; position: relative; } #popupsBox .gPrivacy .linear {content: "";position: absolute;bottom: .8rem;left: 0.32rem;width: 5.6rem;height: 0.41rem;background: linear-gradient(to top, #fff, #fff0);background: linear-gradient(to top, #fff, rgba(255,255,255,0));} #popupsBox .gPrivacy .bottom {position: relative;top: 1rem;} #popupsBox .gPrivacy .bottom i{width: .6rem;height: .6rem;display: block;background-position: -3.13rem -5.86rem;margin: 0 auto;} #popupsBox .gPrivacy .state::-webkit-scrollbar { width: 0.08rem;background: transparent; } #popupsBox .gPrivacy .state::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 0.08rem; } #popupsBox .gPrivacy .state p { line-height: 0.44rem; font-size: 0.24rem; color: #333333; } #popupsBox .gPrivacy .state .h3 { line-height: 0.54rem; font-size: 0.24rem; color: #333333; font-weight: bold; } .hHotCol{width: 7.02rem;background: #fff;margin: .3rem .24rem;border-radius: .2rem;overflow: hidden;position: relative;} .hHotCol>p{width: 7.02rem;height: 1.08rem;background: linear-gradient(360deg, rgba(125, 139, 255, 0) 0%, rgba(86, 105, 255, 0.15) 50%, rgba(25, 51, 255, 0.28) 100%);opacity: 1;border-radius: .2rem .2rem 0px 0px;position: absolute;top: 0;left: 0;} .hHotCol h3{font-size: .32rem;color: #00052E;font-weight: 600;margin-top: .24rem;margin-left: .3rem;} .hHotCol .list{padding: .1rem 0 .2rem .26rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;} .hHotCol .list a{display: block;width: 1.6rem;height:.6rem;line-height:.6rem;text-align:center;background-color:#ee6767;color:#fff;font-size:.26rem;border-radius:.08rem;overflow:hidden;white-space:nowrap;margin:0 .2rem .2rem 0;} .hHotCol .list a:nth-of-type(16n+1){color: #f47920;background-color: #fff5ed;} .hHotCol .list a:nth-of-type(16n+2){color: #7fb80e;background-color: #f9ffed;} .hHotCol .list a:nth-of-type(16n+3){color: #6f60aa;background-color: #f1edff;} .hHotCol .list a:nth-of-type(16n+4){color: #009ad6;background-color: #edfaff;} .hHotCol .list a:nth-of-type(16n+5){color: #c77eb5;background-color: #ffedfb;} .hHotCol .list a:nth-of-type(16n+6){color: #4e72b8;background-color: #edf3ff;} .hHotCol .list a:nth-of-type(16n+7){color: #dea32c;background-color: #fff9ed;} .hHotCol .list a:nth-of-type(16n+8){color: #45b97c;background-color: #edfff5;} .hHotCol .list a:nth-of-type(16n+9){color: #7bbfea;background-color: #edf8ff;} .hHotCol .list a:nth-of-type(16n+10){color: #f1516c;background-color: #ffedf0;} .hHotCol .list a:nth-of-type(16n+11){color: #7fb86e;background-color: #f1ffed;} .hHotCol .list a:nth-of-type(16n+12){color: #9b95c9;background-color: #efedff;} .hHotCol .list a:nth-of-type(16n+13){color: #f69c9f;background-color: #ffedee;} .hHotCol .list a:nth-of-type(16n+14){color: #fcaf18;background-color: #fff9ed;} .hHotCol .list a:nth-of-type(16n+15){color: #2585a6;background-color: #edfbff;} .hHotCol .list a:nth-of-type(16n+16){color: #bea901;background-color: #fbf9e3;} .fixedDown{position: fixed;z-index: 3;bottom: 0;left: 0;right: 0;margin: auto;box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 9px 0px;;width: 7rem;overflow: hidden;padding: .2rem .25rem;background-color: #fff;text-align: center;} .fixedDown span,.fixedDown a,.fixedDown button{display: block;width: 100%;border: 0;margin: 0 auto!important;font-size: .32rem;color: #fff;height: .8rem;line-height: .8rem;background: #008bff;border-radius: .36rem;} .fixedDown .kadrBtn{background-color: #25c88a;} .fixedDown .kadrBtn i{display: inline-block;width: .38rem;height: .38rem;background-position: -3.73rem -4.98rem;position: relative;top:.05rem;margin-right: .12rem;} .fixedDown .kiosBtn{background-color: #38a6fd;} .fixedDown .kiosBtn i{display: inline-block;width: .38rem;height: .44rem;background-position: -.73rem -4.93rem;position: relative;top:.07rem;margin-right: .12rem;} .fixedDown .kOrder{background-color: #f36861;} .fixedDown .kOrder i{display: inline-block;width: .42rem;height: .42rem;background-position: -.08rem -4.93rem;position: relative;top:.08rem;margin-right: .12rem;} .fixedDown .knoDown{background-color: #c2c2c2;} .rzinfo{overflow: hidden;} .rzinfo h3 { font-size: 0.28rem; color: #1933FF; line-height: 0.28rem; font-weight: 600;background: rgba(246, 247, 251, 0.39);padding: .2rem 0 .2rem .26rem;} .rzinfo h3:after{content: "";display: block;width: .16rem;height: .32rem;display: inline-block;background-image:url("../images/icon.png");background-size:8rem 8rem;background-position: -2.52rem -4.02rem;vertical-align: bottom;margin-left: .14rem;} .rzbox{background: #F5F5F5;font-size: .24rem;color: rgba(51, 51, 51, .8);max-height: 10rem;height: auto;padding: .24rem .28rem .24rem .2rem;margin: .1rem .24rem .2rem;border-radius: .2rem;overflow: hidden;overflow-y: scroll;} .rzbox span{font-size: .24rem;margin-bottom: .3rem;} .rzbox p{font-size: .24rem;color: rgba(51, 51, 51, .8);line-height: .4rem !important;margin-bottom:0rem !important;} .rzbox::-webkit-scrollbar {width: 4px;height: 1px;} .rzbox::-webkit-scrollbar-thumb {border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(170,170,170,1);background: #535353;} .rzinfo h3 span{float: right;font-size: .24rem;color: #F64C31;font-weight: 400;} .rzinfo .rzbox h3{color:#000 !important;font-size:.26rem !important;margin: 0 !important;} .rzbg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 66;display: none;} .rzhead{height:.88rem;line-height: .88rem;background: linear-gradient(90deg, #57D1FF 0%, #507BFF 48%, #9563FF 100%);padding:0 .26rem;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;} .rzhead i{display: block;width: .28rem;height: .5rem;vertical-align: middle;background-position: -.09rem -7.24rem;} .rzhead p{flex: 1;font-size: .3rem;font-weight: bold;color: #fff;text-align: center;} .rzcont .info{height: 12rem;width: 100%;overflow: auto;margin-bottom: .3rem;} .rzcont .info p{font-size: .24rem;color: #666666;line-height: .36rem;display: block;margin: .2rem .48rem .2rem .2rem;text-indent: 0;} .rzcont .info span{color: #aaa;font-size: .24rem;margin: 0 .48rem .1rem .2rem;} .rzcont .info strong{font-size: .26rem;font-weight: bold;} .rzcont .info{width: auto;padding: 0 .26rem;} .rzbox::-webkit-scrollbar { width: 0.08rem;background: transparent; } .rzbox::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 0.08rem; } .zxD_1 .cont .info {width: 100%;height: 1.7rem;background: #f5f5f5;overflow: hidden;border-radius: .08rem;margin: .2rem auto;} .zxD_1 .cont .info img {width: 1.28rem;height: 1.28rem;display: block;float: left;margin: .21rem .2rem;border-radius: .25rem} .zxD_1 .cont .info p{text-indent: 0;} .qaboxs {float: left;width: 50%;max-width: 50%} .qaboxs .name {color: #333;font-size: .32rem;margin-top: .32rem;margin-bottom: .2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .qaboxs p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .qaboxs p span {font-size: .28rem;color: #999} .qaboxs p span em {font-size: .28rem;color: #666;} .zxD_1 .cont .info a {border: 0} .zxD_1 .cont .info a.btn {width: 1.2rem;height: .52rem;display: block;float: right;font-size: .24rem;color: #fff;text-align: center;background: #ffa622;line-height: .52rem;border-radius: .08rem;margin-top: .6rem;margin-right: .2rem;} /*search*/ .tiSle{padding:.25rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;} .tiSle em{height:.36rem;line-height:.36rem;font-size:.3rem;color:#999;font-weight:500;} .tiSle em span{font-size: .18rem;color: #a8a8a8;margin-left: .06rem;} .tiSle a i{display: none;width:.15rem;height:.28rem;background: url(../images/icon.png) no-repeat;background-size: 8rem 8rem;background-position:-6.92rem 0;position: relative;top: 0.04rem;} .searchbox{padding:.25rem .25rem 0 .25rem;margin-bottom: 0;} .searchbox a{position: relative;display: block;height: .6rem;margin: 0 auto;background:#ebeced;border-radius:.32rem;} .searchbox a i{display: inline-block;width:.28rem;height:.28rem;background: url(../images/icon.png) no-repeat;background-size: 8rem 8rem;background-position:-6.23rem -7.61rem;position: relative;top: .16rem;left: .32rem;} .searchbox,.search_txt{position:relative;} .search_ul{height:.3rem;position:absolute;top:.15rem;left:.8rem;overflow:hidden;} .search_ul li{width:5.5rem;height:.3rem;line-height:.3rem;font-size:.24rem;color:#a9a9a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .search_txt{background:#ebeced;border-radius:.32rem;} .search_txt a{display: inline-block;width: .8rem;} .search_txt .text{position: absolute;width: 5.1rem;top:0rem;left: .8rem;height:.6rem;border:none;background:none;color:#333;font-size:.26rem;padding:0 .2rem 0 .1rem;} .search_txt .close_txt{position: absolute;top:0rem;right: .12rem;width:.6rem;height:.6rem;} .search_txt .close_txt i{display: block;width:.28rem;height:.28rem;background: url(../images/icon.png) no-repeat;background-size: 8rem 8rem;background-position:-6.67rem -7.6rem;margin:.16rem auto;} .seaOneTop>p{display: block;font-size: .26rem;color: #999;line-height: .4rem;padding: .3rem .25rem .1rem;} .seaOneTop>p a{display: inline-block;font-size: .26rem;color: #666;margin-right: .26rem;font-weight: 500; line-height: .52rem;} .seaOneTop ul{font-size: 0;padding: 0 0 .05rem;} .seaOneTop ul li{display: inline-block;width:1.3rem;text-align:center;margin:0 .3rem .2rem; } .seaOneTop ul li:nth-child(4n+1){margin-left: .25rem;} .seaOneTop ul li:nth-child(4n+4){margin-right: .25rem;} .seaOneTop ul li a{display:block;} .seaOneTop ul li img{display:block;width:1.28rem;height:1.28rem;border-radius:.24rem;margin:0 auto;} .seaOneTop ul li p{width: 90%;height:.42rem;line-height:.42rem;color:#000;font-size:.28rem;margin:.10rem auto .02rem;overflow:hidden;white-space:nowrap;} .seaOneTop ul li .btn{display:block;width:1.16rem;height:.48rem;line-height:.48rem;margin:.11rem auto;border-radius:.06rem;color: #fff;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);font-size:.24rem;text-align:center} .seaOneList{padding:.1rem .25rem .25rem;min-height: 3rem;} .seaOneList a{position: relative;display: inline-block;padding: 0 .25rem;max-width: 7rem;border-radius: .24rem;line-height: .56rem;background-color: #f8f8f8;margin:0 .18rem .28rem 0;color:#000;font-size:.24rem;text-align: center;overflow: hidden;white-space: nowrap;} .seaOneList a i{display:block;position: absolute;width:.20rem;height:.24rem;background: url(../images/icon.png) no-repeat;background-size: 8rem 8rem;background-position:-5.84rem -7.59rem;top: 0.02rem;right: .05rem;} .seaTwoTop ul{padding: 0 .25rem .25rem} .seaTwoTop ul li{align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .seaTwoTop ul li img{display:block;width:1.28rem;height:1.28rem;border-radius:.24rem;margin: .3rem 0;} .seaTwoTop ul li .fx_gw{width:0%;} .seaTwoTop ul li .info{padding:.3rem 0;margin-left: .38rem;position: relative;border-bottom:1px solid #e6e6e6;} .seaTwoTop ul li .info p{display:block;width:auto;font-size:.24rem;color:#666666;overflow:hidden;white-space:nowrap;} .seaTwoTop ul li .info .name{max-width: 3.5rem;font-size:.3rem;color:#000;line-height:.48rem;} .seaTwoTop ul li:nth-child(n+4) i{width: .26rem;height: .26rem;font-size: .18rem;color: #b6b6b6;line-height: .26rem;border: 1px solid #b6b6b6;text-align: center; margin:0 .2rem 0 .05rem;} .seaTwoTop ul li span{position: absolute;top: .54rem;right: 0;display:block;width:1.2rem;height:.52rem;line-height:.52rem;margin:0 auto;border-radius:.06rem;color: #fff;font-size:.24rem;text-align:center;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);} .seaTwoTop ul li:nth-child(1) img{margin-top: .1rem;} .seaTwoTop ul li:nth-child(1) .info{padding-top: .1rem;} .seaTwoTop ul li:last-child .info{padding-bottom: .36rem;} .seaTwoTop ul li:last-child img{margin-bottom: .1rem;} .seaTwoTop ul li:nth-child(1) span{top: .34rem;} .seaTwoList{padding: .1rem 0; } .seaTwoList ul li{padding: 0 .25rem;} .seaTwoList ul li>div{border-bottom:.02rem solid #e6e6e6;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .seaTwoList img{display:inline-block;width:1.28rem;height:1.28rem;border-radius:.24rem;margin:.3rem auto} .seaTwoList ul li a:nth-of-type(1){display: block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;} .seaTwoList ul li .info{width:0%;-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;padding:.3rem 0;margin-left: .38rem;} .seaTwoList ul li .info p{max-width: 3.8rem;display:block;width:auto;font-size:.24rem;color:#666666;line-height: .4rem;overflow:hidden;white-space:nowrap;} .seaTwoList ul li .info p:nth-child(1){font-size:.3rem;color:#000;line-height:.48rem;} .seaTwoList ul li .info p span{color: #999;margin: 0 .08rem;font-size:.18rem;} .seaTwoList ul li:last-child>div {border-bottom: 0;} .seaTwoList ul li .btn{display:block;width:1.2rem;height:.52rem;line-height:.52rem;margin:0 auto;background: linear-gradient(135deg, #AC4DFF 0%, #19D0FF 100%);border-radius:.06rem;color: #fff;font-size:.24rem;text-align:center} .seaTwoList ul li .btn.no{display:block;width:1.2rem;height:.52rem;line-height:.52rem;margin:0 auto;background-color: #38a6fd;border-radius:.06rem;color: #fff;font-size:.24rem;text-align:center} .seaTwoNews ul{padding: 0 .25rem .15rem;margin-top:-.18rem;} .seaTwoNews ul li{font-size: .28rem;color: #666;border-bottom: 1px solid #e8e8e8;line-height: .82rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;white-space: nowrap;overflow: hidden;} .seaTwoNews ul li:last-child{border: none;} .seaTwoNews ul li a{display: block;max-width: 6rem;font-size: .28rem;color: #666;overflow: hidden;} .seaTwoNews ul li a i{display: inline-block;width: .08rem;height: .08rem;background-color: #000;margin: 0 .16rem 0 .02rem;position: relative;top: -.06rem;} .seaTwoNews ul li span{font-size: .24rem;color: #a9a9a9;} .seaTwoGame{padding: .1rem 0;} .seaTwoGame ul{padding: .06rem 0 .25rem .25rem;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;} .seaTwoGame ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0} .seaTwoGame li{width:1.3rem;text-align:center;margin-right:.3rem;} .seaTwoGame li a{display:block;} .seaTwoGame li img{display:block;width:1.3rem;height:1.3rem;border-radius:.24rem;margin:0 auto;} .seaTwoGame li p{color:#808080;font-size:.2rem;overflow:hidden;white-space:nowrap;} .seaTwoGame li .name{width: 90%;height:.42rem;line-height:.42rem;color:#000;font-size:.28rem;margin:.10rem auto .02rem;} .search_list_wrap_div {bottom: 0;overflow-y: scroll;} .search_list_wrap em.hot{color: #38a6fd;} .ellipsis-multiline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } #so360_keyword{ background: none; width: 50%; border: none; }