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.
60 lines
5.1 KiB
CSS
60 lines
5.1 KiB
CSS
.caption {margin:0 7.1%;color:rgb(211,234,255);}
|
|
.caption .tab-item span{position:relative;}
|
|
.caption .tab-item.active {color:#FFF;}
|
|
.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 .pack~.pack {border-top:.16rem solid rgb(241,241,241);}
|
|
.list .supitem {padding:0.3rem 0.48rem;position:relative;}
|
|
.list .pack~.pack .supitem {border-top:1px solid rgb(209,209,209);}
|
|
.list .supitem .pic {float:left;width:1.38rem;height:1.38rem;border-radius:0.2rem;overflow:hidden;background:#DEDEDE;color:#FFF;position:relative;top:0;left:0;}
|
|
.list .supitem .pic .font {font-size:.32rem;}
|
|
.list .supitem .txt {position:relative;margin-left:1.58rem;font-size:1rem;height:1.38rem;}
|
|
.list .supitem .txt .name {padding-top:0.15rem;font-size:0.4rem;color:rgb(51,51,51);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
.list .supitem .txt .giftnum{padding-top:.06rem;font-size:0.28rem;width:100%;color:rgb(153,153,153);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
.list .supitem .txt .giftnum i {font-style:normal;color:rgb(255,95,129);}
|
|
|
|
.list .giftpack {border-top:1px solid rgb(209,209,209);}
|
|
.list .giftpack li,.relevant li {max-height:208px;padding:0.26rem 0.48rem 0.28rem;border-bottom:1px solid rgb(209,209,209);}
|
|
.list .giftpack .item,.relevant .item {position:relative;}
|
|
.list .giftpack .item .but,.relevant .item .but {position:absolute;right:0;top:0;height:100%;}
|
|
.list .giftpack .item .but .butn,.relevant .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;}
|
|
.list .giftpack .item .but .butn.disabled,.relevant .item .but .butn.disabled {background:rgb(190,190,190) !important;}
|
|
.list .giftpack .item .txt,.relevant .item .txt {position:relative;margin-right:1.6rem;font-size:1rem;}
|
|
.list .giftpack .item .txt .name,.relevant .item .txt .name {font-size:0.4rem;color:rgb(51,51,51);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
.list .giftpack .item .txt p,.relevant .item .txt p{padding-top:0.05rem;margin:0;font-size:0.3rem;color:rgb(102,102,102);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
.list .giftpack .item .txt .description,.relevant .item .txt .description {padding-top:0.08rem;}
|
|
.list .giftpack .item .txt .surplus span,.relevant .item .txt .surplus span{color:rgb(255,95,129);}
|
|
|
|
|
|
/* 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%;}
|
|
|
|
.ggift,.ggift-space {height:1.32rem;position:relative;max-height:132px;}
|
|
.ggift {position:fixed;bottom:0;left:0;right:0;z-index:99;}
|
|
.ggift .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 {padding:.4rem .48rem;max-height:228px;border-bottom:1px solid rgb(209,209,209);}
|
|
.base .item {height:1.48rem;max-height:148px;position:relative;}
|
|
.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;}
|
|
.base .item .pic {font-size:.3rem;}
|
|
.base .item .sps {position:absolute;top:0;right:0;height:100%;}
|
|
.base .item .sps .surplus-box {width:1.22rem;height:1.22rem;border-radius:50%;position:relative;background:rgb(255,95,129);margin-right:0.32rem;}
|
|
.base .item .sps .surplus-box .surplus {font-size:0.24rem;color:rgb(153,153,153);text-align:center;height:1.02rem;width:1.02rem;top:0.1rem;left:0.1rem;background:#FFF;border-radius:50%;position:relative;}
|
|
.base .item .sps .surplus-box .surplus i {padding-top:.05rem;font-size:0.3rem;color:rgb(255,95,129);font-style:normal;display:block;}
|
|
.base .item .sps .surplus-box .spsb,.base .item .sps .surplus-box .spsi{position:absolute;top:0;left:0;width:100%;height:100%;}
|
|
.base .item .sps .surplus-box .spsb{border-radius:50%;background:#dedede;}
|
|
.base .item .sps .surplus-box .surplus-item-left,.base .item .sps .surplus-box .surplus-left{clip:rect(0,auto,auto,.61rem);}
|
|
.base .item .sps .surplus-box .surplus-item-right,.base .item .sps .surplus-box .surplus-right{clip:rect(0,.61rem,auto,0);}
|
|
|
|
.base .item .txt {position:relative;margin-left:1.68rem;margin-right:2.6rem;font-size:1rem;height:1.48rem;}
|
|
.base .item .txt .name {margin:0;font-weight:400;font-size:0.4rem;color:rgb(51,51,51);display:block;padding-top:.03rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
.base .item .txt .info{padding-top:.04rem;font-size:0.28rem;width:100%;color:rgb(153,153,153);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
|
|
.detail .giftinfo {border-top:.16rem solid rgb(241,241,241);}
|
|
.detail .giftinfo .giftinfo-title {font-size:0.38rem;color:rgb(51,51,51);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 .giftinfo .giftinfo-content {font-size:0.3rem;color:rgb(102,102,102);padding:0.38rem 0.48rem;}
|
|
|
|
|