2924 lines
63 KiB
CSS
2924 lines
63 KiB
CSS
html,
|
|
body {
|
|
width: 100%;
|
|
background: #C0AAFF;
|
|
padding-bottom: 0.5866666667rem;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
top: 0.9333333333rem;
|
|
left: 0.4533333333rem;
|
|
z-index: 9;
|
|
width: 0.8266666667rem;
|
|
height: 0.8266666667rem;
|
|
}
|
|
.back img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.header {
|
|
width: 10rem;
|
|
height: 13.4666666667rem;
|
|
background: url(../images/header.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto -2.6533333333rem;
|
|
position: relative;
|
|
}
|
|
.header .rules {
|
|
width: 0.64rem;
|
|
height: 1.8666666667rem;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 4.0133333333rem;
|
|
}
|
|
|
|
.ruleContent {
|
|
display: none;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99;
|
|
}
|
|
.ruleContent img {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 8rem;
|
|
height: 13.2666666667rem;
|
|
}
|
|
|
|
.limitGift {
|
|
width: 9.2rem;
|
|
height: 3.84rem;
|
|
background: url(../images/limitGift.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 0.5333333333rem;
|
|
position: relative;
|
|
z-index: 2;
|
|
box-sizing: border-box;
|
|
padding-top: 1.12rem;
|
|
}
|
|
.limitGift .swiper {
|
|
width: 7.9333333333rem;
|
|
height: 2.4rem;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
.limitGift .swiper .swiper-slide img {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.tabBox {
|
|
width: 9.2rem;
|
|
height: 0.8933333333rem;
|
|
margin: 0 auto 0.5333333333rem;
|
|
position: relative;
|
|
z-index: 2;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tabBox .tab {
|
|
width: 2.2rem;
|
|
height: 0.8933333333rem;
|
|
}
|
|
.tabBox .tab1 {
|
|
background: url(../images/tab1_active.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab2 {
|
|
background: url(../images/tab2_active.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab3 {
|
|
background: url(../images/tab3_active.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab4 {
|
|
background: url(../images/tab4_active.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab1_active {
|
|
background: url(../images/tab1.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab2_active {
|
|
background: url(../images/tab3.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab3_active {
|
|
background: url(../images/tab2.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabBox .tab4_active {
|
|
background: url(../images/tab4.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page1 .desire {
|
|
width: 9.2rem;
|
|
height: 27.48rem;
|
|
margin: 0 auto 0rem;
|
|
background: url(../images/desire.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
.page1 .desire .rule1_but {
|
|
width: 2rem;
|
|
height: 0.7rem;
|
|
position: absolute;
|
|
right: 0.4rem;
|
|
top: 2.6rem;
|
|
}
|
|
.page1 .desire .clock {
|
|
color: #FE447F;
|
|
font-size: 0.3466666667rem;
|
|
position: absolute;
|
|
left: 2.2933333333rem;
|
|
top: 2.7733333333rem;
|
|
font-weight: bold;
|
|
}
|
|
.page1 .desire .speed {
|
|
width: 8.56rem;
|
|
height: 1.4666666667rem;
|
|
border: 0.0133333333rem solid #FFFFFF;
|
|
background: linear-gradient(0deg, #FFC9BA 0%, #FF8D9F 96%);
|
|
border-radius: 0.2133333333rem;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 3.52rem;
|
|
}
|
|
.page1 .desire .speed .line {
|
|
position: relative;
|
|
width: 7.8rem;
|
|
height: 0.2666666667rem;
|
|
border-radius: 0.1066666667rem;
|
|
left: 50%;
|
|
top: 0.4133333333rem;
|
|
transform: translateX(-50%);
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.page1 .desire .speed .line span {
|
|
width: 10%;
|
|
height: 100%;
|
|
border-radius: 0.1066666667rem;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: #FF6686;
|
|
}
|
|
.page1 .desire .speed .line .gift1,
|
|
.page1 .desire .speed .line .gift2,
|
|
.page1 .desire .speed .line .gift3 {
|
|
position: absolute;
|
|
left: 1.1rem;
|
|
top: 90%;
|
|
transform: translateY(-50%);
|
|
width: 1.7333333333rem;
|
|
}
|
|
.page1 .desire .speed .line .gift1 img,
|
|
.page1 .desire .speed .line .gift2 img,
|
|
.page1 .desire .speed .line .gift3 img {
|
|
display: block;
|
|
width: 1.2266666667rem;
|
|
height: 0.8933333333rem;
|
|
margin: 0 auto;
|
|
}
|
|
.page1 .desire .speed .line .gift1 p,
|
|
.page1 .desire .speed .line .gift2 p,
|
|
.page1 .desire .speed .line .gift3 p {
|
|
color: #FFFFFF;
|
|
font-size: 0.2933333333rem;
|
|
text-align: center;
|
|
}
|
|
.page1 .desire .speed .line .gift2 {
|
|
left: 4.08rem;
|
|
}
|
|
.page1 .desire .speed .line .gift3 {
|
|
left: 6.4533333333rem;
|
|
}
|
|
.page1 .desire .card {
|
|
width: 4rem;
|
|
height: 5.1733333333rem;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
.page1 .desire .card .clicks {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 4rem;
|
|
height: 5.1733333333rem;
|
|
display: none;
|
|
}
|
|
.page1 .desire .card .notObtained {
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: url(../images/notObtained.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 2;
|
|
}
|
|
.page1 .desire .card .notObtained .but {
|
|
width: 2.3333333333rem;
|
|
height: 0.8rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.15rem;
|
|
}
|
|
.page1 .desire .card .obtained {
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: url(../images/obtained.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 3;
|
|
}
|
|
.page1 .desire .card .obtained .but1 {
|
|
width: 2.8rem;
|
|
height: 0.9066666667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.1rem;
|
|
}
|
|
.page1 .desire .card .obtained .but2 {
|
|
width: 2.8rem;
|
|
height: 0.9066666667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.45rem;
|
|
}
|
|
.page1 .desire .card .acquired {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0.0133333333rem;
|
|
width: 2.1333333333rem;
|
|
height: 0.8rem;
|
|
}
|
|
.page1 .desire .card .cardNum {
|
|
position: absolute;
|
|
width: 0.8533333333rem;
|
|
height: 0.8533333333rem;
|
|
line-height: 0.9866666667rem;
|
|
text-align: center;
|
|
color: #FE447F;
|
|
font-size: 0.3466666667rem;
|
|
right: 0.1466666667rem;
|
|
bottom: 1.32rem;
|
|
background: url(../images/cardNum.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page1 .desire .card1 {
|
|
left: 0.32rem;
|
|
top: 5.2933333333rem;
|
|
}
|
|
.page1 .desire .card2 {
|
|
right: 0.32rem;
|
|
top: 5.2933333333rem;
|
|
}
|
|
.page1 .desire .card3 {
|
|
left: 0.32rem;
|
|
top: 10.7733333333rem;
|
|
}
|
|
.page1 .desire .card4 {
|
|
right: 0.32rem;
|
|
top: 10.7733333333rem;
|
|
}
|
|
.page1 .desire .card5 {
|
|
left: 0.32rem;
|
|
top: 16.28rem;
|
|
}
|
|
.page1 .desire .card6 {
|
|
right: 0.32rem;
|
|
top: 16.28rem;
|
|
}
|
|
.page1 .desire .card7 {
|
|
left: 0.32rem;
|
|
bottom: 0.5333333333rem;
|
|
}
|
|
.page1 .desire .card8 {
|
|
right: 0.32rem;
|
|
bottom: 0.5333333333rem;
|
|
}
|
|
|
|
.page2 .redTree {
|
|
width: 9.2rem;
|
|
height: 11.8266666667rem;
|
|
background: url(../images/redTree.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 0.6133333333rem;
|
|
position: relative;
|
|
}
|
|
.page2 .redTree .redTree_bag {
|
|
position: absolute;
|
|
color: #FE447F;
|
|
font-size: 0.3466666667rem;
|
|
height: 0.5866666667rem;
|
|
left: 2.4rem;
|
|
top: 1.36rem;
|
|
}
|
|
.page2 .redTree .redTree_bag span {
|
|
display: inline-block;
|
|
width: 0.5866666667rem;
|
|
height: 0.5866666667rem;
|
|
background: url(../images/redTree_bag_span.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-right: 0.1333333333rem;
|
|
float: left;
|
|
}
|
|
.page2 .redTree .redTree_bag b {
|
|
height: 0.5866666667rem;
|
|
line-height: 0.5866666667rem;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.page2 .redTree .recordRules {
|
|
width: 2.1333333333rem;
|
|
height: 0.64rem;
|
|
line-height: 0.64rem;
|
|
border-radius: 0.2666666667rem;
|
|
position: absolute;
|
|
top: 1.3466666667rem;
|
|
text-align: center;
|
|
color: #FE447F;
|
|
font-size: 0.3466666667rem;
|
|
right: 0.32rem;
|
|
background: #fff;
|
|
}
|
|
.page2 .redTree .box {
|
|
width: 8.56rem;
|
|
height: 6.4rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.2666666667rem;
|
|
background: url(../images/redTreeBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
border-radius: 0.2666666667rem;
|
|
position: absolute;
|
|
}
|
|
.page2 .redTree .box .cloud {
|
|
width: 8.3466666667rem;
|
|
height: 2.2rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0.0666666667rem;
|
|
z-index: 2;
|
|
}
|
|
.page2 .redTree .box .red {
|
|
width: 2rem;
|
|
height: 2.1333333333rem;
|
|
position: absolute;
|
|
background: url(../images/nohb.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page2 .redTree .box .red .red_in {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
display: none;
|
|
}
|
|
.page2 .redTree .box .red .red_in .gift {
|
|
position: absolute;
|
|
width: 0.96rem;
|
|
height: 0.96rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.2133333333rem;
|
|
border-radius: 50%;
|
|
}
|
|
.page2 .redTree .box .red .red_in .gift_img {
|
|
width: 0.9rem;
|
|
height: 0.45rem;
|
|
top: 0.5rem;
|
|
}
|
|
.page2 .redTree .box .red .red_in p {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.2666666667rem;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 1.4rem;
|
|
}
|
|
.page2 .redTree .box .red .red_in span {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
top: 1.72rem;
|
|
color: #FEFFA3;
|
|
font-size: 0.24rem;
|
|
text-align: center;
|
|
}
|
|
.page2 .redTree .box .red .redBagSvag {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 2rem;
|
|
height: 2.1333333333rem;
|
|
display: none;
|
|
}
|
|
.page2 .redTree .box .red1 {
|
|
left: 0.0933333333rem;
|
|
top: 2.8666666667rem;
|
|
}
|
|
.page2 .redTree .box .red2 {
|
|
left: 2.1733333333rem;
|
|
top: 3.8266666667rem;
|
|
}
|
|
.page2 .redTree .box .red3 {
|
|
left: 3.1733333333rem;
|
|
top: 1.3866666667rem;
|
|
}
|
|
.page2 .redTree .box .red4 {
|
|
left: 4.8933333333rem;
|
|
top: 3.5733333333rem;
|
|
}
|
|
.page2 .redTree .box .red5 {
|
|
left: 5.68rem;
|
|
top: 0.9733333333rem;
|
|
}
|
|
.page2 .redTree .box .active {
|
|
background: url(../images/hb.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page2 .redTree .box2 {
|
|
width: 8.56rem;
|
|
height: 6.4rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.2666666667rem;
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: none;
|
|
}
|
|
.page2 .redTree .box2 .red {
|
|
width: 2rem;
|
|
height: 2.1333333333rem;
|
|
position: absolute;
|
|
}
|
|
.page2 .redTree .box2 .red .redBagSvag {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 2rem;
|
|
height: 2.1333333333rem;
|
|
display: none;
|
|
}
|
|
.page2 .redTree .box2 .red1 {
|
|
left: 0.0933333333rem;
|
|
top: 2.8666666667rem;
|
|
}
|
|
.page2 .redTree .box2 .red2 {
|
|
left: 2.1733333333rem;
|
|
top: 3.8266666667rem;
|
|
}
|
|
.page2 .redTree .box2 .red3 {
|
|
left: 3.1733333333rem;
|
|
top: 1.3866666667rem;
|
|
}
|
|
.page2 .redTree .box2 .red4 {
|
|
left: 4.8933333333rem;
|
|
top: 3.5733333333rem;
|
|
}
|
|
.page2 .redTree .box2 .red5 {
|
|
left: 5.68rem;
|
|
top: 0.9733333333rem;
|
|
}
|
|
.page2 .redTree .box2 .active {
|
|
background: url(../images/hb.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page2 .redTree .redTreeBut {
|
|
width: 5.3333333333rem;
|
|
height: 1.3066666667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 9.2533333333rem;
|
|
}
|
|
.page2 .redTree .sx {
|
|
width: 4rem;
|
|
height: 0.5rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0.47rem;
|
|
position: absolute;
|
|
}
|
|
.page2 .redTreeTakst {
|
|
width: 9.2rem;
|
|
height: 10.7866666667rem;
|
|
margin: 0 auto 0.5333333333rem;
|
|
background: url(../images/redTreeTakst.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
.page2 .redTreeTakst .redTreeTakstTab {
|
|
position: absolute;
|
|
width: 6.6666666667rem;
|
|
height: 0.96rem;
|
|
line-height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
background: #FFFFFF;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.4266666667rem;
|
|
}
|
|
.page2 .redTreeTakst .redTreeTakstTab div {
|
|
width: 3.3333333333rem;
|
|
height: 100%;
|
|
border-radius: 0.96rem;
|
|
text-align: center;
|
|
color: #FE7AA3;
|
|
background: #fff;
|
|
font-size: 0.4rem;
|
|
font-weight: bold;
|
|
}
|
|
.page2 .redTreeTakst .redTreeTakstTab .active {
|
|
color: #FFFFFF;
|
|
background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
|
|
}
|
|
.page2 .redTreeTakst .title {
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.8266666667rem;
|
|
font-size: 0.2933333333rem;
|
|
color: #BB4A56;
|
|
text-align: center;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 {
|
|
width: 8.5466666667rem;
|
|
margin: 0.6133333333rem auto 0;
|
|
overflow: hidden;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div {
|
|
width: 8.5466666667rem;
|
|
position: relative;
|
|
background: linear-gradient(90deg, #FF8894 0%, #FFA2A4 99%);
|
|
border-radius: 0.2133333333rem;
|
|
margin-bottom: 0.2133333333rem;
|
|
height: 1.2533333333rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div p {
|
|
position: absolute;
|
|
color: #fff;
|
|
font-size: 0.2666666667rem;
|
|
left: 0.3466666667rem;
|
|
top: 0.2933333333rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div b {
|
|
position: absolute;
|
|
font-size: 0.24rem;
|
|
color: #FEFFA3;
|
|
left: 0.3466666667rem;
|
|
top: 0.7066666667rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div .but {
|
|
width: 1.4666666667rem;
|
|
height: 0.6rem;
|
|
background: url(../images/redTreeTakst_but.png);
|
|
background-size: 100% 100%;
|
|
border-radius: 0.1066666667rem;
|
|
color: #3D001F;
|
|
font-size: 0.3066666667rem;
|
|
text-align: center;
|
|
line-height: 0.5333333333rem;
|
|
position: absolute;
|
|
right: 0.3466666667rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div .butOut {
|
|
background: #EBCACB;
|
|
color: #FFF3F9;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 {
|
|
height: 2.2266666667rem;
|
|
margin-top: 3.3866666667rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 p {
|
|
color: #fff;
|
|
font-size: 0.2666666667rem;
|
|
position: absolute;
|
|
left: 0.3466666667rem;
|
|
top: 0.1866666667rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line {
|
|
width: 5.8533333333rem;
|
|
height: 0.36rem;
|
|
border-radius: 0.36rem;
|
|
border: 0.0133333333rem solid #FFE4E7;
|
|
position: absolute;
|
|
left: 0.32rem;
|
|
top: 1.12rem;
|
|
box-sizing: border-box;
|
|
background: #ff6687;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line b {
|
|
position: absolute;
|
|
z-index: 3;
|
|
color: #fff;
|
|
font-size: 0.2666666667rem;
|
|
left: 0.1066666667rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line span {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 80%;
|
|
height: 0.3266666667rem;
|
|
background: linear-gradient(90deg, #FFD5A9 0%, #E6FFFC 99%);
|
|
border-radius: 0.3266666667rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift1,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift2,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 {
|
|
width: 1.0666666667rem;
|
|
height: 1.3333333333rem;
|
|
position: absolute;
|
|
left: 1.7333333333rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift1 b,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 b,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 b {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FEFFA3;
|
|
font-size: 0.24rem;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.2rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift1 img,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 img,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 img {
|
|
display: block;
|
|
width: 0.6533333333rem;
|
|
height: 0.64rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift1 i,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 i,
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 i {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.2666666667rem;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
font-style: normal;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 {
|
|
left: 3.7333333333rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 {
|
|
left: 5.2rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs2 {
|
|
display: none;
|
|
}
|
|
.page2 .redTreeTakst .tabs2 .redTreeTakstGift {
|
|
width: 8.5866666667rem;
|
|
height: 5.96rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 3.3733333333rem;
|
|
}
|
|
.page2 .redTreeTakst .tabs2 .redTreeTakstButImg {
|
|
position: absolute;
|
|
width: 3.7333333333rem;
|
|
height: 0.96rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 9.5066666667rem;
|
|
}
|
|
|
|
.page3 .lovePostOffice {
|
|
width: 9.2rem;
|
|
height: 10.8266666667rem;
|
|
background: url(../images/lovePostOffice.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 0.52rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.page3 .lovePostOffice .dm {
|
|
margin: 1.6rem auto 0;
|
|
width: 8rem;
|
|
height: 6rem;
|
|
}
|
|
.page3 .lovePostOffice .dm .my_containers {
|
|
height: 0.8rem;
|
|
line-height: 0.8rem;
|
|
border-radius: 0.8rem;
|
|
font-size: 0.32rem;
|
|
color: #FEFFA3;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
background: rgba(48, 0, 9, 0.5);
|
|
padding: 0 0.1866666667rem 0 1.6rem;
|
|
border: 0.0266666667rem solid #FFF7D0;
|
|
}
|
|
.page3 .lovePostOffice .dm .my_containers .l {
|
|
position: absolute;
|
|
left: 0.0133333333rem;
|
|
top: 0rem;
|
|
width: 0.7466666667rem;
|
|
height: 0.7466666667rem;
|
|
border-radius: 0.7466666667rem;
|
|
}
|
|
.page3 .lovePostOffice .dm .my_containers .r {
|
|
position: absolute;
|
|
left: 0.64rem;
|
|
top: 0rem;
|
|
width: 0.7466666667rem;
|
|
height: 0.7466666667rem;
|
|
border-radius: 0.7466666667rem;
|
|
z-index: 2;
|
|
}
|
|
.page3 .lovePostOffice .zfImg {
|
|
position: absolute;
|
|
right: 0.3066666667rem;
|
|
top: 8.0133333333rem;
|
|
width: 3.68rem;
|
|
height: 0.4533333333rem;
|
|
}
|
|
.page3 .lovePostOffice .yw {
|
|
width: 4.1333333333rem;
|
|
height: 1.6rem;
|
|
position: absolute;
|
|
left: 0.32rem;
|
|
top: 8.7466666667rem;
|
|
}
|
|
.page3 .lovePostOffice .yx {
|
|
width: 4.1333333333rem;
|
|
height: 1.6rem;
|
|
position: absolute;
|
|
right: 0.32rem;
|
|
top: 8.7466666667rem;
|
|
}
|
|
.page3 .lovePostOffice .redDot {
|
|
width: 0.2133333333rem;
|
|
height: 0.2133333333rem;
|
|
border-radius: 0.2133333333rem;
|
|
background: #FF3871;
|
|
z-index: 3;
|
|
position: absolute;
|
|
right: 0.56rem;
|
|
bottom: 1.6933333333rem;
|
|
}
|
|
.page3 .twoWayRush {
|
|
width: 9.2rem;
|
|
height: 17.48rem;
|
|
background: url(../images/twoWayRush.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 0.72rem;
|
|
position: relative;
|
|
}
|
|
.page3 .twoWayRush .rule_img {
|
|
position: absolute;
|
|
width: 2.2rem;
|
|
height: 0.7rem;
|
|
right: 0.15rem;
|
|
top: 0.2rem;
|
|
}
|
|
.page3 .twoWayRush .twoWayRush_qs {
|
|
width: 2.1066666667rem;
|
|
height: 1.12rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.5066666667rem;
|
|
background: url(../images/twoWayRush_qs.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page3 .twoWayRush .twoWayRush_qs .twoWayRush_ax {
|
|
position: absolute;
|
|
width: 1.32rem;
|
|
height: 0.64rem;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 3;
|
|
}
|
|
.page3 .twoWayRush .twoWayRush_qs .tx_l {
|
|
width: 1.0666666667rem;
|
|
height: 1.0666666667rem;
|
|
position: absolute;
|
|
left: 0.0266666667rem;
|
|
top: 0.0266666667rem;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
}
|
|
.page3 .twoWayRush .twoWayRush_qs .tx_r {
|
|
width: 1.0666666667rem;
|
|
height: 1.0666666667rem;
|
|
position: absolute;
|
|
right: 0.0266666667rem;
|
|
top: 0.0266666667rem;
|
|
border-radius: 50%;
|
|
z-index: 2;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushline {
|
|
width: 8.56rem;
|
|
height: 0.5333333333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 3.64rem;
|
|
border-radius: 0.5333333333rem;
|
|
background: #fff;
|
|
display: flex;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushline .mc {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushline .c {
|
|
width: 0.08rem;
|
|
height: 0.6933333333rem;
|
|
border-radius: 0.08rem;
|
|
background: #FF4B85;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 3;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushline .left {
|
|
width: 10%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 0.5333333333rem;
|
|
background: linear-gradient(90deg, #FF4585 0%, #FF8691 100%);
|
|
flex: 1;
|
|
border-top-left-radius: 0.5333333333rem;
|
|
border-bottom-left-radius: 0.5333333333rem;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushline .right {
|
|
width: 10%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
height: 0.5333333333rem;
|
|
background: linear-gradient(90deg, #89CCFF 0%, #A272F4 100%);
|
|
flex: 1;
|
|
border-top-right-radius: 0.5333333333rem;
|
|
border-bottom-right-radius: 0.5333333333rem;
|
|
}
|
|
.page3 .twoWayRush .qingshu {
|
|
width: 8.56rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 4.4666666667rem;
|
|
}
|
|
.page3 .twoWayRush .qingshu span {
|
|
float: left;
|
|
color: #482F2F;
|
|
font-size: 0.3466666667rem;
|
|
}
|
|
.page3 .twoWayRush .qingshu span b {
|
|
color: #FE447F;
|
|
font-size: 0.32rem;
|
|
font-weight: bold;
|
|
}
|
|
.page3 .twoWayRush .qingshu .r {
|
|
float: right;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushRed {
|
|
height: 0.5866666667rem;
|
|
line-height: 0.5866666667rem;
|
|
position: absolute;
|
|
top: 6.4933333333rem;
|
|
left: 2.28rem;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushRed img {
|
|
display: inline-block;
|
|
float: left;
|
|
width: 0.5866666667rem;
|
|
height: 0.5866666667rem;
|
|
margin-right: 0.12rem;
|
|
}
|
|
.page3 .twoWayRush .twoWayRushRed b {
|
|
float: left;
|
|
font-weight: bold;
|
|
color: #FE447F;
|
|
font-size: 0.3466666667rem;
|
|
line-height: 0.6666666667rem;
|
|
}
|
|
.page3 .twoWayRush .gbdm {
|
|
width: 8.5733333333rem;
|
|
height: 7.3733333333rem;
|
|
background: url(../images/gb.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
top: 7.6133333333rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page3 .twoWayRush .gbdm .yqz9999 {
|
|
width: 1.8533333333rem;
|
|
height: 1.7733333333rem;
|
|
position: absolute;
|
|
left: 0.28rem;
|
|
top: 0;
|
|
}
|
|
.page3 .twoWayRush .gbdm .yqz12999 {
|
|
width: 1.8533333333rem;
|
|
height: 1.7733333333rem;
|
|
position: absolute;
|
|
left: 0.28rem;
|
|
top: 0;
|
|
display: none;
|
|
}
|
|
.page3 .twoWayRush .gbdm .num {
|
|
color: #FE447F;
|
|
font-size: 0.32rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
right: 0.9066666667rem;
|
|
bottom: 3.28rem;
|
|
font-weight: bold;
|
|
}
|
|
.page3 .twoWayRush .gbdm textarea {
|
|
width: 6.76rem;
|
|
height: 0.96rem;
|
|
position: absolute;
|
|
left: 0.9066666667rem;
|
|
top: 2.8666666667rem;
|
|
background: none;
|
|
outline: none;
|
|
border: none;
|
|
resize: none;
|
|
overflow: auto;
|
|
color: #482F2F;
|
|
font-weight: bold;
|
|
font-size: 0.32rem;
|
|
}
|
|
.page3 .twoWayRush .gbdm textarea::-webkit-input-placeholder {
|
|
color: #FE447F;
|
|
font-size: 0.2933333333rem;
|
|
font-weight: normal;
|
|
}
|
|
.page3 .twoWayRush .gbdm .text {
|
|
width: 6.4933333333rem;
|
|
height: 0.5866666667rem;
|
|
line-height: 0.5866666667rem;
|
|
border-radius: 0.5866666667rem;
|
|
text-align: center;
|
|
color: #FE447F;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 4.6rem;
|
|
border: 0.0133333333rem solid #FE447F;
|
|
}
|
|
.page3 .twoWayRush .gbdm .gbdmBut {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 5.88rem;
|
|
width: 3.7333333333rem;
|
|
height: 0.96rem;
|
|
}
|
|
.page3 .twoWayRush .gbdm .tx_l {
|
|
width: 1.3066666667rem;
|
|
height: 1.3066666667rem;
|
|
border-radius: 1.3066666667rem;
|
|
top: 0.5466666667rem;
|
|
left: 1.5866666667rem;
|
|
position: absolute;
|
|
}
|
|
.page3 .twoWayRush .gbdm .tx_r {
|
|
width: 1.3066666667rem;
|
|
height: 1.3066666667rem;
|
|
border-radius: 1.3066666667rem;
|
|
top: 0.5333333333rem;
|
|
right: 1.74rem;
|
|
position: absolute;
|
|
}
|
|
.page3 .twoWayRush .gbdm .nice_l {
|
|
width: 2.5rem;
|
|
font-size: 0.3466666667rem;
|
|
color: #FE447F;
|
|
left: 1.2rem;
|
|
top: 2.13rem;
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
.page3 .twoWayRush .gbdm .nice_r {
|
|
width: 2.5rem;
|
|
font-size: 0.3466666667rem;
|
|
color: #FE447F;
|
|
right: 1.2rem;
|
|
top: 2.13rem;
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
.page3 .twoWayRush .gbdm .new {
|
|
width: 1.4933333333rem;
|
|
height: 0.4533333333rem;
|
|
position: absolute;
|
|
left: 6.8rem;
|
|
top: 6.1333333333rem;
|
|
}
|
|
.page3 .twoWayRush .office {
|
|
width: 8.56rem;
|
|
height: 1.8666666667rem;
|
|
position: absolute;
|
|
top: 15.28rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background: url(../images/office.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.page3 .twoWayRush .office .reduce {
|
|
width: 0.64rem;
|
|
height: 0.48rem;
|
|
position: absolute;
|
|
left: 3.3733333333rem;
|
|
top: 0.68rem;
|
|
}
|
|
.page3 .twoWayRush .office input {
|
|
background: none;
|
|
outline: none;
|
|
border: none;
|
|
width: 0.8rem;
|
|
height: 0.48rem;
|
|
text-align: center;
|
|
color: #482F2F;
|
|
font-weight: bold;
|
|
font-size: 0.2933333333rem;
|
|
position: absolute;
|
|
left: 4.1733333333rem;
|
|
top: 0.68rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.1333333333rem;
|
|
}
|
|
.page3 .twoWayRush .office .add {
|
|
width: 0.64rem;
|
|
height: 0.48rem;
|
|
position: absolute;
|
|
left: 5.1333333333rem;
|
|
top: 0.68rem;
|
|
}
|
|
.page3 .twoWayRush .office .but {
|
|
width: 1.4666666667rem;
|
|
height: 0.5866666667rem;
|
|
position: absolute;
|
|
right: 0.4133333333rem;
|
|
top: 0.6666666667rem;
|
|
}
|
|
.page3 .twoWayRush .office .p1 {
|
|
color: #fff;
|
|
font-size: 0.2666666667rem;
|
|
position: absolute;
|
|
left: 53%;
|
|
transform: translateX(-50%);
|
|
top: 1.3733333333rem;
|
|
}
|
|
.page3 .twoWayRush .office .p2 {
|
|
color: #fff;
|
|
font-size: 0.2933333333rem;
|
|
position: absolute;
|
|
right: 0.3333333333rem;
|
|
top: 0.1866666667rem;
|
|
height: 0.4rem;
|
|
line-height: 0.4rem;
|
|
}
|
|
.page3 .twoWayRush .office .p2 b {
|
|
font-weight: bold;
|
|
color: #FEF15B;
|
|
font-size: 0.32rem;
|
|
}
|
|
.page3 .rule_roce {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in {
|
|
width: 8rem;
|
|
height: 9.3866666667rem;
|
|
background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 0.5333333333rem;
|
|
overflow: hidden;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab {
|
|
width: 6.6666666667rem;
|
|
height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
margin: 0.5333333333rem auto 0.32rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: #FFDBE0;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab div {
|
|
width: 3.3333333333rem;
|
|
height: 100%;
|
|
line-height: 0.96rem;
|
|
text-align: center;
|
|
color: #BB4A56;
|
|
font-size: 0.4rem;
|
|
font-weight: bold;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab .active {
|
|
background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
|
|
color: #fff;
|
|
border-radius: 0.96rem;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab1 {
|
|
margin: 0 auto 0;
|
|
width: 7.2rem;
|
|
height: 7.04rem;
|
|
border-radius: 0.1333333333rem;
|
|
background: #fff;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab1 img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab2 {
|
|
margin: 0 auto 0;
|
|
width: 7.2rem;
|
|
height: 7.04rem;
|
|
border-radius: 0.1333333333rem;
|
|
background: #fff;
|
|
box-sizing: border-box;
|
|
padding: 0.2rem 0.2266666667rem;
|
|
display: none;
|
|
}
|
|
.page3 .rule_roce .rule_roce_in .tab2 p {
|
|
font-size: 0.2933333333rem;
|
|
color: #3D001F;
|
|
margin-bottom: 0.3333333333rem;
|
|
line-height: 0.5rem;
|
|
font-weight: bold;
|
|
}
|
|
.page3 .recipient {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
.page3 .recipient .recipient_in {
|
|
width: 100%;
|
|
height: 13.3333333333rem;
|
|
background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
border-radius: 0.5333333333rem 0.5333333333rem 0px 0px;
|
|
overflow: hidden;
|
|
padding: 0rem 0.44rem;
|
|
box-sizing: border-box;
|
|
}
|
|
.page3 .recipient .recipient_in .recipient_text {
|
|
display: block;
|
|
width: 5.9333333333rem;
|
|
height: 0.72rem;
|
|
margin: 0.4266666667rem auto 0.3333333333rem;
|
|
}
|
|
.page3 .recipient .recipient_in ul {
|
|
width: 100%;
|
|
height: 11.1rem;
|
|
overflow-y: scroll;
|
|
}
|
|
.page3 .recipient .recipient_in ul li {
|
|
width: 100%;
|
|
height: 2.0133333333rem;
|
|
margin-bottom: 0.4133333333rem;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .num {
|
|
width: 0.64rem;
|
|
height: 100%;
|
|
line-height: 2.0133333333rem;
|
|
color: #482F2F;
|
|
font-size: 0.48rem;
|
|
margin-right: 0.44rem;
|
|
float: left;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .left {
|
|
float: left;
|
|
width: 1.6133333333rem;
|
|
height: 1.6133333333rem;
|
|
background: url(../images/recipientBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin-right: 0.08rem;
|
|
text-align: center;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .left .tx {
|
|
width: 1.3066666667rem;
|
|
height: 1.3066666667rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 0.1466666667rem;
|
|
top: 0.1466666667rem;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .left .nickLeft {
|
|
position: absolute;
|
|
bottom: -0.4rem;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FE447F;
|
|
font-size: 0.32rem;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .love {
|
|
float: left;
|
|
width: 2.04rem;
|
|
height: 0.8666666667rem;
|
|
margin-top: 0.3866666667rem;
|
|
margin-right: 0.0533333333rem;
|
|
display: block;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .right {
|
|
float: left;
|
|
width: 1.6133333333rem;
|
|
height: 1.6133333333rem;
|
|
background: url(../images/recipientBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin-right: 0.08rem;
|
|
text-align: center;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .right .tx {
|
|
width: 1.3066666667rem;
|
|
height: 1.3066666667rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 0.1466666667rem;
|
|
top: 0.1466666667rem;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .right .nickLeft {
|
|
position: absolute;
|
|
bottom: -0.4rem;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FE447F;
|
|
font-size: 0.32rem;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.page3 .recipient .recipient_in ul li .but {
|
|
float: right;
|
|
width: 2.1333333333rem;
|
|
height: 0.8rem;
|
|
display: block;
|
|
margin-top: 0.52rem;
|
|
}
|
|
.page3 .letter {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
.page3 .letter .letter_in {
|
|
width: 8rem;
|
|
height: 9.3866666667rem;
|
|
background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 0.5333333333rem;
|
|
overflow: hidden;
|
|
}
|
|
.page3 .letter .letter_in .tab {
|
|
width: 6.6666666667rem;
|
|
height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
margin: 0.5333333333rem auto 0.4266666667rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: #FFDBE0;
|
|
}
|
|
.page3 .letter .letter_in .tab div {
|
|
width: 3.3333333333rem;
|
|
height: 100%;
|
|
line-height: 0.96rem;
|
|
text-align: center;
|
|
color: #BB4A56;
|
|
font-size: 0.4rem;
|
|
}
|
|
.page3 .letter .letter_in .tab .active {
|
|
background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
|
|
color: #fff;
|
|
border-radius: 0.96rem;
|
|
}
|
|
.page3 .letter .letter_in ul {
|
|
width: 100%;
|
|
padding: 0 0.4rem;
|
|
box-sizing: border-box;
|
|
margin: 0 auto 0;
|
|
height: 7rem;
|
|
overflow-y: scroll;
|
|
}
|
|
.page3 .letter .letter_in ul li {
|
|
width: 100%;
|
|
height: 1.9733333333rem;
|
|
background: linear-gradient(90deg, #FF8894 0%, #FFA2A4 99%);
|
|
border-radius: 0.1333333333rem;
|
|
position: relative;
|
|
margin-bottom: 0.2133333333rem;
|
|
}
|
|
.page3 .letter .letter_in ul li p {
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0.2266666667rem;
|
|
top: 0.2266666667rem;
|
|
color: #fff;
|
|
font-size: 0.2933333333rem;
|
|
}
|
|
.page3 .letter .letter_in ul li .tx_l {
|
|
width: 0.96rem;
|
|
height: 0.96rem;
|
|
border: 0.0133333333rem solid #fff;
|
|
background: #98535B;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 0.44rem;
|
|
top: 0.7466666667rem;
|
|
z-index: 2;
|
|
box-sizing: border-box;
|
|
}
|
|
.page3 .letter .letter_in ul li .love2 {
|
|
position: absolute;
|
|
width: 1.2933333333rem;
|
|
height: 0.56rem;
|
|
top: 0.96rem;
|
|
left: 1.2133333333rem;
|
|
}
|
|
.page3 .letter .letter_in ul li .tx_r {
|
|
width: 0.96rem;
|
|
height: 0.96rem;
|
|
border: 0.0133333333rem solid #fff;
|
|
background: #98535B;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 2.28rem;
|
|
top: 0.7466666667rem;
|
|
z-index: 2;
|
|
box-sizing: border-box;
|
|
}
|
|
.page3 .letter .letter_in ul li .letters {
|
|
width: 1.2133333333rem;
|
|
height: 1.0133333333rem;
|
|
position: absolute;
|
|
left: 3.6666666667rem;
|
|
top: 0.6933333333rem;
|
|
}
|
|
.page3 .letter .letter_in ul li .but {
|
|
width: 1.48rem;
|
|
height: 0.5866666667rem;
|
|
position: absolute;
|
|
top: 0.9466666667rem;
|
|
right: 0.4133333333rem;
|
|
}
|
|
.page3 .capture {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
.page3 .capture .letter_in1Img {
|
|
width: 8.5866666667rem;
|
|
height: 8.5066666667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 35%;
|
|
border-radius: 0.2666666667rem;
|
|
}
|
|
.page3 .capture .letter_in1 {
|
|
width: 8.5866666667rem;
|
|
height: 8.5066666667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 35%;
|
|
border-radius: 0.2666666667rem;
|
|
}
|
|
.page3 .capture .letter_in1 .letter_in111111 {
|
|
width: 8.5866666667rem;
|
|
height: 8.5066666667rem;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
border-radius: 0.2666666667rem;
|
|
}
|
|
.page3 .capture .letter_in1 .letter_in111111 img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.page3 .capture .letter_in1 .letter_in222 {
|
|
width: 0.72rem;
|
|
height: 0.72rem;
|
|
position: absolute;
|
|
left: 1.2933333333rem;
|
|
top: 1.5rem;
|
|
border-radius: 0.2666666667rem;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
border: 0.0133333333rem solid #FF7489;
|
|
}
|
|
.page3 .capture .letter_in1 .letter_in222 img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.page3 .capture .letter_in1 .letter_in333 {
|
|
width: 0.72rem;
|
|
height: 0.72rem;
|
|
position: absolute;
|
|
right: 2.4rem;
|
|
top: 5.1333333333rem;
|
|
border-radius: 0.2666666667rem;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
border: 0.0133333333rem solid #FF7489;
|
|
}
|
|
.page3 .capture .letter_in1 .letter_in333 img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.page3 .capture .letter_in1 .line {
|
|
width: 95%;
|
|
height: 95%;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border: 0.0266666667rem solid #FFB9C4;
|
|
border-radius: 0.4rem;
|
|
background: #FFFAE6;
|
|
display: none;
|
|
}
|
|
.page3 .capture .letter_in1 .title {
|
|
width: 100%;
|
|
text-align: center;
|
|
left: 0;
|
|
top: 0.7733333333rem;
|
|
color: #990D39;
|
|
font-weight: bold;
|
|
font-size: 0.44rem;
|
|
position: absolute;
|
|
}
|
|
.page3 .capture .letter_in1 .to {
|
|
height: 0.7333333333rem;
|
|
line-height: 0.7333333333rem;
|
|
position: absolute;
|
|
left: 0.6933333333rem;
|
|
top: 1.44rem;
|
|
color: #FE447F;
|
|
font-size: 0.32rem;
|
|
}
|
|
.page3 .capture .letter_in1 .to .toImg {
|
|
display: inline-block;
|
|
width: 0.7333333333rem;
|
|
height: 0.7333333333rem;
|
|
margin: 0 0.0533333333rem;
|
|
border-radius: 50%;
|
|
border: 0.0133333333rem solid #FF7489;
|
|
z-index: 5;
|
|
}
|
|
.page3 .capture .letter_in1 p {
|
|
width: 5.2rem;
|
|
text-align: center;
|
|
color: #3D001F;
|
|
font-size: 0.32rem;
|
|
top: 3.2533333333rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
position: absolute;
|
|
line-height: 0.5rem;
|
|
z-index: 2;
|
|
}
|
|
.page3 .capture .letter_in1 .bg {
|
|
width: 6.9333333333rem;
|
|
height: 1.9733333333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.7466666667rem;
|
|
background: #FFE8E8;
|
|
border-radius: 0.2666666667rem;
|
|
z-index: 2;
|
|
}
|
|
.page3 .capture .letter_in1 .form {
|
|
height: 0.7333333333rem;
|
|
line-height: 0.7333333333rem;
|
|
position: absolute;
|
|
right: 0.7066666667rem;
|
|
bottom: 2.6533333333rem;
|
|
color: #FE447F;
|
|
font-size: 0.32rem;
|
|
}
|
|
.page3 .capture .letter_in1 .form .toImg {
|
|
display: inline-block;
|
|
width: 0.7333333333rem;
|
|
height: 0.7333333333rem;
|
|
margin: 0 0.0533333333rem;
|
|
border-radius: 50%;
|
|
border: 0.0133333333rem solid #FF7489;
|
|
z-index: 5;
|
|
}
|
|
.page3 .capture .letter_in1 .form .toImg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
border-radius: 50%;
|
|
}
|
|
.page3 .capture .letter_in1 i {
|
|
font-style: normal;
|
|
color: #723E52;
|
|
font-size: 0.2933333333rem;
|
|
position: absolute;
|
|
right: 0.8266666667rem;
|
|
bottom: 2.24rem;
|
|
}
|
|
.page3 .capture .letter_in2 {
|
|
width: 8.5866666667rem;
|
|
height: 4.5066666667rem;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
left: 49.9%;
|
|
transform: translateX(-50%);
|
|
top: 53%;
|
|
z-index: 2;
|
|
}
|
|
.page3 .capture .letter_in2 .close {
|
|
width: 2.9333333333rem;
|
|
height: 0.8666666667rem;
|
|
line-height: 0.8666666667rem;
|
|
border-radius: 0.8666666667rem;
|
|
text-align: center;
|
|
color: #482F2F;
|
|
font-weight: bold;
|
|
font-size: 0.3733333333rem;
|
|
position: absolute;
|
|
left: 1.0266666667rem;
|
|
bottom: 0.3333333333rem;
|
|
background: #FFFFFF;
|
|
}
|
|
.page3 .capture .letter_in2 .ok {
|
|
width: 2.9333333333rem;
|
|
height: 0.96rem;
|
|
line-height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
text-align: center;
|
|
color: #482F2F;
|
|
font-weight: bold;
|
|
font-size: 0.3733333333rem;
|
|
position: absolute;
|
|
right: 1.0266666667rem;
|
|
bottom: 0.2933333333rem;
|
|
}
|
|
.page3 .dynamic {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
.page3 .dynamic .dynamic_in {
|
|
width: 8rem;
|
|
height: 5.6133333333rem;
|
|
background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 0.5333333333rem;
|
|
overflow: hidden;
|
|
}
|
|
.page3 .dynamic .dynamic_in .title {
|
|
width: 2.7733333333rem;
|
|
height: 1.04rem;
|
|
margin: 0.44rem auto 0.8666666667rem;
|
|
display: block;
|
|
}
|
|
.page3 .dynamic .dynamic_in p {
|
|
color: #3D001F;
|
|
font-size: 0.3466666667rem;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.page3 .dynamic .dynamic_in .close {
|
|
position: absolute;
|
|
width: 2.9333333333rem;
|
|
height: 0.96rem;
|
|
line-height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
text-align: center;
|
|
color: #482F2F;
|
|
font-weight: bold;
|
|
font-size: 0.3733333333rem;
|
|
background: #fff;
|
|
left: 0.8rem;
|
|
bottom: 0.44rem;
|
|
}
|
|
.page3 .dynamic .dynamic_in .ok {
|
|
position: absolute;
|
|
width: 2.9333333333rem;
|
|
height: 0.96rem;
|
|
line-height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
text-align: center;
|
|
color: #482F2F;
|
|
font-weight: bold;
|
|
font-size: 0.3733333333rem;
|
|
background: #fff;
|
|
right: 0.8rem;
|
|
bottom: 0.44rem;
|
|
}
|
|
|
|
.desire_pub {
|
|
display: none;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.desire_pub .desire_pub_in {
|
|
width: 8rem;
|
|
height: 9.4rem;
|
|
background: url(../images/desire_pub.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.desire_pub .desire_pub_in .desire_pub_in_tab {
|
|
width: 6.6666666667rem;
|
|
height: 0.96rem;
|
|
line-height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
background: #fff;
|
|
font-size: 0.4rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.5333333333rem;
|
|
}
|
|
.desire_pub .desire_pub_in .desire_pub_in_tab div {
|
|
width: 3.3333333333rem;
|
|
text-align: center;
|
|
color: #FE7AA3;
|
|
font-weight: bold;
|
|
}
|
|
.desire_pub .desire_pub_in .desire_pub_in_tab .active {
|
|
background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
|
|
border-radius: 0.96rem;
|
|
color: #fff;
|
|
}
|
|
.desire_pub .desire_pub_in ul {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.92rem;
|
|
width: 7.2rem;
|
|
height: 7.04rem;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
padding: 0.2133333333rem;
|
|
}
|
|
.desire_pub .desire_pub_in ul li {
|
|
width: 100%;
|
|
height: 1.1733333333rem;
|
|
margin-bottom: 0.24rem;
|
|
}
|
|
.desire_pub .desire_pub_in ul li img {
|
|
display: inline-block;
|
|
width: 1.1733333333rem;
|
|
height: 1.1733333333rem;
|
|
background: #FFADB7;
|
|
float: left;
|
|
margin-right: 0.1866666667rem;
|
|
border-radius: 50%;
|
|
}
|
|
.desire_pub .desire_pub_in ul li div {
|
|
float: left;
|
|
}
|
|
.desire_pub .desire_pub_in ul li div p {
|
|
margin: 0.2533333333rem 0 0.1466666667rem;
|
|
color: #482f2f;
|
|
font-size: 0.32rem;
|
|
}
|
|
.desire_pub .desire_pub_in ul li div b {
|
|
color: #fe447f;
|
|
font-size: 0.2666666667rem;
|
|
}
|
|
.desire_pub .desire_pub_in .rule {
|
|
display: none;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.92rem;
|
|
width: 7.2rem;
|
|
height: 7.04rem;
|
|
box-sizing: border-box;
|
|
padding: 0.2133333333rem;
|
|
}
|
|
.desire_pub .desire_pub_in .rule p {
|
|
color: #482f2f;
|
|
font-size: 0.32rem;
|
|
margin-bottom: 0.3333333333rem;
|
|
line-height: 0.5333333333rem;
|
|
}
|
|
|
|
.redTree_pub {
|
|
display: none;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.redTree_pub .desire_pub_in {
|
|
width: 8rem;
|
|
height: 9.4rem;
|
|
background: url(../images/desire_pub.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.redTree_pub .desire_pub_in .desire_pub_in_tab {
|
|
width: 6.6666666667rem;
|
|
height: 0.96rem;
|
|
line-height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
background: #fff;
|
|
font-size: 0.4rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.5333333333rem;
|
|
}
|
|
.redTree_pub .desire_pub_in .desire_pub_in_tab div {
|
|
width: 3.3333333333rem;
|
|
text-align: center;
|
|
color: #FE7AA3;
|
|
font-weight: bold;
|
|
}
|
|
.redTree_pub .desire_pub_in .desire_pub_in_tab .active {
|
|
background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
|
|
border-radius: 0.96rem;
|
|
color: #fff;
|
|
}
|
|
.redTree_pub .desire_pub_in ul {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.92rem;
|
|
width: 7.2rem;
|
|
height: 7.04rem;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
padding: 0.2133333333rem;
|
|
overflow-x: hidden;
|
|
}
|
|
.redTree_pub .desire_pub_in ul li {
|
|
width: 6.6666666667rem;
|
|
margin: 0 auto;
|
|
height: 0.8rem;
|
|
line-height: 0.8rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.redTree_pub .desire_pub_in ul li span {
|
|
flex: 1;
|
|
font-weight: bold;
|
|
color: #3D001F;
|
|
text-align: center;
|
|
font-size: 0.32rem;
|
|
}
|
|
.redTree_pub .desire_pub_in ul .li {
|
|
margin-bottom: 0.32rem;
|
|
}
|
|
.redTree_pub .desire_pub_in ul .li span {
|
|
width: 1.6666666667rem;
|
|
height: 0.6666666667rem;
|
|
}
|
|
.redTree_pub .desire_pub_in ul .li span i {
|
|
width: 100%;
|
|
height: 0.25rem;
|
|
text-align: center;
|
|
color: #3D001F;
|
|
font-size: 0.2933333333rem;
|
|
margin-bottom: 0.1466666667rem;
|
|
font-style: normal;
|
|
display: block;
|
|
}
|
|
.redTree_pub .desire_pub_in ul .li span b {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 0.2666666667rem;
|
|
color: #C3646E;
|
|
}
|
|
.redTree_pub .desire_pub_in .rule {
|
|
display: none;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.92rem;
|
|
width: 7.2rem;
|
|
height: 7.04rem;
|
|
box-sizing: border-box;
|
|
padding: 0.2133333333rem;
|
|
}
|
|
.redTree_pub .desire_pub_in .rule p {
|
|
color: #3D001F;
|
|
font-size: 0.2933333333rem;
|
|
margin-bottom: 0.3333333333rem;
|
|
font-weight: bold;
|
|
line-height: 0.5333333333rem;
|
|
}
|
|
|
|
.desire_see {
|
|
display: none;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.desire_see .desire_see_in {
|
|
width: 8rem;
|
|
height: 8.4rem;
|
|
background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 0.5333333333rem;
|
|
}
|
|
.desire_see .desire_see_in .title {
|
|
width: 3.3733333333rem;
|
|
height: 1.04rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.3866666667rem;
|
|
}
|
|
.desire_see .desire_see_in .gift {
|
|
width: 7.2rem;
|
|
height: 4.28rem;
|
|
background: #fff;
|
|
border-radius: 0.1333333333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.7866666667rem;
|
|
}
|
|
.desire_see .desire_see_in .desire_see_in_but {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 6.9466666667rem;
|
|
width: 3.7333333333rem;
|
|
height: 0.96rem;
|
|
}
|
|
|
|
.confirmTheGift {
|
|
display: none;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.confirmTheGift .confirmTheGift_in {
|
|
width: 8rem;
|
|
height: 5.6133333333rem;
|
|
background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 0.5333333333rem;
|
|
box-sizing: border-box;
|
|
}
|
|
.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title {
|
|
width: 100%;
|
|
text-align: center;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.5333333333rem;
|
|
color: #990D39;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: bold;
|
|
}
|
|
.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title b {
|
|
color: #503938;
|
|
font-weight: bold;
|
|
}
|
|
.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title i {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
.confirmTheGift .confirmTheGift_in .gift {
|
|
width: 2.1333333333rem;
|
|
height: 2.1333333333rem;
|
|
background: #FFADB7;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.48rem;
|
|
}
|
|
.confirmTheGift .confirmTheGift_in .but1 {
|
|
text-align: center;
|
|
color: #482F2F;
|
|
font-size: 0.3733333333rem;
|
|
font-weight: bold;
|
|
line-height: 0.96rem;
|
|
width: 2.9333333333rem;
|
|
height: 0.96rem;
|
|
border-radius: 0.96rem;
|
|
position: absolute;
|
|
left: 0.8rem;
|
|
top: 4.2133333333rem;
|
|
background: #fff;
|
|
}
|
|
.confirmTheGift .confirmTheGift_in .but2 {
|
|
width: 2.9333333333rem;
|
|
height: 0.96rem;
|
|
position: absolute;
|
|
right: 0.8rem;
|
|
top: 4.2133333333rem;
|
|
background: url(../images/confirmTheGift_in_but2.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page4 .rankTab {
|
|
width: 6.6666666667rem;
|
|
height: 1.1466666667rem;
|
|
background: #FFC2CA;
|
|
border: 0.04rem solid #FFE1EC;
|
|
border-radius: 0.56rem;
|
|
margin: 0.5333333333rem auto 0;
|
|
display: flex;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.page4 .rankTab .rankItem {
|
|
width: 50%;
|
|
height: 1.1466666667rem;
|
|
color: #D5747E;
|
|
font-size: 0.4533333333rem;
|
|
text-align: center;
|
|
line-height: 1.1466666667rem;
|
|
margin-top: -0.02rem;
|
|
}
|
|
.page4 .rankTab .rankItem_act {
|
|
background: url(../images/rank/rank_act.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
color: #FFFFFF;
|
|
}
|
|
.page4 .yqListWrap {
|
|
width: 9.2rem;
|
|
height: 39.5rem;
|
|
background: linear-gradient(90deg, #FFE1ED 0%, #FFF6E7 100%);
|
|
border-radius: 0.4rem;
|
|
margin: -0.6rem auto 2rem;
|
|
position: relative;
|
|
}
|
|
.page4 .yqListWrap .rankAward {
|
|
width: 2.1333333333rem;
|
|
height: 0.64rem;
|
|
background: #FFFFFF;
|
|
border-radius: 0.2666666667rem;
|
|
font-size: 0.3466666667rem;
|
|
color: #FE447F;
|
|
text-align: center;
|
|
line-height: 0.64rem;
|
|
position: absolute;
|
|
top: 0.8rem;
|
|
right: 0.4rem;
|
|
}
|
|
.page4 .yqListWrap .tips {
|
|
width: 100%;
|
|
font-size: 0.32rem;
|
|
color: #482F2F;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 1.76rem;
|
|
}
|
|
.page4 .yqListWrap .dateTab {
|
|
width: 4.5733333333rem;
|
|
height: 0.88rem;
|
|
position: absolute;
|
|
top: 2.36rem;
|
|
left: 2.3066666667rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.page4 .yqListWrap .dateTab .iteml {
|
|
width: 2.2666666667rem;
|
|
height: 0.88rem;
|
|
background: url("../images/rank/date.png") no-repeat;
|
|
background-size: 100%;
|
|
line-height: 0.88rem;
|
|
text-align: center;
|
|
font-size: 0.3466666667rem;
|
|
color: #CE5F6B;
|
|
font-weight: 500;
|
|
transform: rotate(180deg);
|
|
}
|
|
.page4 .yqListWrap .dateTab .iteml p {
|
|
transform: rotate(-180deg);
|
|
}
|
|
.page4 .yqListWrap .dateTab .itemr {
|
|
width: 2.2666666667rem;
|
|
height: 0.88rem;
|
|
background: url("../images/rank/date.png") no-repeat;
|
|
background-size: 100%;
|
|
line-height: 0.88rem;
|
|
text-align: center;
|
|
font-size: 0.3466666667rem;
|
|
color: #CE5F6B;
|
|
font-weight: 500;
|
|
}
|
|
.page4 .yqListWrap .dateTab .iteml_act {
|
|
background: url("../images/rank/date_act.png") no-repeat;
|
|
background-size: 100%;
|
|
transform: rotate(0deg);
|
|
}
|
|
.page4 .yqListWrap .dateTab .iteml_act p {
|
|
transform: rotate(0deg);
|
|
}
|
|
.page4 .yqListWrap .dateTab .itemr_act {
|
|
background: url("../images/rank/date_act.png") no-repeat;
|
|
background-size: 100%;
|
|
transform: rotate(180deg);
|
|
}
|
|
.page4 .yqListWrap .dateTab .itemr_act p {
|
|
transform: rotate(-180deg);
|
|
}
|
|
.page4 .yqListWrap .time {
|
|
width: 8.75rem;
|
|
height: 0.48rem;
|
|
line-height: 0.48rem;
|
|
text-align: center;
|
|
display: flex;
|
|
position: relative;
|
|
left: 5%;
|
|
top: 3.5466666667rem;
|
|
overflow-x: scroll;
|
|
}
|
|
.page4 .yqListWrap .time::-webkit-scrollbar {
|
|
width: 0;
|
|
display: none;
|
|
}
|
|
.page4 .yqListWrap .time span {
|
|
min-width: 0.96rem;
|
|
height: 100%;
|
|
background: #FFD8E5;
|
|
font-size: 0.2933333333rem;
|
|
color: #3D001F;
|
|
border-radius: 0.1333333333rem;
|
|
margin-right: 0.2933333333rem;
|
|
z-index: 2;
|
|
}
|
|
.page4 .yqListWrap .time .active {
|
|
background: linear-gradient(0deg, #FF5A7D 1%, #FFC99E 98%);
|
|
color: #fff;
|
|
}
|
|
.page4 .yqListWrap .time p {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 2%;
|
|
transform: translateY(-50%);
|
|
width: 135%;
|
|
height: 0.08rem;
|
|
background-color: #FFD8E5;
|
|
z-index: 1;
|
|
}
|
|
.page4 .yqListWrap .yqList {
|
|
width: 8.5333333333rem;
|
|
height: 34.6rem;
|
|
background: #FFA2AB;
|
|
border-radius: 0.16rem;
|
|
position: absolute;
|
|
top: 4.4666666667rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 {
|
|
width: 7.1333333333rem;
|
|
height: 5.04rem;
|
|
position: absolute;
|
|
top: 0.3066666667rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
background: url(../images/rank/no1Bg.png) no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 .bg {
|
|
width: 1rem;
|
|
height: 0.7866666667rem;
|
|
background: url(../images/rank/cpLink.png) no-repeat;
|
|
background-size: 100%;
|
|
position: absolute;
|
|
top: 1.6266666667rem;
|
|
left: 47%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 .img1 {
|
|
width: 1.6rem;
|
|
height: 1.6rem;
|
|
border: 0.0266666667rem solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 1.1866666667rem;
|
|
left: 1.2rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 .img2 {
|
|
width: 1.6rem;
|
|
height: 1.6rem;
|
|
border: 0.0266666667rem solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 1.1866666667rem;
|
|
right: 1.63rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 .name1,
|
|
.page4 .yqListWrap .yqList .no1 .name2 {
|
|
width: 1.4rem;
|
|
height: 0.4533333333rem;
|
|
font-size: 0.32rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 0.4533333333rem;
|
|
white-space: nowrap;
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 .name1 {
|
|
position: absolute;
|
|
left: 1.3rem;
|
|
top: 2.9rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 .name2 {
|
|
position: absolute;
|
|
right: 1.8rem;
|
|
top: 2.9rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no1 b {
|
|
font-size: 0.3466666667rem;
|
|
color: #FEFFA3;
|
|
position: absolute;
|
|
bottom: 1.04rem;
|
|
left: 48%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 {
|
|
width: 3.5rem;
|
|
height: 4.24rem;
|
|
position: absolute;
|
|
top: 5.5rem;
|
|
left: 2.2rem;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 .bg {
|
|
width: 1.4266666667rem;
|
|
height: 1.8133333333rem;
|
|
background: url(../images/rank/no2.png) no-repeat;
|
|
background-size: 100%;
|
|
position: absolute;
|
|
top: 0.3rem;
|
|
left: 50.5%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 .img1 {
|
|
width: 1.3466666667rem;
|
|
height: 1.3466666667rem;
|
|
border: 0.0266666667rem solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 1.1rem;
|
|
left: 0;
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 .img2 {
|
|
width: 1.3466666667rem;
|
|
height: 1.3466666667rem;
|
|
border: 0.0266666667rem solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 1.1rem;
|
|
right: 0;
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 .name1,
|
|
.page4 .yqListWrap .yqList .no2 .name2 {
|
|
width: 1.4rem;
|
|
height: 0.4533333333rem;
|
|
font-size: 0.32rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 0.4533333333rem;
|
|
white-space: nowrap;
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 .name1 {
|
|
position: absolute;
|
|
left: 0rem;
|
|
top: 2.6rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 .name2 {
|
|
position: absolute;
|
|
right: 0rem;
|
|
top: 2.6rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no2 b {
|
|
font-size: 0.3466666667rem;
|
|
color: #FEFFA3;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
bottom: 0.7rem;
|
|
left: 48%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 {
|
|
width: 3.5rem;
|
|
height: 4.24rem;
|
|
position: absolute;
|
|
top: 5.55rem;
|
|
right: 0.4rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 .bg {
|
|
width: 1.4266666667rem;
|
|
height: 1.8133333333rem;
|
|
background: url(../images/rank/no3.png) no-repeat;
|
|
background-size: 100%;
|
|
position: absolute;
|
|
top: 0.3rem;
|
|
left: 52%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 .img1 {
|
|
width: 1.3466666667rem;
|
|
height: 1.3466666667rem;
|
|
border: 0.0266666667rem solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 1.1rem;
|
|
left: 0;
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 .img2 {
|
|
width: 1.3466666667rem;
|
|
height: 1.3466666667rem;
|
|
border: 0.0266666667rem solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 1.1rem;
|
|
right: 0;
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 .name1,
|
|
.page4 .yqListWrap .yqList .no3 .name2 {
|
|
width: 1.4rem;
|
|
height: 0.4533333333rem;
|
|
font-size: 0.32rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 0.4533333333rem;
|
|
white-space: nowrap;
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 .name1 {
|
|
position: absolute;
|
|
left: 0rem;
|
|
top: 2.6rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 .name2 {
|
|
position: absolute;
|
|
right: 0rem;
|
|
top: 2.6rem;
|
|
}
|
|
.page4 .yqListWrap .yqList .no3 b {
|
|
font-size: 0.3466666667rem;
|
|
color: #FEFFA3;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
bottom: 0.7rem;
|
|
left: 48%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .yqListWrap .yqList ul {
|
|
width: 100%;
|
|
height: 25.55rem;
|
|
position: absolute;
|
|
bottom: 0;
|
|
overflow-y: hidden;
|
|
}
|
|
.page4 .yqListWrap .yqList ul li {
|
|
width: 7.8533333333rem;
|
|
height: 2.1066666667rem;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
border-bottom: 1px solid rgba(247, 189, 189, 0.5);
|
|
}
|
|
.page4 .yqListWrap .yqList ul li:nth-child(7) {
|
|
border-bottom: 0;
|
|
}
|
|
.page4 .yqListWrap .yqList ul li .num {
|
|
width: 1.0666666667rem;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0.9333333333rem;
|
|
left: 0;
|
|
}
|
|
.page4 .yqListWrap .yqList ul li .img1 {
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #fff;
|
|
position: absolute;
|
|
left: 1.6666666667rem;
|
|
top: 0.2666666667rem;
|
|
z-index: 1;
|
|
}
|
|
.page4 .yqListWrap .yqList ul li .img2 {
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #fff;
|
|
position: absolute;
|
|
left: 2.7866666667rem;
|
|
top: 0.2666666667rem;
|
|
z-index: 2;
|
|
}
|
|
.page4 .yqListWrap .yqList ul li p {
|
|
width: 3rem;
|
|
font-size: 0.2933333333rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
left: 1.25rem;
|
|
top: 1.6533333333rem;
|
|
}
|
|
.page4 .yqListWrap .yqList ul li b {
|
|
position: absolute;
|
|
right: 0.1rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: #FEFFA3;
|
|
font-size: 0.3466666667rem;
|
|
}
|
|
.page4 .myGulp {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 2.5066666667rem;
|
|
background: linear-gradient(0deg, #FF97CA 0%, #FFF4E8 99%);
|
|
border-radius: 0.2133333333rem 0.2133333333rem 0px 0px;
|
|
box-sizing: border-box;
|
|
padding: 0.56rem 0;
|
|
z-index: 5;
|
|
transition: all 0.4s;
|
|
}
|
|
.page4 .myGulp .more {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.1466666667rem;
|
|
width: 0.3333333333rem;
|
|
height: 0.2533333333rem;
|
|
transition: all 0.4s;
|
|
}
|
|
.page4 .myGulp .more_act {
|
|
transform: translateX(-50%) rotate(180deg);
|
|
}
|
|
.page4 .myGulp ul {
|
|
width: 100%;
|
|
height: 1.6666666667rem;
|
|
overflow: hidden;
|
|
}
|
|
.page4 .myGulp ul::-webkit-scrollbar {
|
|
width: 0;
|
|
display: none;
|
|
}
|
|
.page4 .myGulp ul li {
|
|
width: 8.6666666667rem;
|
|
height: 1.6666666667rem;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
|
}
|
|
.page4 .myGulp ul li .num {
|
|
width: 1.0666666667rem;
|
|
font-size: 0.3466666667rem;
|
|
font-weight: 500;
|
|
color: #3D001F;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0.64rem;
|
|
left: 0;
|
|
}
|
|
.page4 .myGulp ul li .img1 {
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #fff;
|
|
position: absolute;
|
|
left: 1.6666666667rem;
|
|
top: 0.05rem;
|
|
z-index: 1;
|
|
}
|
|
.page4 .myGulp ul li .img2 {
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #fff;
|
|
position: absolute;
|
|
left: 2.7866666667rem;
|
|
top: 0.05rem;
|
|
z-index: 2;
|
|
}
|
|
.page4 .myGulp ul li p {
|
|
width: 3rem;
|
|
font-size: 0.2933333333rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
left: 1.26rem;
|
|
top: 1.3rem;
|
|
}
|
|
.page4 .myGulp ul li b {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0.5333333333rem;
|
|
color: #CF636E;
|
|
font-size: 0.3466666667rem;
|
|
}
|
|
.page4 .myGulp ul .active {
|
|
text-align: center;
|
|
font-size: 0.4rem;
|
|
line-height: 1.6666666667rem;
|
|
color: #ffffff;
|
|
}
|
|
.page4 .mlListWrap {
|
|
display: none;
|
|
width: 9.2rem;
|
|
height: 32.5866666667rem;
|
|
background: linear-gradient(90deg, #FFE1ED 0%, #FFF6E7 100%);
|
|
border-radius: 0.4rem;
|
|
margin: -0.6rem auto 1.8rem;
|
|
position: relative;
|
|
}
|
|
.page4 .mlListWrap .rankAward {
|
|
width: 2.1333333333rem;
|
|
height: 0.64rem;
|
|
background: #FFFFFF;
|
|
border-radius: 0.2666666667rem;
|
|
font-size: 0.3466666667rem;
|
|
color: #FE447F;
|
|
text-align: center;
|
|
line-height: 0.64rem;
|
|
position: absolute;
|
|
top: 0.8rem;
|
|
right: 0.4rem;
|
|
}
|
|
.page4 .mlListWrap .tips {
|
|
width: 100%;
|
|
font-size: 0.32rem;
|
|
color: #482F2F;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 1.76rem;
|
|
}
|
|
.page4 .mlListWrap .mlList {
|
|
width: 8.5333333333rem;
|
|
height: 29.4666666667rem;
|
|
background: #FFA2AB;
|
|
border-radius: 0.16rem;
|
|
position: absolute;
|
|
top: 2.6933333333rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .mlListWrap .mlList .no1 {
|
|
width: 3.0133333333rem;
|
|
height: 3.0133333333rem;
|
|
position: absolute;
|
|
top: 0.5333333333rem;
|
|
left: 50.6%;
|
|
transform: translateX(-50%);
|
|
padding: 0.4533333333rem 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.page4 .mlListWrap .mlList .no1 .bg {
|
|
width: 4.96rem;
|
|
height: 3.8933333333rem;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50.6%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.page4 .mlListWrap .mlList .no1 .tx {
|
|
display: block;
|
|
width: 2.35rem;
|
|
height: 2.35rem;
|
|
margin: -0.14rem auto 0.4133333333rem;
|
|
border-radius: 50%;
|
|
}
|
|
.page4 .mlListWrap .mlList .no1 .No {
|
|
width: 3.0133333333rem;
|
|
height: 3.0133333333rem;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50.6%;
|
|
transform: translateX(-50%);
|
|
box-sizing: border-box;
|
|
}
|
|
.page4 .mlListWrap .mlList .no1 p {
|
|
width: 2.8666666667rem;
|
|
height: 0.6rem;
|
|
background: linear-gradient(90deg, rgba(253, 183, 205, 0.02) 1%, rgba(255, 111, 135, 0.96) 41%, rgba(253, 184, 205, 0) 100%);
|
|
font-size: 0.32rem;
|
|
color: #fff;
|
|
line-height: 0.6rem;
|
|
text-align: center;
|
|
}
|
|
.page4 .mlListWrap .mlList .no1 b {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FEFFA3;
|
|
font-size: 0.2933333333rem;
|
|
display: block;
|
|
padding-top: 0.16rem;
|
|
}
|
|
.page4 .mlListWrap .mlList .no2,
|
|
.page4 .mlListWrap .mlList .no3 {
|
|
width: 2.16rem;
|
|
height: 2.2266666667rem;
|
|
position: absolute;
|
|
top: 1.7rem;
|
|
left: 0.5rem;
|
|
padding: 0.2133333333rem 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.page4 .mlListWrap .mlList .no2 .tx,
|
|
.page4 .mlListWrap .mlList .no3 .tx {
|
|
display: block;
|
|
width: 1.8rem;
|
|
height: 1.8rem;
|
|
margin: 0.05rem auto 0.3rem;
|
|
border-radius: 50%;
|
|
}
|
|
.page4 .mlListWrap .mlList .no2 .No,
|
|
.page4 .mlListWrap .mlList .no3 .No {
|
|
width: 2.16rem;
|
|
height: 2.2266666667rem;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50.6%;
|
|
transform: translateX(-50%);
|
|
box-sizing: border-box;
|
|
}
|
|
.page4 .mlListWrap .mlList .no2 p,
|
|
.page4 .mlListWrap .mlList .no3 p {
|
|
width: 2.2rem;
|
|
height: 0.6rem;
|
|
background: linear-gradient(90deg, rgba(253, 183, 205, 0.02) 1%, rgba(255, 111, 135, 0.96) 41%, rgba(253, 184, 205, 0) 100%);
|
|
font-size: 0.32rem;
|
|
color: #fff;
|
|
line-height: 0.6rem;
|
|
text-align: center;
|
|
}
|
|
.page4 .mlListWrap .mlList .no2 b,
|
|
.page4 .mlListWrap .mlList .no3 b {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FEFFA3;
|
|
font-size: 0.2933333333rem;
|
|
display: block;
|
|
padding-top: 0.16rem;
|
|
}
|
|
.page4 .mlListWrap .mlList .no3 {
|
|
left: 6rem;
|
|
}
|
|
.page4 .mlListWrap .mlList .ul {
|
|
width: 8.4rem;
|
|
height: 24.3rem;
|
|
border-radius: 0.16rem;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
overflow: hidden;
|
|
}
|
|
.page4 .mlListWrap .mlList .ul li {
|
|
width: 7.8533333333rem;
|
|
height: 2rem;
|
|
margin: 0 auto;
|
|
border-bottom: 1px solid rgba(247, 189, 189, 0.5);
|
|
}
|
|
.page4 .mlListWrap .mlList .ul li .num {
|
|
width: 1.0666666667rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.3466666667rem;
|
|
margin-left: 0.1333333333rem;
|
|
margin-top: 0.9333333333rem;
|
|
margin-right: 0.2933333333rem;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.page4 .mlListWrap .mlList .ul li .tx {
|
|
display: block;
|
|
float: left;
|
|
width: 1.36rem;
|
|
height: 1.36rem;
|
|
margin-top: 0.4266666667rem;
|
|
margin-right: 0.2933333333rem;
|
|
border: 1px solid #fff;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
}
|
|
.page4 .mlListWrap .mlList .ul li .nick {
|
|
margin-top: 0.9333333333rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.2933333333rem;
|
|
float: left;
|
|
}
|
|
.page4 .mlListWrap .mlList .ul li b {
|
|
float: right;
|
|
margin-right: 0.1333333333rem;
|
|
margin-top: 0.9333333333rem;
|
|
text-align: right;
|
|
color: #FEFFA3;
|
|
font-size: 0.32rem;
|
|
}
|
|
.page4 .myList {
|
|
width: 100%;
|
|
height: 2.3066666667rem;
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: linear-gradient(0deg, #FF97CA 0%, #FFF5E7 100%);
|
|
border-radius: 0.2133333333rem 0.2133333333rem 0 0;
|
|
z-index: 5;
|
|
}
|
|
.page4 .myList .num {
|
|
width: 17%;
|
|
text-align: center;
|
|
height: 0.48rem;
|
|
margin-left: 0.6533333333rem;
|
|
margin-right: 0.1rem;
|
|
display: block;
|
|
float: left;
|
|
color: #3D001F;
|
|
font-size: 0.4rem;
|
|
line-height: 1.7866666667rem;
|
|
}
|
|
.page4 .myList .tx {
|
|
display: block;
|
|
float: left;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
margin-top: 0.32rem;
|
|
margin-right: 0.3rem;
|
|
border: 1px solid #fff;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
}
|
|
.page4 .myList .nick {
|
|
height: 100%;
|
|
width: 25%;
|
|
line-height: 1.7866666667rem;
|
|
color: #fff;
|
|
font-size: 0.2933333333rem;
|
|
float: left;
|
|
}
|
|
.page4 .myList .right {
|
|
width: 25%;
|
|
float: right;
|
|
margin-right: 0.6933333333rem;
|
|
line-height: 1.7866666667rem;
|
|
text-align: right;
|
|
color: #CF636E;
|
|
font-size: 0.3466666667rem;
|
|
}
|
|
.page4 .listRule1 {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
.page4 .listRule1 .listRule1_in {
|
|
width: 8rem;
|
|
height: 13.2666666667rem;
|
|
background: url(../images/rank/rankBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.page4 .listRule1 .listRule1_in .title {
|
|
position: absolute;
|
|
width: 3.0666666667rem;
|
|
height: 1.04rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.2133333333rem;
|
|
}
|
|
.page4 .listRule1 .listRule1_in .box {
|
|
width: 6.7333333333rem;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
margin: 1.8933333333rem auto 0;
|
|
height: 10.6rem;
|
|
}
|
|
.page4 .listRule1 .listRule1_in .box::-webkit-scrollbar {
|
|
width: 0;
|
|
display: none;
|
|
}
|
|
.page4 .listRule1 .listRule1_in .box img {
|
|
width: 100%;
|
|
height: 26.9333333333rem;
|
|
}
|
|
.page4 .listRule2 {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
.page4 .listRule2 .listRule2_in {
|
|
width: 8rem;
|
|
height: 13.2666666667rem;
|
|
background: url(../images/rank/rankBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.page4 .listRule2 .listRule2_in .title {
|
|
position: absolute;
|
|
width: 3.0666666667rem;
|
|
height: 1.04rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.2133333333rem;
|
|
}
|
|
.page4 .listRule2 .listRule2_in .box {
|
|
width: 6.7333333333rem;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
margin: 2rem auto 0;
|
|
height: 10.5rem;
|
|
}
|
|
.page4 .listRule2 .listRule2_in .box::-webkit-scrollbar {
|
|
width: 0;
|
|
display: none;
|
|
}
|
|
.page4 .listRule2 .listRule2_in .box img {
|
|
width: 100%;
|
|
height: 13.32rem;
|
|
}
|
|
|
|
.jieshu {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
.jieshu .jieshu_in {
|
|
width: 8.4533333333rem;
|
|
height: 4.8666666667rem;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: url(../images/rank/jieshu.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.jieshu .jieshu_in span {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0.68rem;
|
|
width: 5.4rem;
|
|
height: 1.3rem;
|
|
}
|
|
|
|
/*# sourceMappingURL=index.css.map */
|