2880 lines
52 KiB
Plaintext
2880 lines
52 KiB
Plaintext
@import "../common/city-picker.wxss";
|
|
|
|
.fui-tabbar {
|
|
margin-bottom: 2px;
|
|
background: white;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
}
|
|
|
|
.fui-tabbar.style1 {
|
|
height: 80rpx;
|
|
white-space: nowrap;
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.fui-tabbar.style2 {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.fui-tabbar .item {
|
|
display: inline-block;
|
|
width: 170rpx;
|
|
text-align: center;
|
|
line-height: 77rpx;
|
|
height: 77rpx;
|
|
font-size: 28rpx;
|
|
color: #000;
|
|
border-bottom: 4rpx solid transparent;
|
|
}
|
|
|
|
.fui-tabbar.style2 .item {
|
|
width: 25%;
|
|
}
|
|
|
|
.fui-tabbar-content {
|
|
background: #fff;
|
|
padding: 0 24rpx;
|
|
}
|
|
|
|
.fui-tabbar-content text {
|
|
width: 100%;
|
|
font-size: 24rpx;
|
|
line-height: 36rpx;
|
|
}
|
|
|
|
.fui-topmenu {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 18;
|
|
}
|
|
|
|
.tabbar-list {
|
|
display: flex;
|
|
height: 32rpx;
|
|
padding-top: 20rpx;
|
|
padding-bottom: 20rpx;
|
|
border-bottom: 1rpx solid #ededed;
|
|
}
|
|
|
|
.diy-fixedsearch.fixed {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.diy-fixedsearch {
|
|
height: 88rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.diy-fixedsearch .background {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #000000;
|
|
opacity: 0.5;
|
|
z-index: 1;
|
|
}
|
|
|
|
.diy-fixedsearch .inner {
|
|
position: relative;
|
|
z-index: 2;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
color: #fff;
|
|
height: 88rpx;
|
|
padding: 0 16rpx;
|
|
}
|
|
|
|
.diy-fixedsearch .inner text {
|
|
font-size: 40rpx;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .leftnav,.diy-fixedsearch .inner .rightnav {
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .leftnav image,.diy-fixedsearch .inner .rightnav image {
|
|
height: 100%;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .center {
|
|
height: 56rpx;
|
|
width: 100%;
|
|
padding: 0 16rpx;
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .center.circle view {
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .center.round view {
|
|
border-radius: 30rpx;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .center view {
|
|
border-radius: 0;
|
|
background: #fff;
|
|
-webkit-appearance: none;
|
|
height: 56rpx;
|
|
border: 0;
|
|
width: 100%;
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
float: left;
|
|
line-height: 56rpx;
|
|
padding-top: 2rpx;
|
|
}
|
|
|
|
.diy-fixedsearch .inner .rightnav {
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
}
|
|
|
|
.fui-searchbar {
|
|
position: relative;
|
|
z-index: 10;
|
|
height: 88rpx;
|
|
padding-right: 20rpx;
|
|
padding-left: 20rpx;
|
|
background-color: #f7f7f8;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.fui-searchbar .searchbar.center {
|
|
background: none;
|
|
}
|
|
|
|
.searchbar {
|
|
margin: 0 -0.5rem;
|
|
padding: 0.4rem 0.6rem;
|
|
overflow: hidden;
|
|
height: 2.2rem;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.weui-search-bar__input {
|
|
height: 58rpx;
|
|
line-height: 62rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.flex-icon-search {
|
|
position: absolute;
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
left: 0px;
|
|
top: 0px;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.weui-search-bar__input.flex-input {
|
|
padding: 0 20rpx 0 60rpx;
|
|
flex: 1;
|
|
}
|
|
|
|
.flex-head-search .weui-search-bar__form {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.flex-head-search .weui-search-bar__form.radius {
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.flex-head-search .weui-search-bar__form.round {
|
|
border-radius: 30rpx;
|
|
}
|
|
|
|
.advimg {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
|
|
.index-adcs-sqiper {
|
|
height: auto;
|
|
text-align: left;
|
|
}
|
|
|
|
.index-advs-navigator {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.hotdot {
|
|
height: 30rpx;
|
|
width: 70rpx;
|
|
}
|
|
|
|
.index-hot::before {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
right: 0;
|
|
top: auto;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.index-hot {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.index-adcs-sqiper.index-notification-swiper {
|
|
min-height: 60rpx;
|
|
max-height: 60rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.icon-notification {
|
|
width: 15px;
|
|
height: 15px;
|
|
vertical-align: middle;
|
|
margin: 0px 0px 0px 5px;
|
|
border-left: 1px solid #ccc;
|
|
padding-left: 10rpx;
|
|
}
|
|
|
|
.notification-navigoter {
|
|
font-size: 24rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
display: inline-block;
|
|
}
|
|
|
|
.navs-navname {
|
|
font-size: 24rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.index-banner .index-adcs-sqiper.index-banner-sqiper {
|
|
height: auto;
|
|
line-height: 20rpx;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.index-banner-sqiper.square .wx-swiper-dot {
|
|
width: 20rpx;
|
|
height: 20rpx;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.index-banner-sqiper.round .wx-swiper-dot {
|
|
width: 20rpx;
|
|
height: 20rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.index-banner-sqiper.rectangle .wx-swiper-dot {
|
|
width: 24rpx;
|
|
height: 20rpx;
|
|
border-radius: 0;
|
|
left: 0;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
image.circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
image.radius {
|
|
border-radius: 20%;
|
|
}
|
|
|
|
.menu swiper-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.menu swiper-item .fui-icon-col {
|
|
width: 25%;
|
|
text-align: center;
|
|
}
|
|
|
|
.menu swiper-item.col-3 .fui-icon-col {
|
|
width: 33.3%;
|
|
text-align: center;
|
|
}
|
|
|
|
.menu swiper-item.col-5 .fui-icon-col {
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.fui-icon-col {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
height: 140rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.navigator-hover {
|
|
background-color: transparent!important;
|
|
}
|
|
|
|
.fui-icon-col .text {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.fui-menu-item {
|
|
padding: 20rpx;
|
|
text-align: center;
|
|
position: relative;
|
|
color: #666;
|
|
font-size: 30rpx;
|
|
width: 1%;
|
|
display: table-cell;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
transition: background-color 300ms;
|
|
}
|
|
|
|
.fui-menu-group .fui-menu-item:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 20rpx;
|
|
bottom: 20rpx;
|
|
border-left: 1px solid #eee;
|
|
}
|
|
|
|
.fui-menu-group .fui-menu-item:first-child:before {
|
|
border: 0;
|
|
}
|
|
|
|
.fui-icon-group {
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
|
|
.fui-icon-group .fui-icon-col {
|
|
width: 25%;
|
|
height: auto;
|
|
position: relative;
|
|
padding: 0;
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
transition: background-color 300ms;
|
|
float: left;
|
|
border: none!important;
|
|
}
|
|
|
|
.fui-icon-group.col-4 .fui-icon-col {
|
|
width: 25%;
|
|
height: 146rpx;
|
|
}
|
|
|
|
.fui-icon-group.col-3 .fui-icon-col {
|
|
width: 33.33%;
|
|
}
|
|
|
|
.fui-icon-group.col-5 .fui-icon-col {
|
|
width: 20%;
|
|
}
|
|
|
|
.fui-picture image {
|
|
width: 100%;
|
|
}
|
|
|
|
.fui-pictures {
|
|
height: auto;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fui-pictures.row-2 .item {
|
|
width: 50%;
|
|
}
|
|
|
|
.fui-pictures.row-3 .item {
|
|
width: 33.3%;
|
|
}
|
|
|
|
.fui-pictures.row-4 .item {
|
|
width: 25%;
|
|
}
|
|
|
|
.fui-pictures.row-5 .item {
|
|
width: 20%;
|
|
}
|
|
|
|
.fui-pictures.single .item {
|
|
float: left;
|
|
}
|
|
|
|
.fui-pictures .item {
|
|
height: auto;
|
|
width: 100%;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.fui-pictures .item .image {
|
|
position: relative;
|
|
}
|
|
|
|
.fui-pictures .item image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fui-pictures .item .image .title {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
line-height: 40rpx;
|
|
color: #fff;
|
|
padding: 16rpx 6rpx 2rpx;
|
|
font-size: 28rpx;
|
|
background: linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.fui-pictures .item .text {
|
|
font-size: 28rpx;
|
|
height: 40rpx;
|
|
line-height: 48rpx;
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-left: 6rpx;
|
|
}
|
|
|
|
.fui-picturew {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fui-picturew.row-2 .item {
|
|
width: 50%;
|
|
}
|
|
|
|
.fui-picturew.row-3 .item {
|
|
width: 33.33%;
|
|
}
|
|
|
|
.fui-picturew.row-4 .item {
|
|
width: 24.999%;
|
|
}
|
|
|
|
.fui-picturew .item {
|
|
display: block;
|
|
float: left;
|
|
height: auto;
|
|
}
|
|
|
|
.fui-picturew .item image {
|
|
display: block;
|
|
width: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.fui-cube.diypage-cube image {
|
|
display: block;
|
|
width: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.fui-cube.diypage-cube {
|
|
height: auto;
|
|
width: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.fui-cube.diypage-cube image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fui-cube navigator {
|
|
width: auto;
|
|
height: auto;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.fui-cube .navigator {
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.flex {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
.flex.column {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex1 {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.picturew-swiper .item {
|
|
width: auto;
|
|
}
|
|
|
|
.diy-coupon {
|
|
padding: 0 12rpx;
|
|
height: auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item {
|
|
width: 33.33%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.diy-coupon.col-3 .diy-coupon-item {
|
|
width: 33.33%;
|
|
}
|
|
|
|
.diy-coupon.col-2 .diy-coupon-item {
|
|
width: 50%;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item .name {
|
|
font-size: 40rpx;
|
|
line-height: 60rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item .inner {
|
|
height: 100%;
|
|
border-radius: 0;
|
|
border: none;
|
|
background: #fd5454;
|
|
color: #fff;
|
|
font-size: 22rpx;
|
|
line-height: 24rpx;
|
|
position: relative;
|
|
margin: 12rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item .receive {
|
|
width: 3.3rem;
|
|
border-radius: 1rem;
|
|
border: 1px solid #fff;
|
|
height: 1rem;
|
|
line-height: 1rem;
|
|
margin: 0 auto 0.4rem;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item .point {
|
|
position: absolute;
|
|
height: 28rpx;
|
|
width: 28rpx;
|
|
border-radius: 50%;
|
|
top: 50%;
|
|
margin-top: -14rpx;
|
|
background: #fff;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item .pointleft {
|
|
left: -14rpx;
|
|
}
|
|
|
|
.diy-coupon .diy-coupon-item .pointright {
|
|
right: -14rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper {
|
|
height: 396rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.showtitle {
|
|
height: 475rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.showprice {
|
|
height: 454rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.showprice.showtitle {
|
|
height: 534rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.showprice.showproduct {
|
|
height: 502rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.showprice.showtitle.showproduct {
|
|
height: 582rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.one.swiper {
|
|
height: 765rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.one.swiper.showtitle {
|
|
height: 866rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.one.swiper.showprice {
|
|
height: 892rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.one.swiper.showprice.showproduct {
|
|
height: 892rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.one.swiper.showprice.showtitle {
|
|
height: 924rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.one.swiper.showprice.showtitle.showproduct {
|
|
height: 972rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.three.swiper {
|
|
height: 271rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.three.showtitle {
|
|
height: 351rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.swiper.three.showprice {
|
|
height: 327rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.three.swiper.showprice.showtitle {
|
|
height: 407rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.three.swiper.showprice.showproduct {
|
|
height: 375rpx;
|
|
}
|
|
|
|
.fui-goods-group.block.three.swiper.showprice.showtitle.showproduct {
|
|
height: 455rpx;
|
|
}
|
|
|
|
.fui-goods-group.block .fui-goods-item {
|
|
width: 50%;
|
|
float: left;
|
|
border-bottom: 0;
|
|
background: none;
|
|
padding: 5px 3px;
|
|
display: block;
|
|
}
|
|
|
|
.fui-goods-group.block .fui-goods-item .detail {
|
|
padding: 8rpx;
|
|
overflow: hidden;
|
|
padding-bottom: 21rpx;
|
|
}
|
|
|
|
.fui-goods-group.block .fui-goods-item .image {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.fui-goods-group.block .fui-goods-item .image image {
|
|
width: auto;
|
|
display: block;
|
|
}
|
|
|
|
.fui-goods-group.block.one .fui-goods-item {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.fui-goods-group.block.three .fui-goods-item {
|
|
width: 33.33%;
|
|
}
|
|
|
|
.fui-goods-item {
|
|
position: relative;
|
|
height: auto;
|
|
padding: 10px;
|
|
border-bottom: 1px solid #e7e7e7;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.fui-goods-group .fui-goods-item .detail {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.fui-goods-group .fui-goods-item .detail .productprice {
|
|
width: 100%;
|
|
color: #999;
|
|
font-size: 22rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
}
|
|
|
|
.fui-goods-group.three .fui-goods-item .detail .name {
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.fui-goods-group.three .fui-goods-item .detail .productprice {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.fui-goods-group.three .fui-goods-item .detail .price {
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.fui-goods-group.three .fui-goods-item .detail .price .buy {
|
|
padding: 0;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.fui-goods-group.three .fui-goods-item .detail .price .buybtn-2,.fui-goods-group.three .fui-goods-item .detail .price .buybtn-1 {
|
|
padding: 0 8rpx;
|
|
}
|
|
|
|
.productprice text.line {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.fui-goods-item .detail .price {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtnbtn {
|
|
display: inline-block;
|
|
height: 40rpx;
|
|
border: 1px solid #ff5555;
|
|
width: auto;
|
|
border-radius: 4rpx;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-1 {
|
|
color: #ff5555;
|
|
line-height: 40rpx;
|
|
background: #fff;
|
|
padding: 0rpx 14rpx;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-2 {
|
|
color: #fff;
|
|
line-height: 40rpx;
|
|
background: #ff5555;
|
|
padding: 0rpx 14rpx;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-3 {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-3,.fui-goods-item .detail .price .buybtn-6 {
|
|
color: #fff;
|
|
line-height: 44rpx;
|
|
height: 44rpx;
|
|
background: #ff5555;
|
|
width: 44rpx;
|
|
padding: 0;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-4 {
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
font-size: 46rpx;
|
|
height: auto;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-5 {
|
|
color: #ff5555;
|
|
line-height: 40rpx;
|
|
background: #fff;
|
|
width: 40rpx;
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.fui-goods-item .detail .price .buybtn-6 {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.fui-goods-group .image {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.fui-goods-group .image.triangle:before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
width: 135rpx;
|
|
height: 96rpx;
|
|
background: #ff5555;
|
|
z-index: 10;
|
|
transform-origin: left bottom;
|
|
transform: rotate(-45deg);
|
|
color: #fff;
|
|
line-height: 148rpx;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.fui-goods-group .image.circle:before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
background: #ffb805;
|
|
z-index: 10;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
line-height: 24rpx;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.fui-goods-group .image.square:before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
background: #19dbab;
|
|
z-index: 10;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
line-height: 24rpx;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.fui-goods-group .image.rectangle:before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
width: 90rpx;
|
|
height: 40rpx;
|
|
background: #04a6f8;
|
|
z-index: 10;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
line-height: 1rem;
|
|
}
|
|
|
|
.fui-goods-group .image.echelon:before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
height: 40rpx;
|
|
width: 136rpx;
|
|
background: #ff7104;
|
|
top: 56rpx;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
line-height: 40rpx;
|
|
text-align: center;
|
|
transform: rotate(-45deg);
|
|
transform-origin: left bottom;
|
|
}
|
|
|
|
.fui-goods-item .image .goodsicon {
|
|
height: auto;
|
|
display: block;
|
|
overflow: hidden;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.fui-goods-item .image .goodsicon image {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.fui-goods-item .image .goodsicon .top {
|
|
top: 0;
|
|
}
|
|
|
|
.fui-goods-item .image .goodsicon left {
|
|
left: 0;
|
|
}
|
|
|
|
.fui-goods-item .image .goodsicon .right {
|
|
right: 0;
|
|
}
|
|
|
|
.fui-goods-item .image .goodsicon .bottom {
|
|
bottom: 0;
|
|
}
|
|
|
|
.fui-goods-item .detail .name {
|
|
height: 68rpx;
|
|
margin-bottom: 34rpx;
|
|
}
|
|
|
|
.fui-goods-group .fui-goods-item .detail .name {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
margin-bottom: 0;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.fui-goods-group .fui-goods-item .salez {
|
|
z-index: 11;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: auto;
|
|
height: auto;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.fui-goods-group.block .fui-goods-item .image {
|
|
width: 100%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding-bottom: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
|
|
.fui-goods-group .fui-goods-item .image {
|
|
background-size: cover;
|
|
height: 231rpx;
|
|
width: 231rpx;
|
|
min-width: 231rpx;
|
|
}
|
|
|
|
.fui-goods-group {
|
|
position: relative;
|
|
}
|
|
|
|
.fui-goods-group .prev {
|
|
color: #fff;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
z-index: 999;
|
|
text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
|
|
animation: pre 1.5s infinite ease-in-out;
|
|
}
|
|
|
|
.fui-goods-group .next {
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
z-index: 999;
|
|
text-shadow: 2px 3px 3px rgba(0,0,0,0.3);
|
|
animation: next 1.5s infinite ease-in-out;
|
|
}
|
|
|
|
@-webkit-keyframes next {
|
|
0%,30% {
|
|
opacity: 0.8;
|
|
transform: translate(-8px,0px);
|
|
}
|
|
|
|
60% {
|
|
opacity: 0.8;
|
|
transform: translate(0px,0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.8;
|
|
transform: translate(-8px,0px);
|
|
}
|
|
}
|
|
|
|
@keyframes next {
|
|
0%,30% {
|
|
opacity: 0.8;
|
|
transform: translate(-8px,0px);
|
|
}
|
|
|
|
60% {
|
|
opacity: 0.8;
|
|
transform: translate(0px,0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.8;
|
|
transform: translate(-8px,0px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes pre {
|
|
0%,30% {
|
|
opacity: 0.8;
|
|
transform: translate(8px,0px);
|
|
}
|
|
|
|
60% {
|
|
opacity: 0.8;
|
|
transform: translate(0px,0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.8;
|
|
transform: translate(8px,0px);
|
|
}
|
|
}
|
|
|
|
@keyframes pre {
|
|
0%,30% {
|
|
opacity: 0.8;
|
|
transform: translate(8px,0px);
|
|
}
|
|
|
|
60% {
|
|
opacity: 0.8;
|
|
transform: translate(0px,0);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.8;
|
|
transform: translate(8px,0px);
|
|
}
|
|
}
|
|
|
|
.fui-title.diypage-title {
|
|
margin: 0;
|
|
}
|
|
|
|
.mc {
|
|
width: auto;
|
|
height: auto;
|
|
position: absolute;
|
|
bottom: 80rpx;
|
|
left: 50%;
|
|
margin-left: -105rpx;
|
|
}
|
|
|
|
.mc cover-view,.mc view {
|
|
display: inline-block;
|
|
color: #ff5555;
|
|
width: 100rpx;
|
|
height: 44rpx;
|
|
border-radius: 20rpx;
|
|
text-align: center;
|
|
line-height: 44rpx;
|
|
float: left;
|
|
background: rgba(255,255,255,0.6);
|
|
margin: 0 10rpx;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.mc cover-view.active,.mc view.active {
|
|
color: #ffffff;
|
|
background: #ff5555;
|
|
}
|
|
|
|
.index-banner.block,.video.block {
|
|
display: block;
|
|
}
|
|
|
|
.index-banner.none,.video.none {
|
|
display: none;
|
|
}
|
|
|
|
.video_cover {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.video_cover .play {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 130rpx;
|
|
height: 120rpx;
|
|
margin-top: -60rpx;
|
|
margin-left: -65rpx;
|
|
}
|
|
|
|
.fui-audio {
|
|
width: 100%;
|
|
border: 1rpx solid #eeeeee;
|
|
padding: 0 30rpx 0 20rpx;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
|
|
.fui-audio .img {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
background: #000;
|
|
}
|
|
|
|
.fui-audio .img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fui-audio .name {
|
|
font-size: 26rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.fui-audio .author {
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.fui-audio .time {
|
|
font-size: 22rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.fui-audio .start {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.progressBar {
|
|
height: 2rpx;
|
|
width: 0;
|
|
background: #000;
|
|
}
|
|
|
|
.fui-audio.style1 {
|
|
height: 86rpx;
|
|
line-height: 82rpx;
|
|
}
|
|
|
|
.fui-audio.style1 .img,.fui-audio.style2 .img {
|
|
display: none;
|
|
}
|
|
|
|
.fui-audio.style1 .name,.fui-audio.style2 .name {
|
|
float: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 300rpx;
|
|
}
|
|
|
|
.fui-audio.style1 .author,.fui-audio.style2 .author {
|
|
float: left;
|
|
margin-left: 12rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 200rpx;
|
|
}
|
|
|
|
.fui-audio.style1 .time,.fui-audio.style4 .time {
|
|
display: none;
|
|
}
|
|
|
|
.fui-audio.style1 .start {
|
|
position: absolute;
|
|
top: 0rpx;
|
|
right: 40rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
color: #000;
|
|
}
|
|
|
|
.fui-audio.style1 .progress {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.fui-audio.style2 {
|
|
height: 86rpx;
|
|
line-height: 82rpx;
|
|
}
|
|
|
|
.fui-audio.style2 .img {
|
|
display: none;
|
|
}
|
|
|
|
.fui-audio.style2 .time {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 30rpx;
|
|
}
|
|
|
|
.fui-audio.style2 .name {
|
|
margin-left: 70rpx;
|
|
}
|
|
|
|
.fui-audio.style2 .start {
|
|
position: absolute;
|
|
top: 0rpx;
|
|
left: 30rpx;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
color: #000;
|
|
}
|
|
|
|
.fui-audio.style2 .progress,.fui-audio.style3 .progress {
|
|
display: none;
|
|
}
|
|
|
|
.fui-audio.style3 {
|
|
padding: 8rpx;
|
|
}
|
|
|
|
.fui-audio.style3 .start {
|
|
position: absolute;
|
|
top: 30rpx;
|
|
left: 30rpx;
|
|
width: 56rpx;
|
|
height: 56rpx;
|
|
color: #fff;
|
|
border: 2rpx solid #fff;
|
|
border-radius: 50%;
|
|
text-indent: 18rpx;
|
|
line-height: 56rpx;
|
|
}
|
|
|
|
.fui-audio.style3 .img,.fui-audio.style4 .img {
|
|
float: left;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.fui-audio.style3 .content {
|
|
width: 468rpx;
|
|
}
|
|
|
|
.fui-audio.style3 .content,.fui-audio.style4 .content {
|
|
float: left;
|
|
height: 100rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.fui-audio.style3 .content .name {
|
|
height: 40rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.fui-audio.style3 .content .author {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.fui-audio.style3 .time {
|
|
position: absolute;
|
|
top: 45rpx;
|
|
right: 30rpx;
|
|
}
|
|
|
|
.fui-audio.style4 {
|
|
padding: 10rpx;
|
|
}
|
|
|
|
.fui-audio.style4 .content {
|
|
padding-bottom: 18rpx;
|
|
height: 82rpx;
|
|
width: 500rpx;
|
|
}
|
|
|
|
.fui-audio.style4 .start {
|
|
position: absolute;
|
|
top: 32rpx;
|
|
right: 30rpx;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
color: #000;
|
|
}
|
|
|
|
.fui-audio.style4 .name {
|
|
line-height: 1.2;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.fui-audio.style4 .author {
|
|
line-height: 1.2;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.fui-audio.style4 .progress {
|
|
background: #f5f5f5;
|
|
height: 4rpx;
|
|
position: absolute;
|
|
bottom: 24rpx;
|
|
left: 130rpx;
|
|
right: 30rpx;
|
|
border-radius: 2rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fui-audio.style4 .progressBar {
|
|
height: 4rpx;
|
|
}
|
|
|
|
.fui-copyright-group {
|
|
text-align: center;
|
|
padding: 20rpx 24rpx;
|
|
color: #cecece;
|
|
}
|
|
|
|
.fui-copyright-group image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
vertical-align: middle;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.fui-copyright2-group {
|
|
text-align: center;
|
|
padding: 10rpx 24rpx 0;
|
|
color: #cecece;
|
|
}
|
|
|
|
.fui-copyright2-group image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
}
|
|
|
|
@import "../common/city-picker.wxss";
|
|
|
|
canvas {
|
|
display: block!important;
|
|
}
|
|
|
|
.advimg {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
|
|
.index-adcs-sqiper {
|
|
height: auto;
|
|
}
|
|
|
|
.index-advs-navigator {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.item-hotdot {
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
.hotdot {
|
|
height: 30rpx;
|
|
width: 70rpx;
|
|
}
|
|
|
|
.index-hot {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
position: relative;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.index-adcs-sqiper.index-notification-swiper {
|
|
min-height: 60rpx;
|
|
max-height: 60rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.notification {
|
|
width: 15px;
|
|
height: 15px;
|
|
vertical-align: middle;
|
|
margin: 0px 0px 6px 5px;
|
|
border-left: 1px solid #efefef;
|
|
padding-left: 10rpx;
|
|
}
|
|
|
|
.notification-navigoter {
|
|
font-size: 24rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
}
|
|
|
|
.navs-navname {
|
|
font-size: 24rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.index-adcs-sqiper.index-banner-sqiper {
|
|
height: auto;
|
|
line-height: 240rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.index-fixed-head {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 80rpx;
|
|
background: #ff7431;
|
|
color: #666;
|
|
font-size: 32rpx;
|
|
line-height: 80rpx;
|
|
opacity: 0.9;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.flex-head .flex-head-item {
|
|
padding: 0 16rpx;
|
|
}
|
|
|
|
.flex-head-search {
|
|
position: relative;
|
|
padding: 10rpx;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.flex-icon-search {
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
left: 0px;
|
|
top: 0px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.flex-search-bar {
|
|
padding-top: 80rpx;
|
|
}
|
|
|
|
.flex-input {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fui-cube {
|
|
height: 0px;
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding-bottom: 50%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fui-cube navigator {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.fui-cube .fui-cube-left {
|
|
width: 50%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.fui-cube .fui-cube-right {
|
|
width: 50%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
}
|
|
|
|
.fui-cube .fui-cube-right1 {
|
|
width: 100%;
|
|
height: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.fui-cube .fui-cube-right2 {
|
|
width: 100%;
|
|
height: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
}
|
|
|
|
.fui-cube .fui-cube-right2 .left {
|
|
width: 50%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.fui-cube .fui-cube-right2 .right {
|
|
width: 50%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
}
|
|
|
|
.fui-cube image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fui-searchbar {
|
|
position: relative;
|
|
z-index: 10;
|
|
height: auto;
|
|
padding-right: 20rpx;
|
|
padding-left: 20rpx;
|
|
background-color: #f7f7f8;
|
|
backface-visibility: hidden;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fui-searchbar:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: auto;
|
|
top: auto;
|
|
height: 1px;
|
|
width: 100%;
|
|
background-color: #e7e7e7;
|
|
display: block;
|
|
z-index: 15;
|
|
transform-origin: 50% 100%;
|
|
}
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio:2) {
|
|
.fui-searchbar:after {
|
|
transform: scaleY(0.5);
|
|
}
|
|
}
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio:3) {
|
|
.fui-searchbar:after {
|
|
transform: scaleY(0.33);
|
|
}
|
|
}
|
|
|
|
.fui-searchbar .searchbar {
|
|
margin: 0 -20rpx;
|
|
padding: 16rpx 20rpx;
|
|
background: rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.fui-searchbar .searchbar .search-input .input {
|
|
border: 0;
|
|
}
|
|
|
|
.fui-searchbar .searchbar .searchbar-cancel {
|
|
color: #5f646e;
|
|
}
|
|
|
|
.searchbar {
|
|
padding: 20rpx 0;
|
|
overflow: hidden;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.searchbar .searchbar-cancel {
|
|
position: absolute;
|
|
top: 16rpx;
|
|
right: -80rpx;
|
|
width: 72rpx;
|
|
float: right;
|
|
height: 56rpx;
|
|
line-height: 56rpx;
|
|
text-align: center;
|
|
transition: width .3s;
|
|
opacity: 0;
|
|
transform: translate3d(0,50,0);
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.searchbar .search-input {
|
|
transform: translate3d(0,50,0);
|
|
transition: width .3s;
|
|
margin-right: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.searchbar .search-input .input {
|
|
margin: 0;
|
|
height: 56rpx;
|
|
}
|
|
|
|
.searchbar.searchbar-active .searchbar-cancel {
|
|
right: 20rpx;
|
|
opacity: 1;
|
|
}
|
|
|
|
.searchbar.searchbar-active .searchbar-cancel+.search-input {
|
|
margin-right: 88rpx;
|
|
}
|
|
|
|
.search-input {
|
|
position: relative;
|
|
}
|
|
|
|
.search-input .input {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 56rpx;
|
|
line-height: 46rpx;
|
|
display: block;
|
|
border-radius: 10rpx;
|
|
font-family: inherit;
|
|
font-size: 28rpx;
|
|
font-weight: normal;
|
|
padding: 0 10rpx 0 60rpx;
|
|
background-color: #fff;
|
|
border: 1px solid #b4b4b4;
|
|
color: #666;
|
|
}
|
|
|
|
.search-input .input::-webkit-input-placeholder {
|
|
color: #cccccc;
|
|
opacity: 1;
|
|
}
|
|
|
|
.search-input i {
|
|
position: absolute;
|
|
font-size: 36rpx;
|
|
color: #b4b4b4;
|
|
top: 0;
|
|
left: 12rpx;
|
|
line-height: 56rpx;
|
|
}
|
|
|
|
.search-input i+.input {
|
|
padding-left: 56rpx;
|
|
}
|
|
|
|
.fui-tag-danger {
|
|
background: #ff9326;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
border-radius: 8rpx;
|
|
font-style: normal;
|
|
padding: 4rpx 8rpx;
|
|
}
|
|
|
|
.fui-goods-item .detail .price {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-size: 32rpx;
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.menu .fui-icon-col .icon image,.fui-icon-group .fui-icon-col .icon image {
|
|
height: 88rpx;
|
|
width: 88rpx;
|
|
}
|
|
|
|
#unpaid {
|
|
position: fixed;
|
|
background: rgba(0,0,0,0.5) none repeat scroll 0 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1000;
|
|
transition: all 1s;
|
|
}
|
|
|
|
#unpaid .unpaid-alert {
|
|
position: absolute;
|
|
top: 110rpx;
|
|
left: 44rpx;
|
|
right: 44rpx;
|
|
background: #fff;
|
|
border-radius: 12rpx;
|
|
height: 814rpx;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .unpaid-title {
|
|
font-size: 30rpx;
|
|
text-align: center;
|
|
margin-top: 52rpx;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .unpaid-subtitle {
|
|
color: #999;
|
|
text-align: center;
|
|
width: 440rpx;
|
|
margin: 24rpx auto;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .subtitle {
|
|
display: block;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-group {
|
|
padding: 15rpx 22rpx 0;
|
|
margin: 0 30rpx;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-group .fui-list {
|
|
padding: 15rpx 0;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-group .fui-list:last-child {
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
justify-content: center;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-inner {
|
|
height: 100rpx;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
#unpaid .unpaid-alert image {
|
|
width: 100rpx;
|
|
float: left;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-inner .price {
|
|
line-height: 1;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-inner .bigprice {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .fui-list-group .fui-list:before {
|
|
display: none;
|
|
}
|
|
|
|
#unpaid .unpaid-alert .block {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
height: 86rpx;
|
|
}
|
|
|
|
.default {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 120;
|
|
}
|
|
|
|
.default swiper {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.default swiper .slide-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.adver-time {
|
|
width: 80rpx;
|
|
height: 70rpx;
|
|
border-radius: 50%;
|
|
background: rgba(0,0,0,0.4);
|
|
position: absolute;
|
|
top: 20rpx;
|
|
right: 30rpx;
|
|
z-index: 200;
|
|
text-align: center;
|
|
font-size: 26rpx;
|
|
color: #fff;
|
|
padding-top: 10rpx;
|
|
}
|
|
|
|
.adver-time .time {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.small-bot {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 122;
|
|
}
|
|
|
|
.small-bot swiper {
|
|
width: 560rpx;
|
|
height: 784rpx;
|
|
margin: 120rpx auto 0;
|
|
border-radius: 10rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.small-bot swiper .slide-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.small-bot-close {
|
|
width: 66rpx;
|
|
height: 66rpx;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
line-height: 64rpx;
|
|
font-size: 64rpx;
|
|
color: #fff;
|
|
margin: 30rpx auto 0;
|
|
}
|
|
|
|
.small-bot-close i {
|
|
font-size: 60rpx;
|
|
}
|
|
|
|
.model {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.5);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 199;
|
|
}
|
|
|
|
.model .inner {
|
|
width: 624rpx;
|
|
height: 600rpx;
|
|
background: #fff;
|
|
border-radius: 8rpx;
|
|
margin: 260rpx auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.model .inner .title {
|
|
font-size: 36rpx;
|
|
color: #000;
|
|
line-height: 100rpx;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.model .inner .image {
|
|
text-align: center;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.model .inner image {
|
|
width: 342rpx;
|
|
height: 202rpx;
|
|
}
|
|
|
|
.model .inner .subtitle {
|
|
margin-top: 50rpx;
|
|
padding: 0 80rpx;
|
|
color: #888;
|
|
font-size: 26rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.model-btns {
|
|
border-top: 1rpx solid #ebebeb;
|
|
height: 100rpx;
|
|
margin-top: 28rpx;
|
|
display: flex;
|
|
text-align: center;
|
|
font-size: 30rpx;
|
|
color: #000;
|
|
line-height: 100rpx;
|
|
}
|
|
|
|
.model-btns .cancel {
|
|
width: 50%;
|
|
position: relative;
|
|
}
|
|
|
|
.model-btns .cancel:after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: -1rpx;
|
|
right: 0;
|
|
width: 1px;
|
|
height: 210rpx;
|
|
border-right: 1px solid #ebebeb;
|
|
color: #ebebeb;
|
|
transform-origin: 0 0;
|
|
transform: scaleY(0.5);
|
|
}
|
|
|
|
.model-btns .confirm {
|
|
width: 50%;
|
|
color: #50b33c;
|
|
}
|
|
|
|
.fui-copyright-group {
|
|
text-align: center;
|
|
padding: 20rpx 24rpx;
|
|
color: #cecece;
|
|
}
|
|
|
|
.fui-copyright-group image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
vertical-align: middle;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.fui-copyright2-group {
|
|
text-align: center;
|
|
padding: 10rpx 24rpx 0;
|
|
color: #cecece;
|
|
}
|
|
|
|
.fui-copyright2-group image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
}
|
|
|
|
.shoucoupon {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 199;
|
|
background-color: rgba(0,0,0,0.6);
|
|
}
|
|
|
|
.shoucoupon .inner {
|
|
width: 620rpx;
|
|
height: 730rpx;
|
|
margin: 130rpx auto 0;
|
|
padding-top: 90rpx;
|
|
z-index: 201;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -310rpx;
|
|
}
|
|
|
|
.shoucoupon .inner .title {
|
|
text-align: center;
|
|
font-size: 38rpx;
|
|
color: #2b0109;
|
|
}
|
|
|
|
.shoucoupon .inner .subtitle {
|
|
text-align: center;
|
|
font-size: 26rpx;
|
|
color: #fff;
|
|
margin-top: 50rpx;
|
|
}
|
|
|
|
.shoucoupon .inner .coupon-list {
|
|
height: 450rpx;
|
|
width: 534rpx;
|
|
margin: 24rpx auto 0;
|
|
min-height: 450rpx;
|
|
padding: 0;
|
|
}
|
|
|
|
.coupon-list .item {
|
|
padding: 18rpx 30rpx;
|
|
width: 474rpx;
|
|
height: 104rpx;
|
|
background: #fff;
|
|
margin-bottom: 10rpx;
|
|
border-radius: 10rpx;
|
|
color: #000;
|
|
}
|
|
|
|
.coupon-list .item-cell {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.coupon-list .item-inner .t {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.coupon-list .item-inner .b {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.coupon-list .item .indate {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.coupon-list .item .item-remark {
|
|
color: #fc4444;
|
|
font-size: 50rpx;
|
|
}
|
|
|
|
.shoucoupon .know {
|
|
text-align: center;
|
|
color: #fe484f;
|
|
font-size: 34rpx;
|
|
margin-top: 24rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.closecoupon {
|
|
height: 58rpx;
|
|
text-align: center;
|
|
color: #fff;
|
|
margin-top: 984rpx;
|
|
}
|
|
|
|
.closecoupon i {
|
|
font-size: 58rpx;
|
|
}
|
|
|
|
.goods-Commission {
|
|
position: absolute;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
text-align: center;
|
|
width: 100%;
|
|
bottom: 0;
|
|
color: #fff;
|
|
font-size: 20rpx;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
background: linear-gradient(to right,#f0b938 0%,#f09938 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff0b938, endColorstr=#fff09938,gradientType='1');
|
|
}
|
|
|
|
.fui-goods-group.block .goods-Commission {
|
|
height: 44rpx;
|
|
line-height: 44rpx;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.seckill-page {
|
|
padding-bottom: 100rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-container.room-container {
|
|
width: 100%;
|
|
background: #fff;
|
|
position: relative;
|
|
}
|
|
|
|
.text-overflow2 {
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.text-overflow1 {
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.seckill-page .swiper-container.room-container:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
border-bottom: 1px solid #D9D9D9;
|
|
transform-origin: 0 100%;
|
|
transform: scaleY(0.5);
|
|
}
|
|
|
|
.seckill-page .swiper-container.room-container .room-slide {
|
|
width: 20%;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
padding: 8rpx 0;
|
|
}
|
|
|
|
.seckill-page .swiper-container.room-container .room-slide.selected {
|
|
color: #ef4f4f;
|
|
border-bottom: 2px solid #ef4f4f;
|
|
}
|
|
|
|
.seckill-page.style2 .swiper-container.time-container {
|
|
background: #fd5454;
|
|
}
|
|
|
|
.blue.seckill-page.style2 .swiper-container.time-container {
|
|
background: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page.style2 .swiper-container.time-container {
|
|
background: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page.style2 .swiper-container.time-container {
|
|
background: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page.style2 .swiper-container.time-container {
|
|
background: #ff7e95;
|
|
}
|
|
|
|
.seckill-page .swiper-container.time-container {
|
|
width: 100%;
|
|
background: #fff;
|
|
text-align: center;
|
|
overflow: auto;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.time-slide {
|
|
width: 140rpx;
|
|
text-align: center;
|
|
padding: 8rpx 0;
|
|
float: left;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.time-slide.current {
|
|
background: #ffd1d1;
|
|
}
|
|
|
|
.blue.seckill-page .swiper-slide.time-slide.current {
|
|
background: #afcbff;
|
|
}
|
|
|
|
.purple.seckill-page .swiper-slide.time-slide.current {
|
|
background: #e0b7ff;
|
|
}
|
|
|
|
.orange.seckill-page .swiper-slide.time-slide.current {
|
|
background: #ffcb9a;
|
|
}
|
|
|
|
.pink.seckill-page .swiper-slide.time-slide.current {
|
|
background: #ffc8d2;
|
|
}
|
|
|
|
.seckill-page.style2 .swiper-slide.time-slide.current {
|
|
color: #fd5454;
|
|
background: #fd5454;
|
|
}
|
|
|
|
.blue.seckill-page.style2 .swiper-slide.time-slide.current {
|
|
color: #4e87ee;
|
|
background: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page.style2 .swiper-slide.time-slide.current {
|
|
color: #a839fa;
|
|
background: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page.style2 .swiper-slide.time-slide.current {
|
|
color: #ff8c1e;
|
|
background: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page.style2 .swiper-slide.time-slide.current {
|
|
color: #ff7e95;
|
|
background: #ff7e95;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.time-slide .text,.seckill-page .swiper-slide.time-slide .time {
|
|
display: block;
|
|
transition-duration: 100ms;
|
|
transition-property: color,font-size;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.time-slide .time {
|
|
font-size: 36rpx;
|
|
height: 48rpx;
|
|
padding-top: 14rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.time-slide .text {
|
|
font-size: 20rpx;
|
|
height: 40rpx;
|
|
color: #b3b3b3;
|
|
}
|
|
|
|
.seckill-page.style2 .swiper-slide.time-slide .time {
|
|
color: #fff;
|
|
}
|
|
|
|
.seckill-page.style2 .swiper-slide.time-slide .text {
|
|
color: #ffd1d1;
|
|
}
|
|
|
|
.blue.seckill-page.style2 .swiper-slide.time-slide .text {
|
|
color: #afcbff;
|
|
}
|
|
|
|
.purple.seckill-page.style2 .swiper-slide.time-slide .text {
|
|
color: #e0b7ff;
|
|
}
|
|
|
|
.orange.seckill-page.style2 .swiper-slide.time-slide .text {
|
|
color: #ffcb9a;
|
|
}
|
|
|
|
.pink.seckill-page.style2 .swiper-slide.time-slide .text {
|
|
color: #ffc8d2;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.time-slide.current .time,.seckill-page .swiper-slide.time-slide.current .text {
|
|
color: #ff3300;
|
|
}
|
|
|
|
.blue.seckill-page .swiper-slide.time-slide.current .time,.blue.seckill-page .swiper-slide.time-slide.current .text {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page .swiper-slide.time-slide.current .time,.purple.seckill-page .swiper-slide.time-slide.current .text {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page .swiper-slide.time-slide.current .time,.orange.seckill-page .swiper-slide.time-slide.current .text {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page .swiper-slide.time-slide.current .time,.pink.seckill-page .swiper-slide.time-slide.current .text {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.seckill-page.style2 .swiper-slide.time-slide.current .time {
|
|
color: #ff3300;
|
|
background: #fff;
|
|
border-radius: 8rpx 8rpx 0 0;
|
|
}
|
|
|
|
.blue.seckill-page.style2 .swiper-slide.time-slide.current .time,.blue.seckill-page.style2 .swiper-slide.time-slide.current .text {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page.style2 .swiper-slide.time-slide.current .time,.purple.seckill-page.style2 .swiper-slide.time-slide.current .text {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page.style2 .swiper-slide.time-slide.current .time,.orange.seckill-page.style2 .swiper-slide.time-slide.current .text {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page.style2 .swiper-slide.time-slide.current .time,.pink.seckill-page.style2 .swiper-slide.time-slide.current .text {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.seckill-page.style2 .swiper-slide.time-slide.current .text {
|
|
color: #ff5555;
|
|
background: #fff;
|
|
border-radius: 0 0 8rpx 8rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-container.adv-container {
|
|
width: 100%;
|
|
overflow: auto;
|
|
background: #fff;
|
|
}
|
|
|
|
.seckill-page .swiper-container.adv-container .swiper-wrapper,.seckill-page .swiper-container.room-container .swiper-wrapper,.seckill-page .swiper-container.time-container .swiper-wrapper {
|
|
height: 120rpx;
|
|
width: 2000rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-container.adv-container .swiper-wrapper {
|
|
width: 2000rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.adv-slide {
|
|
width: 260rpx;
|
|
text-align: center;
|
|
background: #fff;
|
|
padding: 4rpx;
|
|
float: left;
|
|
}
|
|
|
|
.seckill-page .swiper-slide.adv-slide image {
|
|
width: 100%;
|
|
}
|
|
|
|
.seckill-page .fui-list {
|
|
width: 100%;
|
|
padding: 32rpx 24rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-media {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: start;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-media image {
|
|
width: 190rpx;
|
|
height: 190rpx;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .text {
|
|
color: #000000;
|
|
display: block;
|
|
font-size: 26rpx;
|
|
line-height: 36rpx;
|
|
margin-bottom: 40rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .text {
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.seckill-page.style2 .info-container1 {
|
|
display: none;
|
|
}
|
|
|
|
.seckill-page.style1 .info-container2 {
|
|
display: none;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .btn {
|
|
float: right;
|
|
margin-top: -8rpx;
|
|
width: 152rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list .fui-list-inner .info .btn-danger {
|
|
background: #4e87ee;
|
|
border-color: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page .fui-list .fui-list-inner .info .btn-danger {
|
|
background: #a839fa;
|
|
border-color: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page .fui-list .fui-list-inner .info .btn-danger {
|
|
background: #ff8c1e;
|
|
border-color: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page .fui-list .fui-list-inner .info .btn-danger {
|
|
background: #ff7e95;
|
|
border-color: #ff7e95;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .btn {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .price {
|
|
color: #ff5555;
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list .fui-list-inner .info .price {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page .fui-list .fui-list-inner .info .price {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page .fui-list .fui-list-inner .info .price {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page .fui-list .fui-list-inner .info .price {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .price {
|
|
float: left;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .price1 {
|
|
float: left;
|
|
margin-top: 10rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .price1 {
|
|
color: #b3b3b3;
|
|
font-size: 24rpx;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info.info1 {
|
|
height: 16rpx;
|
|
line-height: 16rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info.info1 {
|
|
height: 56rpx;
|
|
line-height: 1;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.seckill-page .fui-list-group-title {
|
|
background: #f0f2f5;
|
|
justify-content: space-between;
|
|
padding: 0px 24rpx;
|
|
}
|
|
|
|
.seckill-page .fui-list-group-title .timer {
|
|
float: right;
|
|
color: #ff5555;
|
|
width: 255rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.seckill-page .fui-list-group-title .timer span {
|
|
display: inline-block;
|
|
background: #fc664c;
|
|
background: linear-gradient(to right,#fdad89 0%,#f94444 100%);
|
|
background: -webkit-linear-gradient(left,#fdad89 0%,#f94444 100%);
|
|
color: #fff;
|
|
width: 38rpx;
|
|
height: 30rpx;
|
|
border-radius: 4rpx;
|
|
line-height: 30rpx;
|
|
text-align: center;
|
|
padding-right: 6rpx;
|
|
}
|
|
|
|
.seckill-page .fui-list:before {
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .process-text {
|
|
float: right;
|
|
font-size: 20rpx;
|
|
color: #d0d1d2;
|
|
padding-right: 8rpx;
|
|
padding-top: 2rpx;
|
|
height: 20rpx;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .process-text {
|
|
float: none;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .process-text span {
|
|
color: #ff5555;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list .fui-list-inner .info .process-text span {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page .fui-list .fui-list-inner .info .process-text span {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page .fui-list .fui-list-inner .info .process-text span {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page .fui-list .fui-list-inner .info .process-text span {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .process {
|
|
float: right;
|
|
width: 152rpx;
|
|
height: 10rpx;
|
|
border-radius: 20rpx;
|
|
background: #f0f2f5;
|
|
overflow: hidden;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .process {
|
|
width: 250rpx;
|
|
height: 16rpx;
|
|
margin-top: 10rpx;
|
|
margin-bottom: 10rpx;
|
|
float: none;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .process-container {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .process .inner {
|
|
width: 152rpx;
|
|
height: 10rpx;
|
|
background: #ffd1d1;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list .fui-list-inner .info .process .inner {
|
|
background: #afcbff;
|
|
}
|
|
|
|
.purple.seckill-page .fui-list .fui-list-inner .info .process .inner {
|
|
background: #e0b7ff;
|
|
}
|
|
|
|
.orange.seckill-page .fui-list .fui-list-inner .info .process .inner {
|
|
background: #ffcb9a;
|
|
}
|
|
|
|
.pink.seckill-page .fui-list .fui-list-inner .info .process .inner {
|
|
background: #ffc8d2;
|
|
}
|
|
|
|
.seckill-page.style2 .fui-list .fui-list-inner .info .process .inner {
|
|
width: 250rpx;
|
|
height: 16rpx;
|
|
}
|
|
|
|
.seckill-page .swiper-container.goods-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.assembly-container {
|
|
overflow: auto;
|
|
background: #fff;
|
|
}
|
|
|
|
.assembly {
|
|
background: #fff;
|
|
width: 2000rpx;
|
|
height: 80rpx;
|
|
}
|
|
|
|
.assembly view {
|
|
color: #000;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
float: left;
|
|
width: 170rpx;
|
|
text-align: center;
|
|
border-bottom: 2px solid #fff;
|
|
}
|
|
|
|
.assembly view.active {
|
|
color: #ff5555;
|
|
border-bottom-color: #ff5555;
|
|
}
|
|
|
|
.blue .assembly view.active {
|
|
color: #4e87ee;
|
|
border-bottom-color: #4e87ee;
|
|
}
|
|
|
|
.purple .assembly view.active {
|
|
color: #a839fa;
|
|
border-bottom-color: #a839fa;
|
|
}
|
|
|
|
.orange .assembly view.active {
|
|
color: #ff8c1e;
|
|
border-bottom-color: #ff8c1e;
|
|
}
|
|
|
|
.pink .assembly view.active {
|
|
color: #ff7e95;
|
|
border-bottom-color: #ff7e95;
|
|
}
|
|
|
|
.fui-footer {
|
|
border-top: 1rpx solid #ededed;
|
|
box-shadow: none;
|
|
height: 98rpx;
|
|
}
|
|
|
|
.fui-footer .fui-nav {
|
|
width: 25%;
|
|
text-align: center;
|
|
float: left;
|
|
height: 98rpx;
|
|
font-size: 18rpx;
|
|
color: #9a9a9a;
|
|
}
|
|
|
|
.fui-footer .fui-nav .icox {
|
|
display: block;
|
|
padding: 16rpx 0 6rpx;
|
|
font-size: 44rpx;
|
|
}
|
|
|
|
.fui-footer .fui-nav .icox::before {
|
|
border-radius: 50%;
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
display: inline-block;
|
|
line-height: 48rpx;
|
|
text-align: center;
|
|
color: #ccc;
|
|
}
|
|
|
|
.fui-footer .fui-nav view.active .icox::before {
|
|
color: #ff5555;
|
|
}
|
|
|
|
.fui-footer .fui-nav view.active {
|
|
color: #ff5555;
|
|
}
|
|
|
|
.blue.fui-footer .fui-nav view.active .icox::before {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.fui-footer .fui-nav view.active .icox::before {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.fui-footer .fui-nav view.active .icox::before {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.fui-footer .fui-nav view.active .icox::before {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.blue.fui-footer .fui-nav view.active {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.fui-footer .fui-nav view.active {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.fui-footer .fui-nav view.active {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.fui-footer .fui-nav view.active {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.red.seckill-page .fui-list .fui-list-inner .info .btn-success {
|
|
background: #ff8753!important;
|
|
border-color: #ff8753!important;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list .fui-list-inner .info .btn-success {
|
|
background: #4fbaee!important;
|
|
border-color: #4fbaee!important;
|
|
}
|
|
|
|
.purple.seckill-page .fui-list .fui-list-inner .info .btn-success {
|
|
background: #6a60ff!important;
|
|
border-color: #6a60ff!important;
|
|
}
|
|
|
|
.orange.seckill-page .fui-list .fui-list-inner .info .btn-success {
|
|
background: #ffb81e!important;
|
|
border-color: #ffb81e!important;
|
|
}
|
|
|
|
.pink.seckill-page .fui-list .fui-list-inner .info .btn-success {
|
|
background: #ffacd0!important;
|
|
border-color: #ffacd0!important;
|
|
}
|
|
|
|
.seckill-page .fui-list .fui-list-inner .info .btn.btn-default {
|
|
color: rgb(111,111,111);
|
|
background: rgb(242,242,242)!important;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list-group-title .timer {
|
|
color: #4e87ee;
|
|
}
|
|
|
|
.purple.seckill-page .fui-list-group-title .timer {
|
|
color: #a839fa;
|
|
}
|
|
|
|
.orange.seckill-page .fui-list-group-title .timer {
|
|
color: #ff8c1e;
|
|
}
|
|
|
|
.pink.seckill-page .fui-list-group-title .timer {
|
|
color: #ff7e95;
|
|
}
|
|
|
|
.blue.seckill-page .fui-list-group-title .timer span {
|
|
background: #4e87ee;
|
|
background: linear-gradient(to right,#4fbaee 0%,#4e87ee 100%);
|
|
background: -webkit-linear-gradient(left,#4fbaee 0%,#4e87ee 100%);
|
|
}
|
|
|
|
.purple.seckill-page .fui-list-group-title .timer span {
|
|
background: #a839fa;
|
|
background: linear-gradient(to right,#6a60ff 0%,#a839fa 100%);
|
|
background: -webkit-linear-gradient(left,#6a60ff 0%,#a839fa 100%);
|
|
}
|
|
|
|
.orange.seckill-page .fui-list-group-title .timer span {
|
|
background: #ff8c1e;
|
|
background: linear-gradient(to right,#ffb81e 0%,#ff8c1e 100%);
|
|
background: -webkit-linear-gradient(left,#ffb81e 0%,#ff8c1e 100%);
|
|
}
|
|
|
|
.pink.seckill-page .fui-list-group-title .timer span {
|
|
background: #ff7e95;
|
|
background: linear-gradient(to right,#ffacd0 0%,#ff7e95 100%);
|
|
background: -webkit-linear-gradient(left,#ffacd0 0%,#ff7e95 100%);
|
|
}
|
|
|
|
.empty {
|
|
padding: 260rpx 150rpx;
|
|
font-size: 34rpx;
|
|
}
|
|
|
|
.empty .btn {
|
|
margin: 0;
|
|
border-radius: 100rpx;
|
|
height: 76rpx;
|
|
line-height: 76rpx;
|
|
width: 280rpx;
|
|
font-size: 30rpx;
|
|
padding: 0;
|
|
}
|
|
|
|
.light {
|
|
height: 240rpx;
|
|
width: 240rpx;
|
|
}
|
|
|
|
.text-cancel {
|
|
padding: 10rpx;
|
|
margin-bottom: 30rpx;
|
|
margin-top: 25rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.seckill-page .info-container1 .skill-btn {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
transform: translateY(-50%);
|
|
} |