You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
7.6 KiB
CSS
116 lines
7.6 KiB
CSS
5 years ago
|
|
||
|
|
.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);
|
||
|
|
}
|