3267 lines
60 KiB
CSS
3267 lines
60 KiB
CSS
html,
|
|
body {
|
|
width: 100%;
|
|
background: radial-gradient(circle, #32140C 0%, #05040A 100%);
|
|
}
|
|
|
|
.back {
|
|
position: fixed;
|
|
top: 0.93333rem;
|
|
left: 0.45333rem;
|
|
z-index: 99;
|
|
width: 0.82667rem;
|
|
height: 0.82667rem;
|
|
}
|
|
|
|
.back img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.back p {
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
position: absolute;
|
|
width: 9rem;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 0.82667rem;
|
|
}
|
|
|
|
.layui-m-layershade {
|
|
background-color: rgba(0, 0, 0, 0.4) !important;
|
|
}
|
|
|
|
.header {
|
|
width: 10rem;
|
|
height: 14.57333rem;
|
|
margin: 0 auto -1.6rem;
|
|
background: url(../images/header.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.header .toast {
|
|
width: 1.56rem;
|
|
height: 1.64rem;
|
|
position: absolute;
|
|
left: 0.37333rem;
|
|
top: 7.74667rem;
|
|
}
|
|
|
|
.header .rule_icon {
|
|
width: 2.6rem;
|
|
height: 2.52rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 8.65333rem;
|
|
}
|
|
|
|
.header .tab {
|
|
width: 3.28rem;
|
|
height: 1.53333rem;
|
|
line-height: 1.6rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
background: url(../images/tab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.header .tab1 {
|
|
top: 9.66667rem;
|
|
left: 0.34667rem;
|
|
}
|
|
|
|
.header .tab2 {
|
|
top: 9.66667rem;
|
|
right: 0.37333rem;
|
|
}
|
|
|
|
.header .tab3 {
|
|
top: 11.18667rem;
|
|
left: 0rem;
|
|
}
|
|
|
|
.header .tab4 {
|
|
top: 11.18667rem;
|
|
left: 3.34667rem;
|
|
}
|
|
|
|
.header .tab5 {
|
|
top: 11.18667rem;
|
|
right: 0.04rem;
|
|
}
|
|
|
|
.header .act {
|
|
background: url(../images/tabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
color: #664324;
|
|
}
|
|
|
|
.page1 {
|
|
display: none;
|
|
}
|
|
|
|
.page1 .box {
|
|
width: 9.21333rem;
|
|
height: 21.94667rem;
|
|
background: url(../images/page1Bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 2rem;
|
|
position: relative;
|
|
}
|
|
|
|
.page1 .box .no1 {
|
|
width: 6.06667rem;
|
|
height: 4.04rem;
|
|
background: url(../images/NOBg1.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
top: 0.97333rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page1 .box .no1 .NOIcon {
|
|
width: 1.77333rem;
|
|
height: 0.88rem;
|
|
position: absolute;
|
|
top: -0.7rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page1 .box .no1 .lts {
|
|
width: 1.66667rem;
|
|
height: 1.66667rem;
|
|
position: absolute;
|
|
left: 0.96rem;
|
|
z-index: 2;
|
|
top: 1.04rem;
|
|
}
|
|
|
|
.page1 .box .no1 .rts {
|
|
width: 1.66667rem;
|
|
height: 1.66667rem;
|
|
position: absolute;
|
|
right: 0.90667rem;
|
|
z-index: 2;
|
|
top: 1.04rem;
|
|
}
|
|
|
|
.page1 .box .no1 .leftTx {
|
|
width: 1.30667rem;
|
|
height: 1.30667rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 1.13333rem;
|
|
top: 1.17333rem;
|
|
}
|
|
|
|
.page1 .box .no1 .rightTx {
|
|
width: 1.30667rem;
|
|
height: 1.30667rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: 1.09333rem;
|
|
top: 1.17333rem;
|
|
}
|
|
|
|
.page1 .box .no1 .leftName {
|
|
width: 1.66667rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 1rem;
|
|
top: 2.82667rem;
|
|
}
|
|
|
|
.page1 .box .no1 .right {
|
|
width: 1.66667rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
right: 1rem;
|
|
top: 2.82667rem;
|
|
}
|
|
|
|
.page1 .box .no1 .score {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FFF3B3;
|
|
font-size: 0.29333rem;
|
|
position: absolute;
|
|
top: 3.84rem;
|
|
left: 0;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page1 .box .no2 {
|
|
width: 4.29333rem;
|
|
height: 2.64rem;
|
|
background: url(../images/NOBg2.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
top: 6rem;
|
|
left: 0.18667rem;
|
|
}
|
|
|
|
.page1 .box .no2 .NOIcon {
|
|
width: 1.77333rem;
|
|
height: 0.88rem;
|
|
position: absolute;
|
|
top: -0.7rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page1 .box .no2 .ts {
|
|
width: 3.72rem;
|
|
height: 1.24rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.8rem;
|
|
}
|
|
|
|
.page1 .box .no2 .leftTx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 1.04rem;
|
|
top: 0.86667rem;
|
|
}
|
|
|
|
.page1 .box .no2 .rightTx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: 1.01333rem;
|
|
top: 0.86667rem;
|
|
}
|
|
|
|
.page1 .box .no2 .leftName {
|
|
width: 1.22667rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.10667rem;
|
|
left: 0.98667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.page1 .box .no2 .right {
|
|
width: 1.22667rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.10667rem;
|
|
right: 0.94667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.page1 .box .no2 .score {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FFF3B3;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.8rem;
|
|
}
|
|
|
|
.page1 .box .no3 {
|
|
width: 4.29333rem;
|
|
height: 2.64rem;
|
|
background: url(../images/NOBg3.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
top: 6rem;
|
|
right: 0.18667rem;
|
|
}
|
|
|
|
.page1 .box .no3 .NOIcon {
|
|
width: 1.77333rem;
|
|
height: 0.88rem;
|
|
position: absolute;
|
|
top: -0.7rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page1 .box .no3 .ts {
|
|
width: 3.72rem;
|
|
height: 1.24rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.8rem;
|
|
}
|
|
|
|
.page1 .box .no3 .leftTx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 1.04rem;
|
|
top: 0.86667rem;
|
|
}
|
|
|
|
.page1 .box .no3 .rightTx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: 1.01333rem;
|
|
top: 0.86667rem;
|
|
}
|
|
|
|
.page1 .box .no3 .leftName {
|
|
width: 1.22667rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.10667rem;
|
|
left: 0.98667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.page1 .box .no3 .right {
|
|
width: 1.22667rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.10667rem;
|
|
right: 0.94667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.page1 .box .no3 .score {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #FFF3B3;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.8rem;
|
|
}
|
|
|
|
.page1 .box ul {
|
|
width: 8.54667rem;
|
|
height: 11.5rem;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
top: 10.17333rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page1 .box ul li {
|
|
width: 100%;
|
|
height: 1.76rem;
|
|
background: url(../images/page1LiBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 0.64rem 0 0.4rem;
|
|
margin-bottom: 0.10667rem;
|
|
position: relative;
|
|
}
|
|
|
|
.page1 .box ul li .num {
|
|
width: 0.46667rem;
|
|
text-align: center;
|
|
float: left;
|
|
height: 100%;
|
|
line-height: 1.76rem;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page1 .box ul li .ts {
|
|
position: absolute;
|
|
left: 1.6rem;
|
|
top: 0.18667rem;
|
|
width: 2.08rem;
|
|
height: 1.09333rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.page1 .box ul li .ltx {
|
|
width: 0.98667rem;
|
|
height: 0.98667rem;
|
|
position: absolute;
|
|
left: 1.64667rem;
|
|
top: 0.25333rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page1 .box ul li .rtx {
|
|
width: 0.98667rem;
|
|
height: 0.98667rem;
|
|
position: absolute;
|
|
left: 2.64667rem;
|
|
top: 0.25333rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page1 .box ul li .lName {
|
|
width: 0.97333rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.2rem;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 1.62667rem;
|
|
top: 1.33333rem;
|
|
}
|
|
|
|
.page1 .box ul li .rName {
|
|
width: 0.97333rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.2rem;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 2.61333rem;
|
|
top: 1.33333rem;
|
|
}
|
|
|
|
.page1 .box ul li .score {
|
|
float: right;
|
|
height: 100%;
|
|
line-height: 1.76rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page1 .my {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 2.26667rem;
|
|
background: url(../images/page1myBg.png) no-repeat bottom;
|
|
background-size: 100% 2rem;
|
|
box-sizing: border-box;
|
|
padding-top: 0.6rem;
|
|
z-index: 3;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.page1 .my .pageMyicon {
|
|
width: 0.92rem;
|
|
height: 0.62667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%) rotate(0deg);
|
|
top: 0%;
|
|
}
|
|
|
|
.page1 .my .myBox {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
height: 1.76rem;
|
|
position: relative;
|
|
padding: 0 1.33333rem 0 0rem;
|
|
overflow-y: hidden;
|
|
margin: 0 auto 0.13333rem;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in {
|
|
width: 100%;
|
|
height: 1.76rem;
|
|
position: relative;
|
|
background: url(../images/page1myBoxLIbg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
transform: translateX(8%);
|
|
margin-bottom: 0.18667rem;
|
|
box-sizing: border-box;
|
|
padding-right: 0.92rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .num {
|
|
width: 0.46667rem;
|
|
height: 1.73333rem;
|
|
text-align: center;
|
|
float: left;
|
|
height: 100%;
|
|
line-height: 1.76rem;
|
|
color: #523A22;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .ts {
|
|
position: absolute;
|
|
left: 0.7rem;
|
|
top: 0.18667rem;
|
|
width: 2.08rem;
|
|
height: 1.09333rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .ltx {
|
|
width: 0.98667rem;
|
|
height: 0.98667rem;
|
|
position: absolute;
|
|
left: 0.74667rem;
|
|
top: 0.25333rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .rtx {
|
|
width: 0.98667rem;
|
|
height: 0.98667rem;
|
|
position: absolute;
|
|
left: 1.74667rem;
|
|
top: 0.25333rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .lName {
|
|
width: 0.97333rem;
|
|
text-align: center;
|
|
color: #523A22;
|
|
font-size: 0.2rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 0.72667rem;
|
|
top: 1.4rem;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .rName {
|
|
width: 0.97333rem;
|
|
text-align: center;
|
|
color: #523A22;
|
|
font-size: 0.2rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 1.74667rem;
|
|
top: 1.4rem;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .score {
|
|
float: right;
|
|
height: 100%;
|
|
color: #523A22;
|
|
font-size: 0.29333rem;
|
|
margin-top: 0.26667rem;
|
|
text-align: right;
|
|
}
|
|
|
|
.page1 .my .myBox .myBox_in .score P {
|
|
margin-bottom: 0.04rem;
|
|
}
|
|
|
|
.page1 .my .myBox .NotUser {
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 1.76rem;
|
|
color: #523A22;
|
|
transform: translateX(8%);
|
|
}
|
|
|
|
.page1 .act {
|
|
background: url(../images/page1myBg2.png) no-repeat bottom;
|
|
background-size: 100% 10.4rem;
|
|
}
|
|
|
|
.page2 {
|
|
display: none;
|
|
}
|
|
|
|
.page2 .tabBox {
|
|
width: 100%;
|
|
margin: 0 auto 0;
|
|
box-sizing: border-box;
|
|
padding: 0 0.09333rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
}
|
|
|
|
.page2 .tabBox .tab {
|
|
width: 1.68rem;
|
|
height: 0.85333rem;
|
|
line-height: 0.85333rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.26667rem;
|
|
font-weight: 400;
|
|
background: url(../images/page2Tab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page2 .tabBox .act {
|
|
background: url(../images/page2TabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page2 .page2GiftBox {
|
|
position: relative;
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 10rem;
|
|
height: 2.54667rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.page2 .page2Gift {
|
|
width: 1.92rem;
|
|
height: 1.92rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 49.5%;
|
|
transform: translateX(-50%);
|
|
top: 14.06rem;
|
|
}
|
|
|
|
.page2 .box {
|
|
width: 9.21333rem;
|
|
height: 21.94667rem;
|
|
background: url(../images/page2Bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: -0.3rem auto 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page2 .top3Box {
|
|
width: 8.21333rem;
|
|
height: 8.04rem;
|
|
background: url(../images/page2NoBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin: 0.57333rem auto 0rem;
|
|
}
|
|
|
|
.page2 .top3Box .no1 {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: -0.14667rem;
|
|
width: 3.18667rem;
|
|
height: 4.36rem;
|
|
}
|
|
|
|
.page2 .top3Box .no1 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page2 .top3Box .no1 .tx {
|
|
width: 1.68rem;
|
|
height: 1.68rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.88rem;
|
|
}
|
|
|
|
.page2 .top3Box .no1 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.93333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page2 .top3Box .no1 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 3.38667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page2 .top3Box .no2 {
|
|
position: absolute;
|
|
left: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page2 .top3Box .no2 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page2 .top3Box .no2 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page2 .top3Box .no2 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page2 .top3Box .no2 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page2 .top3Box .no3 {
|
|
position: absolute;
|
|
right: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page2 .top3Box .no3 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page2 .top3Box .no3 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page2 .top3Box .no3 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page2 .top3Box .no3 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page2 .ulTitle {
|
|
width: 3.49333rem;
|
|
height: 1.06667rem;
|
|
position: relative;
|
|
display: block;
|
|
margin: -0.5rem auto 0;
|
|
}
|
|
|
|
.page2 ul {
|
|
width: 8.68rem;
|
|
height: 10.7rem;
|
|
background: linear-gradient(0deg, #5C3103 0%, #623403 100%);
|
|
border-radius: 0.4rem;
|
|
margin: 0 auto 0;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
padding: 0.12rem 0.09333rem;
|
|
}
|
|
|
|
.page2 ul li {
|
|
width: 100%;
|
|
height: 1.73333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.44rem 0 0.37333rem;
|
|
background: linear-gradient(0deg, #9E4C33 0%, #D08F43 100%);
|
|
border-radius: 0.32rem;
|
|
margin-bottom: 0.12rem;
|
|
position: relative;
|
|
line-height: 1.73333rem;
|
|
}
|
|
|
|
.page2 ul li .num {
|
|
width: 0.46667rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 2.53333rem;
|
|
}
|
|
|
|
.page2 ul li .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 1.53333rem;
|
|
top: 0.01333rem;
|
|
}
|
|
|
|
.page2 ul li .tx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
position: absolute;
|
|
left: 1.77333rem;
|
|
top: 0.26667rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page2 ul li .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page2 ul li .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page2 .my {
|
|
width: 100%;
|
|
height: 2.13333rem;
|
|
line-height: 2.13333rem;
|
|
background: linear-gradient(0deg, #F9A1EC 0%, #A355FA 100%);
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 3;
|
|
box-sizing: border-box;
|
|
padding: 0 1.06667rem 0 0.76rem;
|
|
}
|
|
|
|
.page2 .my .num {
|
|
width: 1.3rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 0.56rem;
|
|
}
|
|
|
|
.page2 .my .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page2 .my .ts {
|
|
float: left;
|
|
position: relative;
|
|
width: 1.22667rem;
|
|
height: 1.22667rem;
|
|
background: linear-gradient(0deg, #F9CD62 0%, #FFFFFF 100%);
|
|
border-radius: 50%;
|
|
margin-right: 0.44rem;
|
|
margin-top: 0.46667rem;
|
|
}
|
|
|
|
.page2 .my .ts .tx {
|
|
position: absolute;
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.page2 .my .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page3 {
|
|
width: 9.46667rem;
|
|
position: relative;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.page3 .page3TitleIcon {
|
|
display: block;
|
|
width: 8.76rem;
|
|
height: 1.58667rem;
|
|
margin: 0 auto -0.06667rem;
|
|
position: relative;
|
|
}
|
|
|
|
.page3 .page3RuleIcon {
|
|
position: absolute;
|
|
width: 1.14667rem;
|
|
height: 0.98667rem;
|
|
right: 0rem;
|
|
top: 0;
|
|
}
|
|
|
|
.page3 .page3tabBox {
|
|
width: 9.46667rem;
|
|
height: 4.32rem;
|
|
position: relative;
|
|
margin: 0 auto 0.37333rem;
|
|
background: url(../images/page3tabBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page3 .page3tabBox .tabBox {
|
|
width: 9.53333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2rem;
|
|
height: 1.05333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.72rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.page3 .page3tabBox .tabBox .tab {
|
|
width: 1.90667rem;
|
|
height: 1.05333rem;
|
|
background: url(../images/page3Tab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.page3 .page3tabBox .tabBox .tab p {
|
|
color: #79502F;
|
|
font-size: 0.28rem;
|
|
font-weight: 400;
|
|
margin-top: 0.25333rem;
|
|
}
|
|
|
|
.page3 .page3tabBox .tabBox .tab span {
|
|
color: #79502F;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page3 .page3tabBox .tabBox .act {
|
|
background: url(../images/page3TabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page3 .page3tabBox .tabBox .act p,
|
|
.page3 .page3tabBox .tabBox .act span {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.page3 .page3tabBox .timeBox {
|
|
width: 9.06667rem;
|
|
height: 1.44rem;
|
|
background: url(../images/page3TimeBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.28rem;
|
|
}
|
|
|
|
.page3 .page3tabBox .timeBox p {
|
|
width: 100%;
|
|
height: 0.73333rem;
|
|
line-height: 0.73333rem;
|
|
text-align: center;
|
|
color: #C77D42;
|
|
font-size: 0.37333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.37333rem;
|
|
}
|
|
|
|
.page3 .page3tabBox .timeBox p span {
|
|
display: inline-block;
|
|
width: 0.73333rem;
|
|
height: 0.73333rem;
|
|
border: 0.04rem solid #7A5714;
|
|
color: #FFFFFF;
|
|
border-radius: 0.10667rem;
|
|
}
|
|
|
|
.page3 .box {
|
|
width: 9.21333rem;
|
|
height: 21.94667rem;
|
|
background: url(../images/page2Bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: -0.3rem auto 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page3 .top3Box {
|
|
width: 8.21333rem;
|
|
height: 8.04rem;
|
|
background: url(../images/page2NoBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin: 0.57333rem auto 0rem;
|
|
}
|
|
|
|
.page3 .top3Box .no1 {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: -0.14667rem;
|
|
width: 3.18667rem;
|
|
height: 4.36rem;
|
|
}
|
|
|
|
.page3 .top3Box .no1 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page3 .top3Box .no1 .tx {
|
|
width: 1.68rem;
|
|
height: 1.68rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.88rem;
|
|
}
|
|
|
|
.page3 .top3Box .no1 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.93333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page3 .top3Box .no1 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 3.38667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page3 .top3Box .no2 {
|
|
position: absolute;
|
|
left: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page3 .top3Box .no2 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page3 .top3Box .no2 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page3 .top3Box .no2 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page3 .top3Box .no2 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page3 .top3Box .no3 {
|
|
position: absolute;
|
|
right: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page3 .top3Box .no3 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page3 .top3Box .no3 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page3 .top3Box .no3 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page3 .top3Box .no3 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page3 ul {
|
|
width: 8.68rem;
|
|
height: 11rem;
|
|
border-radius: 0.4rem;
|
|
margin: 0 auto 0;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
padding: 0.12rem 0.09333rem;
|
|
}
|
|
|
|
.page3 ul li {
|
|
width: 100%;
|
|
height: 1.73333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.44rem 0 0.37333rem;
|
|
background: linear-gradient(0deg, #9E4C33 0%, #D08F43 100%);
|
|
border-radius: 0.32rem;
|
|
margin-bottom: 0.12rem;
|
|
position: relative;
|
|
line-height: 1.73333rem;
|
|
}
|
|
|
|
.page3 ul li .num {
|
|
width: 0.46667rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 2.53333rem;
|
|
}
|
|
|
|
.page3 ul li .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 1.53333rem;
|
|
top: 0.01333rem;
|
|
}
|
|
|
|
.page3 ul li .tx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
position: absolute;
|
|
left: 1.77333rem;
|
|
top: 0.26667rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page3 ul li .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page3 ul li .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page3 .my {
|
|
width: 100%;
|
|
height: 2.13333rem;
|
|
line-height: 2.13333rem;
|
|
background: linear-gradient(0deg, #F9A1EC 0%, #A355FA 100%);
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 3;
|
|
box-sizing: border-box;
|
|
padding: 0 1.06667rem 0 0.76rem;
|
|
}
|
|
|
|
.page3 .my .num {
|
|
width: 1.3rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 0.56rem;
|
|
}
|
|
|
|
.page3 .my .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page3 .my .ts {
|
|
float: left;
|
|
position: relative;
|
|
width: 1.22667rem;
|
|
height: 1.22667rem;
|
|
background: linear-gradient(0deg, #F9CD62 0%, #FFFFFF 100%);
|
|
border-radius: 50%;
|
|
margin-right: 0.44rem;
|
|
margin-top: 0.46667rem;
|
|
}
|
|
|
|
.page3 .my .ts .tx {
|
|
position: absolute;
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.page3 .my .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page4 {
|
|
width: 9.46667rem;
|
|
position: relative;
|
|
margin: 0 auto;
|
|
display: none;
|
|
}
|
|
|
|
.page4 .page3TitleIcon {
|
|
display: block;
|
|
width: 8.76rem;
|
|
height: 1.58667rem;
|
|
margin: 0 auto -0.06667rem;
|
|
position: relative;
|
|
}
|
|
|
|
.page4 .page3tabBox {
|
|
width: 9.46667rem;
|
|
height: 4.32rem;
|
|
position: relative;
|
|
margin: 0 auto 0.37333rem;
|
|
background: url(../images/page3tabBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page4 .page3tabBox .tabBox {
|
|
width: 9.53333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2rem;
|
|
height: 1.05333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.72rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.page4 .page3tabBox .tabBox .tab {
|
|
width: 1.90667rem;
|
|
height: 1.05333rem;
|
|
background: url(../images/page3Tab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.page4 .page3tabBox .tabBox .tab p {
|
|
color: #79502F;
|
|
font-size: 0.28rem;
|
|
font-weight: 400;
|
|
margin-top: 0.25333rem;
|
|
}
|
|
|
|
.page4 .page3tabBox .tabBox .tab span {
|
|
color: #79502F;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page4 .page3tabBox .tabBox .act {
|
|
background: url(../images/page3TabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.page4 .page3tabBox .tabBox .act p,
|
|
.page4 .page3tabBox .tabBox .act span {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.page4 .page3tabBox .timeBox {
|
|
width: 9.06667rem;
|
|
height: 1.44rem;
|
|
background: url(../images/page3TimeBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.28rem;
|
|
}
|
|
|
|
.page4 .page3tabBox .timeBox p {
|
|
width: 100%;
|
|
height: 0.73333rem;
|
|
line-height: 0.73333rem;
|
|
text-align: center;
|
|
color: #C77D42;
|
|
font-size: 0.37333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.37333rem;
|
|
}
|
|
|
|
.page4 .page3tabBox .timeBox p span {
|
|
display: inline-block;
|
|
width: 0.73333rem;
|
|
height: 0.73333rem;
|
|
border: 0.04rem solid #7A5714;
|
|
color: #FFFFFF;
|
|
border-radius: 0.10667rem;
|
|
}
|
|
|
|
.page4 .page4Title2 {
|
|
width: 6.33333rem;
|
|
height: 1.06667rem;
|
|
margin: -0.3rem auto 0.17333rem;
|
|
display: block;
|
|
}
|
|
|
|
.page4 .box {
|
|
width: 9.21333rem;
|
|
height: 21.94667rem;
|
|
background: url(../images/page2Bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 0 auto 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page4 .top3Box {
|
|
width: 8.21333rem;
|
|
height: 8.04rem;
|
|
background: url(../images/page2NoBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin: 0.57333rem auto 0rem;
|
|
}
|
|
|
|
.page4 .top3Box .no1 {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: -0.14667rem;
|
|
width: 3.18667rem;
|
|
height: 4.36rem;
|
|
}
|
|
|
|
.page4 .top3Box .no1 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page4 .top3Box .no1 .tx {
|
|
width: 1.68rem;
|
|
height: 1.68rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.88rem;
|
|
}
|
|
|
|
.page4 .top3Box .no1 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.93333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page4 .top3Box .no1 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 3.38667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page4 .top3Box .no2 {
|
|
position: absolute;
|
|
left: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page4 .top3Box .no2 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page4 .top3Box .no2 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page4 .top3Box .no2 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page4 .top3Box .no2 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page4 .top3Box .no3 {
|
|
position: absolute;
|
|
right: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page4 .top3Box .no3 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page4 .top3Box .no3 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page4 .top3Box .no3 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page4 .top3Box .no3 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page4 ul {
|
|
width: 8.68rem;
|
|
height: 11rem;
|
|
border-radius: 0.4rem;
|
|
margin: 0 auto 0;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
padding: 0.12rem 0.09333rem;
|
|
}
|
|
|
|
.page4 ul li {
|
|
width: 100%;
|
|
height: 1.73333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.44rem 0 0.37333rem;
|
|
background: linear-gradient(0deg, #9E4C33 0%, #D08F43 100%);
|
|
border-radius: 0.32rem;
|
|
margin-bottom: 0.12rem;
|
|
position: relative;
|
|
line-height: 1.73333rem;
|
|
}
|
|
|
|
.page4 ul li .num {
|
|
width: 0.46667rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 2.53333rem;
|
|
}
|
|
|
|
.page4 ul li .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 1.53333rem;
|
|
top: 0.01333rem;
|
|
}
|
|
|
|
.page4 ul li .tx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
position: absolute;
|
|
left: 1.77333rem;
|
|
top: 0.26667rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page4 ul li .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page4 ul li .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page4 .my {
|
|
width: 100%;
|
|
height: 2.13333rem;
|
|
line-height: 2.13333rem;
|
|
background: linear-gradient(0deg, #F9A1EC 0%, #A355FA 100%);
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 3;
|
|
box-sizing: border-box;
|
|
padding: 0 1.06667rem 0 0.76rem;
|
|
}
|
|
|
|
.page4 .my .num {
|
|
width: 1.3rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 0.56rem;
|
|
}
|
|
|
|
.page4 .my .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page4 .my .ts {
|
|
float: left;
|
|
position: relative;
|
|
width: 1.22667rem;
|
|
height: 1.22667rem;
|
|
background: linear-gradient(0deg, #F9CD62 0%, #FFFFFF 100%);
|
|
border-radius: 50%;
|
|
margin-right: 0.44rem;
|
|
margin-top: 0.46667rem;
|
|
}
|
|
|
|
.page4 .my .ts .tx {
|
|
position: absolute;
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.page4 .my .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page5 {
|
|
display: none;
|
|
}
|
|
|
|
.page5 .page3title {
|
|
position: relative;
|
|
display: block;
|
|
margin: -1.5rem auto 0.72rem;
|
|
width: 8.76rem;
|
|
height: 1.58667rem;
|
|
}
|
|
|
|
.page5 .box {
|
|
width: 9.21333rem;
|
|
height: 21.94667rem;
|
|
background: url(../images/page2Bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: -0.3rem auto 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.page5 .top3Box {
|
|
width: 8.21333rem;
|
|
height: 8.04rem;
|
|
background: url(../images/page2NoBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
margin: 0.57333rem auto 0rem;
|
|
}
|
|
|
|
.page5 .top3Box .no1 {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: -0.14667rem;
|
|
width: 3.18667rem;
|
|
height: 4.36rem;
|
|
}
|
|
|
|
.page5 .top3Box .no1 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page5 .top3Box .no1 .tx {
|
|
width: 1.68rem;
|
|
height: 1.68rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.88rem;
|
|
}
|
|
|
|
.page5 .top3Box .no1 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.93333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page5 .top3Box .no1 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 3.38667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page5 .top3Box .no2 {
|
|
position: absolute;
|
|
left: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page5 .top3Box .no2 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page5 .top3Box .no2 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page5 .top3Box .no2 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page5 .top3Box .no2 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page5 .top3Box .no3 {
|
|
position: absolute;
|
|
right: -0.10667rem;
|
|
top: 1.66667rem;
|
|
width: 2.73333rem;
|
|
height: 3.74667rem;
|
|
}
|
|
|
|
.page5 .top3Box .no3 .ts {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.page5 .top3Box .no3 .tx {
|
|
width: 1.44rem;
|
|
height: 1.44rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 0.76rem;
|
|
}
|
|
|
|
.page5 .top3Box .no3 p {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 2.49333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
left: 50%;
|
|
width: 75%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page5 .top3Box .no3 span {
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.90667rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
z-index: 2;
|
|
width: 100%;
|
|
}
|
|
|
|
.page5 ul {
|
|
width: 8.68rem;
|
|
height: 11rem;
|
|
border-radius: 0.4rem;
|
|
margin: 0 auto 0;
|
|
overflow-y: scroll;
|
|
box-sizing: border-box;
|
|
padding: 0.12rem 0.09333rem;
|
|
}
|
|
|
|
.page5 ul li {
|
|
width: 100%;
|
|
height: 1.73333rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.44rem 0 0.37333rem;
|
|
background: linear-gradient(0deg, #9E4C33 0%, #D08F43 100%);
|
|
border-radius: 0.32rem;
|
|
margin-bottom: 0.12rem;
|
|
position: relative;
|
|
line-height: 1.73333rem;
|
|
}
|
|
|
|
.page5 ul li .num {
|
|
width: 0.46667rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 2.53333rem;
|
|
}
|
|
|
|
.page5 ul li .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
z-index: 2;
|
|
left: 1.53333rem;
|
|
top: 0.01333rem;
|
|
}
|
|
|
|
.page5 ul li .tx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
position: absolute;
|
|
left: 1.77333rem;
|
|
top: 0.26667rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page5 ul li .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page5 ul li .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.page5 .my {
|
|
width: 100%;
|
|
height: 2.13333rem;
|
|
line-height: 2.13333rem;
|
|
background: linear-gradient(0deg, #F9A1EC 0%, #A355FA 100%);
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 3;
|
|
box-sizing: border-box;
|
|
padding: 0 0.66667rem 0 0.76rem;
|
|
}
|
|
|
|
.page5 .my .num {
|
|
width: 1.3rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.42667rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
margin-right: 0.56rem;
|
|
}
|
|
|
|
.page5 .my .name {
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: left;
|
|
}
|
|
|
|
.page5 .my .ts {
|
|
float: left;
|
|
position: relative;
|
|
width: 1.22667rem;
|
|
height: 1.22667rem;
|
|
background: linear-gradient(0deg, #F9CD62 0%, #FFFFFF 100%);
|
|
border-radius: 50%;
|
|
margin-right: 0.44rem;
|
|
margin-top: 0.46667rem;
|
|
}
|
|
|
|
.page5 .my .ts .tx {
|
|
position: absolute;
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.page5 .my .score {
|
|
height: 100%;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
float: right;
|
|
}
|
|
|
|
.celebrationTask {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in {
|
|
width: 10rem;
|
|
height: 70%;
|
|
background: linear-gradient(0deg, #9C5F4E 0%, #E0924E 100%);
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0;
|
|
border-top-left-radius: 0.66667rem;
|
|
border-top-right-radius: 0.66667rem;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .celebrationTaskTitle {
|
|
width: 4.41333rem;
|
|
height: 1.46667rem;
|
|
margin: 0.21333rem auto 0.22667rem;
|
|
display: block;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tab {
|
|
width: 6rem;
|
|
height: 1rem;
|
|
border-radius: 1rem;
|
|
line-height: 1rem;
|
|
margin: 0 auto 0.53333rem;
|
|
background: linear-gradient(0deg, #52080A 0%, #A96026 100%);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tab div {
|
|
width: 3.02667rem;
|
|
height: 100%;
|
|
text-align: center;
|
|
color: #F8A75F;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tab .act {
|
|
color: #835212;
|
|
font-size: 0.4rem;
|
|
background: url(../images/celebrationTaskAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
line-height: 0.93333rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user {
|
|
width: 9.18667rem;
|
|
height: 2.68rem;
|
|
margin: 0 auto 0.6rem;
|
|
background: url(../images/celebrationTasktopBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
left: 0.54667rem;
|
|
top: 0.48rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user .tx {
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
position: absolute;
|
|
left: 0.78667rem;
|
|
top: 0.74667rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user p {
|
|
width: 6.21333rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 2.38667rem;
|
|
top: 0.73333rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.29333rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user .score {
|
|
width: 6.21333rem;
|
|
height: 0.74667rem;
|
|
line-height: 0.74667rem;
|
|
position: absolute;
|
|
left: 2.38667rem;
|
|
top: 1.26667rem;
|
|
background: linear-gradient(0deg, #A46031 0%, #AB5A23 100%);
|
|
border-radius: 0.13333rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.26667rem;
|
|
font-weight: 400;
|
|
box-sizing: border-box;
|
|
padding: 0 0.28rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user .score i {
|
|
font-style: normal;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user .score span {
|
|
width: 50%;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .user .score span b {
|
|
color: #FFDE00;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 {
|
|
width: 100%;
|
|
margin: 0 auto 0;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .text {
|
|
font-style: normal;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #191004;
|
|
font-size: 0.28rem;
|
|
font-weight: 400;
|
|
margin-bottom: 0.29333rem;
|
|
display: block;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .line {
|
|
display: block;
|
|
width: 7.08rem;
|
|
height: 0.28rem;
|
|
margin: 0 auto 0.22667rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox {
|
|
width: 9.18667rem;
|
|
height: 8.97333rem;
|
|
margin: 0 auto 0.4rem;
|
|
position: relative;
|
|
background: url(../images/celebrationTaskBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .title {
|
|
width: 100%;
|
|
position: absolute;
|
|
color: #EFBA7B;
|
|
font-size: 0.34667rem;
|
|
font-weight: 400;
|
|
left: 0;
|
|
top: 0.24rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .giftBox {
|
|
width: 6.4rem;
|
|
height: 5.29333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.82667rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .giftBox div {
|
|
width: 2.93333rem;
|
|
height: 2.28rem;
|
|
background: url(../images/celebrationTaskBoxGiftBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .giftBox div span {
|
|
width: 0.92rem;
|
|
height: 0.52rem;
|
|
line-height: 0.52rem;
|
|
text-align: center;
|
|
color: #49361B;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.1rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .giftBox div img {
|
|
width: 2.25333rem;
|
|
height: 1.94667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .giftBox div i {
|
|
width: 100%;
|
|
height: 0.28rem;
|
|
text-align: center;
|
|
color: #FDB83F;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.3rem;
|
|
font-style: normal;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox p {
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 1.24rem;
|
|
text-align: center;
|
|
color: #EFBA7B;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox p b {
|
|
color: #FFF600;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .butNot {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 7.37333rem;
|
|
width: 2.32rem;
|
|
height: 0.88rem;
|
|
line-height: 0.88rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.36rem;
|
|
font-weight: 400;
|
|
background: url(../images/celebrationTaskBut.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .but {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 7.37333rem;
|
|
width: 2.32rem;
|
|
height: 0.88rem;
|
|
line-height: 0.88rem;
|
|
text-align: center;
|
|
color: #FEFFC6;
|
|
font-size: 0.36rem;
|
|
font-weight: 400;
|
|
background: url(../images/celebrationTaskButAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
display: none;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox i {
|
|
width: 100%;
|
|
font-style: normal;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 8.4rem;
|
|
color: #C5955E;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .left {
|
|
width: 0.48rem;
|
|
height: 0.81333rem;
|
|
position: absolute;
|
|
top: 3.96rem;
|
|
left: 0.21333rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox1 .celebrationTaskBox .right {
|
|
width: 0.48rem;
|
|
height: 0.81333rem;
|
|
position: absolute;
|
|
top: 3.96rem;
|
|
right: 0.21333rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 {
|
|
width: 100%;
|
|
margin: 0 auto 0;
|
|
display: none;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .text {
|
|
font-style: normal;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #191004;
|
|
font-size: 0.28rem;
|
|
font-weight: 400;
|
|
margin-bottom: 0.29333rem;
|
|
display: block;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .line {
|
|
display: block;
|
|
width: 7.08rem;
|
|
height: 0.28rem;
|
|
margin: 0 auto 0.22667rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox {
|
|
width: 9.18667rem;
|
|
height: 8.97333rem;
|
|
margin: 0 auto 0.4rem;
|
|
position: relative;
|
|
background: url(../images/celebrationTaskBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .title {
|
|
width: 100%;
|
|
position: absolute;
|
|
color: #EFBA7B;
|
|
font-size: 0.34667rem;
|
|
font-weight: 400;
|
|
left: 0;
|
|
top: 0.24rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox p {
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 1.24rem;
|
|
text-align: center;
|
|
color: #EFBA7B;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox p b {
|
|
color: #FFF600;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .giftBox {
|
|
width: 6.4rem;
|
|
height: 5.29333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 1.82667rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .giftBox div {
|
|
width: 2.93333rem;
|
|
height: 2.28rem;
|
|
background: url(../images/celebrationTaskBoxGiftBox.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .giftBox div span {
|
|
width: 0.92rem;
|
|
height: 0.52rem;
|
|
line-height: 0.52rem;
|
|
text-align: center;
|
|
color: #49361B;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0.1rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .giftBox div img {
|
|
width: 2.25333rem;
|
|
height: 1.94667rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .giftBox div i {
|
|
width: 100%;
|
|
height: 0.28rem;
|
|
text-align: center;
|
|
color: #FDB83F;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2.3rem;
|
|
font-style: normal;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .butNot {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 7.37333rem;
|
|
width: 2.32rem;
|
|
height: 0.88rem;
|
|
line-height: 0.88rem;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 0.36rem;
|
|
font-weight: 400;
|
|
background: url(../images/celebrationTaskBut.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .but {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 7.37333rem;
|
|
width: 2.32rem;
|
|
height: 0.88rem;
|
|
line-height: 0.88rem;
|
|
text-align: center;
|
|
color: #FEFFC6;
|
|
font-size: 0.36rem;
|
|
font-weight: 400;
|
|
background: url(../images/celebrationTaskButAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
display: none;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox i {
|
|
width: 100%;
|
|
font-style: normal;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 8.4rem;
|
|
color: #C5955E;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .left {
|
|
width: 0.48rem;
|
|
height: 0.81333rem;
|
|
position: absolute;
|
|
top: 3.96rem;
|
|
left: 0.21333rem;
|
|
}
|
|
|
|
.celebrationTask .celebrationTask_in .tabBox2 .celebrationTaskBox .right {
|
|
width: 0.48rem;
|
|
height: 0.81333rem;
|
|
position: absolute;
|
|
top: 3.96rem;
|
|
right: 0.21333rem;
|
|
}
|
|
|
|
.page3_pop {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in {
|
|
width: 10rem;
|
|
height: 70%;
|
|
background: linear-gradient(0deg, #9C5F4E 0%, #E0924E 100%);
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0;
|
|
border-top-left-radius: 0.66667rem;
|
|
border-top-right-radius: 0.66667rem;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .page3_popTitle {
|
|
width: 5.14667rem;
|
|
height: 1.46667rem;
|
|
display: block;
|
|
margin: -0.05333rem auto 0rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .titleTopBox {
|
|
width: 9.44rem;
|
|
height: 4.12rem;
|
|
display: block;
|
|
margin: 0 auto 0.41333rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .page3_popLustTop3 {
|
|
width: 2.92rem;
|
|
height: 0.61333rem;
|
|
display: block;
|
|
margin: 0 auto 0.22667rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 {
|
|
width: 8.64rem;
|
|
height: 1.88rem;
|
|
margin: 0 auto 0.25333rem;
|
|
background: url(../images/page3_popTOP1Bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
left: 0.92rem;
|
|
top: 0.09333rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 .tx {
|
|
position: absolute;
|
|
left: 1.16rem;
|
|
top: 0.36rem;
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 p {
|
|
width: 2.5rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
float: left;
|
|
height: 100%;
|
|
line-height: 1.88rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.29333rem;
|
|
margin-left: 2.77333rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 .right {
|
|
float: right;
|
|
height: 100%;
|
|
margin-right: 1.10667rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 .right img {
|
|
width: 0.84rem;
|
|
height: 0.84rem;
|
|
border: 0.02667rem solid #F9F5DC;
|
|
border-radius: 50%;
|
|
display: block;
|
|
margin-bottom: 0.04rem;
|
|
margin-top: 0.34667rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .lastTop3 .right i {
|
|
font-style: normal;
|
|
color: #fff;
|
|
font-size: 0.24rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .line {
|
|
width: 7.08rem;
|
|
height: 0.28rem;
|
|
display: block;
|
|
margin: 0 auto 0.30667rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in .timeBox {
|
|
width: 8.13333rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #FFEB9B;
|
|
font-size: 0.32rem;
|
|
font-weight: 400;
|
|
margin: 0 auto 0.28rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul {
|
|
width: 8.64rem;
|
|
margin: 0 auto 1.33333rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li {
|
|
width: 100%;
|
|
height: 1.88rem;
|
|
background: url(../images/page3_popLibg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
font-weight: 400;
|
|
position: relative;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .num {
|
|
width: 1.3rem;
|
|
text-align: center;
|
|
float: left;
|
|
height: 100%;
|
|
line-height: 1.88rem;
|
|
color: #fff;
|
|
font-size: 0.42667rem;
|
|
margin-left: 0.33333rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .ts {
|
|
width: 1.58667rem;
|
|
height: 1.57333rem;
|
|
position: absolute;
|
|
left: 1.61333rem;
|
|
top: 0.09333rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .tx {
|
|
position: absolute;
|
|
left: 1.85333rem;
|
|
top: 0.36rem;
|
|
width: 1.12rem;
|
|
height: 1.12rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .user {
|
|
width: 2.5rem;
|
|
float: left;
|
|
margin-left: 1.86667rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .user p {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 0.29333rem;
|
|
margin-top: 0.53333rem;
|
|
margin-bottom: 0.12rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .user span {
|
|
font-size: 0.24rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .right {
|
|
float: right;
|
|
height: 100%;
|
|
margin-right: 1.10667rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .right img {
|
|
width: 0.84rem;
|
|
height: 0.84rem;
|
|
border: 0.02667rem solid #F9F5DC;
|
|
border-radius: 50%;
|
|
display: block;
|
|
margin-bottom: 0.04rem;
|
|
margin-top: 0.34667rem;
|
|
}
|
|
|
|
.page3_pop .page3_pop_in ul li .right i {
|
|
font-style: normal;
|
|
color: #fff;
|
|
font-size: 0.24rem;
|
|
}
|
|
|
|
.page3_pop .bottom {
|
|
position: fixed;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #80583A;
|
|
font-size: 0.26667rem;
|
|
font-weight: 400;
|
|
height: 1.12rem;
|
|
line-height: 1.12rem;
|
|
background: linear-gradient(0deg, #F58563 0%, #F4CC62 100%);
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.page4_pop {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in {
|
|
width: 10rem;
|
|
height: 70%;
|
|
background: linear-gradient(0deg, #9C5F4E 0%, #E0924E 100%);
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0;
|
|
border-top-left-radius: 0.66667rem;
|
|
border-top-right-radius: 0.66667rem;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in .page4_popTop {
|
|
width: 9.46667rem;
|
|
height: 6.2rem;
|
|
display: block;
|
|
margin: 0.17333rem auto 0.2rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in .line {
|
|
width: 7.08rem;
|
|
height: 0.28rem;
|
|
display: block;
|
|
margin: 0 auto 0.30667rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul {
|
|
width: 8.62667rem;
|
|
margin: 0 auto 0.65333rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li {
|
|
width: 100%;
|
|
height: 2.66667rem;
|
|
background: url(../images/page4_popLiBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-bottom: 0.2rem;
|
|
position: relative;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .lts,
|
|
.page4_pop .page3_pop_in ul li .rts {
|
|
width: 1.48rem;
|
|
height: 1.48rem;
|
|
border-radius: 50%;
|
|
background: linear-gradient(0deg, #F9CD62 0%, #FFFFFF 100%);
|
|
position: absolute;
|
|
top: 0.50667rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .lts img,
|
|
.page4_pop .page3_pop_in ul li .rts img {
|
|
width: 1.33333rem;
|
|
height: 1.33333rem;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .lts p,
|
|
.page4_pop .page3_pop_in ul li .rts p {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -0.38667rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .lts {
|
|
left: 0.96rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .rts {
|
|
left: 4.24rem;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .right {
|
|
width: 2.06667rem;
|
|
height: 2.66667rem;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.page4_pop .page3_pop_in ul li .right b {
|
|
color: #fff;
|
|
font-size: 0.29333rem;
|
|
font-weight: 400;
|
|
margin-top: 0.78667rem;
|
|
display: block;
|
|
}
|
|
|
|
.rule {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.rule .rule_in {
|
|
width: 10rem;
|
|
height: 70%;
|
|
background: linear-gradient(0deg, #9C5F4E 0%, #E0924E 100%);
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0;
|
|
border-top-left-radius: 0.66667rem;
|
|
border-top-right-radius: 0.66667rem;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.rule .rule_in .TabBox {
|
|
width: 6.8rem;
|
|
height: 1.16rem;
|
|
line-height: 1rem;
|
|
margin: 0.8rem auto 0.49333rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.rule .rule_in .TabBox div {
|
|
width: 3.17333rem;
|
|
text-align: center;
|
|
color: #FFFFFE;
|
|
font-size: 0.4rem;
|
|
background: url(../images/celebrationTaskActNot.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.rule .rule_in .TabBox .act {
|
|
color: #835212;
|
|
background: url(../images/celebrationTaskAct1.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.rule .rule_in .tabs {
|
|
width: 9rem;
|
|
height: 0.88rem;
|
|
line-height: 0.77333rem;
|
|
color: #FFFFFF;
|
|
font-size: 0.28rem;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.rule .rule_in .tabs div {
|
|
width: 1.8rem;
|
|
height: 0.88rem;
|
|
background: url(../images/ruleTab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.rule .rule_in .tabs .act {
|
|
background: url(../images/ruleTabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox {
|
|
width: 9.46667rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2rem;
|
|
height: 1.05333rem;
|
|
margin: 0.36rem auto 0.28rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
display: none;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox .tab {
|
|
width: 1.90667rem;
|
|
height: 1.05333rem;
|
|
background: url(../images/page3Tab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox .tab p {
|
|
color: #79502F;
|
|
font-size: 0.28rem;
|
|
font-weight: 400;
|
|
margin-top: 0.25333rem;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox .tab span {
|
|
color: #79502F;
|
|
font-size: 0.24rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox .act {
|
|
background: url(../images/page3TabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox .act p,
|
|
.rule .rule_in .content_tabBox .act span {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox2 {
|
|
width: 5.46667rem;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2rem;
|
|
height: 1.05333rem;
|
|
margin: 0.36rem auto 0.28rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
display: none;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox2 .tab {
|
|
width: 1.90667rem;
|
|
height: 1.05333rem;
|
|
line-height: 1.05333rem;
|
|
background: url(../images/page3Tab.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox2 .tab p {
|
|
color: #79502F;
|
|
font-size: 0.28rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox2 .act {
|
|
background: url(../images/page3TabAct.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.rule .rule_in .content_tabBox2 .act p,
|
|
.rule .rule_in .content_tabBox2 .act span {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.rule .rule_in .content1 {
|
|
width: 9.46667rem;
|
|
background: #F5C082;
|
|
margin: 0.30667rem auto 0.36rem;
|
|
box-sizing: border-box;
|
|
padding: 0.13333rem 0;
|
|
border-radius: 0.26667rem;
|
|
}
|
|
|
|
.rule .rule_in .content1 img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.rule .rule_in .content2 {
|
|
width: 9.46667rem;
|
|
background: #F5C082;
|
|
margin: 0.30667rem auto 0.36rem;
|
|
box-sizing: border-box;
|
|
padding: 0.13333rem 0;
|
|
border-radius: 0.26667rem;
|
|
display: none;
|
|
}
|
|
|
|
.rule .rule_in .content2 img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.actOut {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 99;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
display: none;
|
|
}
|
|
|
|
.actOut .actOut_in {
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: url(../images/actOutBg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 6.44rem;
|
|
height: 4.61333rem;
|
|
}
|
|
|
|
.actOut .actOut_in p {
|
|
width: 100%;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 1.44rem;
|
|
left: 0;
|
|
color: #78613E;
|
|
font-size: 0.44rem;
|
|
}
|
|
|
|
.actOut .actOut_in .but {
|
|
width: 2.41333rem;
|
|
height: 0.90667rem;
|
|
line-height: 0.90667rem;
|
|
text-align: center;
|
|
background: url(../images/actOutBut.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
color: #fff;
|
|
font-size: 0.37333rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 2.53333rem;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
display: none;
|
|
}
|