.header-list .caption {margin:0 1.57%;color:rgb(211,234,255);} .header-list .caption .tab-item span{position:relative;} .header-list .caption .tab-item.active {color:#FFF;} .header-list .caption .tab-item.active span:after {content:'';height:0.07rem;width:0.86rem;border-radius:0.03rem;background:#FFF;display:block;margin:0 auto;position:absolute;left:0;right:0;margin-top:.05rem;} .list li,.base {padding:.4rem .48rem;max-height:228px;border-bottom:1px solid rgb(209,209,209);} .list .item,.base .item {height:1.48rem;max-height:148px;position:relative;} .list .item .pic,.base .item .pic {width:1.48rem;max-width:148px;height:100%;background:#DEDEDE;color:#FFF;overflow:hidden;border-radius:.2rem;position:relative;top:0;left:0;float:left;} .list .item .pic .font,.base .item .pic {font-size:.3rem;} .list .item .but,.base .item .but {position:absolute;top:0;right:0;height:100%;} .list .item .but .butn,.base .item .but .butn { font-size: .38rem; background: #ff8243; color: #FFF; border-radius: 0.1rem; display: block; width: 1.5rem; height: 0.8rem; text-align: center; line-height: 0.85rem;} .list .item .but .butn.disabled,.base .item .but .butn.disabled { background:rgb(190,190,190) !important; } .list .item .txt,.base .item .txt {position:relative;margin-left:1.68rem;margin-right:1.6rem;font-size:1rem;height:1.48rem;} .list .item .txt .name,.base .item .txt .name {font-size:0.4rem;color:rgb(51,51,51);display:block;padding-top:.03rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .list .item .txt .info ,.base .item .txt .info{font-size:0.28rem;width:100%;color:rgb(153,153,153);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .list .item .txt .info i,.base .item .txt .info i {font-style:normal;width:.03rem;height:0.18rem;background:rgb(153,153,153);display:inline-block;margin:0 .16rem;} .list .item .txt .description {font-size:.3rem;color:rgb(102,102,102);margin:0;} /* detail */ .header-detail .return img{width:0.25rem;height:0.44rem;display:block;margin-left:0.48rem;margin-right:0.48rem;} .header-detail .caption {margin:0 12%;} .down,.down-space {height:1.32rem;position:relative;max-height:132px;} .down {position:fixed;bottom:0;left:0;right:0;z-index:99;} .down .butn {font-size:0.48rem;color:rgb(255,255,255);background:rgb(66,181,255);display:block;text-align:center;line-height:1.32rem;} .base .item .but .butn{width:2.4rem;} .base .item .txt {margin-right:2.6rem;} .base .item .txt .name {margin:0;font-weight:400;padding-top:.17rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;} .base .item .txt .info {padding-top:0.06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .game-cotent {position:relative;border-top:.16rem solid rgb(241,241,241);border-bottom:1px solid rgb(209,209,209);} .detail .tab {border-top:1px solid rgb(209,209,209);padding:0 .26rem;height:1.14rem;font-size:0.38rem;color:rgb(102,102,102);} .detail .tab .tab-item {position:relative;width:33.333333%;float:left;text-align:center;line-height:1.14rem;} .detail .tab .tab-item.active {color:rgb(66,181,255);} .detail .tab .tab-item span {} .detail .tab .tab-item span:after {content:'';position:absolute;left:0;right:0;margin:0 auto;background:transparent;height:0.07rem;width:1.68rem;border-radius:0.03rem;margin-top:-0.05rem;z-index:1;display:block;} .detail .tab .tab-item.active span:after {background:rgb(66,181,255);} .detail .screenshot {padding-top:.3rem;} .detail .screenshot .swiper-slide {height:6.99rem;width:3.95rem;} .detail .screenshot .pic{position:relative;color:#FFF;background:#DEDEDE;height:100%;width:100%;display:block;} .detail .screenshot .pic .font {font-size:.34rem;} .detail .desciption {padding:.38rem 0.48rem 0.48rem;} .detail .desciption .desciption-content {font-size:0.38rem;color:rgb(102,102,102);} .detail .desciption .desciption-content .article {height:2.6rem;overflow:hidden;position:relative;} .detail .desciption .desciption-content .article .mark {width:1px;height:1px;display:inline-block;} .detail .desciption .desciption-content .showarticle {z-index:3;font-size:0.38rem;position:absolute;bottom:0;right:0;background:#FFF;padding:0;margin:0;white-space:nowrap;border:none;width:3rem;text-align:right;color:rgb(66,181,255);} .detail .desciption .desciption-content .showarticle .icon{display:inline-block;font-style:normal;width:0.32rem;height:0.17rem;margin-left:0.14rem;background:url(../../images/wap/detail_content_open.png) center center no-repeat;background-size:100% 100%;} .detail .desciption .desciption-content .showarticle.close {} .detail .desciption .desciption-content .showarticle.close .icon {background-image:url(../../images/wap/detail_content_close.png);} .detail .desciption .desciption-content .article .as1 {position:absolute;z-index:1;background:#FFF;} .detail .desciption .desciption-content .article .as2 {position:relative;z-index:0;} .detail .other {border-top:.16rem solid rgb(241,241,241);} .detail .other .other-title {font-size:0.4rem;color:rgb(102,102,102);border-top:1px solid rgb(209,209,209);border-bottom:1px solid rgb(209,209,209);height:1.1rem;line-height:1.1rem;padding-left:0.48rem;} .detail .other .other-content li {width:25%;float:left;} .detail .other .other-content .item {padding:0.34rem;} .detail .other .other-content .pic {width:1.48rem;height:1.48rem;background:#DEDEDE;color:#FFF;overflow:hidden;position:relative;border-radius:0.4rem;margin:0 auto;} .detail .other .other-content .pic .font {font-size:0.32rem;} .detail .other .other-content .txt {font-size:0.38rem;color:rgb(102,102,102);text-align:center;} .detail .other .other-content .txt .name{padding-top:0.07rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;} .open-list {padding:0.28rem 0.48rem 1rem;} .open-list .table-t th{background:rgb(66,181,255);font-size:0.34rem;color:#FFF;font-weight:normal;height:0.72rem;line-height:0.72rem;} .open-list .table-t th.tt1{border-top-left-radius:0.35rem;border-bottom-left-radius:0.35rem;} .open-list .table-t th.tt3{border-top-right-radius:0.35rem;border-bottom-right-radius:0.35rem;} .open-list tr td {height:0.84rem;line-height:0.84rem;font-size:0.34rem;color:rgb(102,102,102);} .open-list tr td .opening {color:rgb(66,181,255);} .open-list tr td.tt1{padding-left:0.2rem;} .open-list .table {table-layout:fixed;} .open-list .tt1 {width:3rem;} .open-list .tt2 {width:3.7rem;text-align:center;} .open-list .tt3 {width:auto;text-align:center;} .gift-list {padding-bottom:1.42rem;} .gift-list .gift-list-content {border-top:1px solid rgb(209,209,209);} .gift-list li{padding:0.28rem 0.48rem;border-bottom:1px solid rgb(209,209,209);} .gift-list .item {position:relative;} .gift-list .item .txt {font-size:0.3rem;color:rgb(102,102,102);margin-right:1.7rem;} .gift-list .item .txt .name{margin:0;font-size:0.38rem;color:rgb(51,51,51);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .gift-list .item .txt p{margin:0;padding-top:0.06rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .gift-list .item .txt .desciption {padding-top:0.1rem;} .gift-list .item .txt .surplus i{color:rgb(255,95,129);} .gift-list .item .txt .servername {margin-left:0.6rem;} .gift-list .item .txt .time {font-size:0.28rem;color:rgb(153,153,153);} .gift-list .item .but {position:absolute;right:0;top:0;height:100%;} .gift-list .item .but .butn {font-size:.38rem;background:rgb(66,181,255);color:#FFF;border-radius:0.05rem;display:block;width:1.5rem;height:.76rem;text-align:center;line-height:.76rem;} .gift-list .item .but .butn.disabled {background:rgb(190,190,190);} .detail .empty {padding-top:0.8rem;} .detail .empty .empty-icon {margin-left:3.8rem;} .down .butn.disabled{ background-color: rgb(190,190,190); }