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.
286 lines
6.0 KiB
CSS
286 lines
6.0 KiB
CSS
body.dialog-open {
|
|
position: fixed;
|
|
width: 100%;
|
|
}
|
|
.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;
|
|
z-index: 1000;
|
|
}
|
|
.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: 6.5rem;
|
|
height: 4rem;
|
|
top: 50%;
|
|
margin-top: -2rem;
|
|
left: 50%;
|
|
margin-left: -3.25rem;
|
|
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.26rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color:rgba(41,41,41,1);
|
|
}
|
|
.getGift-game>div .number{
|
|
font-size:0.18rem;
|
|
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.22rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color:rgba(41,41,41,1);
|
|
}
|
|
.getGift-infoBox .info-left .del{
|
|
width: 2.91rem;
|
|
font-size:0.186rem;
|
|
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.26rem;
|
|
font-family:PingFang SC;
|
|
font-weight:500;
|
|
color:rgba(41,41,41,1);
|
|
}
|
|
.getGift-second .second-left .number{
|
|
font-size:0.18rem;
|
|
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;
|
|
justify-content: space-between;
|
|
}
|
|
.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.22rem;
|
|
font-family:PingFang SC;
|
|
font-weight:400;
|
|
color:rgba(41,41,41,1);
|
|
}
|
|
.getGift-secondInfo .infoBox .del{
|
|
width: 100%;
|
|
font-size:0.18rem;
|
|
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
|
|
} |