1328 lines
28 KiB
CSS
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 */
|