html {
color:#333;
background:#F6F6F6;
overflow-y:auto;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html * {
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body,html {
height:100%
}
html {font-size:100px;}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
margin:0;
padding:0
}
input,select,textarea {
font-size:100%
}
table {
border-collapse:collapse;
border-spacing:0
}
fieldset,img {
border:none
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:500
}
ol,ul {
list-style:none
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:500
}
q:after,q:before {
content:''
}
a {
text-decoration:none
}
button {
border:none
}
button,html input[type='button'],input[type='reset'],input[type='submit'] {
-webkit-appearance:button;
text-transform:none;
outline:none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#999
}
input::-webkit-inner-spin-button {
-webkit-appearance:none
}
input::-webkit-outer-spin-button {
-webkit-appearance:none
}
textarea {
vertical-align:top
}
button,input {
line-height:normal
}
select {
margin:0;
outline:0
}
input.fixAKeyboard:focus,textarea.fixAndroidKeyboard:focus {
-webkit-tap-highlight-color:rgba(255,255,255,0);
-webkit-user-modify:read-write-plaintext-only
}
input:-webkit-autofill {
box-shadow:0 0 0 1000px white inset !important
}
button,input[type=button],input[type=checkbox],input[type=reset],input[type=submit],label {
cursor:pointer;
user-select:none;
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none
}
input[type=submit] {
-moz-user-modify:read-plaintext-only;
-ms-user-modify:read-plaintext-only;
-o-user-modify:read-plaintext-only;
-webkit-user-modify:read-plaintext-only
}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration {
-webkit-appearance:none
}
input[type='search'] {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-appearance:textfield
}
.flex {
display:box;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
-o-flex-wrap:wrap;
flex-wrap:wrap
}
.justify-between {
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
.justify-center {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.vertical {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
*,*:before,*:after {
box-sizing:border-box
}
.clearfix:after,.clearfix:before {
content:" ";
display:table
}
.clearfix:after {
clear:both
}
.fl {
float:left
}
.fr {
float:right
}
body {
width:100%;
max-width:7.5rem;
min-width:3.2rem;
margin:0 auto
}
:root{--defColor:#79b652;--defShallowColor:#edfaf3}
.titleWrap {
display:flex;
align-items:center;
font-size:.32rem;
justify-content:space-between
}
.titleWrap .titleL {
display:flex;
align-items:center;
line-height:.32rem
}
.titleWrap .titleL i {
width:.05rem;
height:.32rem;
display:inline-block;
background-color:var(--defColor);
margin-right:.1rem
}
.titleWrap .titleR {
width:.78rem;
height:.3rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.02rem -1.88rem;
position:relative
}
.titleWrap .titleR>a {
display:block;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center
}
.titleWrap .titleR>a>span {
font-size:.2rem;
zoom:.8;
color:#D20E33;
padding-left:.1rem
}
/*.boxMainItem {
height:2.2rem;
font-size:.24rem;
color:#999999;
margin-top:.26rem;
display:flex
}
.boxMainItem .mainImg {
width:3.2rem;
display:block
}
.boxMainItem .mainImg img {
width:100%;
height:100%;
object-fit:cover
}
.boxMainItem .imgInfo {
padding:.2rem .15rem .15rem .2rem;
background:var(--defShallowColor);
flex:1;
display:flex;
flex-direction:column;
justify-content:space-between;
font-size:.2rem
}
.boxMainItem .imgInfo .titleInfo {
display:flex;
flex-direction:column;
justify-content:space-between
}
.boxMainItem .imgInfo .titleInfo>p {
font-size:.24rem;
line-height:.24rem;
color:#000;
margin-bottom:.15rem
}
.boxMainItem .imgInfo .titleInfo .time {
font-size:.2rem;
line-height:.2rem;
color:#999999;
display:block;
margin-bottom:.14rem
}
.boxMainItem .imgInfo .titleInfo>span {
font-size:.2rem;
color:#000;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
text-align:justify
}
.boxMainItem .imgInfo .otherInfo {
font-size:.2rem;
color:#999999;
display:flex;
justify-content:space-between;
align-items:center
}
.boxMainItem .imgInfo .otherInfo .icon {
display:flex;
align-items:center
}
.boxMainItem .imgInfo .otherInfo .icon i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.02rem -7.78rem;
width:.24rem;
height:.16rem;
display:block;
margin-right:.05rem
}
.boxMainItem .imgInfo .otherInfo .otherTop {
display:flex
}
.boxMainItem .imgInfo .otherInfo .otherTop img {
width:.42rem;
height:.42rem;
border-radius:.1rem;
margin-left:-0.2rem;
border-right:.02rem solid #fff
}
.boxMainItem .imgInfo .otherInfo .otherTop img:nth-child(1) {
z-index:3
}
.boxMainItem .imgInfo .otherInfo .otherTop img:nth-child(2) {
z-index:2
}
.boxMainItem .imgInfo .otherInfo .otherTop img:nth-child(3) {
z-index:1
}*/
.boxMainItem{height: 2.2rem;font-size: .24rem;color: #999999;margin-top: 0.26rem;}
.boxMainItem > a{display: block;}
.boxMainItem > a img{width: 3.2rem;height: 2.2rem;float: left;display: block; object-fit: cover;}
.boxMainItem > a > div{padding: .2rem .15rem .15rem .2rem;background: var(--defShallowColor);font-size: .2rem;float: left;width: 3.5rem;height: 2.2rem;}
.boxMainItem > a > div > p{font-size: .24rem;line-height: .24rem;color: #000;margin-bottom: 0.15rem;}
.boxMainItem > a > div > p:nth-child(1){font-size: .28rem;}
.boxMainItem > a > div > p:nth-child(2){font-size: .24rem;line-height: .2rem;color: #999999;display: block;margin-bottom: 0.14rem;}
.boxMainItem > a > div > p:nth-child(3){font-size: .24rem;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-align: justify;line-height: .31rem}
.collectionBox .boxMainItem > a img{width: 3.35rem;object-fit: cover;}
.collectionBox .boxMainItem > a >div{background-color: #fff;padding-left: .3rem;width: 3.63rem;}
.box_item {
margin:0 .26rem .31rem;
font-size:.32rem
}
.box_item .title {
display:flex;
align-items:center
}
.box_item .title .title_l {
display:flex;
align-items:center
}
.box_item .title .title_l>i,.box_item .title>i {
width:.05rem;
height:.32rem;
display:inline-block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -7.28rem;
margin-right:.1rem
}
.fourColumnList {
display:grid;
grid-template-columns:repeat(4,22%);
justify-content:space-between
}
.fourColumnList .listItem {
padding-top:.26rem;
margin:0 auto
}
.fourColumnList .listItem>a {
display:block;
width:1.6rem;
display:flex;
flex-direction:column;
justify-content:center;
position:relative
}
.fourColumnList .listItem>a>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
display:block;
position:absolute;
background-position:.01rem -5.89rem;
width:.26rem;
height:.26rem;
right:0;
top:0
}
.fourColumnList .listItem>a>img {
width:1.28rem;
height:1.28rem;
border-radius:.3rem;display: block;margin: 0 auto;
}
.fourColumnList .listItem>a>p {
font-size:.24rem;
font-weight:400;
color:#333333;
padding:.15rem 0;
line-height:.24rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:center
}
.fourColumnList .listItem>a>p:nth-child(3){ color: #ccc;font-size: .2rem;padding-top: 0;}
.fourColumnList .listItem>a .btnSubscribe {
color:#FF8815;
border:.02rem solid rgba(255,136,21,0.5)
}
.btn {
font-size:.24rem;
height:.5rem;
border:.02rem solid var(--defColor);
border-radius:.27rem;
font-weight:400;
color:var(--defColor);
line-height:.46rem;
text-align:center
}
.near_title .title {
font-size:.36rem;
font-weight:400;
color:#252728;
display:flex;
justify-content:space-between;
align-items:center
}
.near_title .title>i {
width:.78rem;
height:.34rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -1.86rem
}
.near_title .title span {
display:flex;
align-items:baseline
}
.near_title .title span>i {
color:#D20E33;
font-style:normal
}
.near_title .title span .icon {
width:.34rem;
height:.08rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -1.76rem;
margin-left:.06rem
}
.indexTitleWrap {
font-size:.36rem;
font-weight:400;
color:#252728;
display:flex;
justify-content:space-between;
align-items:center
}
.indexTitleWrap .titleL {
display:flex;
line-height:.36rem;
align-items:flex-end
}
.indexTitleWrap .titleL>i {
color:#D20E33;
font-style:normal
}
.indexTitleWrap .titleL .icon {
width:.34rem;
height:.04rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.8rem -1.45rem;
margin-left:.06rem
}
.indexTitleWrap .titleR {
width:.78rem;
height:.3rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.02rem -1.88rem;
position:relative
}
.indexTitleWrap .titleR>a {
display:block;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center
}
.indexTitleWrap .titleR>a>span {
font-size:.2rem;
zoom:.8;
color:#D20E33;
padding-left:.1rem
}
.load_more {
height:.56rem;
background:#FFFFFF;
border-radius:.06rem;
font-size:.22rem;
color:#999999;
line-height:.56rem;
text-align:center;
margin-top:.2rem
}
.load_more span {
opacity:.65
}
.load_more a {
color:inherit
}
.pageCode {
display:flex;
justify-content:center
}
.pageCode>a {
background:#ECEBEE;
border-radius:.06rem;
margin:0 .14rem;
height:.58rem;
line-height:.58rem;
font-size:.26rem;
font-weight:400;
color:#94979B;
padding:0 .214rem;
display:flex;
align-items:center
}
.pageCode>a.disabled {
opacity:.65
}
.pageCode>a.current {
background:var(--defColor);
color:#FFFFFF
}
.pageCode>a .right,.pageCode>a .left {
width:.14rem;
height:.24rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -8rem
}
.pageCode>a .right {
background-position:-0.02rem -8.29rem
}
.twoColumnList {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.twoColumnList .listItem {
width:3.35rem;
height:2.65rem;
margin-top:.2rem;
background-color:#fff;
display:flex;
flex-direction:column
}
.twoColumnList .listItem>a {
display:flex;
flex-direction:column
}
.twoColumnList .listItem>a img {
width:100%;
height:1.6rem;
object-fit:cover
}
.twoColumnList .listItem>a>div {
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
padding:0 .16rem
}
.twoColumnList .listItem>a>div>p {
font-size:.24rem;
color:#000000;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-top:.18rem;
line-height:.24rem
}
.twoColumnList .listItem>a>div .time {
font-size:.2rem;
color:#999999;
margin-top:.16rem
}
.tagList {
display:flex;
flex-wrap:wrap
}
.tagList li {
margin-right:.15rem
}
.tagList li a {
margin-top:.26rem;
display:block;
height:.48rem;
line-height:.48rem;
background:#F8F8F8;
border-radius:.06rem;
padding:0 .26rem;
width:fit-content;
font-size:.22rem;
color:#666666
}
.singleColumnList {
padding:.3rem 0;
margin:0 .1rem;
background:#FFFFFF
}
.singleColumnList .listItem {
padding:.32rem .16rem
}
.singleColumnList .listItem:nth-child(2n+1) {
background:var(--defShallowColor)
}
.singleColumnList .listItem:last-child {
border-bottom:1px solid rgba(230,230,230,0.65)
}
.singleColumnList .listItem a {
display:flex;
justify-content:space-between;
align-items:center;
font-size:.28rem;
color:#000000
}
.singleColumnList .listItem a img {
width:1.2rem;
height:1.2rem;
border-radius:.28rem
}
.singleColumnList .listItem a .itemInfo {
margin-left:.27rem;
display:flex;
flex-direction:column;
flex:1
}
.singleColumnList .listItem a .itemInfo>span {
font-size:.22rem;
color:#9F9FA4;
margin-top:.08rem
}
.singleColumnList .listItem a .btn {
padding:0 .39rem
}
header {
font-size:.32rem;
z-index:1000;
position:relative;
background-color:#252728
}
header .hdMenuWrap {
display:none;
position:absolute;
top:.95rem;
left:0;
right:0;
height:max-content;
background-color:#fff;
z-index:1000
}
header .hdMenuWrap .menuList {
display:grid;
grid-template-columns:repeat(4,24%);
justify-content:space-between;
padding:.3rem 0;
margin:0 .3rem;
border-bottom:1px solid #efefef
}
header .hdMenuWrap .menuList>a {
margin:.15rem auto;
text-align:center
}
header .hdMenuWrap .menuList>a>i {
width:.8rem;
height:.8rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-1.5rem -0.03rem
}
header .hdMenuWrap .menuList>a span {
font-size:.24rem;
color:#999999
}
header .hdMenuWrap .menuList>a:nth-child(2)>i {
background-position:-2.37rem -0.03rem
}
header .hdMenuWrap .menuList>a:nth-child(3)>i {
background-position:-3.24rem -0.03rem
}
header .hdMenuWrap .menuList>a:nth-child(4)>i {
background-position:-4.12rem -0.03rem
}
header .hdMenuWrap .menuList>a:nth-child(5)>i {
background-position:-5rem -0.03rem
}
header .hdMenuWrap .menuList>a:nth-child(6)>i {
background-position:-5rem -0.89rem
}
header .hdMenuWrap .gameClassfily {
padding:.38rem .32rem 0
}
header .hdMenuWrap .gameClassfily p {
font-size:.32rem;
color:#000000;
font-weight:bold
}
header .hdMenuWrap .gameClassfily>div {
display:grid;
grid-template-columns:repeat(4,24%);
justify-content:space-between
}
header .hdMenuWrap .gameClassfily>div a {
margin-top:.22rem;
height:.54rem;
line-height:.5rem;
padding:0 .3rem;
background:#FFFFFF;
border:1px solid #EEEEEE;
border-radius:.27rem;
font-size:.24rem;
color:#333333;
display:block;
width:fit-content
}
header .hdMenuWrap .gameClassfily>div .hot {
position:relative
}
header .hdMenuWrap .gameClassfily>div .hot::after {
content:"";
width:.26rem;
height:.35rem;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.02rem -6.19rem;
display:block;
position:absolute;
top:.04rem;
right:-0.03rem
}
header .hdMenuWrap .appClassfily {
padding-bottom:.42rem
}
header .hdTop {
background-color:#fff;
height:.95rem;
display:flex;
justify-content:space-between;
align-items:center;
padding:.18rem .26rem
}
header .hdTop>a {
width:1.93rem;
height:.6112rem;
display:block;
position:relative
}
header .hdTop>a .logo {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
header .hdTop .hdMenu .ico {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 0rem;
position:relative;
display:block;
width:.45rem;
height:.34rem
}
header .hdTop .hdMenu .hdColor {
background-position:0 -6.6rem;
width:.38rem;
height:.36rem
}
header nav {
background-color:#252728;
height:.94rem;
position:relative;
border-top:1px solid rgba(255,255,255,0.15)
}
header nav::before,header nav::after {
content:"";
display:block;
position:absolute;
left:0;
top:0;
bottom:0;
right:unset;
width:.6rem
}
header nav::before {
background-image:linear-gradient(to right,#000 0%,rgba(0,0,0,0.05) 100%)
}
header nav::after {
left:unset;
right:0;
background-image:linear-gradient(to right,rgba(0,0,0,0.05) 0%,#000 100%)
}
header nav ul {
display:flex;
align-items:center;
height:100%;
padding:0 .275rem;
overflow-x:auto;
white-space:nowrap
}
header nav ul li {
color:#ccc
}
header nav ul li a {
color:unset;
padding:0 .275rem
}
header nav ul li .current {
font-weight:bold;
color:var(--defColor)
}
header nav ul::-webkit-scrollbar {
display:none
}
header nav ul {
-ms-overflow-style:none;
scrollbar-width:none
}
.mask {
display:none;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(0,0,0,0.5);
z-index:998
}
.swBox{margin-bottom: .2rem;}
.swBox .swWrap {
background-image:url(../images/we_bg.png);
background-size:100% 4rem;
background-position:0 0rem;
width:100%;
height:4rem;
font-size:.28rem;
line-height:.28rem
}
.swBox .swWrap .swiper-slide>div {
height:3.6rem;
margin:.2rem .26rem;
display:block;
position:relative
}
.swBox .swWrap .swiper-slide>div img {
width:100%;
height:100%
}
.swBox .swWrap .swiper-slide>div .bt {
color:#fff;
position:absolute;
bottom:-0.2rem;
padding-bottom:.2rem;
left:0;
right:0;
height:.93rem;
background:rgba(0,0,0,0.7);
font-weight:bold;
display:flex;
align-items:flex-end;
padding-right:.26rem;
justify-content:space-between
}
.swBox .swWrap .swiper-slide>div .bt img {
position:absolute;
left:.28rem;
bottom:.18rem;
width:.95rem;
height:.95rem;
border:.02rem solid rgba(255,255,255,0.5);
border-radius:.26rem
}
.swBox .swWrap .swiper-slide>div .bt .info {
width:100%;
height:100%;
padding:.14rem .1rem .01rem 1.46rem;
max-width:5rem;
display:flex;
flex-direction:column;
justify-content:space-between
}
.swBox .swWrap .swiper-slide>div .bt .info>p {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.swBox .swWrap .swiper-slide>div .bt .info>span {
font-size:.2rem;
line-height:.2rem;
font-weight:400;
color:#CCCCCC
}
.swBox .swWrap .swiper-slide>div .bt .btn {
width:1.24rem;
height:.5rem;
background:var(--defColor);
border-radius:.27rem;
font-size:.24rem;
font-weight:400;
color:#FFFFFF;
border:unset;
line-height:.5rem;
margin-bottom:.02rem
}
.swBox .swWrap .swiper-button-prev,.swBox .swWrap .swiper-button-next {
width:.44rem;
height:.56rem;
opacity:.75;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem
}
.swBox .swWrap .swiper-button-next.swiper-button-disabled,.swBox .swWrap .swiper-button-prev.swiper-button-disabled {
opacity:.35
}
.swBox .swWrap .swiper-button-next {
background-position:0 -3.02rem;
right:.5rem
}
.swBox .swWrap .swiper-button-prev {
background-position:0 -2.46rem;
left:.5rem
}
.swTipBox .swBoxWrap .tab-item {
width:fit-content !important;
height:.65rem;
background:#FFFFFF;
border-radius:.06rem;
font-size:.28rem;
color:#333333;
margin:.3rem .1rem;
padding:0 .2rem;
display:flex;
align-items:center;
justify-content:center;
position:relative
}
.swTipBox .swBoxWrap .tab-item i {
display:block;
width:.3rem;
height:.3rem;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
margin-right:.1rem
}
.swTipBox .swBoxWrap .tab-item .item-qx {
background-position:-0.03rem -0.4rem;
width:.71rem;
height:.35rem
}
.swTipBox .swBoxWrap .tab-item .item-zx {
background-position:-0.03rem -0.81rem
}
.swTipBox .swBoxWrap .tab-item .zx-tip {
display:block;
width:1.585rem;
height:.3rem;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.02rem -3.6rem;
position:absolute;
right:0;
top:-0.17rem;
margin:0
}
.swTipBox .swBoxWrap .tab-item .item-gl {
width:.31rem;
background-position:-0.39rem -0.81rem
}
.swTipBox .swBoxWrap .tab-item .item-fl {
background-position:-0.76rem -0.81rem
}
.swTipBox .swBoxWrap .tab-item .item-jz {
width:.31rem;
background-position:-1.12rem -0.81rem
}
.swTipBox .swBoxWrap .tab-item .item-mc {
width:.32rem;
height:.31rem;
background-position:-0.04rem -1.17rem
}
.swTipBox .swBoxWrap .tab-item:first-child {
margin-left:.26rem
}
.swTipBox .swBoxWrap .tab-item:last-child {
margin-right:.26rem
}
.recommendBox,.indexSteBox,.indexRankBox,.collectionBox,.hotTopic,.gameBox,.recommenBox,.hotBox {
margin:0 .26rem .31rem;
font-size:.32rem
}
.hotBox {
background-image:url(../images/rm_bg.png);
background-repeat:no-repeat;
background-size:100% 100%;
font-size:.32rem;
padding:.26rem .2rem .32rem
}
.hotBox .indexTitleWrap .titleL {
line-height:.36rem;
align-items:flex-end
}
.hotBox .indexTitleWrap .titleL .icon {
width:.32rem;
height:.32rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.41rem -1.16rem;
margin-right:.08rem
}
.hotBox .fourColumnList .listItem {
padding-top:.24rem
}
.recommenBox {
height:2.98rem;
display:flex
}
.recommenBox a {
display:block;
width:100%;
height:100%
}
.recommenBox a>img {
width:100%;
height:100%;
object-fit:cover
}
.recommenBox .recomL {
width:50%;
position:relative
}
.recommenBox .recomL>a {
position:relative
}
.recommenBox .recomL>i {
position:absolute;
top:-1px;
left:-1px;
width:.63rem;
height:.68rem;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -3.95rem
}
.recommenBox .recomL .info {
position:absolute;
right:0;
top:0;
bottom:0;
width:1.85rem;
height:100%;
background:rgba(37,39,40,0.9);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-size:.2rem;
color:#FFFFFF
}
.recommenBox .recomL .info>img {
width:.97rem;
height:.97rem;
border-radius:.3rem
}
.recommenBox .recomL .info>p {
margin-top:.18rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:fit-content;
max-width:96%
}
.recommenBox .recomL .info>.time {
font-size:.2rem;
zoom:.9;
color:#999999;
margin-top:.12rem
}
.recommenBox .recomL .info>.btn {
width:1.24rem;
height:.5rem;
background:#D21B35;
border-radius:.27rem;
color:#FFFFFF;
margin-top:.18rem
}
.recommenBox .recomR {
display:flex;
flex-direction:column;
flex:1;
margin-left:.1rem
}
.recommenBox .recomR>a {
height:1.44rem
}
.recommenBox .recomR>a:last-child {
margin-top:.1rem
}
.gameBox {
background:#FFFFFF;
padding:.3rem .25rem .46rem;
margin-left:0;
margin-right:0
}
.hotTopic .topicList {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
font-size:.24rem;
color:#FFFFFF;
margin-top:.15rem
}
.hotTopic .topicList .listItem {
width:3.39rem;
height:.92rem;
margin-top:.1rem;
position:relative;
display:flex;
justify-content:flex-end;
align-items:center
}
.hotTopic .topicList .listItem .itemInfo {
flex:1
}
.hotTopic .topicList .listItem .itemInfo .topicTxt {
padding-left:.9rem
}
.hotTopic .topicList .listItem .itemInfo .topicTxt>p {
color:#FFFFFF;
line-height:.38rem
}
.hotTopic .topicList .listItem .itemInfo .topicTxt>span {
font-size:.2rem;
color:#CCCCCC;
zoom:.9;
display:block;
margin-top:.02rem
}
.hotTopic .topicList .listItem .itemInfo>i {
background-image:url(../images/lb.png);
background-repeat:no-repeat;
background-size:5rem 5rem;
background-position:0 0;
width:.72rem;
height:.69rem;
display:block;
position:absolute;
left:0;
bottom:0
}
.hotTopic .topicList .listItem .topList {
display:flex;
padding:0 .1rem 0 .17rem
}
.hotTopic .topicList .listItem .topList a {
display:block;
width:.42rem;
height:.42rem;
margin-left:-0.17rem
}
.hotTopic .topicList .listItem .topList a img {
width:100%;
height:100%;
border-radius:.1rem;
border-right:.02rem solid #fff
}
.hotTopic .topicList .listItem .topList a:nth-child(1) {
z-index:3
}
.hotTopic .topicList .listItem .topList a:nth-child(2) {
z-index:2
}
.hotTopic .topicList .listItem .topList a:nth-child(3) {
z-index:1
}
.hotTopic .topicList .listItem:nth-child(1) {
background:#836E76
}
.hotTopic .topicList .listItem:nth-child(2) {
background:#606871
}
.hotTopic .topicList .listItem:nth-child(2)>i {
background-position:0 -0.69rem
}
.hotTopic .topicList .listItem:nth-child(3) {
background:#5F6A82
}
.hotTopic .topicList .listItem:nth-child(3)>i {
background-position:0 -1.38rem
}
.hotTopic .topicList .listItem:nth-child(4) {
background:#252728
}
.hotTopic .topicList .listItem:nth-child(4)>i {
background-position:0 -2.07rem
}
.hotTopic .topicList .listItem:nth-child(5) {
background:#523C5C
}
.hotTopic .topicList .listItem:nth-child(5)>i {
background-position:0 -2.76rem
}
.hotTopic .topicList .listItem:nth-child(6) {
background:#5A7689
}
.hotTopic .topicList .listItem:nth-child(6)>i {
background-position:0 -3.45rem
}
.collectionBox .boxMainItem .mainImg {
width:3.35rem
}
.collectionBox .boxMainItem .imgInfo {
background:#FFFFFF;
padding-left:.3rem
}
.indexRankBox {
background:#FFFFFF;
padding:.3rem 0 .32rem;
margin-left:0;
margin-right:0
}
.indexRankBox .indexTitleWrap {
padding:0 .25rem .01rem
}
.indexRankBox .rankList .listItem {
margin-top:.2rem;
height:2.71rem;
background:#FFEDEB;
position:relative;
display:flex
}
.indexRankBox .rankList .listItem:first-child {
margin-top:.25rem
}
.indexRankBox .rankList .listItem>i {
background-image:url(../images/index_rank_bg.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-1rem 0;
width:2.86rem;
height:100%;
display:block;
position:absolute;
left:0;
top:0
}
.indexRankBox .rankList .listItem .itemL {
font-size:.3rem;
font-weight:bold;
color:#FFFFFF;
width:2rem;
z-index:1;
width:-webkit-fill-available;
margin-left:.25rem
}
.indexRankBox .rankList .listItem .itemL>p {
margin-top:.44rem;
line-height:.3rem
}
.indexRankBox .rankList .listItem .itemL>a {
font-weight:400;
width:1.24rem;
height:.42rem;
background:rgba(0,0,0,0);
border:.02rem solid rgba(255,255,255,0.5);
border-radius:.21rem;
font-size:.2rem;
color:#FFFFFF;
margin-top:.24rem;
display:block;
text-align:center;
line-height:.38rem
}
/*.indexRankBox .rankList .listItem .topList {
z-index:1;
margin-right:.24rem;overflow-x: auto;width: 21rem;
}*/
.indexRankBox .rankList .listItem .topList {
z-index: 1;
display: flex;
align-items: center;
margin-right: 0.24rem;
}
.indexRankBox .rankList .listItem .topList>a {
margin-left:.12rem;
width:1.59rem;
height:2.2rem;
background:#FFFFFF;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border:.02rem solid rgba(249,200,60,0.5);
padding:.28rem 0;
font-size:.2rem;
line-height:.2rem;
color:#000000
}
/*.indexRankBox .rankList .listItem .topList>a{margin-left:.14rem;width:1.59rem;height:2.2rem;background:#FFFFFF;display: block;float:left;border:.02rem solid rgba(249,200,60,0.5);padding:.28rem 0;font-size:.2rem;line-height:.2rem;color:#000000}*/
.indexRankBox .rankList .listItem .topList>a>p {
margin-top:.12rem
}
.indexRankBox .rankList .listItem .topList>a>span {
width:.97rem;
height:.97rem;
display:block;
position:relative
}
.indexRankBox .rankList .listItem .topList>a>span>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
display:block;
position:absolute
}
.indexRankBox .rankList .listItem .topList>a>span>i:first-child {
background-position:-0.01rem -4.65rem;
width:.38rem;
height:.36rem;
left:-0.13rem;
top:-0.23rem
}
.indexRankBox .rankList .listItem .topList>a>span>i:nth-child(2) {
background-position:.01rem -5.9rem;
width:.26rem;
height:.26rem;
right:0;
top:0
}
.indexRankBox .rankList .listItem .topList>a img {
width:100%;
height:100%;
border-radius:.175rem
}
.indexRankBox .rankList .listItem .topList>a .time {
font-size:.2rem;
line-height:.2rem;
color:#999999;
text-align:center;
zoom:.75;
margin-top:.12rem
}
.indexRankBox .rankList .listItem .topList>a:nth-child(2) {
border:.02rem solid rgba(169,186,255,0.5)
}
.indexRankBox .rankList .listItem .topList>a:nth-child(2)>span>i:first-child {
background-position:-0.01rem -5.03rem
}
.indexRankBox .rankList .listItem .topList>a:nth-child(3) {
border:.02rem solid rgba(233,173,122,0.5)
}
.indexRankBox .rankList .listItem .topList>a:nth-child(3)>span>i:first-child {
background-position:-0.02rem -5.42rem
}
.indexRankBox .rankList .listItem:nth-child(2)>i {
background-position:-1rem -2.71rem
}
.indexRankBox .rankList .listItem:nth-child(3)>i {
background-position:-1rem -5.42rem
}
.tabsCont .steList .listItem,.steBox .steList .listItem {
height:1.78rem;
background:#FFFFFF;
padding:.18rem .15rem;
display:flex;
justify-content:space-between;
margin-top:.1rem
}
.tabsCont .steList .listItem>div,.steBox .steList .listItem>div {
display:flex;
flex-direction:column;
justify-content:space-between;
padding:.1rem .2rem .12rem 0;
width: 5rem;
}
.tabsCont .steList .listItem p,.steBox .steList .listItem p {
font-size:.28rem;
color:#000000;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.tabsCont .steList .listItem .time,.steBox .steList .listItem .time {
font-size:.2rem;
color:#9A9A9A
}
.tabsCont .steList .listItem .time i,.steBox .steList .listItem .time i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -2.23rem;
width:.16rem;
height:.18rem;
display:inline-block;
margin-right:.1rem;
vertical-align:-0.01rem
}
.tabsCont .steList .listItem>img,.steBox .steList .listItem>img {
width:2.35rem;
height:1.42rem;
display:block;
object-fit: cover;
}
.tabsCont .steList .listItem:first-child,.steBox .steList .listItem:first-child {
margin-top:.23rem
}
.friendly {
background-color:#000000;
font-size:.22rem;
color:#999999;
padding:.4rem .26rem;
line-height:.48rem;
display:flex;
flex-wrap:wrap
}
.friendly a {
color:#999999;
margin-right:.2rem
}
.friendly span {
font-weight:bold;
margin-right:.1rem
}
footer {
height:1.2rem;
background-color:#202020;
font-size:.22rem;
color:#666666;
line-height:.36rem;
text-align:center;
padding:.26rem .74rem .6rem
}
.crumbsBox {
padding:.24rem .26rem .26rem
}
.crumbsBox>p {
font-size:.24rem;
line-height:.24rem;
color:#999999;
/*display:flex;
align-items:center*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.crumbsBox>p a {
color:unset
}
.crumbsBox>p i {
width:.07rem;
height:.12rem;
display:inline-block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -7.61rem;
margin: .01rem .1rem 0;
position: relative;top: -.05rem;
}
.crumbsBox>p .icon {
width:.2rem;
height:.24rem;
background-position:0 -7.01rem;
margin:.02rem .08rem 0;top: 0;
}
.recommendBox {
font-size:.32rem;
background-color:#FFFFFF;
padding:.24rem .15rem .34rem;
margin-bottom:.28rem
}
.recommendBox .title {
display:flex;
align-items:center;
line-height:.32rem
}
.recommendBox .title>i {
width:.05rem;
height:.3rem;
margin-right:.1rem;
background-color:var(--defColor)
}
.lotsOfTabsWrap .lotsOfTabs {
border:2px solid var(--defShallowColor);
padding:.1rem .1rem .32rem;
background:#FFFFFF
}
.lotsOfTabsWrap .lotsOfTabs ul {
overflow:hidden;
height:2.52rem;
display:grid;
grid-template-columns:repeat(3,30%);
justify-content:space-evenly
}
.lotsOfTabsWrap .lotsOfTabs ul li {
width:2.12rem;
height:.62rem;
border:1px solid #D8D8D8;
border-radius:.06rem;
text-align:center;
line-height:.56rem;
margin-top:.22rem;
color:#666666
}
.lotsOfTabsWrap .lotsOfTabs ul li[data-none="1"]{display: none !important;}
.lotsOfTabsWrap .lotsOfTabs ul li.active {
background-color:var(--defColor);
color:#FFFFFF;
border-color:var(--defColor);
position:relative
}
.lotsOfTabsWrap .lotsOfTabs ul li.active::after {
content:"";
width:0;
height:0;
border-top:.1rem solid var(--defColor);
border-right:.1rem solid transparent;
border-left:.1rem solid transparent;
display:block;
position:absolute;
bottom:-0.1rem;
left:50%;
margin-left:-0.05rem
}
.lotsOfTabsWrap .lotsOfTabs ul li.openBtn {
color:var(--defColor)
}
.lotsOfTabsWrap .lotsOfTabs ul li.closeBtn {
color:#CCCCCC
}
.lotsOfTabsWrap .lotsOfTabs ul li>a {
color:inherit
}
.lotsOfTabsWrap .tabList {
padding:.3rem 0;
margin:0 .1rem;
background:#FFFFFF
}
.lotsOfTabsWrap .tabList .listItem {
padding:.32rem .16rem
}
.lotsOfTabsWrap .tabList .listItem:nth-child(2n+1) {
background:var(--defShallowColor)
}
.lotsOfTabsWrap .tabList .listItem:last-child {
border-bottom:1px solid #ececec
}
.lotsOfTabsWrap .tabList .listItem a {
display:flex;
justify-content:space-between;
align-items:center;
font-size:.28rem;
color:#000000
}
.lotsOfTabsWrap .tabList .listItem a img {
width:1.2rem;
height:1.2rem;
border-radius:.28rem
}
.lotsOfTabsWrap .tabList .listItem a .itemInfo {
margin-left:.27rem;
display:flex;
flex-direction:column;
flex:1
}
.lotsOfTabsWrap .tabList .listItem a > p:nth-child(3){display: none;}
.lotsOfTabsWrap .tabList .listItem a .itemInfo>span {
font-size:.22rem;
color:#9F9FA4;
margin-top:.08rem
}
.lotsOfTabsWrap .tabList .listItem a .btn {
padding:0 .39rem
}
.lotsOfTabsWrap .pageCode {
padding:.07rem .26rem .5rem;
margin:0 .1rem;
background:#FFFFFF
}
.gameClassfilyBox {
font-size:.3rem;
margin:.15rem .15rem .32rem
}
.softClassfilyBox {
font-size:.3rem;
margin:.15rem .15rem .32rem
}
.softClassfilyBox .lotsOfTabs ul li.active {
background-color:#7489EE;
border-color:#7489EE
}
.softClassfilyBox .lotsOfTabs ul li.active::after {
border-top:.1rem solid #7489EE
}
.softClassfilyBox .lotsOfTabs ul li.openBtn {
color:#7489EE
}
.softClassfilyBox .tabList .listItem:nth-child(2n+1) {
background:#F3F5FF
}
.detailCrumbs {
background-image:url(../images/detail_bg.png);
background-repeat:no-repeat;
background-size:20rem 3.8rem;
background-position:0 -2.37rem;
width:100%;
height:1.43rem;
margin:0;
padding:.24rem .26rem .31rem
}
.detailBox {
margin:0 .26rem;
font-size:.22rem;
padding:0 .16rem .29rem;
position:relative
}
.detailBox::after {
content:"";
position:absolute;
display:block;
left:0;
right:0;
top:.54rem;
bottom:0;
background-color:#fff;
z-index:-1
}
.detailBox .boxTop {
display:flex;
align-items:center;
justify-content:space-between;
margin-top:-0.54rem
}
.detailBox .boxTop img {
width:1.28rem;
height:1.28rem;
border-radius:.3rem
}
.detailBox .boxTop .info {
flex:1;
padding-left:.21rem;
height:1.28rem;
display:flex;
flex-direction:column;
justify-content:space-around
}
.detailBox .boxTop .info h1 {
font-size:.32rem;
font-weight:bold;
color:#FFFFFF;
margin-bottom:.1rem
}
.detailBox .boxTop .info p {
color:#999999
}
.detailBox .boxTop .info p>span {
margin-right:.5rem
}
.detailBox .boxTop .topNum {
width:.9rem;
height:1.23rem;
position:relative;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-1.57rem -0.89rem;
display:flex;
align-items:center;
justify-content:center;
color:#fff
}
.detailBox .boxTop .topNum span {
zoom:.7;
margin-top:.18rem
}
.detailBox .boxBtn {
width:100%;
height:.7rem;
display:block;
background:linear-gradient(90deg,#FF5300,#FF8E00);
border-radius:.35rem;
font-size:.3rem;
color:#FFFFFF;
text-align:center;
line-height:.68rem;
margin-top:.3rem;
display:flex;
align-items:center;
justify-content:center
}
.detailBox .boxBtn.androidBtn {
background:linear-gradient(90deg,#2DC87A,#0FCF89)
}
.detailBox .boxBtn.androidBtn i {
background-position:-5.18rem -2.32rem
}
.detailBox .boxBtn.iosBtn {
background:linear-gradient(90deg,#0184FF,#11AEFF)
}
.detailBox .boxBtn.iosBtn i {
background-position:-5.56rem -2.32rem
}
.detailBox .boxBtn.none{background:#ccc;}
.detailBox .boxBtn i {
display:block;
width:.36rem;
height:.36rem;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-4.75rem -2.33rem;
margin-right:.08rem
}
.detailBox .boxBtn span:last-child {
display:none
}
.detailBox .iosBtn span,.detailBox .androidBtn span {
display:none
}
.detailBox .iosBtn span:last-child,.detailBox .androidBtn span:last-child {
display:block
}
.detailBox .noSource {
margin:.2rem -0.16rem 0 -0.16rem;
color:#ffb86a;
background-color:#fff9f6;
padding:.11rem .3rem
}
.gameOther {
margin:0 .25rem .2rem;
background-color:#fff;
font-size:.22rem;
padding:.29rem .16rem .26rem;
border-top:1px solid #E6E6E6
}
.gameOther .tabs ul {
display:flex;
justify-content:space-around
}
.gameOther .tabs ul li {
color:#333333;
font-size:.28rem
}
.gameOther .tabs ul li.active {
font-weight:bold;
color:var(--defColor);
padding-bottom:.2rem;
border-bottom:1px solid var(--defColor)
}
.gameOther .tabsInfo {
padding-top:.2rem;
font-size:.32rem;
color:#343434
}
.gameOther .tabsInfo .box_item {
margin:0
}
.gameOther .tabsInfo .box_item .title {
margin-top:.29rem
}
.gameOther .tabsInfo .box_item .title a {
font-size:.2rem;
color:#FDA6A6
}
.gameOther .tabsInfo .introductionBox .swBoxOfVideo .swiper-slide {
width:auto;
max-height: 4.6rem;
margin-right:.23rem;
position:relative
}
.gameOther .tabsInfo .introductionBox .swBoxOfVideo .swiper-slide:last-child {
margin-right:0
}
.gameOther .tabsInfo .introductionBox .swBoxOfVideo .swiper-slide .play_btn {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:flex;
align-items:center;
justify-content:center
}
.gameOther .tabsInfo .introductionBox .swBoxOfVideo .swiper-slide .play_btn>i {
display:block;
width:.86rem;
height:.86rem;
background-image:url(../images/8e1325eccb014ac8a9151b8a26e2b09c.woff);
color:var(--defColor);
padding:.13rem .16rem;
margin:.21rem -0.16rem 0 -0.16rem
}
.gameOther .tabsInfo .introductionBox>p span {
font-weight:bold
}
.gameOther .tabsInfo .introductionBox .count {
font-size:.28rem;
color:#1D2135;
line-height:.44rem;margin-top: .2rem;
}
.gameOther .tabsInfo .introductionBox .count p {
margin-bottom:.12rem
}
.gameOther .tabsInfo .introductionBox .count img {
display: block;
width: auto;
height: auto;
max-width: 6.3rem;
max-height: 5rem;
margin: 0.1rem auto;
}
.gameOther .tabsInfo .introductionBox .count h3 {
font-size:.28rem;
font-weight:bold;
margin-bottom:.12rem
}
.gameOther .tabsInfo .updateInfoBox .title {
justify-content:space-between
}
.gameOther .tabsInfo .updateInfoBox .title .loadMore {
font-size:.2rem;
color:#FDA6A6
}
.gameOther .tabsInfo .updateInfoBox .verionList {
color:#666;
font-size:.24rem
}
.gameOther .tabsInfo .updateInfoBox .verionList .listItem {
margin-top:.2rem;
background:#FFF9FA;
border:1px solid rgba(212,42,71,0.5);
border-radius:.03rem;
display:flex;
flex-direction:column;
padding:.7rem .16rem .32rem .16rem;
position:relative;
line-height:.44rem
}
.gameOther .tabsInfo .updateInfoBox .verionList .listItem .versionTip {
background:#E994A3;
border-radius:.03rem;
position:absolute;
top:0;
left:0;
height:.46rem;
line-height:.46rem;
padding:0 .15rem;
color:#fff
}
.gameOther .tabsInfo .updateInfoBox .verionList .listItem > p:nth-child(3){line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;}
.gameOther .tabsInfo .gameInfoBox .title {
justify-content:space-between
}
/*.gameOther .tabsInfo .gameInfoBox .title>i {
margin:0;
width:.83rem;
height:.35rem;
background-position:0 -8.98rem
}*/
.gameOther .tabsInfo .gameInfoBox .title > span.feedbackBtn{
color: #FF810F;
font-size: .26rem;
cursor: pointer;
overflow: hidden;
}
.gameOther .tabsInfo .gameInfoBox .title > span.feedbackBtn > i{
display: inline-block;
width: 0.28rem;
height: 0.28rem;
font-size: .24rem;
color: #fff;
background-color: #ff9400;
border-radius: 50%;
text-align: center;
line-height: .3rem;
margin-right: 0.08rem;
position: relative;
top: 0.04rem;
vertical-align: top;
font-style: normal;
}
.gameOther .tabsInfo .gameInfoBox .infoList {
margin-top:.22rem;
line-height:.66rem;
background-color:#F8F8F8;
font-size:.24rem;
color:#1F1F1F;
padding:.2rem
}
.gameOther .tabsInfo .gameInfoBox .infoList li p {
display:flex;
justify-content:space-between
}
.gameOther .tabsInfo .gameInfoBox .infoList li p span {
color:#999999
}
.box_detail_item {
background-color:#fff;
margin-top:.2rem;
padding:.29rem .16rem .29rem
}
.box_detail_item .title {
justify-content:space-between
}
.box_detail_item .title a>i {
width:.78rem;
height:.34rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -1.86rem
}
.relatedVersionBox .lists {
font-size:.24rem
}
.relatedVersionBox .lists .listItem {
margin-top:.2rem
}
.relatedVersionBox .lists .listItem>a {
display:flex;
align-items:center;
background:var(--defShallowColor);
padding:.18rem .12rem;
justify-content:space-between
}
.relatedVersionBox .lists .listItem>a img {
width:.82rem;
height:.82rem
}
.relatedVersionBox .lists .listItem>a .info {
color:#333333;
margin-left:.19rem;
flex:1;
line-height:.34rem
}
.relatedVersionBox .lists .listItem>a .info > p{font-size: .28rem;}
.relatedVersionBox .lists .listItem>a .info > p:nth-child(2){margin-top: .1rem;}
.relatedVersionBox .lists .listItem>a .info span {
font-size:.28rem;
margin-right:.2rem;
zoom:.8;
color:#949494
}
.relatedVersionBox .lists .listItem>a .btn {
min-width:1.24rem
}
.releBox,.relatedVersionBox,.corrBox,.relatedGameBox {
margin:0 .25rem .2rem;
padding:.3rem .15rem .2rem;
background-color:#fff;
font-size:.24rem
}
.releBox .fourColumnList,.relatedVersionBox .fourColumnList,.corrBox .fourColumnList,.relatedGameBox .fourColumnList {
margin-left:-0.15rem;
margin-right:-0.15rem;
padding-bottom:.1rem
}
.corrBox .tabsWrap>ul {
display:grid;
justify-content:space-between;
grid-template-columns:repeat(5,18%);
padding-top:.26rem
}
.corrBox .tabsWrap>ul>li {
border-radius:.03rem;
font-size:.23rem;
line-height:.45rem;
background:#F5F5F5;
color:#666;
text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.corrBox .tabsWrap>ul>li>a {
color:inherit
}
.corrBox .tabsWrap>ul>li.hot {
background:#FFEDF4
}
.corrBox .tabsWrap>ul>li.active {
background:var(--defColor);
color:#fff;
position:relative
}
.corrBox .tabsWrap>ul>li.active::after {
content:"";
width:0;
height:0;
border-top:.08rem solid var(--defColor);
border-right:.08rem solid transparent;
border-left:.08rem solid transparent;
display:block;
position:absolute;
bottom:-0.07rem;
left:50%;
margin-left:-0.05rem
}
.corrBox .fourColumnList {
/*border-bottom:1px solid #ececec;
padding-bottom:.32rem*/
}
.corrBox .fourColumnList .listItem>a>p {
padding:.15rem 0 0
}
.releBox {
padding-bottom:.03rem
}
.releBox .steList .listItem {
align-items:center;
margin-left:-0.15rem;
margin-right:-0.15rem;
border-bottom:1px solid #EEEEEE;
padding:.23rem .15rem;
margin-top:0
}
.releBox .steList .listItem>div {
height:1.42rem
}
.releBox .steList .listItem:first-child {
margin-top:.1rem
}
.releBox .steList .listItem:last-child {
border-bottom:unset
}
.releMore {
margin:.2rem .25rem .3rem
}
.popupBox {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.75);
z-index:1002;
display:flex;
align-items:center;
justify-content:center;
font-size:.24rem
}
.popupBox .subSuccessBox,.popupBox .subBox {
width:6.1rem;
height:4.2rem;
background:#FFFFFF;
border-radius:.06rem;
position:relative
}
.popupBox .subSuccessBox>i,.popupBox .subBox>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-1.65rem -4.61rem;
display:block;
position:absolute;
top:0;
left:.025rem;
width:6.05rem;
height:.02rem
}
.popupBox .subSuccessBox .boxTop>i,.popupBox .subBox .boxTop>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.78rem -4.71rem;
display:block;
width:2.24rem;
height:1.49rem;
position:absolute;
top:.18rem;
left:1.93rem
}
.popupBox .subSuccessBox .boxTop .close,.popupBox .subBox .boxTop .close {
background-position:-4.37rem -2.32rem;
right:.28rem;
left:unset;
width:.3rem;
height:.3rem
}
.popupBox .subSuccessBox .boxTop p,.popupBox .subBox .boxTop p {
font-size:.42rem;
font-weight:bold;
color:var(--defColor);
text-align:center;
padding-top:.36rem
}
.popupBox .subSuccessBox .boxCenter,.popupBox .subBox .boxCenter {
position:absolute;
background:#FFFFFF;
z-index:1;
top:1.18rem;
left:.38rem;
right:.38rem;
border:1px solid #E0E0E0;
border-radius:.1rem;
height:.79rem;
display:flex;
align-items:center
}
.popupBox .subSuccessBox .boxCenter>i,.popupBox .subBox .boxCenter>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-3.97rem -2.32rem;
display:block;
width:.3rem;
height:.45rem;
margin:0 .24rem 0 .28rem
}
.popupBox .subSuccessBox .boxCenter input,.popupBox .subBox .boxCenter input {
border:none;
height:.55rem;
border-left:1px solid #E0E0E0;
text-indent:.17rem
}
.popupBox .subSuccessBox .boxBottom,.popupBox .subBox .boxBottom {
position:absolute;
bottom:.4rem;
left:.66rem;
right:.66rem;
display:flex;
flex-direction:column;
align-items:center
}
.popupBox .subSuccessBox .boxBottom p,.popupBox .subBox .boxBottom p {
font-size:.24rem;
line-height:.24rem;
color:#404040;
margin-top:.2rem;
white-space:nowrap;
zoom:.9;
-moz-transform:scale(.9);
-moz-transform-origin:.9
}
.popupBox .subSuccessBox .boxBottom p span,.popupBox .subBox .boxBottom p span {
color:#FF3333
}
.popupBox .subSuccessBox .boxBottom .errTips,.popupBox .subBox .boxBottom .errTips {
color:#FF3333;
margin:0;
position:absolute;
zoom:.6;
-moz-transform:scale(.6);
-moz-transform-origin:.6
}
.popupBox .subSuccessBox .boxBottom .tip,.popupBox .subBox .boxBottom .tip {
font-size:.2rem;
line-height:.2rem;
color:#CCCCCC;
zoom:.8;
-moz-transform:scale(.8);
-moz-transform-origin:.8
}
.popupBox .subSuccessBox .boxBottom button,.popupBox .subBox .boxBottom button {
margin-top:.34rem;
width:2.65rem;
height:.68rem;
background:var(--defColor);
border-radius:.27rem;
font-size:.28rem;
color:#FFFFFF
}
.popupBox .subSuccessBox .boxTop .bg {
width:2.24rem;
height:.58rem
}
.popupBox .subSuccessBox .boxCenter {
border:none;
display:flex;
flex-direction:column;
position:unset;
height:fit-content
}
.popupBox .subSuccessBox .boxCenter>i {
background-position:-6.99rem -2.18rem;
display:block;
width:.82rem;
height:.82rem;
margin:.4rem 0 0
}
.popupBox .subSuccessBox .boxCenter>p {
margin-top:.3rem;
font-size:.32rem;
font-weight:bold;
color:#3FE7BD;
display:block
}
.popupBox .subSuccessBox .boxCenter .wait {
display:none
}
.popupBox .waitBox .boxCenter i {
background-position:-8.07rem -2.16rem
}
.popupBox .waitBox .boxCenter .success {
display:none
}
.popupBox .waitBox .boxCenter .wait {
display:block;
color:#6CCAFF
}
.popupBox .feedbackBox {
width:6.1rem;
background:#FFFFFF;
border-radius:18px;
padding-bottom:.46rem
}
.popupBox .feedbackBox .boxHead {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-1.64rem -3.22rem;
display:block;
width:6.1rem;
height:1.32rem;
position:relative
}
.popupBox .feedbackBox .boxHead p {
font-size:.42rem;
font-weight:bold;
color:#FFFFFF;
background:linear-gradient(0deg,#c9ffe4 0%,#FFFFFF 30%,#FFFFFF 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-align:center;
padding-top:.48rem
}
.popupBox .feedbackBox .boxHead .close {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
display:block;
position:absolute;
background-position:-8.96rem -2.19rem;
top:.52rem;
right:.28rem;
left:unset;
width:.3rem;
height:.3rem
}
.popupBox .feedbackBox .boxBody {
font-size:.28rem;
padding:0 .32rem .36rem
}
.popupBox .feedbackBox .boxBody .bodyItem {
font-size:.28rem;
font-weight:400;
color:#000000;
margin-top:.25rem;
position:relative
}
.popupBox .feedbackBox .boxBody .bodyItem .errTips {
color:#FF3333;
margin:0;
position:absolute;
zoom:.6
}
.popupBox .feedbackBox .boxBody .bodyItem ul {
font-size:.24rem;
color:#666666
}
.popupBox .feedbackBox .boxBody .bodyItem ul li {
margin-top:.39rem;
display:flex;
align-items:center
}
.popupBox .feedbackBox .boxBody .bodyItem ul li>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
display:block;
background-position:-8.22rem -3.22rem;
width:.3rem;
height:.3rem;
margin-right:.15rem
}
.popupBox .feedbackBox .boxBody .bodyItem ul li.active>i {
background-position:-7.83rem -3.23rem
}
.popupBox .feedbackBox .boxBody .bodyItem ul li:first-child {
margin-top:.29rem
}
.popupBox .feedbackBox .boxBody .bodyItem ul li:last-child {
margin-bottom:.13rem
}
.popupBox .feedbackBox .boxBody .bodyItem textarea,.popupBox .feedbackBox .boxBody .bodyItem input {
border:unset;
font-size:.2rem;
background:#F0F0F0;
padding:.13rem;
border-radius:.06rem;
width:100%
}
.popupBox .feedbackBox .boxBody .bodyItem textarea {
height:1.24rem;
margin-top:.19rem;
resize:none
}
.popupBox .feedbackBox .boxBody .bodyItem input {
margin-top:.09rem
}
.popupBox .feedbackBox .boxFoot {
display:flex;
justify-content:center
}
.popupBox .feedbackBox .boxFoot button {
color:#FFFFFF;
width:3.22rem;
height:.68rem;
background:linear-gradient(0deg,#37E199,#65F8BA);
border:1px solid rgba(255,255,255,0.5);
font-size:.32rem;
border-radius:.34rem;
line-height:.66rem
}
.popupBox .historyBox {
width:6rem;
height:6.15rem;
background:#FFFFFF;
border-radius:.06rem;
overflow:hidden;
position:relative
}
.popupBox .historyBox .boxHead {
height:.8rem;
background:var(--defColor);
font-size:.32rem;
font-weight:bold;
color:#FFFFFF
}
.popupBox .historyBox .boxHead p {
line-height:.8rem;
padding-left:.33rem
}
.popupBox .historyBox .boxHead .close {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
display:block;
position:absolute;
background-position:-8.96rem -2.19rem;
top:.24rem;
right:.24rem;
left:unset;
width:.28rem;
height:.28rem
}
.popupBox .historyBox .boxBody {
margin:0 .32rem;
padding:.32rem .2rem .64rem 0;
height:5.35rem;
overflow-y:auto;
text-align:justify
}
.popupBox .historyBox .boxBody p {
font-size:.24rem;
font-weight:bold;
color:#333333
}
.popupBox .historyBox .boxBody .cont {
font-weight:400;
color:#666666;
padding-bottom:.3rem;
padding-top:.1rem;
line-height:.36rem
}
.popupBox .historyBox .boxBody::-webkit-scrollbar {
width:.07rem
}
.popupBox .historyBox .boxBody::-webkit-scrollbar-thumb {
background:#dfdfdf;
border-radius:.06rem
}
.popupBox .videoBox {
width:7.5rem;
height:4.23rem;
position:relative
}
.popupBox .videoBox .boxHead {
position:absolute;
right:0;
top:0;
width:.74rem;
height:.74rem;
border-radius:0 0 0 45%;
background-image:linear-gradient(45deg,transparent 0%,rgba(0,0,0,0.01) 25%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.75) 75%,#000 100%)
}
.popupBox .videoBox .boxHead .close {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
display:block;
background-position:-8.96rem -2.19rem;
width:.28rem;
height:.28rem;
position:absolute;
right:.16rem;
top:.16rem
}
.popupBox .videoBox video {
width:100%;
height:100%
}
.recomBox .boxWrap {
font-size:.24rem;
display:flex;
justify-content:space-between
}
.recomBox .boxWrap .boxItem>a {
display:block;
width:3.42rem;
height:3rem;
background:#FFFFFF
}
.recomBox .boxWrap .boxItem>a.selection {
position:relative
}
.recomBox .boxWrap .boxItem>a.selection>i {
position:absolute;
top:-1px;
left:-1px;
width:.64rem;
height:.68rem;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.66rem -3.96rem
}
.recomBox .boxWrap .boxItem>a>img {
width:100%;
height:1.9rem
}
.recomBox .boxWrap .boxItem>a>p {
color:#000000;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-top:.1rem;
padding:0 .1rem
}
.recomBox .boxWrap .boxItem>a>p.time {
margin-top:.26rem;
font-size:.2rem;
color:#9A9A9A;
zoom:.8
}
.recomBox .boxWrap .boxItem>a>p.time>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -2.23rem;
width:.16rem;
height:.18rem;
display:inline-block;
margin-right:.1rem;
zoom:1.2
}
.recomBox {
padding:0 .25rem
}
.strTabsBox {
padding:.3rem .25rem;
font-size:.3rem
}
.strTabsBox .tabs {
display:flex;
color:#999999;
background-color:#e8e8e8;
height:.84rem;
line-height:.8rem
}
.strTabsBox .tabs>li {
padding:0 .26rem
}
.strTabsBox .tabs .active {
background-color:#fff;
color:var(--defColor);
border-top:2px solid var(--defColor);
margin-top:-2px
}
.strTabsBox .tabsCont .tabInfo .steList .listItem:first-child {
margin:0
}
.strTabsBox .tabsCont .tabInfo .pageCode {
padding:.41rem .26rem;
justify-content:space-between;
background:#E8E8E8
}
.strTabsBox .tabsCont .tabInfo .pageCode>a {
background:#FFFFFF
}
.strTabsBox .tabsCont .tabInfo .pageCode>a.current {
background:var(--defColor);
color:#FFFFFF
}
.strTabsBox .tabsCont .tabInfo .pageCode,.collectTabsBox .tabsCont .tabInfo .pageCode {
padding:.41rem .26rem;
justify-content:space-between;
background:#E8E8E8
}
.strTabsBox .tabsCont .tabInfo .pageCode>a,.collectTabsBox .tabsCont .tabInfo .pageCode>a {
background:#FFFFFF
}
.strTabsBox .tabsCont .tabInfo .pageCode>a.current,.collectTabsBox .tabsCont .tabInfo .pageCode>a.current {
background:var(--defColor);
color:#FFFFFF
}
.strDetailBox {
margin:0 .25rem .2rem;
padding:.3rem .15rem .3rem;
background-color:#fff;
font-size:.24rem
}
.strDetailBox h1 {
font-size:.38rem;
font-weight:bold;
color:#000000;
line-height:.6rem
}
.strDetailBox .boxInfo {
font-size:.2rem;
color:#999999;
line-height:.3rem;
margin-top:.24rem;
margin-bottom: .2rem;
}
.strDetailBox .count p {
font-size:.24rem;
line-height:.42rem;
color:#1F1F1F;
margin-bottom:.3rem
}
.strDetailBox .count p:last-child {
margin-bottom:0;
}
.strDetailBox .count img {
display: block;
width: auto;
height: auto;
max-width: 6.3rem;
max-height: 5rem;
margin: 0.1rem auto;
}
.strDetailBox .count .tip {
font-size:.26rem;
font-weight:bold;
color:#000000
}
.strDetailBox .boxOther {
margin-top:.4rem;
padding:.2rem;
background:var(--defShallowColor);
border:.02rem solid var(--defShallowColor)
}
.strDetailBox .boxOther a {
display:flex;
justify-content:space-between;
align-items:center
}
.strDetailBox .boxOther a img {
width:1.1rem;
height:1.1rem;
border-radius:.2rem
}
.strDetailBox .boxOther a .otherInfo {
flex:1;
margin-left:.26rem
}
.strDetailBox .boxOther a .otherInfo>p {
font-size:.2rem;
font-weight:400;
color:#999999;
line-height:.38rem;
zoom:.8
}
.strDetailBox .boxOther a .otherInfo>p span {
margin-right:.3rem
}
.strDetailBox .boxOther a .otherInfo>p:first-child {
font-size:.26rem;
font-weight:bold;
color:#000000;
line-height:.46rem;
zoom:1
}
.strDetailBox .boxOther a .btn {
width:1.24rem
}
.strDetailBox .boxLabel {
margin-top:.32rem;
font-size:.22rem;
font-weight:300;
color:#8F8F8F;
zoom:.9
}
.strDetailBox .boxLabel .copyBtn {
color:#FFA900;
line-height:.22rem;
background:#FFFFFF;
border:1px solid #ffd37f;
border-radius:.06rem;
padding:.08rem .1rem;
margin-right:.13rem
}
.strDetailBox .boxLabel .copyBtn i {
width:.18rem;
height:.18rem;
display:inline-block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.02rem -9.37rem
}
.collCrumbsBox {
background-image:url(../images/com_bg.png);
background-repeat:no-repeat;
background-size:19.21rem 4.46rem;
background-position:-2.4rem 0;
width:100%;
height:4.46rem
}
.swCollectBox {
margin-top:-3.65rem;
height:3.65rem;
padding:0 .26rem
}
.swCollectBox .boxWrap {
width:100%;
height:100%
}
.swCollectBox .boxWrap .swiper-slide {
width:5.84rem;
height:3.28rem;
overflow:hidden
}
.swCollectBox .boxWrap .swiper-slide>a {
display:block;
width:inherit;
height:inherit;
position:relative
}
.swCollectBox .boxWrap .swiper-slide>a>img {
display:block;
width:100%;
height:100%;
min-height:.2rem
}
.swCollectBox .boxWrap .swiper-slide>a .bt {
background-image:linear-gradient(to top,rgba(37,39,40,0.98) 0%,rgba(0,0,0,0) 100%);
position:absolute;
bottom:0;
left:0;
right:0;
height:50%;
font-size:.28rem;
color:#FFFFFF;
padding:0 .2rem .23rem .21rem;
display:flex;
align-items:flex-end;
justify-content:space-between
}
.swCollectBox .boxWrap .swiper-slide>a .bt .info {
display:flex;
flex-direction:column
}
.swCollectBox .boxWrap .swiper-slide>a .bt .info p {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:4rem;
line-height:.28rem;
margin-bottom:.14rem
}
.swCollectBox .boxWrap .swiper-slide>a .bt .info span {
font-size:.2rem;
line-height:.2rem;
zoom:.8
}
.swCollectBox .boxWrap .swiper-slide>a .bt .verImgs {
display:flex;
margin-bottom:.07rem
}
.swCollectBox .boxWrap .swiper-slide>a .bt .verImgs img {
width:.42rem;
height:.42rem;
border-radius:.1rem;
margin-left:-0.2rem;
border-right:.02rem solid #fff
}
.swCollectBox .boxWrap .swiper-slide>a .bt .verImgs img:nth-child(1) {
z-index:3
}
.swCollectBox .boxWrap .swiper-slide>a .bt .verImgs img:nth-child(2) {
z-index:2
}
.swCollectBox .boxWrap .swiper-slide>a .bt .verImgs img:nth-child(3) {
z-index:1
}
.collectTabsBox {
padding:.3rem .25rem .31rem;
font-size:.3rem
}
.collectTabsBox .boxMainItem {
margin-top:.2rem
}
.collectTabsBox .boxMainItem .mainImg {
width:3.35rem
}
.collectTabsBox .boxMainItem .imgInfo {
background:#FFFFFF;
padding-left:.3rem
}
.collectTabsBox .tabsWrap .tabs {
height:.84rem;
line-height:.84rem;
background:#FFFFFF;
display:flex;
border-top:.02rem solid #ea554f;
justify-content:space-evenly;
color:#999999
}
.collectTabsBox .tabsWrap .tabs li {
flex:1;
text-align:center
}
.collectTabsBox .tabsWrap .tabs li.active {
color:#000000;
border-bottom:.02rem solid #000000
}
.collectTabsBox .tabsWrap .tabs li.hasNew {
position:relative
}
.collectTabsBox .tabsWrap .tabs li.hasNew::after {
content:"";
position:absolute;
top:.24rem;
right:.4rem;
width:.1rem;
height:.1rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 -9.6rem
}
.collDetailCrumbsBox {
background-image:url(../images/com_detail_bg.png);
background-repeat:no-repeat;
background-size:7.57rem 5.43rem;
background-position:0 0;
width:100%;
height:5.43rem
}
.collDetailMainBox {
font-size:.34rem;
color:#fff;
margin-top:-4.68rem;
display:flex;
justify-content:center;
flex-direction:column;
align-items:center
}
.collDetailMainBox .mianTitle {
background-image:url(../images/com_detail_bg2.png);
background-repeat:no-repeat;
background-size:6.69rem 1.19rem;
background-position:0 0;
width:6.69rem;
height:1.14rem;
text-align:center
}
.collDetailMainBox .mianTitle h1 {
margin-top:.24rem;
line-height:.36rem
}
.collDetailMainBox .mianTitle p {
font-size:.2rem;
line-height:.2rem;
margin-top:.15rem;
color:#FFCCCC;
display:flex;
align-items:center;
justify-content:center
}
.collDetailMainBox .mianTitle p i {
width:.18rem;
height:.18rem;
margin-right:.06rem;
display:inline-block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.01rem -9.75rem
}
.collDetailMainBox .mainImg {
width:7rem;
height:3.06rem;
position:relative
}
.collDetailMainBox .mainImg>div {
font-size:.2rem;
position:absolute;
top:0;
left:0;
right:0
}
.collDetailMainBox .mainImg>div>p {
margin:0 auto;
padding:.06rem .39rem;
display:block;
width:fit-content;
background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(37,39,40,0.6) 25%,rgba(37,39,40,0.8) 50%,rgba(37,39,40,0.6) 75%,rgba(0,0,0,0) 100%)
}
.collDetailMainBox .mainImg>div>p span {
color:#FF9900
}
.collDetailMainBox .mainImg img {
width:100%;
height:100%;
object-fit:cover
}
.collDetailMainBox .mainCont {
margin: 0 0.25rem 0.2rem;
padding: 0.19rem 0.16rem;
font-size: .24rem;
color: #666666;
line-height: .32rem;
background-color: #fff;
height: 1.18rem;
overflow-y: auto;
}
.collDetailMainBox .mainGameBox {
width:7rem;
height:1.72rem;
background:var(--defShallowColor);
border:.02rem solid rgba(250,74,74,0.5);
padding:.39rem .22rem .23rem;
display:flex;
align-items:center;
justify-content:space-between;
position:relative
}
.collDetailMainBox .mainGameBox .boxTitle {
position:absolute;
top:-0.02rem;
left:50%;
margin-left:-0.895rem;
width:1.79rem;
height:.34rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-6.51rem -0.48rem;
display:flex;
align-items:center;
justify-content:center
}
.collDetailMainBox .mainGameBox .boxTitle>span {
font-size:.2rem;
line-height:.2rem;
color:#FFFFFF;
background:linear-gradient(0deg,#ffd76c 0%,#fff 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.collDetailMainBox .mainGameBox img {
width:1.1rem;
height:1.1rem;
border-radius:.2rem
}
.collDetailMainBox .mainGameBox .itemInfo {
margin-left:.21rem;
flex:1;
display:flex;
flex-direction:column;
max-width:4rem
}
.collDetailMainBox .mainGameBox .itemInfo p {
font-size:.2rem;
color:#999999;
line-height:.32rem
}
.collDetailMainBox .mainGameBox .itemInfo p:first-child {
font-size:.26rem;
font-weight:bold;
color:#000000;
line-height:.42rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.collDetailMainBox .mainGameBox .itemInfo p>span {
margin-right:.26rem
}
.collDetailMainBox .mainGameBox .itemInfo p>span:last-child {
margin-right:0
}
.collDetailMainBox .mainGameBox .btn {
width:1.24rem
}
.fineGameBox,.hotGameBox {
margin:.2rem .25rem;
padding:.3rem .15rem .3rem;
background-color:#fff;
font-size:.24rem
}
.fineGameBox .fourColumnList,.hotGameBox .fourColumnList {
margin-left:-0.12rem;
margin-right:-0.12rem
}
.fineGameBox {
padding:.3rem 0;
padding-top: 0;
}
.fineGameBox .titleWrap {
padding:0 .15rem
}
.fineGameBox .boxCont {
/*padding-top:.3rem*/
}
.fineGameBox .boxCont .listItem {
padding:.32rem .16rem;
/*border-bottom: 1px solid rgba(230,230,230,0.8);*/
}
.fineGameBox .boxCont >.listItem:last-child{border:none;}
.fineGameBox .boxCont .listItem:nth-child(2n+1) {
background:var(--defShallowColor)
}
/*.fineGameBox .boxCont .listItem:last-child {
border-bottom:1px solid rgba(230,230,230,0.2)
}*/
.fineGameBox .boxCont .listItem a {
display:flex;
justify-content:space-between;
align-items:center;
font-size:.28rem;
color:#000000
}
.fineGameBox .boxCont .listItem a img {
width:1.2rem;
height:1.2rem;
border-radius:.28rem
}
.fineGameBox .boxCont .listItem a .itemInfo {
margin-left:.27rem;
display:flex;
flex-direction:column;
flex:1
}
.fineGameBox .boxCont .listItem a > p:nth-child(3){display: none;}
.fineGameBox .boxCont .listItem a .itemInfo>span {
font-size:.22rem;
color:#9F9FA4;
margin-top:.08rem
}
.fineGameBox .boxCont .listItem a .btn {
padding:0 .39rem
}
.fineGBox {
padding:.3rem .25rem;
background-color:#fff
}
.fineGBox .twoColumnList {
padding-bottom:.3rem;
border-bottom:1px solid #ececec
}
.fineGBox .twoColumnList .listItem {
background:#F8F8F8
}
.fineGBox .tagList {
padding:.03rem 0 .15rem
}
.rankCrumbsBox {
background-image:url(../images/rank_bg.png);
background-repeat:no-repeat;
background-size:19.2rem 2.56rem;
background-position:-6rem 0;
width:100%;
height:2.56rem
}
.rankMainBox {
margin-top:-2.06rem;
height:2.06rem
}
.rankMainBox .mianTitle {
font-size:.2rem;
color:#FFCCCC;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center
}
.rankMainBox .mianTitle>i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-3.02rem -4.68rem;
width:2.38rem;
height:.86rem;
display:block
}
.rankMainBox .mianTitle>p {
display:flex;
align-items:center;
margin-top:.08rem;
line-height:.2rem
}
.rankMainBox .mianTitle>p i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.01rem -9.75rem;
width:.18rem;
height:.18rem;
display:block;
margin-right:.06rem;
margin-top:.01rem
}
.rankTabsBox {
margin-top:-0.65rem;
padding:0 .25rem .3rem;
font-size:.3rem
}
.rankTabsBox>.tabsWrap>.tabs {
display:flex;
height:.65rem;
line-height:.65rem;
justify-content:space-evenly;
font-size:.28rem;
color:#fff
}
.rankTabsBox>.tabsWrap>.tabs li {
flex:1;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
background:var(--defColor);
opacity:.4
}
.rankTabsBox>.tabsWrap>.tabs li>i {
width:.32rem;
height:.32rem;
display:inline-block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:0 0;
margin-right:.08rem
}
.rankTabsBox>.tabsWrap>.tabs li>i.game {
width:.36rem;
height:.32rem;
background-position:-0.83rem -6.62rem
}
.rankTabsBox>.tabsWrap>.tabs li>i.app {
width:.3rem;
height:.32rem;
background-position:-1.61rem -6.6rem
}
.rankTabsBox>.tabsWrap>.tabs li.active {
background:var(--defColor);
opacity:1
}
.rankTabsBox>.tabsWrap>.tabs li.active>i.game {
background-position:-0.41rem -6.62rem
}
.rankTabsBox>.tabsWrap>.tabs li.active>i.app {
background-position:-1.25rem -6.6rem
}
.rankTabsBox .tabInfo {
font-size:.24rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs {
margin:.3rem -0.1rem 0;
border:1px solid var(--defShallowColor);
padding:.02rem .02rem .22rem;
background:#FFFFFF
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul {
overflow:hidden;
height:2.42rem;
display:grid;
grid-template-columns:repeat(4,22.5%);
justify-content:space-evenly
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li {
width:100%;
height:.58rem;
line-height:.58rem;
border:unset;
background-color:#f4f4f4;
border-radius:.03rem;
overflow:hidden
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li.active {
background-color:#E13D3D;
position:relative
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li.active::after {
display:none
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabs ul li.openBtn {
color:#E13D3D
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont {
background:#FFFFFF
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo>p {
font-size:.28rem;
font-weight:bold;
color:#333333;
line-height:.83rem;
text-align:center
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList {
padding:0;
margin:0;
border-top:.02rem solid #E13D3D;
position:relative
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList::before {
content:"";
width:0;
height:0;
border-bottom:.1rem solid #E13D3D;
border-right:.15rem solid transparent;
border-left:.15rem solid transparent;
display:block;
position:absolute;
left:50%;
margin-left:-0.075rem;
top:-0.1rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem .listNum {
width:.72rem;
font-size:.24rem;
font-weight:bold;
color:#BFBFBF;
margin-right:.23rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .listNum i,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .listNum i,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .listNum i {
width:.72rem;
height:.19rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg {
width:1.2rem;
height:1.2rem;
border:.02rem solid #C9CDD8;
border-radius:.28rem;
position:relative
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg>i,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg>i,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg>i {
position:absolute;
top:-0.2rem;
left:-0.23rem;
width:.38rem;
height:.38rem;
display:block;
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg>img,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg>img,.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg>img {
width:100%;
height:100%
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .listNum i {
background-position:-1.71rem -7rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg {
border-color:#FABD4C
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(1) .itemImg>i {
background-position:-0.39rem -7rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .listNum i {
background-position:-1.71rem -7.23rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg {
border-color:#C9CDD8
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(2) .itemImg>i {
background-position:-0.83rem -7rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .listNum i {
background-position:-1.71rem -7.45rem
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg {
border-color:#f4915a
}
.rankTabsBox .tabInfo .lotsOfTabsWrap .lotsOfTabsCont .lotsOfTabInfo .singleColumnList .listItem:nth-child(3) .itemImg>i {
background-position:-1.27rem -6.99rem
}
.noPageBox {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-size:.24rem;
color:#B5B6B6;
line-height:.32rem;
min-height:70vh
}
.noPageBox i {
background-image:url(../images/icon.png);
background-repeat:no-repeat;
background-size:10rem 10rem;
background-position:-0.87rem -8.23rem;
width:4.48rem;
height:1.77rem;
display:block
}
.noPageBox p {
margin-top:.3rem
}
.hide {
display:none
}
.newsListBox{padding: 0 .26rem .26rem}
.newsListBox > ul{}
.newsListBox > ul li{height: 1.78rem;background: #FFFFFF;padding: 0.18rem 0.15rem;margin-top: 0.1rem;}
.newsListBox > ul li:first-child{margin-top: 0;}
.newsListBox > ul li > a{display: block;}
.newsListBox > ul li > a > div{float:left;width: 4.1rem;margin-right: .15rem;height: 1.42rem;position: relative;}
.newsListBox > ul li > a > div > p{font-size: .28rem;color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsListBox > ul li > a > div > p:nth-child(2){font-size: .2rem;color: #9A9A9A;position: absolute;bottom: 0;}
.newsListBox > ul li > a > div > p:nth-child(2) > i{ background-image: url(../images/icon.png);background-repeat: no-repeat;background-size: 10rem 10rem;background-position: 0 -2.23rem;width: 0.16rem;height: 0.18rem;display: inline-block;margin-right: 0.1rem;vertical-align: -0.01rem;}
.newsListBox > ul li > a > img{width: 2.35rem;height: 1.42rem;display: block;float:left;}
.newsListBox .pageCode{padding: 0.2rem 0;margin-top: .2rem;background: #FFFFFF;}
.ztListBox{padding:0 .26rem .26rem}
.ztListBox > ul{}
.ztListBox > ul li{height: 2.2rem;font-size: .24rem;color: #999999;margin-top: 0.26rem;position: relative;}
.ztListBox > ul li:first-child{margin-top: 0;}
.ztListBox > ul li > a{display: block;}
.ztListBox > ul li > a img{width: 3.35rem;height:2.2rem;display: block;float: left; object-fit: cover;}
.ztListBox > ul li > a > div{background: #FFFFFF;padding:.2rem .15rem .15rem .3rem;float: left;font-size: .2rem;width: 3.62rem;height: 2.2rem;}
/*.ztListBox > ul li:nth-child(2n+1)> a > div{background-color: var(--defShallowColor)}*/
.ztListBox > ul li > a > div > p:nth-child(1){font-size: .24rem;line-height: .24rem;color: #000;margin-bottom: 0.15rem;}
.ztListBox > ul li > a > div > p:nth-child(2){font-size: .2rem;line-height: .2rem;color: #999999;display: block;margin-bottom: 0.14rem;}
.ztListBox > ul li > a > div > p:nth-child(3){font-size: .2rem;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.ztListBox .pageCode{padding: 0.2rem 0;margin-top: .2rem;background: #FFFFFF;}
.ztListBox > ul li > div{width: 3.62rem;height:.65rem;position: absolute;right: 0;bottom: 0;padding-left: .3rem;}
.ztListBox > ul li > div > a{display: block;float: left;margin-right: .09rem;width: .55rem;height: .55rem;text-align: center;border-radius:.1rem;}
.ztListBox > ul li > div > a:last-child{margin-right: 0;border:1px solid var(--defColor);font-size: .18rem;color:var(--defColor)}
.ztListBox > ul li > div > a > img{width:100%;height:100%;}
.newsetZtBox{padding: 0.3rem 0.25rem;background-color: #fff;margin: 0.2rem 0.25rem;}
.newsetZtBox > ul{overflow: hidden;padding-bottom: .3rem;}
.newsetZtBox > ul > li{float: left;width: 3.1rem;margin-top: 0.2rem;background-color: #F8F8F8;}
.newsetZtBox > ul > li:nth-child(2n){float: right;}
.newsetZtBox > ul > li > a{display: block;}
.newsetZtBox > ul > li > a > img{width: 100%;height: 1.6rem;display: block;}
.newsetZtBox > ul > li > a > div{padding:0 .16rem .18rem;margin-top: .18rem;}
.newsetZtBox > ul > li > a > div > p{font-size: .24rem;color: #000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.18rem;line-height: .24rem;}
.newsetZtBox > ul > li > a > div > p:nth-child(1){margin-top: 0;}
.newsetZtBox > ul > li > a > div > p:nth-child(2){font-size: .2rem;color: #999999;margin-top: 0.16rem;}
.newsetZtBox > div:nth-child(3){padding: 0.03rem 0 0.15rem;overflow: hidden;border-top: 1px solid #ccc;}
.newsetZtBox > div:nth-child(3) > a{ margin-top: 0.26rem;display: block;height: 0.48rem;line-height: .48rem;background: #F8F8F8;border-radius: 0.06rem;padding: 0 0.26rem;width: fit-content;font-size: .22rem;float: left;color: #666;margin-right: .15rem}
.ztDetailInfo{font-size: .34rem;color: #fff;}
.ztDetailInfo > div:nth-child(1){width: 7rem;height: 3.06rem;position: relative;margin: 0 auto;}
.ztDetailInfo > div:nth-child(1) > div{font-size: .34rem;position: absolute;top: 0;left: 0;right: 0;}
.ztDetailInfo > div:nth-child(1) > div h1{margin: 0 auto;padding: 0.06rem 0.39rem;display: block;width: fit-content;background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(37,39,40,0.6) 25%, rgba(37,39,40,0.8) 50%, rgba(37,39,40,0.6) 75%, rgba(0,0,0,0) 100%);}
.ztDetailInfo > div:nth-child(1) > img{width: 100%;height: 100%;object-fit: cover;}
.ztDetailInfo > div:nth-child(2){margin: 0 0.25rem 0.2rem;padding: 0.19rem 0.16rem;font-size: .24rem;color: #666666;line-height: .32rem;background-color: #fff;}
.ztDetailInfo > div:nth-child(2) > p{font-size: .22rem;line-height: .24rem;display: flex;}
.ztDetailInfo > div:nth-child(2) > p > i{width: 0.18rem;height: 0.18rem;margin-right: 0.06rem;display: inline-block;background-image: url(../images/icon.png);background-repeat: no-repeat;background-size: 10rem 10rem;background-position: -0.01rem -9.75rem;}
.ztDetailInfo.ztDetailInfo > div:nth-child(2) > div{height: 1.18rem;overflow-y: auto;margin-top: .1rem;font-size: .24rem;color: #666666;line-height: .32rem;}
.videoBox{width: 100%;height: 4rem;/*padding-bottom: 0.2rem;*/}
.videoBox > video{width: 100%;height: 100%;box-sizing: border-box;object-fit: fill;}
.g-search-box{position: absolute;top: 6.5px;left: 45px;right: 45px; overflow: hidden; display: none;}
.g-search-box .g-search{margin:0px;height: 32px;}
.g-search-box .g-search .g-search-txt{height:32px; line-height: 32px;}
.g-search-box .g-search .g-search-btn{width: 32px;height: 32px;background:url(http://m.shuoshuokong.com/skin/new2018/images/m-sskico.png) no-repeat -4px -38px;background-size: 100px;}
.f-fl,.f-lifl li{float:left;display:inline}
.g-down-search{overflow: hidden;margin:15px 15px 15px 15px;background: #fff;height: 38px;border-radius: 6px;position: relative;}
.g-down-search .g-search-txt {border: 0px;width: 100%;border-radius: 6px;background: #fff;padding: 0px;height: 38px;font-size: 16px;text-indent: 12px;}
.g-down-search .g-search-btn {background: url(http://m.shuoshuokong.com/skin/new2018/images/m-sskico.png) no-repeat -4px -35px;background-size: 100px;height: 38px;width: 38px;display: block;border: 0px;position: absolute;
top: 0px;right: 0px;padding: 0px;z-index: 1;text-indent: -9999px;}
.gameInfo{background: url(../images/zxDBg1.jpg)background-size: 100% 100%;margin:.2rem 0 .26rem;padding:.1rem;border: 1px solid #FAE4D1;border-radius:.08rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;align-items: center;background: url(../images/zxDBg1.jpg)}
.gameInfo>a:first-child{display: block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;}
.gameInfo .info{max-width:3.5rem;flex: 1;height: 1.28rem!important;}
.gameInfo img{width:1.28rem!important;height:1.28rem!important;border-radius:.2rem;margin-right:.32rem!important;flex-shrink:0;}
.gameInfo p{line-height: .45rem;}
.gameInfo p:nth-child(1){font-size:.30rem;color: #000;margin-top: .02rem;white-space: nowrap;overflow: hidden;line-height:unset;margin-bottom:unset;}
.gameInfo p:nth-child(n+2){font-size:.24rem;color:#9f9fa4;white-space: nowrap;overflow: hidden;margin-bottom: unset;}
.gameInfo p span{font-size:.2rem;color:#999;margin: 0 .1rem;}
.gameInfo .btn{display:block;width:1.2rem;height:.52rem;line-height:.52rem;text-align: center;border-radius:.08rem;color:#fff;font-size:.24rem;background: linear-gradient(90deg, #FF5E1E, #FF881E);letter-spacing: .02rem;border:unset;}