966 lines
25 KiB
SCSS
966 lines
25 KiB
SCSS
@charset "UTF-8";
|
||
|
||
@function px2rem($px) {
|
||
@return $px / 75+rem;
|
||
}
|
||
|
||
html,
|
||
body {
|
||
// width: 100%;
|
||
height: 100%;
|
||
background: #120331;
|
||
}
|
||
|
||
.back {
|
||
width: 100%;
|
||
height: px2rem(44);
|
||
line-height: px2rem(44);
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
padding-top: px2rem(110);
|
||
padding-bottom: px2rem(22);
|
||
text-align: center;
|
||
color: #FFFFFF;
|
||
font-size: px2rem(38);
|
||
font-weight: bold;
|
||
|
||
img {
|
||
width: px2rem(44);
|
||
height: px2rem(44);
|
||
position: absolute;
|
||
left: px2rem(18);
|
||
// top: px2rem(0);
|
||
}
|
||
}
|
||
|
||
.top_bg {
|
||
background-image: url("../images/top_bg.png");
|
||
background-size: 100% 100%;
|
||
height: px2rem(844);
|
||
width: 100%;
|
||
position: relative;
|
||
|
||
.rules_box {
|
||
background-image: url('../images/rule_bg.png');
|
||
background-size: 100% 100%;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(28);
|
||
color: #FFFFFF;
|
||
text-align: center;
|
||
width: px2rem(114);
|
||
height: px2rem(60);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding-left: px2rem(20);
|
||
position: absolute;
|
||
top: px2rem(441);
|
||
right: 0;
|
||
}
|
||
|
||
.As_rewards {
|
||
background: rgba(0, 0, 0, 0.7);
|
||
border-radius: px2rem(26);
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(26);
|
||
color: #FFFBD1;
|
||
padding: px2rem(22) px2rem(40);
|
||
position: absolute;
|
||
top: px2rem(510);
|
||
margin: px2rem(35);
|
||
line-height: px2rem(38);
|
||
}
|
||
}
|
||
|
||
.table_image_box {
|
||
background-image: url("../images/table_image_bg.png");
|
||
background-size: 100% 100%;
|
||
|
||
.kuang_top {
|
||
background-image: url("../images/kuang_top.png");
|
||
background-size: 100% 100%;
|
||
height: px2rem(50);
|
||
}
|
||
|
||
.kuang_center {
|
||
background-image: url("../images/kuang_center.png");
|
||
background-size: 100% 100%;
|
||
padding: 0 px2rem(38);
|
||
text-align: center;
|
||
|
||
.shouqi,
|
||
.zhankai {
|
||
width: px2rem(50);
|
||
height: px2rem(50);
|
||
margin-top: px2rem(17);
|
||
}
|
||
|
||
.shouqi_box {
|
||
display: none;
|
||
.level_big {
|
||
background-image: url("../images/level_big.png");
|
||
background-size: 100% 100%;
|
||
width: 100%;
|
||
height: px2rem(1134);
|
||
}
|
||
}
|
||
|
||
.zhankai_box {
|
||
display: none;
|
||
|
||
.level_small {
|
||
background-image: url("../images/level_small.png");
|
||
background-size: 100% 100%;
|
||
width: 100%;
|
||
height: px2rem(349);
|
||
}
|
||
}
|
||
}
|
||
|
||
.kuang_bottom {
|
||
background-image: url("../images/kuang_bottom.png");
|
||
background-size: 100% 100%;
|
||
height: px2rem(44);
|
||
}
|
||
}
|
||
|
||
.ranking_list {
|
||
margin-top: px2rem(75);
|
||
padding-bottom: px2rem(400);
|
||
|
||
.kuang_top {
|
||
background-image: url("../images/kuang_top.png");
|
||
background-size: 100% 100%;
|
||
height: px2rem(50);
|
||
position: relative;
|
||
|
||
.Today_box {
|
||
background-image: url("../images/Yesterday_bg.png");
|
||
background-size: 100% 100%;
|
||
position: absolute;
|
||
top: px2rem(-36);
|
||
left: px2rem(56);
|
||
width: px2rem(290);
|
||
height: px2rem(96);
|
||
font-family: PingFang SC;
|
||
font-weight: 800;
|
||
font-size: px2rem(32);
|
||
color: #FFFBD1;
|
||
line-height: px2rem(32);
|
||
text-stroke: px2rem(2) #000000;
|
||
-webkit-text-stroke: px2rem(2) #000000;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.Yesterday_box {
|
||
background-image: url("../images/Yesterday_bg.png");
|
||
background-size: 100% 100%;
|
||
position: absolute;
|
||
top: px2rem(-36);
|
||
right: px2rem(56);
|
||
width: px2rem(290);
|
||
height: px2rem(96);
|
||
font-family: PingFang SC;
|
||
font-weight: 800;
|
||
font-size: px2rem(32);
|
||
color: #FFFBD1;
|
||
line-height: px2rem(32);
|
||
text-stroke: px2rem(2) #000000;
|
||
-webkit-text-stroke: px2rem(2) #000000;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.active_day {
|
||
background-image: url("../images/Today_bg.png");
|
||
background-size: 100% 100%;
|
||
}
|
||
}
|
||
|
||
.kuang_center {
|
||
background-image: url("../images/kuang_center.png");
|
||
background-size: 100% 100%;
|
||
padding: 0 px2rem(38);
|
||
text-align: center;
|
||
|
||
.user_info {
|
||
padding-top: px2rem(27);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
text-align: left;
|
||
|
||
.left {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.avatar {
|
||
background-image: url("../images/touxiang_k.png");
|
||
background-size: 100% 100%;
|
||
width: px2rem(124);
|
||
height: px2rem(124);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
img {
|
||
width: px2rem(110);
|
||
height: px2rem(110);
|
||
border-radius: px2rem(20);
|
||
}
|
||
}
|
||
|
||
.name {
|
||
margin-left: px2rem(20);
|
||
|
||
.nick {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(28);
|
||
color: #FFF8D1;
|
||
line-height: px2rem(34);
|
||
}
|
||
|
||
.erban {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #FFF8D1;
|
||
line-height: px2rem(34);
|
||
margin-top: px2rem(17);
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.progress_box {
|
||
margin-top: px2rem(25);
|
||
|
||
.level_box {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
div {
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
font-size: px2rem(26);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(34);
|
||
}
|
||
}
|
||
|
||
/* 进度条样式 */
|
||
.progress-container {
|
||
// width: 100%;
|
||
height: px2rem(16);
|
||
background-color: #330A88;
|
||
overflow: hidden;
|
||
border-radius: px2rem(8);
|
||
margin-top: px2rem(17);
|
||
|
||
.progress-bar {
|
||
height: 100%;
|
||
background: linear-gradient(90deg, #D1BDFF, #905AFF);
|
||
transition: width 0.3s ease;
|
||
border-radius: px2rem(8);
|
||
}
|
||
}
|
||
|
||
.next_level {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-top: px2rem(16);
|
||
|
||
.left,
|
||
.right {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(26);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(34);
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
img {
|
||
width: px2rem(28);
|
||
height: px2rem(28);
|
||
margin: 0 px2rem(6);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.room_tip {
|
||
background-image: url("../images/room_tip.png");
|
||
background-size: 100% 100%;
|
||
height: px2rem(184);
|
||
margin-top: px2rem(39);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.left {
|
||
margin-left: px2rem(33);
|
||
|
||
.Top_Share {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
width: px2rem(255);
|
||
}
|
||
|
||
.num {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(44);
|
||
color: #FFF8D1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-top: px2rem(27);
|
||
|
||
img {
|
||
width: px2rem(40);
|
||
height: px2rem(40);
|
||
margin: 0 px2rem(5);
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.right {
|
||
margin-right: px2rem(47);
|
||
|
||
.Room_Reward {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
width: px2rem(235);
|
||
}
|
||
|
||
.num {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(44);
|
||
color: #FFF8D1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-top: px2rem(27);
|
||
|
||
img {
|
||
width: px2rem(40);
|
||
height: px2rem(40);
|
||
margin: 0 px2rem(5);
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
.rank_list {
|
||
margin-top: px2rem(5);
|
||
.no_data{
|
||
margin-top: px2rem(67);
|
||
display: none;
|
||
img{
|
||
width: px2rem(208);
|
||
height: px2rem(180);
|
||
}
|
||
}
|
||
.rank_box {
|
||
background-image: url("../images/rank_bg.png");
|
||
background-size: 100% 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: px2rem(30) px2rem(60);
|
||
position: relative;
|
||
margin-top: px2rem(32);
|
||
|
||
.top_ranking {
|
||
background-image: url("../images/biaoshi.png");
|
||
background-size: 100% 100%;
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(26);
|
||
color: #FFF8D1;
|
||
text-align: center;
|
||
width: px2rem(134);
|
||
height: px2rem(68);
|
||
position: absolute;
|
||
top: px2rem(-20);
|
||
left: px2rem(9);
|
||
padding-top: px2rem(22);
|
||
}
|
||
|
||
.left {
|
||
img {
|
||
width: px2rem(82);
|
||
height: px2rem(82);
|
||
border-radius: 50%;
|
||
}
|
||
}
|
||
|
||
.right {
|
||
margin-left: px2rem(12);
|
||
|
||
.nick {
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
font-size: px2rem(28);
|
||
color: #FFF8D1;
|
||
line-height: px2rem(38);
|
||
text-align: left;
|
||
}
|
||
|
||
.erban {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(26);
|
||
color: #FFF8D1;
|
||
line-height: px2rem(38);
|
||
text-align: left;
|
||
|
||
}
|
||
|
||
.Contribution_Value,
|
||
.Target_Coins_box {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(38);
|
||
text-align: left;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
img {
|
||
width: px2rem(27);
|
||
height: px2rem(27);
|
||
margin: 0 px2rem(5);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.kuang_bottom {
|
||
background-image: url("../images/kuang_bottom.png");
|
||
background-size: 100% 100%;
|
||
height: px2rem(44);
|
||
}
|
||
}
|
||
|
||
.my_box {
|
||
background: linear-gradient(180deg, #2A0C5F, #582BAC);
|
||
border-radius: px2rem(20) px2rem(20) 0px 0px;
|
||
position: fixed;
|
||
bottom: 0;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding: px2rem(22) px2rem(20) px2rem(50);
|
||
|
||
.my_info {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.my_rank {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(32);
|
||
color: #FFF8D1;
|
||
}
|
||
|
||
.avatar {
|
||
margin: px2rem(0) px2rem(15) px2rem(0) px2rem(28);
|
||
|
||
img {
|
||
width: px2rem(82);
|
||
height: px2rem(82);
|
||
border-radius: 50%;
|
||
}
|
||
}
|
||
|
||
.my_nick {
|
||
.nick {
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
font-size: px2rem(28);
|
||
color: #FFF8D1;
|
||
line-height: px2rem(38);
|
||
text-align: left;
|
||
}
|
||
|
||
.erban {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(26);
|
||
color: #FFF8D1;
|
||
line-height: px2rem(38);
|
||
text-align: left;
|
||
|
||
}
|
||
}
|
||
.Receive_Record {
|
||
background-image: url("../images/record_bg.png");
|
||
background-size: 100% 100%;
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(24);
|
||
color: #FFFFFF;
|
||
line-height: px2rem(20);
|
||
height: px2rem(100);
|
||
width: px2rem(240);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-left: auto;
|
||
}
|
||
}
|
||
|
||
.Contribution_Value {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(38);
|
||
margin-top: px2rem(21);
|
||
}
|
||
|
||
.Room_Reward_box {
|
||
margin-top: px2rem(22);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.left {
|
||
display: flex;
|
||
align-items: center;
|
||
flex: 1;
|
||
.Room_Reward {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(38);
|
||
}
|
||
|
||
img {
|
||
width: px2rem(27);
|
||
height: px2rem(27);
|
||
margin: 0 px2rem(5);
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
.Contribution_Reward_box {
|
||
margin-top: px2rem(30);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.left {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.Contribution_Reward {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(38);
|
||
}
|
||
|
||
img {
|
||
width: px2rem(27);
|
||
height: px2rem(27);
|
||
margin: 0 px2rem(5);
|
||
}
|
||
}
|
||
}
|
||
|
||
.Receive_Tomorrow {
|
||
background: #1B014C;
|
||
border-radius: px2rem(20);
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
padding: px2rem(10) px2rem(20);
|
||
min-width: px2rem(296);
|
||
text-align: center;
|
||
}
|
||
|
||
.Receive {
|
||
background: #FFFFFF;
|
||
border-radius: px2rem(20);
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #080018;
|
||
padding: px2rem(10) px2rem(20);
|
||
min-width: px2rem(296);
|
||
text-align: center;
|
||
}
|
||
|
||
.Receiveed {
|
||
background: #1B014C;
|
||
border-radius: px2rem(20);
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
padding: px2rem(10) px2rem(20);
|
||
min-width: px2rem(296);
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.popup_record {
|
||
display: none;
|
||
/* 初始状态下隐藏弹窗 */
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
z-index: 9999;
|
||
|
||
/* 确保弹窗在最顶层 */
|
||
.popup_content {
|
||
background-image: url('../images/popup_bg.png');
|
||
background-size: 100% 100%;
|
||
// margin: 0 px2rem(14);
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: px2rem(720);
|
||
padding: px2rem(60) 0 px2rem(40);
|
||
height: px2rem(690);
|
||
|
||
.title {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(32);
|
||
color: #FFFBD1;
|
||
line-height: px2rem(36);
|
||
text-align: center;
|
||
margin-bottom: px2rem(23);
|
||
}
|
||
|
||
.xian {
|
||
margin: 0 px2rem(110);
|
||
|
||
img {
|
||
height: px2rem(18);
|
||
}
|
||
}
|
||
|
||
.wrap_title {
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
font-size: px2rem(28);
|
||
color: #FFFBD1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
background: #280F5C;
|
||
padding: px2rem(24) px2rem(88);
|
||
margin: px2rem(18) px2rem(37) 0;
|
||
}
|
||
|
||
.wrap_list {
|
||
height: px2rem(450);
|
||
overflow-y: auto; // 超出高度时可滚动
|
||
scrollbar-width: none; // 隐藏滚动条（Firefox）
|
||
-ms-overflow-style: none; // 隐藏滚动条（IE 10+）
|
||
|
||
&::-webkit-scrollbar {
|
||
// 隐藏滚动条（Chrome, Safari, Opera）
|
||
display: none;
|
||
}
|
||
|
||
.wrap_box {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(28);
|
||
color: #E0D1FF;
|
||
background: #32166A;
|
||
padding: px2rem(24) px2rem(33);
|
||
margin: 0 px2rem(37);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.num {
|
||
width: px2rem(300);
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.wrap_box:nth-child(even) {
|
||
background: #280F5C;
|
||
}
|
||
|
||
}
|
||
|
||
.close_btn {
|
||
position: absolute;
|
||
top: -10%;
|
||
right: 2%;
|
||
|
||
img {
|
||
width: px2rem(60);
|
||
height: px2rem(60);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.popup_receiveed {
|
||
display: none;
|
||
/* 初始状态下隐藏弹窗 */
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
z-index: 9999;
|
||
|
||
/* 确保弹窗在最顶层 */
|
||
.popup_content {
|
||
background-image: url('../images/popup_receive_bg.png');
|
||
background-size: 100% 100%;
|
||
// margin: 0 px2rem(14);
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: px2rem(750);
|
||
padding: px2rem(60) 0 px2rem(40);
|
||
height: px2rem(730);
|
||
position: relative;
|
||
|
||
.title {
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
font-size: px2rem(36);
|
||
color: #FFFBD1;
|
||
line-height: px2rem(42);
|
||
position: absolute;
|
||
top: px2rem(220);
|
||
left: px2rem(98);
|
||
width: px2rem(150);
|
||
}
|
||
|
||
.You_Receiveed {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
line-height: px2rem(32);
|
||
color: #E0D1FF;
|
||
position: absolute;
|
||
top: px2rem(370);
|
||
left: px2rem(98);
|
||
width: px2rem(280);
|
||
}
|
||
|
||
.num {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(80);
|
||
color: #FFF8D1;
|
||
display: flex;
|
||
align-items: center;
|
||
position: absolute;
|
||
top: px2rem(450);
|
||
left: px2rem(98);
|
||
|
||
img {
|
||
width: px2rem(76);
|
||
height: px2rem(76);
|
||
margin: 0 px2rem(13);
|
||
}
|
||
}
|
||
|
||
.xian {
|
||
margin: px2rem(500) px2rem(125) 0;
|
||
}
|
||
|
||
.Go_wallet {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(24);
|
||
color: #E0D1FF;
|
||
margin-top: px2rem(26);
|
||
text-align: center;
|
||
}
|
||
|
||
.OK_btn {
|
||
background-image: url("../images/Today_bg.png");
|
||
background-size: 100% 100%;
|
||
width: px2rem(290);
|
||
height: px2rem(96);
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(32);
|
||
color: #FFFBD1;
|
||
line-height: px2rem(32);
|
||
text-stroke: px2rem(2) #000000;
|
||
-webkit-text-stroke: px2rem(2) #000000;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin: px2rem(27) auto 0;
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
.popup_rules {
|
||
display: none;
|
||
/* 初始状态下隐藏弹窗 */
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
z-index: 9999;
|
||
|
||
/* 确保弹窗在最顶层 */
|
||
.popup_content {
|
||
background-image: url('../images/popup_bg.png');
|
||
background-size: 100% 100%;
|
||
// margin: 0 px2rem(14);
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: px2rem(720);
|
||
padding: px2rem(60) 0 px2rem(40);
|
||
height: px2rem(666);
|
||
|
||
.title {
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
font-size: px2rem(32);
|
||
color: #FFFBD1;
|
||
line-height: px2rem(36);
|
||
text-align: center;
|
||
margin-bottom: px2rem(23);
|
||
}
|
||
|
||
.xian {
|
||
margin: 0 px2rem(110);
|
||
|
||
img {
|
||
height: px2rem(18);
|
||
}
|
||
}
|
||
|
||
.rules_txt {
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
font-size: px2rem(28);
|
||
color: #E0D1FF;
|
||
line-height: px2rem(40);
|
||
margin: px2rem(32) px2rem(36);
|
||
height: px2rem(500);
|
||
overflow-y: auto; // 超出高度时可滚动
|
||
scrollbar-width: none; // 隐藏滚动条（Firefox）
|
||
-ms-overflow-style: none; // 隐藏滚动条（IE 10+）
|
||
|
||
&::-webkit-scrollbar {
|
||
// 隐藏滚动条（Chrome, Safari, Opera）
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.close_btn {
|
||
position: absolute;
|
||
top: -10%;
|
||
right: 2%;
|
||
|
||
img {
|
||
width: px2rem(60);
|
||
height: px2rem(60);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.china {
|
||
.popup_record .popup_content .wrap_list .wrap_box .num {
|
||
width: px2rem(220);
|
||
}
|
||
}
|
||
|
||
.arabic {
|
||
.top_bg {
|
||
background-image: url("../images/top_bg-ar.png");
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.ranking_list .kuang_center .progress_box .progress-container .progress-bar {
|
||
background: linear-gradient(90deg, #905AFF, #D1BDFF);
|
||
}
|
||
|
||
.table_image_box .kuang_center .shouqi_box .level_big {
|
||
background-image: url("../images/level_big-ar.png");
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.table_image_box .kuang_center .zhankai_box .level_small {
|
||
background-image: url("../images/level_small-ar.png");
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.ranking_list .kuang_center .room_tip .right {
|
||
margin-right: 0;
|
||
margin-left: px2rem(47);
|
||
}
|
||
|
||
.ranking_list .kuang_center .room_tip .left {
|
||
margin-right: px2rem(33);
|
||
margin-left: 0;
|
||
}
|
||
|
||
.ranking_list .kuang_center .user_info .left .name {
|
||
margin-left: 0;
|
||
margin-right: px2rem(24);
|
||
text-align: right;
|
||
}
|
||
|
||
.ranking_list .kuang_center .rank_list .rank_box .right .nick,
|
||
.ranking_list .kuang_center .rank_list .rank_box .right .erban {
|
||
text-align: right;
|
||
}
|
||
|
||
.ranking_list .kuang_center .rank_list .rank_box .right {
|
||
margin-left: 0;
|
||
margin-right: px2rem(12);
|
||
}
|
||
|
||
.my_box .my_info .my_nick .nick,
|
||
.my_box .my_info .my_nick .erban {
|
||
text-align: right;
|
||
}
|
||
} |