Files
peko-h5/view/peko/activity/midAutumnFestival/css/index.css
2023-09-22 11:31:31 +08:00

1328 lines
28 KiB
CSS

@charset "UTF-8";
@font-face {
font-family: "iconfont";
/* Project id 4251627 */
src: url("//at.alicdn.com/t/c/font_4251627_lsh8i73eps.woff2?t=1694762890271") format("woff2"), url("//at.alicdn.com/t/c/font_4251627_lsh8i73eps.woff?t=1694762890271") format("woff"), url("//at.alicdn.com/t/c/font_4251627_lsh8i73eps.ttf?t=1694762890271") format("truetype");
}
.iconfont {
font-family: "iconfont" !important;
font-size: 0.6666666667rem;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tuzi-01:before {
content: "";
}
.icon-tuzi3:before {
content: "";
}
.icon-a-ziyuan412:before {
content: "";
}
.icon-tuzi:before {
content: "";
}
.rabbit {
position: absolute;
z-index: 99;
}
body {
width: 100%;
background: #0C0C21;
}
body::-webkit-scrollbar {
width: 0;
display: none;
}
::-webkit-scrollbar {
width: 0;
display: none;
}
.back {
position: fixed;
top: 0.9333333333rem;
left: 0.4533333333rem;
z-index: 8;
width: 0.8266666667rem;
height: 0.8266666667rem;
}
.back img {
width: 100%;
height: 100%;
}
.back p {
color: #fff;
font-size: 0.4266666667rem;
position: absolute;
width: 9rem;
left: 0;
top: 0;
height: 100%;
text-align: center;
line-height: 0.8266666667rem;
}
.header {
width: 10rem;
height: 9.36rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -2rem;
position: relative;
}
.header .rule_icon {
position: absolute;
width: 0.6666666667rem;
height: 2.2666666667rem;
top: 4.1866666667rem;
right: 0.1333333333rem;
}
.giftBox {
position: relative;
width: 9.0533333333rem;
height: 7.3333333333rem;
margin: 0 auto 0.2133333333rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .swiper {
width: 7.24rem;
height: 5.8933333333rem;
position: absolute;
left: 50%;
top: 1.0933333333rem;
transform: translateX(-50%);
}
.tab {
width: 6.6rem;
height: 1.2133333333rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.tab div {
width: 3.0133333333rem;
height: 100%;
}
.tab .tab1 {
background: url(../images/tab1.png) no-repeat;
background-size: 100% 100%;
}
.tab .tab2 {
background: url(../images/tab2.png) no-repeat;
background-size: 100% 100%;
}
.tab .tab_active1 {
background: url(../images/tab_acvive1.png) no-repeat;
background-size: 100% 100%;
}
.tab .tab_active2 {
background: url(../images/tab_active2.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play1 .playBox {
width: 9.72rem;
height: 11.8933333333rem;
background: url(../images/playBox.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
position: relative;
}
.page1 .play1 .playBox .stab {
width: 8.28rem;
height: 0.8133333333rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 1.0266666667rem;
left: 50%;
transform: translateX(-50%);
background: url(../images/stab1.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play1 .playBox .stab div {
width: 33.3333%;
}
.page1 .play1 .playBox .stab1 {
background: url(../images/stab1.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play1 .playBox .stab2 {
background: url(../images/stab2.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play1 .playBox .stab3 {
background: url(../images/stab3.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play1 .playBox .h2Title {
width: 4.56rem;
height: 1.1333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.44rem;
}
.page1 .play1 .playBox .dividerecords {
width: 1.6533333333rem;
height: 0.72rem;
position: absolute;
right: 0.6933333333rem;
top: 3.3333333333rem;
}
.page1 .play1 .playBox .dosBg {
width: 5.7733333333rem;
height: 2.9333333333rem;
background: url(../images/dosBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.9066666667rem;
overflow: hidden;
}
.page1 .play1 .playBox .dosBg .h3Title {
width: 2.8266666667rem;
height: 0.5733333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.3466666667rem;
}
.page1 .play1 .playBox .dosBg b {
display: block;
width: 100%;
margin-top: 0.9733333333rem;
text-align: center;
color: #fff;
font-size: 0.5333333333rem;
font-weight: bold;
}
.page1 .play1 .playBox .dosBg p {
width: 100%;
height: 0.7466666667rem;
line-height: 0.7466666667rem;
color: #fff;
font-weight: bold;
font-size: 0.4266666667rem;
text-align: center;
margin-top: 0.08rem;
}
.page1 .play1 .playBox .dosBg p span {
display: inline-block;
width: 0.8rem;
height: 0.7466666667rem;
text-align: center;
background: url(../images/spanIcon.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play1 .bRuleBg {
width: 9.9066666667rem;
height: 4.7rem;
background: url(../images/bRuleBg.png) no-repeat;
background-size: 100% 100%;
margin: -3.2rem auto 0;
position: relative;
}
.page1 .play1 .bRuleBg .guafenBut {
width: 3.9333333333rem;
height: 1.4533333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -0.8rem;
}
.page1 .play1 .bRuleBg .goSengBut {
width: 3.1333333333rem;
height: 0.92rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.3333333333rem;
}
.page1 .play2 {
display: none;
}
.page1 .play2 .playBox2 {
width: 9.0666666667rem;
height: 13.3066666667rem;
margin: 0 auto 0.4933333333rem;
position: relative;
background: url(../images/palyBg2.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page1 .play2 .playBox2 .stab {
width: 8.28rem;
height: 0.8133333333rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 1.0266666667rem;
left: 50%;
transform: translateX(-50%);
background: url(../images/stab2.png) no-repeat;
background-size: 100%;
}
.page1 .play2 .playBox2 .stab div {
width: 33.3333%;
}
.page1 .play2 .playBox2 .play2Text {
width: 8.1733333333rem;
height: 0.3733333333rem;
position: absolute;
top: 2.24rem;
left: 50%;
transform: translateX(-50%);
}
.page1 .play2 .playBox2 .task {
width: 8.7066666667rem;
height: 9.28rem;
background: url(../images/task.png) no-repeat;
background-size: 100% 100%;
margin: 2.7466666667rem auto 0;
position: relative;
}
.page1 .play2 .playBox2 .task .moonSecurities {
color: #8C492A;
font-size: 0.3466666667rem;
position: absolute;
top: 1.36rem;
left: 0.3866666667rem;
font-weight: bold;
}
.page1 .play2 .playBox2 .task .dayTask {
width: 3.0266666667rem;
height: 0.7866666667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.7733333333rem;
}
.page1 .play2 .playBox2 .task .foeTask {
width: 3.0266666667rem;
height: 0.7866666667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 5.1466666667rem;
}
.page1 .play2 .playBox2 .task .taksli {
width: 8.1466666667rem;
height: 1.0133333333rem;
background: url(../images/taskListBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.68rem;
display: flex;
justify-content: space-between;
line-height: 1.0133333333rem;
overflow: hidden;
box-sizing: border-box;
padding-left: 0.4rem;
}
.page1 .play2 .playBox2 .task .taksli p {
color: #8C492A;
font-size: 0.32rem;
}
.page1 .play2 .playBox2 .task .taksli .but {
width: 1.9466666667rem;
height: 0.72rem;
margin-top: 0.2666666667rem;
display: block;
}
.page1 .play2 .playBox2 .task .taks1 {
top: 2.68rem;
}
.page1 .play2 .playBox2 .task .taks2 {
top: 3.8rem;
}
.page1 .play2 .playBox2 .task .taks3 {
top: 6.12rem;
height: 1.2666666667rem;
line-height: normal;
background: url(../images/taskListBg2.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play2 .playBox2 .task .taks3 p {
margin-top: 0.2533333333rem;
}
.page1 .play2 .playBox2 .task .taks3 p b {
color: #C7535B;
margin-top: 0.1333333333rem;
display: block;
}
.page1 .play2 .playBox2 .task .taks5 {
display: none;
top: 7.5066666667rem;
height: 1.2666666667rem;
line-height: normal;
background: url(../images/taskListBg2.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play2 .playBox2 .task .taks5 p {
margin-top: 0.2533333333rem;
}
.page1 .play2 .playBox2 .task .taks5 p b {
color: #C7535B;
margin-top: 0.1333333333rem;
display: block;
}
.page1 .play2 .playBox2 .task .taks4 {
top: 7.5066666667rem;
height: 1.5rem;
line-height: normal;
background: url(../images/taskListBg2.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play2 .playBox2 .task .taks4 p {
margin-top: 0.2533333333rem;
}
.page1 .play2 .playBox2 .task .taks4 p b {
color: #C7535B;
margin-top: 0rem;
display: block;
}
.page1 .play2 .playBox2 .task .taks4 .but {
margin-top: 0.48rem;
}
.page1 .play3 {
display: none;
}
.page1 .play3 .draw {
width: 9.0666666667rem;
height: 9.8133333333rem;
position: relative;
margin: 0 auto 0rem;
background: url(../images/drawBg.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play3 .draw .stab {
width: 8.28rem;
height: 0.8133333333rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 1.0266666667rem;
left: 50%;
transform: translateX(-50%);
background: url(../images/stab3.png) no-repeat;
background-size: 100% 100%;
}
.page1 .play3 .draw .stab div {
width: 33.3333%;
}
.page1 .play3 .draw .moom {
position: absolute;
width: 100%;
left: 0.3866666667rem;
top: 2.3733333333rem;
color: #FFF0B9;
font-weight: bold;
font-size: 0.32rem;
}
.page1 .play3 .draw .dhjl {
width: 1.8133333333rem;
height: 0.64rem;
position: absolute;
right: 0.2266666667rem;
top: 2.2533333333rem;
position: absolute;
}
.page1 .play3 .draw .drawBg {
width: 8.7866666667rem;
height: 5.1466666667rem;
background: url(../images/drawInbg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 3.0133333333rem;
transform: translateX(-50%);
}
.page1 .play3 .draw .drawBg .drawBox {
width: 7.08rem;
height: 2.2666666667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.4266666667rem;
overflow: hidden;
}
.page1 .play3 .draw .drawBg .drawBox .drawBoxAll {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0rem;
width: 7.08rem;
height: 49.8666666667rem;
}
.page1 .play3 .draw .drawBg .drawBox .drawBoxAll img {
display: block;
width: 100%;
height: 24.9333333333rem;
}
.page1 .play3 .draw .but1 {
width: 2.96rem;
height: 1.08rem;
position: absolute;
left: 1.36rem;
bottom: 0.3333333333rem;
}
.page1 .play3 .draw .but10 {
width: 2.96rem;
height: 1.08rem;
position: absolute;
right: 1.36rem;
bottom: 0.3333333333rem;
}
.page1 .play3 .drawBoxBg {
width: 9.0533333333rem;
height: 6.9066666667rem;
background: url(../images/drawBoxBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0.4933333333rem;
overflow: hidden;
}
.page1 .play3 .drawBoxBg .swiper {
width: 6.5733333333rem;
height: 5.4rem;
margin: 1.1rem auto 0;
}
.page2 {
display: none;
}
.page2 .listBox {
width: 9.0666666667rem;
height: 31.4rem;
margin: 0 auto 2.1333333333rem;
background: url(../images/listBox.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.page2 .listBox .listRule_icon {
position: absolute;
width: 0.6666666667rem;
height: 2.2666666667rem;
right: -0.2933333333rem;
top: 0.84rem;
}
.page2 .listBox .listTab {
width: 5.4666666667rem;
height: 0.9866666667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.9066666667rem;
display: flex;
justify-content: space-between;
}
.page2 .listBox .listTab div {
width: 2.72rem;
}
.page2 .listBox .listTab .listTab1 {
background: url(../images/listTab1.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .listTab .listTab2 {
background: url(../images/listTab2.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .listTab .listTab_active1 {
background: url(../images/listTab_active1.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .listTab .listTab_active2 {
background: url(../images/listTab_active2.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .dayTab {
width: 3.1333333333rem;
height: 0.6933333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2rem;
display: flex;
justify-content: space-between;
}
.page2 .listBox .dayTab div {
width: 1.3733333333rem;
}
.page2 .listBox .dayTab .day1 {
background: url(../images/day1.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .dayTab .day2 {
background: url(../images/day2.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .dayTab .day_active1 {
background: url(../images/day_active1.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .dayTab .day_active2 {
background: url(../images/day_active2.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .listText {
width: 8.0533333333rem;
height: 2.16rem;
position: absolute;
top: 2.8933333333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBox .time {
width: 8.6666666667rem;
height: 0.7733333333rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 5.3733333333rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBox .time div {
width: 1.4266666667rem;
height: 0.7733333333rem;
line-height: 0.64rem;
background: url(../images/date.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #fff;
}
.page2 .listBox .time .active {
background: url(../images/dateAct.png) no-repeat;
background-size: 100% 100%;
}
.page2 .listBox .noBg {
width: 7.08rem;
height: 2.3733333333rem;
position: absolute;
top: 10.4533333333rem;
left: 50%;
transform: translateX(-50%);
background: url(../images/noBg.png) no-repeat;
background-size: 100% 100%;
z-index: 3;
}
.page2 .listBox .noBg .no1 {
width: 2.9466666667rem;
height: 2.8533333333rem;
position: absolute;
top: -3.5rem;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBox .noBg .no1 .txBg {
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBox .noBg .no1 .tx {
width: 1.9333333333rem;
height: 1.9333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.36rem;
border-radius: 50%;
}
.page2 .listBox .noBg .no1 p {
width: 100%;
text-align: center;
color: #FFF6F6;
font-size: 0.24rem;
font-weight: bold;
position: absolute;
left: 0;
top: 4.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page2 .listBox .noBg .no1 b {
width: 100%;
text-align: center;
color: #FFF6F6;
font-size: 0.24rem;
font-weight: bold;
position: absolute;
left: 0;
top: 4.9rem;
}
.page2 .listBox .noBg .no2 {
width: 2.12rem;
height: 2.2266666667rem;
position: absolute;
top: -1.9rem;
left: 0.9rem;
transform: translateX(-50%);
}
.page2 .listBox .noBg .no2 .txBg {
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBox .noBg .no2 .tx {
width: 1.5333333333rem;
height: 1.5333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.2933333333rem;
border-radius: 50%;
}
.page2 .listBox .noBg .no2 p {
width: 100%;
text-align: center;
color: #FFF6F6;
font-size: 0.2133333333rem;
font-weight: bold;
position: absolute;
left: 0;
top: 3.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page2 .listBox .noBg .no2 b {
width: 100%;
text-align: center;
color: #FFF6F6;
font-size: 0.2133333333rem;
font-weight: bold;
position: absolute;
left: 0;
top: 3.6rem;
}
.page2 .listBox .noBg .no3 {
width: 2.12rem;
height: 2.2266666667rem;
position: absolute;
top: -1.9rem;
right: -1.2rem;
transform: translateX(-50%);
}
.page2 .listBox .noBg .no3 .txBg {
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.page2 .listBox .noBg .no3 .tx {
width: 1.5333333333rem;
height: 1.5333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.2933333333rem;
}
.page2 .listBox .noBg .no3 p {
width: 100%;
text-align: center;
color: #FFF6F6;
font-size: 0.2133333333rem;
font-weight: bold;
position: absolute;
right: 0;
top: 3.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.page2 .listBox .noBg .no3 b {
width: 100%;
text-align: center;
color: #FFF6F6;
font-size: 0.2133333333rem;
font-weight: bold;
position: absolute;
right: 0;
top: 3.6rem;
}
.page2 .listBox .noBgB {
width: 8.6666666667rem;
height: 2.1066666667rem;
position: absolute;
top: 11.9333333333rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.page2 .listBox .ul {
width: 8.7866666667rem;
height: 24.9733333333rem;
background: url(../images/listUlBg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 6.4rem;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
padding-top: 7.3066666667rem;
}
.page2 .listBox .ul ul {
width: 8.6533333333rem;
height: 16.7rem;
margin: 0 auto;
overflow-y: scroll;
}
.page2 .listBox .ul ul li {
width: 100%;
height: 1.8666666667rem;
background: url(../images/liBg.png) no-repeat;
background-size: 100% 100%;
z-index: 3;
box-sizing: border-box;
padding: 0 0.5466666667rem;
position: relative;
}
.page2 .listBox .ul ul li .num {
width: 0.56rem;
height: 0.56rem;
line-height: 0.56rem;
background: #C1454E;
text-align: center;
color: #fff;
font-size: 0.32rem;
font-weight: bold;
float: left;
margin-right: 1.7rem;
margin-top: 0.64rem;
}
.page2 .listBox .ul ul li .txBg {
width: 1.5333333333rem;
height: 1.4666666667rem;
position: absolute;
left: 1.266667rem;
top: 0.2666666667rem;
z-index: 2;
}
.page2 .listBox .ul ul li .tx {
width: 1.1333333333rem;
height: 1.12rem;
border-radius: 50%;
position: absolute;
left: 1.36rem;
top: 0.36rem;
}
.page2 .listBox .ul ul li .name {
float: left;
height: 1.8666666667rem;
line-height: 1.8666666667rem;
color: #fff;
font-size: 0.32rem;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 2.4rem;
}
.page2 .listBox .ul ul li .sore {
float: right;
height: 1.8666666667rem;
line-height: 1.8666666667rem;
color: #fff;
font-size: 0.32rem;
font-weight: bold;
}
.page2 .listBox .my {
width: 100%;
height: 1.92rem;
position: fixed;
left: 0;
bottom: 0;
background: url(../images/myBg.png) no-repeat;
background-size: 100% 100%;
z-index: 3;
box-sizing: border-box;
padding: 0 0.84rem;
}
.page2 .listBox .my .num {
width: 1.0666666667rem;
height: 1.92rem;
line-height: 1.92rem;
text-align: center;
color: #3C346D;
font-size: 0.32rem;
font-weight: bold;
float: left;
margin-right: 1.9rem;
}
.page2 .listBox .my .txBg {
width: 1.5333333333rem;
height: 1.4666666667rem;
position: absolute;
left: 2.2666666667rem;
top: 0.2666666667rem;
z-index: 2;
}
.page2 .listBox .my .tx {
width: 1.1333333333rem;
height: 1.12rem;
border-radius: 50%;
position: absolute;
left: 2.36rem;
top: 0.36rem;
}
.page2 .listBox .my .name {
float: left;
height: 1.92rem;
line-height: 1.92rem;
color: #3C346D;
font-size: 0.32rem;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 2.5rem;
}
.page2 .listBox .my .sore {
float: right;
height: 1.92rem;
line-height: 1.92rem;
color: #3C346D;
font-size: 0.32rem;
font-weight: bold;
}
.rule {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.rule .rule_in {
width: 9rem;
height: 13.92rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/rule_in.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in div {
width: 8.0666666667rem;
height: 12rem;
overflow-y: scroll;
margin: 1.1rem auto 0;
}
.rule .rule_in div img {
display: block;
width: 100%;
height: 27.4533333333rem;
}
.dividerecordsBg {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.dividerecordsBg .dividerecordsBg_in {
width: 9.3066666667rem;
height: 9.4266666667rem;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/dividerecordsBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.dividerecordsBg .dividerecordsBg_in .title {
width: 4.4rem;
display: flex;
justify-content: space-between;
margin: 2rem auto 0;
transform: translateX(3%);
}
.dividerecordsBg .dividerecordsBg_in .title div {
width: 2rem;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 0.3733333333rem;
}
.dividerecordsBg .dividerecordsBg_in .ul {
width: 100%;
height: 5rem;
overflow-y: scroll;
margin: 0.3rem auto 0;
transform: translateX(2%);
}
.dividerecordsBg .dividerecordsBg_in .ul .list {
width: 4.4rem;
display: flex;
justify-content: space-between;
margin: 0 auto 0.2rem;
}
.dividerecordsBg .dividerecordsBg_in .ul .list span {
width: 2rem;
text-align: center;
color: #fff;
font-size: 0.2666666667rem;
}
.dividerecordsBg .dividerecordsBg_in .ul .list p {
width: 2rem;
text-align: center;
color: #fff;
font-size: 0.2933333333rem;
font-weight: bold;
}
.duihuanBg {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.duihuanBg .dividerecordsBg_in {
width: 9.3066666667rem;
height: 9.4266666667rem;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/duihuanBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.duihuanBg .dividerecordsBg_in .title {
width: 4.4rem;
display: flex;
justify-content: space-between;
margin: 2rem auto 0;
transform: translateX(3%);
}
.duihuanBg .dividerecordsBg_in .title div {
width: 2rem;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 0.3733333333rem;
}
.duihuanBg .dividerecordsBg_in .ul {
width: 100%;
height: 5rem;
overflow-y: scroll;
margin: 0.3rem auto 0;
transform: translateX(2%);
}
.duihuanBg .dividerecordsBg_in .ul .list {
width: 4.4rem;
display: flex;
justify-content: space-between;
margin: 0 auto 0.2rem;
}
.duihuanBg .dividerecordsBg_in .ul .list span {
width: 2rem;
text-align: center;
color: #fff;
font-size: 0.2666666667rem;
}
.duihuanBg .dividerecordsBg_in .ul .list p {
width: 2rem;
text-align: center;
color: #fff;
font-size: 0.2933333333rem;
font-weight: bold;
}
.carveup {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.carveup .carveup_in {
width: 5.2266666667rem;
height: 6.0533333333rem;
background: url(../images/carveUp.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.carveup .carveup_in .box {
width: 2.9333333333rem;
height: 3.0266666667rem;
position: absolute;
top: 1.0133333333rem;
left: 50%;
transform: translateX(-50%);
}
.carveup .carveup_in p {
width: 100%;
position: absolute;
top: 3.3333333333rem;
text-align: center;
left: 0;
color: #794300;
font-size: 0.2666666667rem;
font-weight: bold;
}
.listrule1 {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.listrule1 .listrule1_in {
width: 8.76rem;
height: 15.6rem;
background: url(../images/listrule1.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listrule1 .listrule1_in .box {
width: 8.4rem;
height: 14rem;
overflow-y: scroll;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.4133333333rem;
}
.listrule1 .listrule1_in .box img {
width: 100%;
height: 27.2533333333rem;
}
.listrule2 {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.listrule2 .listrule2_in {
width: 8.76rem;
height: 15.6rem;
background: url(../images/listrule2.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.listrule2 .listrule2_in .box {
width: 8.4rem;
height: 14rem;
overflow-y: scroll;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.4133333333rem;
}
.listrule2 .listrule2_in .box img {
width: 100%;
height: 27.2533333333rem;
}
.exchange {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9;
display: none;
}
.exchange .box {
width: 6.64rem;
height: 6.9066666667rem;
background: url(../images/exchange.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.exchange .box .h2 {
width: 100%;
height: 0.3733333333rem;
position: absolute;
top: 0.4266666667rem;
color: #661F00;
font-size: 0.48rem;
font-weight: bold;
left: 0;
text-align: center;
}
.exchange .box .h3 {
width: 100%;
height: 0.3733333333rem;
position: absolute;
top: 1.0666666667rem;
color: #CAB684;
font-size: 0.24rem;
left: 0;
text-align: center;
}
.exchange .box .but {
width: 3.4533333333rem;
height: 0.7333333333rem;
position: absolute;
top: 5.7733333333rem;
left: 50%;
transform: translateX(-50%);
}
.exchange .box ul {
width: 5.8rem;
height: 3.6rem;
position: absolute;
top: 1.5333333333rem;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
overflow-y: scroll;
}
.exchange .box ul li {
width: 1.72rem;
height: 1.72rem;
background: url(../images/exchangeliBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: 0.2rem;
}
.exchange .box ul li img {
width: 0.9733333333rem;
height: 1.04rem;
position: absolute;
top: 0.2133333333rem;
left: 50%;
transform: translateX(-50%);
}
.exchange .box ul li .type1 {
width: 0.9733333333rem;
height: 0.9733333333rem;
}
.exchange .box ul li .type2 {
width: 1.4rem;
height: 0.5rem;
top: 0.55rem;
}
.exchange .box ul li .type3 {
width: 1.3rem;
height: 0.7rem;
top: 0.4rem;
}
.exchange .box ul li .type4 {
width: 1.3rem;
height: 0.8rem;
top: 0.35rem;
}
.exchange .box ul li .type5 {
width: 0.9733333333rem;
height: 1.04rem;
}
.exchange .box ul li b {
color: #794300;
font-size: 0.24rem;
position: absolute;
right: 0.1333333333rem;
top: 0.16rem;
}
.exchange .box ul li p {
width: 100%;
text-align: center;
color: #794300;
font-size: 0.2133333333rem;
position: absolute;
left: 0;
bottom: 0.1733333333rem;
white-space: nowrap;
}
.endActivity {
position: fixed;
left: 0;
bottom: 0;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 99;
display: none;
}
.endActivity .endActivity_in {
width: 6rem;
height: 4.76rem;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/endActivity.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.endActivity .endActivity_in .but {
position: absolute;
width: 3.2rem;
height: 0.8rem;
left: 50%;
top: 3.3333333333rem;
transform: translateX(-50%);
}
/*# sourceMappingURL=index.css.map */