添加tf礼包问题
parent
0de3a96ff2
commit
2a2e5f0d31
@ -0,0 +1,283 @@
|
||||
body{
|
||||
overflow: hidden;
|
||||
}
|
||||
.mode{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
.giftBag_mode{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
.giftBag_mode>div{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
padding-top: 6.47rem;
|
||||
margin-right: 0.97rem;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
.giftBag_mode>div>.img1{
|
||||
width: 0.82rem;
|
||||
height: 0.82rem;
|
||||
}
|
||||
.giftBag_mode>div>.img2{
|
||||
width: 2.97rem;
|
||||
height: 0.52rem;
|
||||
}
|
||||
.getGift{
|
||||
position: fixed;
|
||||
width: 5.5rem;
|
||||
height: 4rem;
|
||||
top: 50%;
|
||||
margin-top: -2rem;
|
||||
left: 50%;
|
||||
margin-left: -2.75rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.3rem;
|
||||
z-index: 1000;
|
||||
}
|
||||
.getGift-heard{
|
||||
height: 0.8rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0.8rem;
|
||||
background-color: #489EF6;
|
||||
font-size: 0.28rem;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
border-top-left-radius: 0.3rem;
|
||||
border-top-right-radius: 0.3rem;
|
||||
position: relative;
|
||||
border-top-left-radius:0.3rem;
|
||||
border-top-right-radius:0.3rem;
|
||||
}
|
||||
.getGift-heard>a{
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
top: 50%;
|
||||
margin-top: -0.15rem;
|
||||
width: 0.17rem;
|
||||
height: 0.3rem;
|
||||
background: url("../images/20191225/fanhui.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.getGift-box{
|
||||
padding: 0 0.3rem;
|
||||
border-bottom-right-radius: 0.3rem;
|
||||
border-bottom-left-radius: 0.3rem;
|
||||
}
|
||||
.getGift-game{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 1.03rem;
|
||||
border-bottom: 1px solid #E4E4E4;
|
||||
}
|
||||
.getGift-game>img{
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.getGift-game>div{
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.getGift-game>div .title{
|
||||
font-size:0.24rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.getGift-game>div .number{
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
}
|
||||
.getGift-info{
|
||||
height: 2.16rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.getGift-infoBox{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 0.9rem;
|
||||
border-bottom: 1px solid #E4E4E4;
|
||||
}
|
||||
.getGift-infoBox:last-child{
|
||||
border: 0;
|
||||
}
|
||||
.getGift-infoBox .info-left{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.getGift-infoBox .info-left .title{
|
||||
font-size:0.2rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.getGift-infoBox .info-left .del{
|
||||
width: 2.91rem;
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.getGift-infoBox .btn,.getGift-second .btn{
|
||||
width:1rem;
|
||||
height:0.4rem;
|
||||
background:rgba(169,169,169,0);
|
||||
border:1px solid rgba(33, 177, 235, 1);
|
||||
border-radius:0.16rem;
|
||||
font-size:0.2rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(33,177,235,1);
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
}
|
||||
.getGift-second{
|
||||
height: 0.86rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
border-bottom: 1px solid #E4E4E4;
|
||||
}
|
||||
.getGift-bag{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.getGift-second .second-left{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.getGift-second .second-left .title{
|
||||
font-size:0.24rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.getGift-second .second-left .number{
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
}
|
||||
.getGift-second .second-left .number>span{
|
||||
color: #262626;
|
||||
}
|
||||
.getGift-activation{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 0.12rem;
|
||||
}
|
||||
.getGift-activation .code{
|
||||
width:3.9rem;
|
||||
height:0.3rem;
|
||||
background:rgba(242,242,244,1);
|
||||
border-radius:0.1rem;
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
text-align: center;
|
||||
line-height: 0.3rem;
|
||||
}
|
||||
.getGift-activation .copy{
|
||||
width:1rem;
|
||||
height:0.4rem;
|
||||
background:rgba(33,177,235,1);
|
||||
border-radius:0.1rem;
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(254,254,254,1);
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.getGift-secondInfo{
|
||||
height: 2.33rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.getGift-secondInfo .infoBox{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
margin-top: 0.23rem;
|
||||
}
|
||||
.getGift-secondInfo .infoBox .title{
|
||||
font-size:0.2rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.getGift-secondInfo .infoBox .del{
|
||||
width: 100%;
|
||||
font-size:0.16rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(169,169,169,1);
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.getGiftNot{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 3.2rem;
|
||||
}
|
||||
.getGiftNot-img{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size:0.2rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:500;
|
||||
color:rgba(41,41,41,1);
|
||||
}
|
||||
.getGiftNot-img>img{
|
||||
width: 2.06rem;
|
||||
height: 1.58rem;
|
||||
}
|
||||
.getGiftNot>.btn{
|
||||
width:1.2rem;
|
||||
height:0.4rem;
|
||||
background:rgba(34,129,245,1);
|
||||
border-radius:0.2rem;
|
||||
font-size:0.24rem;
|
||||
font-family:PingFang SC;
|
||||
font-weight:400;
|
||||
color:rgba(255,255,255,1);
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
margin-top: 0.32rem;
|
||||
}
|
||||
.getGift-box .btn.has-get {
|
||||
background:rgba(242,242,244,1);
|
||||
color:rgba(169,169,169,1);
|
||||
border:0
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
Loading…
Reference in New Issue