/* === index.css === */ @charset "utf-8"; body,div,ul,li,h1,h2,h3,h5,input,button,textarea,p{margin:0;padding:0}img{border:0}em,var{font-style:normal;font-weight:normal}h1,h2,h3,h5{font-size:100%;font-weight:normal}input,button,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea{*font-size:100%}body{line-height:1.5}ul{list-style:none}sup,sub{font-size:100%;vertical-align:baseline}em,i{font-style:normal;font-weight:normal;}button,input,textarea{background:#fff;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}img {display:block;border:0;} *{-moz-text-size-adjust:none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;} html,body{width:100%;min-height: 100%;position: relative;} input[type="submit"],input[type="button"],button{-webkit-appearance:none;} html {font-size:100px;} body {font-size:.24rem;} .icon{background-image: url(https://toc-statics.oss-cn-hangzhou.aliyuncs.com/game-8/img/icon.png);background-size: 7.5rem 6rem;display: inline-block;} .ico{background-image: url(https://toc-statics.oss-cn-hangzhou.aliyuncs.com/game-8/img/icon_c.png);background-size: 7.5rem 10rem;display: inline-block;} .wrap{overflow: hidden;position: relative; width: 100%;height: auto;max-width: 7.5rem;min-width: 3.2rem;margin: 0 auto;background: #fff;min-height:13.33rem;} .h20{height: .2rem;background: #edf1f5;} .load{float: right;width: 1.18rem;height: .46rem;display: block;text-align: center;font-size: .23rem;line-height:.46rem;color: #03a3e6;border: 1px solid #03a3e6;border-radius: .1rem;margin-top: .39rem;} a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0} *{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 首页 */ .title{height: .3rem;margin: .3rem .26rem 0;position: relative;} .title>span{padding: 0 .12rem;font-size: .3rem;color: #666;line-height: .3rem;height: .32rem;display: inline-block;} .title>span:nth-child(1){border-left: .08rem solid #3abeee;} .title>.current{color: #00121a;font-weight: 600;} .title>i{color: #9a9a9a;font-size: .28rem;position: absolute;left: 1.7rem;top: -.05rem;} .title .info{position: absolute;right: .2rem;top: -.04rem;} .title .info span{font-size: .24rem;color: #03a3e6;margin-right: .08rem;} .title .info i{width: .14rem;height: .16rem;background-position: -1rem -.61rem;position: absolute;top: .12rem;} /* 友情链接 */ footer {height: 3.18rem;width: 100%;display: flex;flex-direction: column;align-items: center;background-color: #03a3e6;} footer>img:nth-child(1) {display: block;width: 3.44rem;height: 0.72rem;padding-top: 0.4rem;} footer>p:nth-child(2) {font-size: 0.22rem;line-height: 0.22rem;padding-top: 0.26rem;} footer>p:nth-child(2)>a {font-size: 0.22rem;line-height: 0.22rem;color: #fff;padding-top: 0.26rem;} footer>p:nth-child(3) {font-size: 0.20rem;line-height: 0.2rem;color: #fff;padding-top: 0.5rem;} footer>p:nth-child(4) {font-size: 0.20rem;line-height: 0.2rem;color: #fff;padding-top: 0.08rem;} footer a{color: #fff;} /* 专题列表页 */ /* 分页 */ /* 资讯内容页 */ .clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}/***height:3.1rem***/ /* 游戏反馈页 */ .wrap_feedback{ display: none;overflow: hidden; width: 100%; height: auto; max-width: 7.5rem; min-width: 3.2rem; background: #fff; min-height:13.33rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; } .head{height: .88rem;background: #03a3e6;display: flex;justify-content: space-around;position: relative;} .head span{color: #fff;font-size: .32rem;line-height: .88rem;text-align: center;} .head em:nth-child(1) i{width: .36rem;height: .36rem;display: block;background-position: -2.07rem -3.77rem;position: absolute;left: .26rem;top: .26rem;} .head a:nth-last-child(1) i{width: .41rem;height: .41rem;display: block;background-position: -2.44rem -3.1rem;position: absolute;right: .26rem;top: .24rem;} .feedback{margin: 0 .26rem .25rem;} .feedback span{font-size: .24rem;color: #898989;margin: .32rem 0;display: block;} .feedback .info{border: 1px solid #dfe2e6;border-radius: .1rem;} .feedback .info p{font-size: .28rem;color: #303030;line-height: .88rem;border-bottom: 1px solid #dfe2e6;} .feedback textarea{width: 6.78rem;height: 1.78rem;border: none;background: #edf1f5;padding-left: .2rem;padding-top: .18rem;} /* 复选框 */ .checkbox {position: relative;height: .88rem;line-height: .88rem;border-bottom: 1px solid #dfe2e6;} .checkbox:nth-last-child(1){border-bottom: none;} .checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: .2rem;height: .2rem;opacity: 0;} .checkbox label {position: absolute;left: .3rem;top: 0;height: .2rem;line-height: .2rem;width: 6.1rem;font-size: .28rem;color: #303030;padding:.34rem 0;} .checkbox label:before {content: '';position: absolute;right: -.3rem;top: .34rem;width: .22rem;height: .22rem;border: 1px solid #ddd;border-radius: 50%;} .checkbox label:after {content: '';position: absolute;right: -.24rem;top: .4rem;width: .12rem;height: .12rem;border: 0;border-radius: 50%;line-height: .88rem;} .checkbox input[type='checkbox']:checked + label:after {background: #03a3e6;} .telbox{height: .88rem;line-height: .88rem;margin: 0 .26rem;overflow: hidden;} .telbox span{font-size: .24rem;color: 00121a;} .telbox input{border: none;height: .88rem;width: 2.8rem;float: right;} .sub{height: 1.6rem;width: 7.5rem;background: #edf1f5;} .sub input{margin: .36rem .26rem 0;width: 6.98rem;height: .88rem;line-height: .88rem;text-align: center;color: #fff;border: none;border-radius: .15rem;background: #03a3e6;} /* 搜索点击页 */ /* 搜索结果页 */ /* 公共头部 */ .head_common .headTop { height: 0.88rem; display: flex; background-color: #03a3e6; } .head_common .headTop .logo { display: block; width: 2.53rem; height: 0.52rem; margin: 0.2rem 3.22rem 0 0.26rem;} .head_common .headTop .fdj { display: block; width: 0.4rem; height: 0.4rem; background-position: -2.44rem -3.1rem;} .head_common .headTop .user i{width:.5rem;height:.5rem;background-position:-2.51rem -3.77rem;} .head_common .headTop .menu { display: block; width: 0.4rem; height: 0.42rem; background-position: -1.83rem -3.1rem; margin: 0.24rem 0.26rem 0 0; } .head_common .headTop a:nth-child(2) { margin: 0.24rem 0.32rem 0 0; } .head_common .headTop a:nth-child(3) { margin: 0.24rem 0.2rem 0 0; } .head_common .headTop .on { background-position: -3rem -3.08rem;} .head_common .headTop_u .logo { margin: 0.2rem 2.62rem 0 0.26rem;} /* 当前位置 */ .head_common .current_location { height: 0.72rem; background-color: #e6e6e6; border-bottom: 1px solid #dfe2e6; } .head_common .current_location>span { display: block; float: left; min-width: 0.84rem;line-height: 0.72rem; height: 0.72rem; text-align: center; font-size: 0.22rem; color: #666666; position: relative; } .head_common .current_location>span:nth-child(1) { background-color: #ffffff; } .head_common .current_location>span:nth-child(1) a { display: block; color: #666666; } .head_common .current_location>span:nth-child(1) i { height: 0.72rem; width: 0.28rem; position: absolute; top: 0; right: -0.28rem; z-index: 1; background-position: -2.66rem 0; } .head_common .current_location>span:nth-child(2) { background-color: #f1f1f1; margin-right: 0.53rem; min-width: 1.12rem; text-indent: 0.28rem; } .head_common .current_location>span:nth-child(2) a { display: block; color: #666666;padding: 0 0.14rem 0 0.24rem; } .head_common .current_location>span:nth-child(2) i { height: 0.72rem; width: 0.28rem; position: absolute; top: 0; right: -0.28rem; background-position: -3.02rem 0; } .head_common .current_location>span:nth-child(3) { max-width: 4rem;white-space: nowrap;overflow: hidden; } .head_common ul{z-index: 999 !important;position: absolute;right: 0;} .head_common ul li{height: .86rem;width: 3.75rem;background: #f2fbff;border-top: 1px solid #fff;border-bottom: 1px solid #e4ecf0;} .head_common ul li:nth-child(1){border-top: none;} .head_common ul li:nth-last-child(1){border-bottom: none;} .head_common ul li a{display: block;color: #454545;line-height: .88rem;} .head_common ul .current{border-left: .04rem solid #03a3e6;width: 3.71rem;} .head_common ul span{margin-left: .27rem;color: #bdbfc0;font-size: .27rem;display: inline-block;} .head_common ul .current a span{color: #03a3e6;} .head_common ul li i{width: .33rem;height: .28rem;vertical-align: text-top;margin-left: .25rem;} .head_common ul li .arr{width: .12rem;height: .2rem;background-position: -2.52rem -5.26rem !important;margin-left: 0;margin-right: .26rem;float: right;margin-top: .35rem;} .head_common ul .current .arr{background-position: -2.52rem -5.55rem !important;} .head_common ul li:nth-child(1) i{background-position: 0 -5.26rem;} .head_common ul li:nth-child(2) i{background-position: -.33rem -5.26rem;} .head_common ul li:nth-child(3) i{background-position: -.66rem -5.26rem;} .head_common ul li:nth-child(4) i{background-position: -.99rem -5.26rem;} .head_common ul li:nth-child(5) i{background-position: -1.32rem -5.26rem;} .head_common ul li:nth-child(6) i{background-position: -1.64rem -5.26rem;} .head_common ul li:nth-child(7) i{background-position: -1.97rem -5.26rem;} .head_common ul .current:nth-child(1) i{background-position: 0 -5.55rem;} .head_common ul .current:nth-child(2) i{background-position: -.33rem -5.55rem;} .head_common ul .current:nth-child(3) i{background-position: -.66rem -5.55rem;} .head_common ul .current:nth-child(4) i{background-position: -.99rem -5.55rem;} .head_common ul .current:nth-child(5) i{background-position: -1.32rem -5.55rem;} .head_common ul .current:nth-child(6) i{background-position: -1.64rem -5.55rem;} .head_common ul .current:nth-child(7) i{background-position: -1.97rem -5.55rem;} .mask{background: #000;opacity: .5;width: 100%;height: 100%;position: absolute;} .headerNav{position: absolute;z-index: 3;width: 100%;top: .88rem;} .headerNav ul{z-index: 999 !important;position: absolute;right: 0;} .headerNav ul li{height: .86rem;width: 3.75rem;background: #f2fbff;border-top: 1px solid #fff;border-bottom: 1px solid #e4ecf0;} .headerNav ul li:nth-child(1){border-top: none;} .headerNav ul li:nth-last-child(1){border-bottom: none;} .headerNav ul li a{display: block;color: #454545;line-height: .88rem;} .headerNav ul .current{border-left: .04rem solid #03a3e6;width: 3.71rem;} .headerNav ul span{margin-left: .27rem;color: #bdbfc0;font-size: .27rem;display: inline-block;} .headerNav ul .current a span{color: #03a3e6;} .headerNav ul li i{width: .33rem;height: .28rem;vertical-align: text-top;margin-left: .25rem;} .headerNav ul li .arr{width: .12rem;height: .2rem;background-position: -2.52rem -5.26rem !important;margin-left: 0;margin-right: .26rem;float: right;margin-top: .35rem;} .headerNav ul .current .arr{background-position: -2.52rem -5.55rem !important;} .headerNav ul li:nth-child(1) i{background-position: 0 -5.26rem;} .headerNav ul li:nth-child(2) i{background-position: -.33rem -5.26rem;} .headerNav ul li:nth-child(3) i{background-position: -.66rem -5.26rem;} .headerNav ul li:nth-child(4) i{background-position: -.99rem -5.26rem;} .headerNav ul li:nth-child(5) i{background-position: -1.32rem -5.26rem;} .headerNav ul li:nth-child(6) i{background-position: -1.64rem -5.26rem;} .headerNav ul li:nth-child(7) i{background-position: -1.97rem -5.26rem;} .headerNav ul .current:nth-child(1) i{background-position: 0 -5.55rem;} .headerNav ul .current:nth-child(2) i{background-position: -.33rem -5.55rem;} .headerNav ul .current:nth-child(3) i{background-position: -.66rem -5.55rem;} .headerNav ul .current:nth-child(4) i{background-position: -.99rem -5.55rem;} .headerNav ul .current:nth-child(5) i{background-position: -1.32rem -5.55rem;} .headerNav ul .current:nth-child(6) i{background-position: -1.64rem -5.55rem;} .headerNav ul .current:nth-child(7) i{background-position: -1.97rem -5.55rem;} /* 返回顶部 */ .backTop { position: fixed; bottom: 2.6rem; right: 0.28rem; width: 0.8rem; height: 0.8rem; text-align: center; border-radius: 50%; background: rgba(129, 209, 242, .8); } .backTop>i { display: inline-block; width: 0.38rem; height: 0.46rem; position: relative; top: 0.2rem;background-position: -1.54rem -1.1rem; } /* 公共底部 */ footer { height: 3.18rem; width: 100%; display: flex; flex-direction: column; align-items: center; background-color: #03a3e6; } footer>img:nth-child(1) { display: block; width: 3.44rem; height: 0.72rem; padding-top: 0.4rem; } footer>p:nth-child(2) { font-size: 0.20rem; line-height: 0.2rem; color: #fff; padding-top: 0.5rem; } footer>p:nth-child(3) { font-size: 0.20rem; line-height: 0.2rem; color: #fff; padding-top: 0.08rem; } /* 排行榜首页 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 游戏列表 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* project-detail //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* article_list //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* game_detail //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .gameDetail_cont { width: 100%; } .gameDetail_one { padding: 0.26rem 0.26rem 0.11rem 0.26rem ; } .gameDetail_one>div:nth-child(1) { width: 7rem; display: flex; height: 1.3rem; position: relative; } .gameDetail_one>div:nth-child(1) img { display: block; width: 1.3rem; height: 1.3rem; margin-right: 0.17rem; border-radius: 0.28rem; } .gameDetail_one>div:nth-child(1) .cont { width: 5.52rem;font-size:0 } .gameDetail_one>div:nth-child(1) .cont>h1 { margin-right: 0.08rem;max-width:3.5rem; font-size: 0.32rem; color: #00121a; line-height: 0.36rem; overflow: hidden; white-space: nowrap;display: inline-block; } .gameDetail_one>div:nth-child(1) .cont>.type { font-size: 0.2rem; color: #a8a8a8; line-height: 0.52rem;max-width: 5.52rem;white-space: nowrap;overflow: hidden; } .gameDetail_one>div:nth-child(1) .cont>.type>em { color: #ff9553;margin-right: 0.2rem; } .gameDetail_one .downBtn { margin-top: 0.2rem;margin-bottom: 0.2rem;} .gameDetail_one>.downBtn>a { display: inline-block; width: 100%; height: 0.72rem; line-height: 0.72rem; text-align: center; font-size: 0.24rem; color: #fff; border-radius: 0.08rem;background: linear-gradient(to right, #ff4e4e, #ff916d); } .gameDetail_one>.downBtn>a>i { width: 0.36rem; height: 0.36rem;background-position:-0.56rem -2.64rem;display: inline-block;border-radius: 50%; position: relative; top: 0.09rem;} .gameDetail_one>.orderBtn>button {margin-top: 0.2rem;border: none;display: inline-block;width: 100%;height: 0.72rem;line-height: 0.72rem;text-align: center;font-size: 0.24rem;color: #fff;border-radius: 0.08rem;background: linear-gradient(to right, #0ed2d0, #01d5b1);} .gameDetail_one>.orderBtn>button>i { width: 0.46rem; height: 0.38rem;background-position:-1.66rem -4.26rem;display: inline-block;border-radius: 50%; position: relative; top: 0.09rem;} .gameDetail_one>.orderBtn>p { padding: 0.12rem 0.24rem 0.14rem 0.2rem; width: 6.54rem; color: #b0b6b5; font-size: 0.2rem; line-height: 0.3rem; margin: 0.2rem 0; border-radius: 0.08rem; background-color: #ebfffd; border: 1px solid #04c7b1; } .gameDetail_one>.orderBtn>p>em { color: #04c7b1; } .gameDetail_menu { width: 7rem; height: 0.74rem; margin: 0 auto; display: flex; border-bottom: 1px solid #edf1f5; } .gameDetail_menu>span { flex: 1; color:#999999; line-height: 0.74rem; text-align: center; font-size: 0.26rem ; position: relative; cursor: pointer;width: 33%;white-space: nowrap;overflow: hidden; } .gameDetail_menu>span.current>em { display: block;width: 0.34rem; height: 0.06rem; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; border-radius: 0.02rem; background: linear-gradient(to right,#09a6e7, #4cc7f0); } .gameDetail_menu>.current { color: #03a3e6; } .gameDetail_two>div:nth-child(2) { text-align: center; width: 7rem; margin: 0.28rem auto; border-radius: 0.1rem; position: relative; background-color: #f5f5f5;height: 0.7rem; } .gameDetail_two>div:nth-child(2)>p { display: inline-block; max-width: 5.7rem; height: 0.7rem; line-height: 0.7rem; text-align: center; font-size: 0.26rem; color: #00121a; border-radius: 0.1rem; white-space: nowrap; overflow: hidden;} .gameDetail_two>div:nth-child(2)>i { width: 0.37rem; height: 0.33rem; position: relative;vertical-align: top; } .gameDetail_two>div:nth-child(2)>.sup { margin-right: 0.08rem;top: -0.1rem; background-position:-1.07rem -2.62rem; } .gameDetail_two>div:nth-child(2)>.bottom { margin-left: 0.08rem;top: 0.48rem; background-position:-1.6rem -2.63rem; } /* 截图 */ .gameDetail_two .show_img {margin-bottom: 0.1rem;padding-left: 0.25rem;} .img_item { overflow-x: auto; padding: 0 0 .1rem;margin-bottom: .2rem; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; margin-top: .3rem;} .img_item ul{font-size: 0;} .img_item ul li { margin-right: .2rem; display: inline-block; } .img_item ul li img {width:auto;max-height: 3.4rem;} /* 介绍详情里图片放大的css */ .gameDetail_two .auto { height: auto; } .gameDetail_two .hidden { overflow: hidden; } .gameDetail_two>.hiddenBox { position: relative;} .gameDetail_two>.hiddenBox>.cont>p { font-size: 0.25rem; color: #595959; line-height: 0.48rem; padding: 0 0.26rem; } .gameDetail_two>.hiddenBox>.cont>h3 { font-size: 0.26rem; color: #333333; line-height: 0.26rem; padding-left: 0.23rem; font-weight: bold; margin: 0.28rem 0 0.16rem 0.26rem; border-left: 0.08rem solid #03a3e6; } .gameDetail_two>.hiddenBox>.cont img { display: block; max-width: 7rem; padding: 0.16rem 0; margin: 0 auto; } .gameDetail_two>.hideCont { font-size: 0.26rem; color: #949799; text-align: center; padding-bottom: 0.3rem; cursor: pointer;position: relative; top: -1px; background: #fff; } .gameDetail_two>.hideCont>i { display: inline-block; width: 0.24rem; height: 0.21rem; margin-right: 0.14rem; background-position:-2.52rem -2.68rem; } .hiddenBox .linear { position: absolute; height: 0.8rem; bottom: 0; width: 100%; background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); } .gameDetail_four { padding: 0.32rem 0.26rem ; } .gameDetail_title { font-size: 0.3rem; color: #00121a; height: 0.3rem; line-height: 0.3rem; margin-bottom: 0.26rem; } .gameDetail_title>span { display: block; float: left; width: 0.08rem; height: 0.3rem; margin-right: 0.12rem; background: linear-gradient(to bottom, #07a5e6, #51c9f2); } .gameDetail_four>.gameDetail_cont li { width: 6.98rem; height: 0.86rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dadde0; } .gameDetail_four>.gameDetail_cont li>span { font-size: 0.28rem; color: #89898c; } .gameDetail_four>.gameDetail_cont li>em { font-size: 0.28rem; color: #00121a; } .gameDetail_six { padding:0.32rem 0.26rem 0.06rem 0.26rem; border-bottom: 0.02rem solid #ebebeb; display: flex; flex-direction: column; } .gameDetail_six .gameDetail_menu { display: flex; height: 0.56rem; padding: 0 0.06rem; margin-bottom: 0.27rem; align-items: center; } .gameDetail_six .gameDetail_menu>span {display: block;width: 1.2rem;height: 0.54rem;line-height: 0.56rem;text-align: center;font-size: 0.28rem;cursor: pointer;border-bottom: 0.04rem solid transparent;color: #999999;margin: 0 0.26rem;} .gameDetail_six .gameDetail_menu>.current { border-bottom: 0.04rem solid #03a3e6; color: #03a3e6; } .gameDetail_six .gameDetail_menu>em{ display: block; width: 0.02rem; height: 0.27rem; background-color: #e3e3e3; } .gameDetail_six .gameDetail_menu>em:last-child { display: none;} .gameDetail_six .menu_cont { height: 1.35rem; width: 100%; position: relative; border-bottom: 1px dashed #e0e0e0; padding-bottom: 0.26rem; } .gameDetail_six .menu_cont>a { float: left; margin-bottom: 0.26rem; margin-right: 0.17rem;max-width: 2.8rem;overflow: hidden;border-radius: 0.08rem; } .gameDetail_six .menu_cont>a>img { display: block;height: 1.4rem; border-radius: 0.08rem;width: 2.8rem;} .gameDetail_six .menu_cont>.cont { float: left;} .gameDetail_six .menu_cont>.cont>.name { font-size: 0.27rem; color: #00121a; font-weight: bold; line-height: 0.4rem; margin-bottom: 0.03rem;max-width: 3rem;white-space: nowrap;overflow: hidden; } .gameDetail_six .menu_cont>.cont>.txt { font-size: 0.22rem; color: #666666; line-height: 0.32rem; max-height: 0.94rem; width: 4rem; overflow: hidden; } .gameDetail_six .menu_cont>.cont>.more { position: absolute; top: 0.1rem; right: 0; color: #68bdec; font-size: 0.18rem; line-height: 0.18rem; } .gameDetail_six .menu_cont>.cont>.more>i { display: inline-block; width: 0.14rem; height: 0.16rem; position: relative; top: 1px; margin-left: 0.07rem; background-position: -1rem -0.61rem; } .gameDetail_six .typeCommon { display: none; } .gameDetail_six .type_0 { display: block; } .gameDetail_six .gameDetail_cont ul { display: flex; margin-top: 0.2rem; flex-wrap: wrap; } .gameDetail_six .gameDetail_cont li { display: flex; flex-wrap: wrap; width: 1.36rem;margin-right: 0.5rem; margin-bottom: 0.14rem; position: relative; } .gameDetail_six .gameDetail_cont li:nth-child(4n) { margin-right: 0; } .gameDetail_six .gameDetail_cont li>a { display: block; width: 1.36rem;} .gameDetail_six .gameDetail_cont li img { display: block; width: 1.24rem; height: 1.24rem; border-radius: 0.28rem; margin: 0 auto; } .gameDetail_six .gameDetail_cont li .name { font-size: 0.24rem; line-height: 0.6rem; color: #00121a; text-align: center; max-width: 1.34rem; white-space: nowrap; overflow: hidden; } .gameDetail_seven { padding-top: 0.34rem;} .gameDetail_seven>.gameDetail_title {margin-left: 0.26rem;} .gameDetail_seven li { height: 1.64rem; position: relative; margin: 0 0.26rem; border-bottom: 1px solid #dfe2e6; } .gameDetail_seven li:last-child { border-bottom: none; } .gameDetail_seven li a { display: block; height: 1.64rem; display: flex; align-items: center; } .gameDetail_seven li img { display: block; width: 1.24rem; height: 1.24rem; margin-right: 0.2rem;border-radius: 0.26rem; } .gameDetail_seven li .cont { max-width: 3rem; height: 100%; display: flex; flex-direction: column; } .gameDetail_seven li .name {max-width: 3rem; color: #00121a; font-size: 0.26rem; line-height: 0.41rem; margin-top: 0.23rem;overflow: hidden; white-space: nowrap; } .gameDetail_seven li .txt { max-width: 3rem; color: #a0a0a0; font-size: 0.24rem;line-height: 0.36rem; overflow: hidden; white-space: nowrap; } .gameDetail_seven li .big { max-width: 3rem; color: #a0a0a0; font-size: 0.24rem;line-height: 0.4rem; overflow: hidden; white-space: nowrap;} .gameDetail_seven li>.down { display: block; width: 1.18rem; height: 0.46rem; line-height: 0.46rem; text-align: center; font-size: 0.2rem; color: #03a3e6; border-radius: 0.08rem; border: 1px solid #03a3e6; position: absolute; top: 0.63rem; right: 0.26rem; } /* 弹窗 */ /* 预约 */ .orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} .orderBox{position: fixed;z-index: 5;top: 1.84rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 6.42rem;border-radius: 0.2rem;text-align: center;} .orderBox .oOrder {height: 6.4rem;} .orderBox .oTitle{width: 100%;height: 2.3rem;background-image: url(https://toc-statics.oss-cn-hangzhou.aliyuncs.com/game-8/img/order_img_03.jpg);background-size: 100% 100%;text-align: center;font-size: 24px;border-radius: 6px;color: #fff;} .orderBox .oWin { height: 5.62rem; } .orderBox .oWin>p { display: inline-block;font-size: 0.32rem; color: #141414; line-height: 0.32rem;margin: 0.9rem auto 0.22rem ; } .orderBox .oWin>i { display: block; width: 2.62rem; height: 2.1rem; margin:0 auto 0.68rem; background-position: -4.8rem 0; } .orderBox .oWin>.oKnow { display: block; cursor: pointer; width:3.2rem; height: 0.7rem; border: 0; background-color:#31a4fd; color:#fff; font-size:0.27rem; border-radius:0.34rem; line-height: 0.7rem; margin:auto; overflow: hidden; white-space: nowrap; } .orderBox .oAgin { height: 5.62rem; } .orderBox .oAgin>p { display: inline-block;font-size: 0.32rem; color: #141414; line-height: 0.32rem;margin: 0.92rem auto 0.3rem ; } .orderBox .oAgin>i { display: block; width: 3.36rem; height: 2.22rem; margin:0 auto 0.48rem; background-position: -4.18rem -3.8rem; } .orderBox .oAgin>.oKnow { display: block; cursor: pointer; width:3.2rem; height: 0.7rem; border: 0; background-color:#31a4fd; color:#fff; font-size:0.27rem; border-radius:0.34rem; line-height: 0.7rem; margin:auto; overflow: hidden; white-space: nowrap; } /* 遮盖 */ /* 分享弹窗 */ .dialog{width: 6.2rem;height: 6.94rem;background: #fcf9fc;position: absolute;top: 2.72rem;left: 8.6%;border-radius: .2rem;} .dialog>i{width: .32rem;height: .32rem;background-position: -2.12rem -.59rem;position: absolute;top: .19rem;right: 3.32%;} .dialog p{color: #1a1a1a;font-size: .33rem;text-align: center;line-height: .33rem;margin-top: .4rem;} .dialog>span{font-size: .21rem;color: #999;text-align: center;line-height: .21rem;margin-top: .26rem;display: block;} .dialog em{font-size: .21rem;color: #999;text-align: center;line-height: .21rem;margin-top: .3rem;display: block;} /* 新增详情页 */ /* 评论 */ /* 个人中心 */ .nav{background-color: #fff;border-bottom:1px solid #ebebeb;width: 100%;overflow: hidden;} .nav li{position: relative;display: inline-block;width:20%;border-bottom:0.04rem solid transparent;padding:.32rem 0 .25rem 0;} .nav li span{display:block;height:.3rem;line-height:.3rem;border-right:.02rem solid #e3e3e3;text-align:center;color:#999;font-size:.3rem;font-weight: bold;} .nav li em{display:block;width: .56rem;padding: 0 .02rem;height:.25rem;line-height: .25rem;text-align: center;border-radius: .03rem;font-size: .15rem;color: #000;background-color: #eee;position: absolute;top: .26rem;right: .08rem;} .nav li.current{border-color:#0091ff;} .nav li.current span{color:#0091ff;} .nav li:last-child span{border:none;} .nav ul{overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;} .nav ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0} .img_item { overflow-x: auto; padding: 0 0 .1rem;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: .1rem; display: inline-block; } .img_item ul li img {width:auto;max-height: 4.6rem;} /* .game-video .vback .btn i{display:inline-block;width:.36rem;height:.36rem;border-radius:.02rem;margin-left: .15rem;background-position: -2.06rem -.84rem;position:relative;top: .12rem;} */ /* tl////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* 遮盖 */ /* 分享弹窗 */ .hide{display: none;} .show{display: block;} /* 点击前后的样式变化 */ /* ドラゴン🐉////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* 共用标题 */ .title{padding-bottom:0.36rem;} .title h3{height:.32rem;line-height:.32rem;border-left:.08rem solid #07a5e6;font-size:.34rem;color:#000;padding-left:.15rem;font-weight:bolder;-moz-flex-grow:1;flex-grow:1;} /* 我的点评 */ /* 玩家点评 */ /* .playerReviews_gameD .scoreBox .starScore>i { display: block; width: 1.4rem; height: 0.24rem; background-position: -1.13rem -5rem; margin: 0.27rem 0 0.07rem 0; } */ /* 表情转换 */ /* 评论页面 */ /* 找回密码 */ /* 找回用户名 */ /* 上传头像 */ /* 资讯改版样式 */ .push{margin: 0 .3rem;} .push>span{font-size: .34rem;color: #03a3e6;font-weight: 600;margin-top: .35rem;margin-bottom: .2rem;display: block;} /*/.infomain span:nth-last-child(1){float: right;width: 1.1rem;height: .34rem;border: 1px solid #fbc5c5;line-height: .38rem;color: #ff3334;border-radius: .2rem;text-align: center;}*/ .h20{height: .2rem;background: #edf1f5;} /*loading效果*/ @-webkit-keyframes scale { 0% {transform: scale(1);opacity: 1; } 45% {transform: scale(0.1);opacity: 0.7; } 80% {transform: scale(1);opacity: 1; } } @keyframes scale { 0% {transform: scale(1);opacity: 1; } 45% {transform: scale(0.1);opacity: 0.7; } 80% {transform: scale(1);opacity: 1; } } .linear { position: absolute; height: 0.8rem; bottom: 0; width: 100%; background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); } @-webkit-keyframes niceIn { 0% { opacity: 1; transform: scale(1)} 50% { opacity: 1; transform: scale(1.25) } 70% { transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } } @keyframes niceIn { 0% { opacity: 1; transform: scale(1)} 50% { opacity: 1; transform: scale(1.25) } 70% { transform: scale(.8) } 100% { opacity: 1; transform: scale(1) } } /* zt */ .pkHotTopic ul{width: 110%;margin: 0 .26rem -.2rem;overflow: hidden;} .pkHotTopic li{width: 3.38rem;height: 2rem;float: left;position: relative;margin-bottom: .26rem;} .pkHotTopic li img{width: 3.38rem;height: 1.76rem;border-radius: .15rem;} .pkHotTopic li a{width: 3.38rem;height: 2rem;position: absolute;top: 0;text-align: center;border-radius: .15rem;overflow: hidden;} .pkHotTopic li a span{max-width: 3.2rem;height: .48rem;line-height: .48rem;color: #00121a;background: #edf1f5;display: inline-block;padding-left: .2rem;border-radius: .1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: .2rem;text-align: center;margin-top: 1.5rem;} .pkHotTopic li:nth-of-type(even){margin-left: .22rem;} .gameDetail_two>.hiddenBox{padding-bottom: .2rem;} .gameDetail_one>.downBtn>a{background:linear-gradient(to right, #0fc970, #0AAF60);} .gameDetail_one>.downBtn>a>i{top: .1rem;} .gameDetail_one>div.info:nth-child(1){display: inherit;height: auto;} .gameDetail_one .info{text-align: center;} .gameDetail_one .info div{display: flex;;align-items: center;justify-content: center;} .gameDetail_one .info div img{display: block;width: 1.3rem;height: 1.3rem;margin-right: 0.17rem;border-radius: 0.28rem} .gameDetail_one .info div h1{position: relative;flex: 1;font-size: .42rem;color: #00121a;line-height: .56rem;text-align: left;} .gameDetail_one .info div span {display: inline-block;margin-left: .1rem;height: 0.26rem;line-height: 0.26rem; font-size: 0.18rem;text-align: center; color: #fff; border-radius: 0.2rem;position: relative;top:0;background: linear-gradient(to right, #53caf1, #07a5e6);padding: 0 .1rem;} .gameDetail_one .info div span i{ width: 0.13rem; height: 0.14rem;margin-right: 0.02rem; background-position:0rem -2.72rem;vertical-align:middle;} .gameDetail_one .info ul{display: flex;justify-content:center;flex-wrap: wrap;margin: .12rem auto;} .gameDetail_one .info ul li {font-size: 0.2rem; color: #a8a8a8; line-height: 0.52rem;text-align:left;max-width: 5.52rem;white-space: nowrap;overflow: hidden; } .gameDetail_one .info ul li:nth-of-type(2n+1){width: 2.4rem;text-align: right;margin-right: .12rem;} .gameDetail_one .info ul li:nth-of-type(2n+2){width: 3.5rem;} .gameDetail_one .info ul li em { color: #ff9553;margin-right: 0.2rem; } .gameDetail_one .info ul li span{display: inline-block;width: .96rem;height: .16rem;background: url(https://toc-statics.oss-cn-hangzhou.aliyuncs.com/game-8/img/starpk.png) no-repeat;background-size: 3rem 3rem;background-position: -.06rem -.06rem;vertical-align: top;position: relative;top: .18rem;} .gameDetail_one .info ul li span.star1{background-position: -.06rem -.31rem;} .gameDetail_one .info ul li span.star2{background-position: -.06rem -.56rem;} .gameDetail_one .info ul li span.star3{background-position: -.06rem -.81rem;} .gameDetail_one .info ul li span.star4{background-position: -.06rem -1.06rem;} .gameDetail_one .info ul li span.star5{background-position: -.06rem -1.31rem;} .gameDetail_cont .pkHotTopic{padding: .34rem 0 .2rem;} .gameDetail_cont .pkHotTopic .gameDetail_title {margin-left: 0.26rem;position: relative;} .gameDetail_title .info{position: absolute;right: .2rem;top: -.04rem;margin-right: 0.26rem;} .gameDetail_title .info span{font-size: .18rem;color: #03a3e6;margin-right: .08rem;} .gameDetail_title .info i{width: .14rem;height: .16rem;background-position: -1rem -.61rem;position: absolute;top: .13rem;} .pkfixedBtn{background-color: rgba(255,255,255,.98);} .pkfixedBtn .downBtn{margin: 0 auto;} .pkfixedBtn{position: fixed;z-index: 2;bottom: 0;left: 0;right: 0;margin: auto;width: 7.1rem;padding:.2rem;border-top-left-radius: .08rem;border-top-right-radius: .08rem;overflow: hidden;} .pkfixedBtn a,.pkfixedBtn button,.pkfixedBtn .dontload{display: inline-block;border: none; cursor: pointer;width: 100%; height: 0.72rem; line-height: 0.72rem; text-align: center;overflow: hidden; font-size: .28rem; color: #fff; border-radius: .08rem;background:linear-gradient(to right, #0fc970, #0AAF60);} .pkfixedBtn a{background:linear-gradient(to right, #0fc970, #0AAF60);} .pkfixedBtn button{background: linear-gradient(to right, #0ed2d0, #01d5b1);} .pkfixedBtn .downBtn .txt{line-height: .28rem;font-size: .24rem;color: #89898c;text-align: center;margin-top: 6px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .pkfixedBtn .dontload{background: linear-gradient(to right,#eaeaea, #eef2f3);} .pkfixedBtn .downBtn p.txt:before{content: "";margin-right: .16rem;display: inline-block;width: .28rem;height: .28rem;background: url(https://toc-statics.oss-cn-hangzhou.aliyuncs.com/game-8/img/starpk.png) no-repeat;background-size: 3rem 3rem;background-position: -1.24rem -.06rem;vertical-align: top;position: relative;top: .02rem;} .gameDetail_two .show_img{height: auto !important;} .gSecret,.gPower{color: #009cff !important;cursor: pointer;} /* rule */ .gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);} .ruleBox{position: absolute;z-index: 5;top: 160px;left: 0;right: 0;margin: auto;background-color: #fff;width: 320px;border-radius: 4px;text-align: center;} .ruleBox .rClose{position: absolute;top: 10px;right:10px;margin: auto;z-index: 10;} .ruleBox .rClose i{display: inline-block;width: 15px;height: 15px;background-position: -8px -5.6px;position: relative;} .ruleBox .rTitle{position: relative;width: 100%;height: 50px;padding-top: 14px;text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;} .ruleBox .rTitle>i{display:block;width: 133px;height: 91px;background-position: -11px -296.5px;position: absolute;top: -44.5px;left: 0;right: 0;margin: 0 auto;} .ruleBox .rSure{display: block;width:240px;height: 39px;border: 0;background:#008bff;color:#fff;font-size:14px;border-radius:4px;line-height: 39px;margin: 15px auto 25px;overflow: hidden;white-space: nowrap;} .ruleMain{background-color: #fff;display: block;height: 180px;border: none;padding: 7.5px 12.5px 12.5px;line-height: 21px;font-size: 12px;color: #4c4c4c;margin: 10px 12.5px 15px;overflow: auto;} .ruleMain p{text-align: left;} .ruleMain strong{display: block;color: #333;line-height:26px;font-size: 12px; font-weight: bold;text-indent:0em;text-align: left;} .ruleMain p:nth-of-type(1){color: #333;font-size: 12px; font-weight: bold;} /* Privacy */ .gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);} .privacyTxt{position: absolute;z-index: 5;top: 160px;left: 0;right: 0;margin: auto;background-color: #fff;width: 320px;border-radius: 4px;text-align: center;} .privacyTxt .pClose{position: absolute;top: 10px;right:10px;margin: auto;z-index: 10;} .privacyTxt .pClose i{display: inline-block;width: 15px;height: 15px;background-position: -8px -5.6px;position: relative;} .privacyTxt .oTitle{position: relative;width: 100%;height: 50px;padding-top: 14px;text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;} .privacyTxt .oTitle>i{display:block;width: 133px;height: 91px;background-position: -11px -177px;position: absolute;top: -44.5px;left: 0;right: 0;margin: 0 auto;} .privacyTxt .gSure{display: block;width:240px;height: 39px;border: 0;background:#008bff;color:#fff;font-size:14px;border-radius:4px;line-height: 39px;margin: 15px auto 25px;overflow: hidden;white-space: nowrap;} .privacyMain{background-color: #fff;display: block;height: 180px;border: none;padding: 7.5px 12.5px 12.5px;line-height: 21px;font-size: 12px;color: #4c4c4c;margin: 10px 12.5px 15px;overflow: auto;} .privacyMain p{text-align: left;} .privacyMain strong{display: block;color: #333;line-height:26px;font-size: 12px; font-weight: bold;text-indent:0em;text-align: left;} .privacyMain p:nth-of-type(1){color: #333;font-size: 12px; font-weight: bold;} .maskTit{font-size: 20px;color: #202020;font-weight: bold;margin-top: -8px;line-height: 21px;white-space: nowrap;overflow: hidden;} .gRule i,.gPrivacy i {background: url(https://toc-statics.oss-cn-hangzhou.aliyuncs.com/game-8/img/icon_c.png) no-repeat;background-size: 150px 600px;} .ruleMain p{font-size: 12px;} .ruleBox {font-size: 12px;} .privacyMain p{font-size: 12px;} .privacyTxt {font-size: 12px;} .ruleBox .rTitle>i{background-position:-5px -276px} .ruleBox .rClose i{background-position:-6px -7.6px} .privacyTxt .oTitle>i{background-position:-5px -160px} .privacyTxt .pClose i{background-position:-6px -7.6px} /* === photoswipe.css === */ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__container { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ /* div element that matches size of large image large image loads on top of it */ /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ /* === default-skin_default-skin.css === */ /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*