wxd / MShopWeApp

.search-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 88rpx;
    z-index: 10;
    background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0));
}

.logo {
    width: 48rpx;
    height: 48rpx;
    margin: 0 18rpx;
    border-radius: 50%;
    overflow: hidden;
}

.search-inner {
    display: flex;
    align-items: center;
    margin: 15rpx 30rpx;
    width: 675rpx;
    height: 58rpx;
    border-radius: 29rpx;
    background-color: #fff;
}

.search-img {
    margin-right: 12rpx;
    width: 30rpx;
    height: 30rpx;
    margin-top: -6rpx;
    margin-left: 20rpx;
}

.search-cont {
    height: 58rpx;
    width: 536rpx;
    padding-left: 12rpx;
    line-height: 58rpx;
    font-size: 24rpx;
    color: #666;
}

.search-fixed {
    background: rgba(242,48,48,0.8);
}

.swiper_box {
    width: 100%;
    height: 380rpx;
}
.s_prom{
    width: 100%;
    height: 380rpx;
}

swiper-item image {
    width: 100%;
    height: 380rpx;
    display: inline-block;
    overflow: hidden;
}

.venues_box {
    background-color: #fff;
    padding: 20rpx 10rpx;
}

.venues_item {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    margin: 25rpx 0;
}

.venues_item image {
    vertical-align: middle;
    width: 90rpx;
    height: 90rpx;
    border: 0;
}

.venues_item view {
    font-size: 26rpx;
    margin-top: 10rpx;
}

.choice_box {
    font-size: 14px;
}

.choice_box .choice_list .choice_item {
    width: 368rpx;
    float: left;
    margin: 2rpx;
    background-color: #fff;
}

.choice_box .choice_list image {
    width: 100%;
    height: 368rpx;
}

.choice_box .choice_list .title {
    height: 36rpx;
    line-height: 36rpx;
    /* font-weight: bold; */
    text-align: left;
    color: #333;
    margin-left: 20rpx;
    font-size: 30rpx;
}

.choice_box .choice_list .choice_footer {
    display: block;
    margin-top:20rpx;
    margin-left: 15rpx;
    position: relative;
    height: 74rpx;
    line-height: 17rpx;
}

.choice_box .choice_list .choice_footer .price {
    color: #f23030; height: 10px
}

.choice_box .choice_list .choice_footer .similer {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #686868;
    width: fit-content;
    line-height: 30rpx;
    border: 1rpx solid #bfbfbf;
    padding: 1rpx 6rpx;
    border-radius: 5rpx;
}

.section {
    margin-top: 20rpx;
    background-color: #fff;
}

.section-title {
    padding-top: 30rpx;
    height: 54rpx;
    line-height: 54rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    text-align: center;
    letter-spacing: 3rpx;
}

.section-subtitle {
    line-height: 0;
    width: 340rpx;
    height: 16rpx;
    padding-bottom: 20rpx;
    margin: 0 auto;
}

.seckill {
    margin-top: 20rpx;
    background-color: #fff;
    padding-bottom: 30rpx;
}

.seckill-time {
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;
    align-items: center;
    height: 72rpx;
    color: #333;
}

.sk-tips {
    font-size: 36rpx;
    font-weight: bold;
    margin-right: 20rpx;
}

.sk-time {
    position: relative;
    display: inline-block;
    font-size: 24rpx;
    width: 36rpx;
    line-height: 36rpx;
    background-color: #333;
    margin-right: 20rpx;
    color: #fff;
    text-align: center;
}

.sk-time::before {
    content: ':';
    position: absolute;
    right: -13rpx;
    top: 0;
    color: #333;
    font-weight: bold;
}

.sk-time:last-child::before {
    content: '';
}

.seckill-time>navigator {
    font-size: 28rpx;
}

.sk-pic {
    width: 28rpx;
    height: 28rpx;
    vertical-align: top;
}

.seckill-list {
    height: 360rpx;
    overflow: hidden;
}

.seckill-list navigator {
    width: 236rpx; margin-right: 10rpx; position: relative;
}

.seckill-list image {
    width: 236rpx;
    height: 236rpx;
}

.seckill-list view {
    height: 45rpx;
    padding: 0 10rpx;
    line-height: 45rpx;
    overflow: hidden;
    font-size: 30rpx;
}

.seckill-list view.imgview{
    width: 236rpx;
    height: 236rpx;
    position: relative;
    overflow: hidden
}

.seckill-list view.djs_view{
    background:rgba(9,9,9,0.5);color: #fff; font-size: 20rpx;
    width: 216rpx;  height: 36rpx; line-height: 36rpx;
    position: absolute;
    bottom: 0; left: 10rpx; z-index: 5; text-align-last: center;
}
.seckill-list image.status_img{
    width: 100rpx; height: 35rpx;
    position: absolute;
    top: 5rpx; left: 10rpx; z-index: 5;
}

.seckill-list view.status_view{
  width: 60rpx; height: 60rpx;text-align: center; line-height: 60rpx;
  position: absolute; background: #e9030d; color: #fff; font-size: 18rpx;
  top: 5rpx; right: 10rpx; z-index: 5; border-radius: 50%;padding: 0;
}

.xiafa{text-decoration: line-through;font-size: 10px; color: #999; margin-left: 10rpx;}
.shelue{
  /* text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.meiz{padding:0 10rpx; background: #C4182E;color: #fff; height: 18px; line-height: 18px; margin-top: -10rpx; border-radius: 10rpx;}
.dengj{padding:0 10rpx; background: #FFD700;color: #fff; height: 18px; line-height: 18px;  margin-top: -10rpx; border-radius: 10rpx;}
.kongge{width: 20rpx;}
.choice_footer .ys{color: #999; margin-top: 20rpx; font-size: 11px; margin-left: 5rpx;}

.p_swiper{display: flex; }
.p_swiper .un_line{text-decoration: line-through; font-size: 22rpx; color: #b2a2c2}

.seckill-list view.co-red2{font-size: 22rpx; color: #c2aebb;margin-top: -8rpx;}
.seckill-list view.cantuan{
  width: 72rpx; height: 36rpx;text-align: center; line-height: 36rpx;
  position: absolute; background: #e9030d; color: #fff; font-size: 18rpx;
  bottom: 30rpx; right: 10rpx; z-index: 5; border-radius: 5rpx;padding: 0;
}

.arrow-right{width: 30rpx; height: 30rpx;}
.pd-view{height: 80rpx;}

.xc-grow-ups{
margin-left:8rpx;
margin-top:6rpx;
}