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.
yanzong_qianduan/pages/news/coupon/style.scss

98 lines
1.8 KiB

5 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;
}
}
}
}