You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
1.8 KiB
98 lines
1.8 KiB
3 months ago
|
#coupon1 {
|
||
|
|
background: url(https://www.royaum.com.cn/static/news/coupon-bg1.png) no-repeat top center;
|
||
|
|
background-size: 100% auto;
|
||
|
|
background-color: #FC6453;
|
||
|
|
.coupon-tab {
|
||
|
|
.item {
|
||
|
|
background: #F45240;
|
||
|
|
color: #fff;
|
||
|
|
&.item-on {
|
||
|
|
background: #FFFFFF;
|
||
|
|
color: #F2212A;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#coupon2 {
|
||
|
|
background: url(https://www.royaum.com.cn/static/news/coupon-bg2.png) no-repeat top center;
|
||
|
|
background-size: 100% auto;
|
||
|
|
background-color: #FC6453;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
.coupon-tab {
|
||
|
|
background: #fff;
|
||
|
|
.item {
|
||
|
|
background: #F3F0EF;
|
||
|
|
color: #666666;
|
||
|
|
&.item-on {
|
||
|
|
background: #F45240;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.coupon-bd {
|
||
|
|
flex: 1;
|
||
|
|
background: #fff;
|
||
|
|
.item {
|
||
|
|
background-color: #FCF6F6;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#coupon3 {
|
||
|
|
background: url(https://www.royaum.com.cn/static/news/coupon-bg3.png) no-repeat top center;
|
||
|
|
background-size: 100% auto;
|
||
|
|
background-color: #FA688A;
|
||
|
|
.coupon-tab {
|
||
|
|
.item {
|
||
|
|
background: #F65379;
|
||
|
|
color: #fff;
|
||
|
|
&.item-on {
|
||
|
|
background: #FFFFFF;
|
||
|
|
color: #F2212A;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#coupon4 {
|
||
|
|
background: url(https://www.royaum.com.cn/static/news/coupon-bg4.png) no-repeat top center;
|
||
|
|
background-size: 100% auto;
|
||
|
|
background-color: #fff;
|
||
|
|
.coupon-tab {
|
||
|
|
background-color: transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
.item {
|
||
|
|
background: #F6F6F6;
|
||
|
|
color: #666;
|
||
|
|
&.item-on {
|
||
|
|
background: #F45240;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.coupon-bd {
|
||
|
|
.item {
|
||
|
|
background-color: #FCF6F6;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#coupon5 {
|
||
|
|
background: url(https://www.royaum.com.cn/static/news/coupon-bg5.png) no-repeat top center;
|
||
|
|
background-size: 623rpx auto;
|
||
|
|
background-color: #F6E3CF;
|
||
|
|
.coupon-tab {
|
||
|
|
background-color: transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
.item {
|
||
|
|
background: #F7D3AD;
|
||
|
|
color: #F45240;
|
||
|
|
&.item-on {
|
||
|
|
background: #F45240;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|