替换原有旧周星
@@ -1,187 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'pingfang';
|
||||
src: url("../fonts/PingFangSCRegular.ttf");
|
||||
src: url("../fonts/PingFangSCRegular.ttf") format("woff"), url("../fonts/PingFangSCRegular.ttf") format("truetype"), url("../fonts/PingFangSCRegular.ttf") format("svg");
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: url("../images/box.png");
|
||||
background-size: 100%;
|
||||
font-family: 'pingfang';
|
||||
}
|
||||
|
||||
.max {
|
||||
width: 10rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.max .detail {
|
||||
width: 100%;
|
||||
padding-left: 0.93333rem;
|
||||
box-sizing: border-box;
|
||||
margin-top: 1.64rem;
|
||||
}
|
||||
|
||||
.max .detail p {
|
||||
font-size: 0.37333rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.max .detail ul {
|
||||
margin-top: 0.53333rem;
|
||||
padding-left: 0.4rem;
|
||||
}
|
||||
|
||||
.max .detail ul li {
|
||||
list-style: disc;
|
||||
color: #CCAAFF;
|
||||
font-size: 0.37333rem;
|
||||
line-height: 0.50667rem;
|
||||
}
|
||||
|
||||
.max .man {
|
||||
height: 18.52rem;
|
||||
width: 8.8rem;
|
||||
border-radius: 0.26667rem;
|
||||
border: 0.08rem solid #A964F5;
|
||||
margin: 1.33333rem auto 0;
|
||||
background: #370270;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.max .man .tit-bg {
|
||||
width: 4.96rem;
|
||||
height: 1.04rem;
|
||||
background: url("../images/charm.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.42667rem;
|
||||
}
|
||||
|
||||
.max .charm {
|
||||
height: 18.52rem;
|
||||
width: 8.8rem;
|
||||
border-radius: 0.26667rem;
|
||||
border: 0.08rem solid #96C9FA;
|
||||
margin: 1.33333rem auto;
|
||||
background: #370270;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.max .charm .tit-bg {
|
||||
width: 4.96rem;
|
||||
height: 1.04rem;
|
||||
background: url("../images/monay.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.42667rem;
|
||||
}
|
||||
|
||||
.max .week-award {
|
||||
height: 20.02667rem;
|
||||
width: 100%;
|
||||
margin: 0rem auto 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg {
|
||||
width: 8.4rem;
|
||||
margin: 0rem auto 0;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first .tit,
|
||||
.max .week-award .week-award-bg .second .tit,
|
||||
.max .week-award .week-award-bg .third .tit,
|
||||
.max .week-award .week-award-bg .other .tit {
|
||||
padding-left: 0.26667rem;
|
||||
font-size: 0.32rem;
|
||||
color: #fff;
|
||||
padding-top: 0.66667rem;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul,
|
||||
.max .week-award .week-award-bg .second ul,
|
||||
.max .week-award .week-award-bg .third ul,
|
||||
.max .week-award .week-award-bg .other ul {
|
||||
margin-top: 0.26667rem;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li,
|
||||
.max .week-award .week-award-bg .second ul li,
|
||||
.max .week-award .week-award-bg .third ul li,
|
||||
.max .week-award .week-award-bg .other ul li {
|
||||
width: 2.66667rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .head,
|
||||
.max .week-award .week-award-bg .second ul li .head,
|
||||
.max .week-award .week-award-bg .third ul li .head,
|
||||
.max .week-award .week-award-bg .other ul li .head {
|
||||
position: relative;
|
||||
width: 2.4rem;
|
||||
height: 2.4rem;
|
||||
border-radius: 0.13333rem;
|
||||
background: #5F358D;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .head img,
|
||||
.max .week-award .week-award-bg .second ul li .head img,
|
||||
.max .week-award .week-award-bg .third ul li .head img,
|
||||
.max .week-award .week-award-bg .other ul li .head img {
|
||||
width: 2.13333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .head img.nameplate,
|
||||
.max .week-award .week-award-bg .second ul li .head img.nameplate,
|
||||
.max .week-award .week-award-bg .third ul li .head img.nameplate,
|
||||
.max .week-award .week-award-bg .other ul li .head img.nameplate {
|
||||
width: 1.93333rem;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .head img.namemoney,
|
||||
.max .week-award .week-award-bg .second ul li .head img.namemoney,
|
||||
.max .week-award .week-award-bg .third ul li .head img.namemoney,
|
||||
.max .week-award .week-award-bg .other ul li .head img.namemoney {
|
||||
width: 2.4rem;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .head span,
|
||||
.max .week-award .week-award-bg .second ul li .head span,
|
||||
.max .week-award .week-award-bg .third ul li .head span,
|
||||
.max .week-award .week-award-bg .other ul li .head span {
|
||||
position: absolute;
|
||||
width: 0.8rem;
|
||||
height: 0.42667rem;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .head span img,
|
||||
.max .week-award .week-award-bg .second ul li .head span img,
|
||||
.max .week-award .week-award-bg .third ul li .head span img,
|
||||
.max .week-award .week-award-bg .other ul li .head span img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.max .week-award .week-award-bg .first ul li .gift-name,
|
||||
.max .week-award .week-award-bg .second ul li .gift-name,
|
||||
.max .week-award .week-award-bg .third ul li .gift-name,
|
||||
.max .week-award .week-award-bg .other ul li .gift-name {
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
margin-top: 0.26667rem;
|
||||
}
|
@@ -1,178 +0,0 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
@import '../../../common/css/flex.scss';
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang';
|
||||
src: url('../fonts/PingFangSCRegular.ttf');
|
||||
src: url('../fonts/PingFangSCRegular.ttf') format('woff'),
|
||||
url('../fonts/PingFangSCRegular.ttf') format('truetype'),
|
||||
url('../fonts/PingFangSCRegular.ttf') format('svg');
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: url('../images/box.png');
|
||||
background-size: 100%;
|
||||
font-family: 'pingfang';
|
||||
}
|
||||
|
||||
@mixin backgroundmy($img) {
|
||||
background: url($img) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.max {
|
||||
width: px2rem(750);
|
||||
margin: 0 auto;
|
||||
|
||||
.detail {
|
||||
width: 100%;
|
||||
padding-left: px2rem(70);
|
||||
box-sizing: border-box;
|
||||
margin-top: px2rem(123);
|
||||
|
||||
|
||||
p {
|
||||
font-size: px2rem(28);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-top: px2rem(40);
|
||||
padding-left: px2rem(30);
|
||||
|
||||
li {
|
||||
list-style: disc;
|
||||
color: #CCAAFF;
|
||||
font-size: px2rem(28);
|
||||
line-height: px2rem(38);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.man {
|
||||
height: px2rem(1389);
|
||||
width: px2rem(660);
|
||||
border-radius: px2rem(20);
|
||||
border: px2rem(6) solid #A964F5;
|
||||
margin: px2rem(100) auto 0;
|
||||
background: #370270;
|
||||
position: relative;
|
||||
|
||||
.tit-bg {
|
||||
width: px2rem(372);
|
||||
height: px2rem(78);
|
||||
@include backgroundmy('../images/charm.png');
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-32);
|
||||
}
|
||||
}
|
||||
|
||||
.charm {
|
||||
height: px2rem(1389);
|
||||
width: px2rem(660);
|
||||
border-radius: px2rem(20);
|
||||
border: px2rem(6) solid #96C9FA;
|
||||
margin: px2rem(100) auto;
|
||||
background: #370270;
|
||||
position: relative;
|
||||
|
||||
.tit-bg {
|
||||
width: px2rem(372);
|
||||
height: px2rem(78);
|
||||
@include backgroundmy('../images/monay.png');
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-32);
|
||||
}
|
||||
}
|
||||
|
||||
.week-award {
|
||||
height: px2rem(1502);
|
||||
width: 100%;
|
||||
margin: px2rem(0) auto 0;
|
||||
overflow: hidden;
|
||||
|
||||
.week-award-bg {
|
||||
width: px2rem(630);
|
||||
margin: px2rem(0) auto 0;
|
||||
|
||||
.first,
|
||||
.second,
|
||||
.third,
|
||||
.other {
|
||||
|
||||
// margin-left: px2rem(20);
|
||||
.tit {
|
||||
padding-left: px2rem(20);
|
||||
font-size: px2rem(24);
|
||||
color: #fff;
|
||||
padding-top: px2rem(50);
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-top: px2rem(20);
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
li {
|
||||
width: px2rem(200);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
.head {
|
||||
position: relative;
|
||||
width: px2rem(180);
|
||||
height: px2rem(180);
|
||||
border-radius: px2rem(10);
|
||||
background: #5F358D;
|
||||
|
||||
img {
|
||||
width: px2rem(160);
|
||||
// height: px2rem(52);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
// height: px2rem(180);
|
||||
&.nameplate {
|
||||
width: px2rem(145);
|
||||
}
|
||||
&.namemoney{
|
||||
width: px2rem(180);
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(60);
|
||||
height: px2rem(32);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gift-name {
|
||||
font-size: px2rem(30);
|
||||
color: #fff;
|
||||
margin-top: px2rem(20);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
@@ -1,323 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #14063C;
|
||||
}
|
||||
|
||||
.rule_content {
|
||||
width: 10rem;
|
||||
height: 58.56rem;
|
||||
margin: 0.4rem auto;
|
||||
background: url(../images/newimages/rule_content.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 10.6666666667rem;
|
||||
background: url(../images/newimages/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.header a {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 6.5466666667rem;
|
||||
width: 1.0266666667rem;
|
||||
height: 2.5066666667rem;
|
||||
}
|
||||
.header a img {
|
||||
width: 100%;
|
||||
height: 1.3333333333%rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tabAbox {
|
||||
width: 9.2rem;
|
||||
height: 1.3333333333rem;
|
||||
margin: -1.35rem auto 0;
|
||||
position: relative;
|
||||
}
|
||||
.tabAbox div {
|
||||
width: 4.6rem;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab1 {
|
||||
background: url(../images/newimages/tab1_A.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
background: url(../images/newimages/tab2_B.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 9.12rem;
|
||||
height: 24.6933333333rem;
|
||||
border: 0.04rem solid #FCEF8B;
|
||||
border-top: none;
|
||||
margin: 0 auto 2.6666666667rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.box .time {
|
||||
width: 6.7466666667rem;
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
border-radius: 0.8rem;
|
||||
margin: 0.6rem auto;
|
||||
background: #341D5C;
|
||||
text-align: center;
|
||||
color: #FDFCFF;
|
||||
font-size: 0.48rem;
|
||||
}
|
||||
.box .time span {
|
||||
color: #FCEF8B;
|
||||
}
|
||||
.box .giftListBox {
|
||||
width: 9.12rem;
|
||||
height: 1.3333333333rem;
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.box .giftListBox .giftList {
|
||||
width: 9.12rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
background: url(../images/newimages/giftList.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 0.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.box .giftListBox .giftList li {
|
||||
min-width: 2.7466666667rem;
|
||||
margin-top: 0.1rem;
|
||||
height: 0.8533333333rem;
|
||||
line-height: 0.8533333333rem;
|
||||
margin-right: 0.1333333333rem;
|
||||
padding: 0.0666666667rem 0.1333333333rem;
|
||||
float: left;
|
||||
}
|
||||
.box .giftListBox .giftList li img {
|
||||
width: 0.6666666667rem;
|
||||
height: 0.6666666667rem;
|
||||
border-radius: 0.6666666667rem;
|
||||
display: inline-block;
|
||||
margin-right: 0.16rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .giftListBox .giftList li span {
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
}
|
||||
.box .giftListBox .giftList .active {
|
||||
background: url(../images/newimages/tab_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.box .sTab {
|
||||
width: 6.8266666667rem;
|
||||
height: 1.0133333333rem;
|
||||
display: flex;
|
||||
background: url(../images/newimages/stab_A.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0.8rem auto 0.3066666667rem;
|
||||
}
|
||||
.box .sTab div {
|
||||
width: 50%;
|
||||
height: 1.0133333333rem;
|
||||
}
|
||||
.box .sTab_active {
|
||||
background: url(../images/newimages/stab_B.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.box .top_three {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto 1.0666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.2666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.box .top_three div {
|
||||
width: 2.5333333333rem;
|
||||
height: 3.28rem;
|
||||
border: 0.04rem solid;
|
||||
border-bottom: none;
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.box .top_three div .tx {
|
||||
width: 2.7466666667rem;
|
||||
height: 2.5333333333rem;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -1.5rem;
|
||||
border: none;
|
||||
}
|
||||
.box .top_three div .tx img {
|
||||
display: block;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.55rem;
|
||||
}
|
||||
.box .top_three div p {
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1.4933333333rem;
|
||||
}
|
||||
.box .top_three div b {
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1.0266666667rem;
|
||||
}
|
||||
.box .top_three .No1 {
|
||||
left: 50%;
|
||||
top: 1.5rem;
|
||||
border-image: linear-gradient(180deg, #FCEF8B, #422A77) 10 10;
|
||||
background: linear-gradient(180deg, #9420D2 0%, rgba(66, 42, 119, 0) 100%);
|
||||
}
|
||||
.box .top_three .No1 .tx {
|
||||
background: url(../images/newimages/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.box .top_three .No2 {
|
||||
left: 1.6rem;
|
||||
top: 2rem;
|
||||
border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
|
||||
background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
|
||||
}
|
||||
.box .top_three .No2 .tx {
|
||||
background: url(../images/newimages/no2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.box .top_three .No3 {
|
||||
right: -1rem;
|
||||
top: 2rem;
|
||||
border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
|
||||
background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
|
||||
}
|
||||
.box .top_three .No3 .tx {
|
||||
background: url(../images/newimages/no3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.box .not_top_three {
|
||||
width: 8rem;
|
||||
height: auto;
|
||||
margin: 6rem auto 0;
|
||||
}
|
||||
.box .not_top_three li {
|
||||
width: 100%;
|
||||
height: 1.8666666667rem;
|
||||
line-height: 1.8666666667rem;
|
||||
border-bottom: 0.0266666667rem solid #7E71BC;
|
||||
}
|
||||
.box .not_top_three li span {
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.box .not_top_three li .ranking {
|
||||
margin-right: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
font-size: 0.5066666667rem;
|
||||
color: #FEFDFF;
|
||||
}
|
||||
.box .not_top_three li img {
|
||||
width: 1.0666666667rem;
|
||||
height: 1.0666666667rem;
|
||||
border-radius: 50%;
|
||||
margin-top: 0.3733333333rem;
|
||||
margin-right: 0.4rem;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
.box .not_top_three li .nice {
|
||||
color: #FEFDFF;
|
||||
font-weight: bold;
|
||||
font-size: 0.4rem;
|
||||
width: 2.8rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.box .not_top_three li .num {
|
||||
color: #FEFDFF;
|
||||
font-size: 0.4rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.myBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 2.6666666667rem;
|
||||
line-height: 2.2666666667rem;
|
||||
background: url(../images/newimages/my_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
padding: 0.5333333333rem 0.5333333333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.myBox span {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
.myBox .ranking {
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
margin-right: 0.4266666667rem;
|
||||
}
|
||||
.myBox img {
|
||||
display: block;
|
||||
width: 1.0666666667rem;
|
||||
height: 1.0666666667rem;
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.4rem;
|
||||
margin-top: 0.55rem;
|
||||
}
|
||||
.myBox .nice {
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
width: 2.8rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.myBox .num {
|
||||
float: right;
|
||||
font-size: 0.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=newWeekStar.css.map */
|
@@ -1,369 +0,0 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #14063C;
|
||||
}
|
||||
|
||||
// ========================================================活动规则==================================================
|
||||
.rule_content {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(4392, );
|
||||
margin: px2rem(30, ) auto;
|
||||
background: url(../images/newimages/rule_content.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
// =========================================================周星榜====================================================
|
||||
.header {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(800, );
|
||||
background: url(../images/newimages/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(491, );
|
||||
width: px2rem(77, );
|
||||
height: px2rem(188, );
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: px2rem(100%, );
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabAbox {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(100, );
|
||||
margin: -1.35rem auto 0;
|
||||
position: relative;
|
||||
|
||||
div {
|
||||
width: px2rem(345, );
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.tab1 {
|
||||
background: url(../images/newimages/tab1_A.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
background: url(../images/newimages/tab2_B.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 9.12rem;
|
||||
height: px2rem(1852, );
|
||||
border: 0.04rem solid #FCEF8B;
|
||||
border-top: none;
|
||||
margin: 0 auto px2rem(200, );
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.time {
|
||||
width: px2rem(506, );
|
||||
height: px2rem(60, );
|
||||
line-height: px2rem(60, );
|
||||
border-radius: px2rem(60, );
|
||||
margin: px2rem(45, ) auto;
|
||||
background: #341D5C;
|
||||
text-align: center;
|
||||
color: #FDFCFF;
|
||||
font-size: px2rem(36, );
|
||||
|
||||
span {
|
||||
color: #FCEF8B;
|
||||
}
|
||||
}
|
||||
|
||||
.giftListBox {
|
||||
width: 9.12rem;
|
||||
height: px2rem(100, );
|
||||
overflow-y: hidden;
|
||||
overflow-x: scroll;
|
||||
|
||||
.giftList {
|
||||
width: 9.12rem;
|
||||
height: px2rem(96, );
|
||||
line-height: px2rem(96, );
|
||||
background: url(../images/newimages/giftList.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 px2rem(16, );
|
||||
box-sizing: border-box;
|
||||
|
||||
li {
|
||||
min-width: px2rem(206, );
|
||||
margin-top: 0.1rem;
|
||||
height: px2rem(64, );
|
||||
line-height: px2rem(64, );
|
||||
margin-right: px2rem(10, );
|
||||
padding: px2rem(5, ) px2rem(10, );
|
||||
// display: inline-block;
|
||||
float: left;
|
||||
|
||||
img {
|
||||
width: px2rem(50, );
|
||||
height: px2rem(50, );
|
||||
border-radius: px2rem(50, );
|
||||
display: inline-block;
|
||||
margin-right: px2rem(12, );
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background: url(../images/newimages/tab_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sTab {
|
||||
width: px2rem(512, );
|
||||
height: px2rem(76, );
|
||||
display: flex;
|
||||
background: url(../images/newimages/stab_A.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(60, ) auto px2rem(23, );
|
||||
|
||||
div {
|
||||
width: 50%;
|
||||
height: px2rem(76, );
|
||||
}
|
||||
}
|
||||
|
||||
.sTab_active {
|
||||
background: url(../images/newimages/stab_B.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.top_three {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto px2rem(80, );
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20, );
|
||||
position: relative;
|
||||
|
||||
div {
|
||||
width: px2rem(190, );
|
||||
height: px2rem(246, );
|
||||
border: px2rem(3, ) solid;
|
||||
border-bottom: none;
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.tx {
|
||||
width: px2rem(206, );
|
||||
height: px2rem(190, );
|
||||
// background: url(../images/newimages/no1.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -1.5rem;
|
||||
border: none;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(150, );
|
||||
height: px2rem(150, );
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.55rem;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(112, );
|
||||
}
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(77, );
|
||||
}
|
||||
}
|
||||
|
||||
.No1 {
|
||||
left: 50%;
|
||||
top: 1.5rem;
|
||||
border-image: linear-gradient(180deg, #FCEF8B, #422A77) 10 10;
|
||||
background: linear-gradient(180deg, #9420D2 0%, rgba(66, 42, 119, 0) 100%);
|
||||
|
||||
.tx {
|
||||
background: url(../images/newimages/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.No2 {
|
||||
left: 1.6rem;
|
||||
top: 2rem;
|
||||
border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
|
||||
background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
|
||||
|
||||
.tx {
|
||||
background: url(../images/newimages/no2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.No3 {
|
||||
right: -1rem;
|
||||
top: 2rem;
|
||||
border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
|
||||
background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
|
||||
|
||||
.tx {
|
||||
background: url(../images/newimages/no3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.not_top_three {
|
||||
width: px2rem(600, );
|
||||
height: auto;
|
||||
margin: 6rem auto 0;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(140, );
|
||||
line-height: px2rem(140, );
|
||||
border-bottom: px2rem(2, ) solid #7E71BC;
|
||||
|
||||
span {
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ranking {
|
||||
margin-right: px2rem(26, );
|
||||
font-weight: bold;
|
||||
font-size: px2rem(38, );
|
||||
color: #FEFDFF;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(80, );
|
||||
height: px2rem(80, );
|
||||
border-radius: 50%;
|
||||
margin-top: px2rem(28, );
|
||||
margin-right: px2rem(30, );
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nice {
|
||||
color: #FEFDFF;
|
||||
font-weight: bold;
|
||||
font-size: px2rem(30, );
|
||||
width: 2.8rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.num {
|
||||
color: #FEFDFF;
|
||||
font-size: px2rem(30, );
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.myBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: px2rem(200, );
|
||||
line-height: px2rem(170, );
|
||||
background: url(../images/newimages/my_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
padding: px2rem(40, ) px2rem(40, );
|
||||
box-sizing: border-box;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ranking {
|
||||
font-size: px2rem(30, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(32, );
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(80, );
|
||||
height: px2rem(80, );
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(30, );
|
||||
margin-top: 0.55rem;
|
||||
}
|
||||
|
||||
.nice {
|
||||
font-size: px2rem(30, );
|
||||
color: #fff;
|
||||
width: 2.8rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.num {
|
||||
float: right;
|
||||
font-size: px2rem(30, );
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
@@ -1,95 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<title>活動詳情</title>
|
||||
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/detail.css?v=8">
|
||||
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="max">
|
||||
<div class="detail">
|
||||
<p>活動規則</p>
|
||||
<ul>
|
||||
<li>每周更新一次指定礼物</li>
|
||||
<li>收到指定礼物可登上魅力星球榜</li>
|
||||
<li>送出指定礼物可登上豪气星球榜</li>
|
||||
<li>以北京时间为准,以周为周期排名</li>
|
||||
<li>1鉆石=1魅力值=1豪气值</li>
|
||||
<li>当用户相同魅力值,后面收/送礼物的用户排名会超过原先收/送的礼物的用户</li>
|
||||
<li>奖励在周一16: 00前发放完毕</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="man">
|
||||
<div class="tit-bg"></div>
|
||||
<div class="week-award">
|
||||
<div class="week-award-bg">
|
||||
<div class="first">
|
||||
<p class="tit">第1名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="second">
|
||||
<p class="tit">第2名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="third">
|
||||
<p class="tit">第3名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="other">
|
||||
<p class="tit">第4-10名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="charm">
|
||||
<div class="tit-bg"></div>
|
||||
<div class="week-award">
|
||||
<div class="week-award-bg">
|
||||
<div class="first">
|
||||
<p class="tit">第1名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="second">
|
||||
<p class="tit">第2名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="third">
|
||||
<p class="tit">第3名</p>
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="other">
|
||||
<p class="tit">第4-10名</p>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common.js"></script>
|
||||
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="./js/public.js"></script>
|
||||
<script src="./js/detail.js?v=8"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
Before Width: | Height: | Size: 125 KiB |
Before Width: | Height: | Size: 247 KiB |
Before Width: | Height: | Size: 455 KiB |
Before Width: | Height: | Size: 9.8 KiB |
Before Width: | Height: | Size: 51 KiB |
Before Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 255 KiB |
Before Width: | Height: | Size: 365 KiB |
Before Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 70 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 57 KiB |
Before Width: | Height: | Size: 12 KiB |
BIN
view/molistar/modules/weekStar/images/23.png
Normal file
After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 9.6 KiB |
BIN
view/molistar/modules/weekStar/images/bottom.png
Normal file
After Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 43 KiB |
BIN
view/molistar/modules/weekStar/images/colon.png
Normal file
After Width: | Height: | Size: 343 B |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.4 KiB |
BIN
view/molistar/modules/weekStar/images/gift.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/modules/weekStar/images/giftBox.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/molistar/modules/weekStar/images/gold.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
view/molistar/modules/weekStar/images/header-ar.png
Normal file
After Width: | Height: | Size: 314 KiB |
BIN
view/molistar/modules/weekStar/images/header.png
Normal file
After Width: | Height: | Size: 318 KiB |
Before Width: | Height: | Size: 235 KiB |
BIN
view/molistar/modules/weekStar/images/lastTop1.png
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
view/molistar/modules/weekStar/images/lastTop2.png
Normal file
After Width: | Height: | Size: 69 KiB |
BIN
view/molistar/modules/weekStar/images/lastTop3.png
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
view/molistar/modules/weekStar/images/lastTopBox.png
Normal file
After Width: | Height: | Size: 612 KiB |
BIN
view/molistar/modules/weekStar/images/left.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
view/molistar/modules/weekStar/images/liBg.png
Normal file
After Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 7.6 KiB |
BIN
view/molistar/modules/weekStar/images/middle.png
Normal file
After Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 76 KiB |
BIN
view/molistar/modules/weekStar/images/more.png
Normal file
After Width: | Height: | Size: 984 B |
BIN
view/molistar/modules/weekStar/images/myBg.png
Normal file
After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 122 KiB |
Before Width: | Height: | Size: 115 KiB |
Before Width: | Height: | Size: 128 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 191 KiB |
Before Width: | Height: | Size: 206 KiB |
Before Width: | Height: | Size: 593 KiB |
Before Width: | Height: | Size: 9.0 KiB |
Before Width: | Height: | Size: 7.7 KiB |
Before Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 7.5 KiB |
Before Width: | Height: | Size: 87 KiB |
Before Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 4.8 KiB |
Before Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 6.0 KiB |
Before Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 176 KiB |
Before Width: | Height: | Size: 77 KiB |
BIN
view/molistar/modules/weekStar/images/null.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 29 KiB |
BIN
view/molistar/modules/weekStar/images/right.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
view/molistar/modules/weekStar/images/rule-ar.png
Normal file
After Width: | Height: | Size: 512 KiB |
BIN
view/molistar/modules/weekStar/images/rule-en.png
Normal file
After Width: | Height: | Size: 509 KiB |
BIN
view/molistar/modules/weekStar/images/rule.png
Normal file
After Width: | Height: | Size: 514 KiB |
BIN
view/molistar/modules/weekStar/images/ruleBg.png
Normal file
After Width: | Height: | Size: 100 KiB |
BIN
view/molistar/modules/weekStar/images/rule_close.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
view/molistar/modules/weekStar/images/rule_icon.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/weekStar/images/rule_title.png
Normal file
After Width: | Height: | Size: 71 KiB |