/**index.wxss**/

/* search */
@import '../font/iconfont.wxss';


.search {
  width: 690rpx;
  height: 80rpx;
  background-color: #fff;
  border-radius: 40rpx;
  margin: 30rpx 30rpx;
  text-align: center;
  color: #999;
  line-height: 80rpx;
  font-size: 28rpx;
}

.search>.search-icon {
  margin-right: 10rpx;
}

/* kind  */

.kind {
  background-color: #fff;
  padding-top: 50rpx;
}

.kind-item>.kind-detail {
  font-size: 24rpx;
  color: #444;
  width: 25vw;
  margin-bottom: 50rpx;
  text-align: center;
}

.kind-detail>.kind-icon {
  width: 56rpx;
  height: 56rpx;
  margin-bottom: 10rpx;
}

/* video  */

.video {
   width: 100vw;
   height: 520rpx;
  margin: 20rpx 0; 
}

#my-video {
  width: 100vw;
  height: 520rpx;
}

/* rush  */

.rush {
}

.rush>image {
  width: 100vw;
  height: 600rpx;
}

.groupList {
  background-color: #fff;
  padding-top: 30rpx;
}

.groupGoods-item {
  box-shadow: 0rpx 8rpx 20rpx rgba(255, 0, 0, 0.1);
  margin: 20rpx 0;
}

.groupGoods-main {
  width: 45vw;
}

.groupGoods-main>.groupGoods-img {
  width: 100%;
  height: 400rpx;
}

.groupGoods-main>.groupGoods-detail {
  padding: 30rpx;
  font-size: 28rpx;
}

.groupGoods-detail>.groupGoods-describe {
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.groupGoods-detail .groupGoods-price {
  color: #ff6b6b;
  font-size: 30rpx;
}

.groupGoods-detail .groupGoods-buy {
  width: 150rpx;
  height: 50rpx;
  background-color: #f22034;
  border-radius: 6rpx;
  color: #fff;
  text-align: center;
  line-height: 50rpx;
}

/* form  */

.form {
  padding: 60rpx 30rpx;
  background-color: #fff;
}

.form .form-item {
  position: relative;
}

.form-item>input {
  width: 690rpx;
  height: 90rpx;
  border: 2rpx solid #999;
  box-sizing: border-box;
  padding: 0 80rpx;
}

.form-item>.form-icon {
  position: absolute;
  left: 20rpx;
  top: 23rpx;
  font-size: 40rpx;
  color: #666;
}

.form-item .input-placeholder {
  color: #cdcdcd;
  font-size: 30rpx;
}

/* seckill */

.seckill {
  width: 100vw;
  height: 600rpx;
}

/* goods  */

.goods {
  background-color: #fff;
  padding: 30rpx;
}

.goods>.goods-item .goods-base {
  width: 364rpx;
  height: 90rpx;
  border: 2rpx solid #f22034;
  background-color: #fff;
  margin: 18rpx 170rpx 62rpx 156rpx;
  text-align: center;
  border-top-right-radius: 26rpx;
  border-bottom-left-radius: 26rpx;
}

.goods>.goods-item>.goods-title {
  position: relative;
  z-index: 66;
  color: #f22034;
}

.goods-title>.goods-text {
  font-size: 44rpx;
  left: 74rpx;
  top: 0rpx;
}

.goods-title .position {
  position: absolute;
}

.goods-title>.goods-icon {
  font-size: 36rpx;
  left: 264rpx;
  top: 10rpx;
}

.goods-title>.title-bc {
  position: absolute;
  left: -175rpx;
  top: -35rpx;
  z-index: -1;
}

.goods>.goods-item>.goods-main {
  width: 690rpx;
  height: 600rpx;
  margin-bottom: 20rpx;
  box-shadow: 0rpx 8rpx 20rpx rgba(255, 0, 0, 0.1);
}

.goods-main>.goods-img {
  width: 100%;
  height: 400rpx;
}

.goods-main>.goods-detail {
  padding: 30rpx;
  font-size: 28rpx;
}

.goods-detail>.goods-describe {
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.goods-detail .goods-price {
  color: #ff6b6b;
  font-size: 30rpx;
}

.goods-detail .goods-buy {
  width: 150rpx;
  height: 50rpx;
  background-color: #f22034;
  border-radius: 6rpx;
  color: #fff;
  text-align: center;
  line-height: 50rpx;
}

/* service  */

.service {
  position: fixed;
  right: 0rpx;
  bottom: 140rpx;
}

.service>.service-base {
  width: 120rpx;
  height: 120rpx;
}

.service>.service-pc {
  padding: 0;
  background-color: transparent;
}

image {
  width: 100%;
  height: 100%;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(50, 50, 50, 0.5);
}

.apply-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.apply-item {
  width: 600rpx;
  height: 88rpx;
  line-height: 88rpx;
  padding: 0 20rpx;
}

.apply-item:not(:last-child) {
  border-bottom: 2rpx solid #eee;
}

.apply-item-wrap {
  padding: 30rpx 0;
}

.cancle-apply-btn, .sure-apply-btn {
  width: 50%;
  height: 88rpx;
  line-height: 88rpx;
  padding: 0;
  margin: 0;
  font-size: 28rpx;
  border-radius: 0;
  outline: none;
}

.shenqing {
  height: 25vw;
  display: flex;
  justify-content: space-between;
}

/* coupon  */

.couponList {
  white-space: nowrap;
  width: 100%;
  padding: 20rpx 20rpx 0 20rpx;
}

.coupon-item {
  width: 70vw;
  height: 200rpx;
  color: #fff;
  display: inline-block;
}

.coupon-box {
  height: 100%;
}

.coupon-item > .coupon-left {
  width: 35vw;
  height: 100%;
  font-size: 24rpx;
  padding-left: 20rpx;
  box-sizing: border-box;
}

.coupon-left > .coupon-text {
  font-size: 30rpx;
}

.coupon-left .coupon-sale {
  font-size: 60rpx;
}

.coupon-item  .coupon-right {
  width: 35vw;
  height: 100%;
  text-align: center;
  line-height: 200rpx;
  padding-left: 60rpx;
  box-sizing: border-box;
}

.coupon-right> .coupon-text {
  font-size: 42rpx;
}

/*  店铺信息样式  */

.dining_message {
  width: 100vw;
  /* margin: 0 auto; */
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eee;
  background-color: #fefefe;
  margin-top: 10rpx;
  /* margin: 10rpx; */
}

.dinning_title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20rpx;
  border-bottom: 2rpx solid rgb(245, 245, 245);
}

.padding_text {
  font-size: 28rpx;
  color: #444;
  padding: 10rpx 0 18prx 0;
  margin-top: 8rpx;
}

.dinning_title image {
  width: 22rpx;
  height: 12rpx;
  margin-right: 10rpx;
}

.css3_rotate image {
  transform: rotate(180deg);
  margin-left: 10rpx;
}

.dining_content {
  display: flex;
  flex-direction: row;
  padding: 10rpx;
  justify-content: space-between;
}

.message_left {
  width: 120rpx;
  height: 120rpx;
  padding: 20rpx;
}

.message_left image {
  width: 100%;
  height: 100%;
}

.message_right {
  display: flex;
  flex-direction: column;
  margin-top: 10rpx;
  font-size: 28rpx;
  width: 80vw;
}

.message_right text {
  padding: 2rpx;
}

.message_text1 {
  /* font-weight: 700; *//* margin-bottom: 10rpx; */
  font-size: 30rpx;
}

.message_text2 {
  font-size: 22rpx;
  color: rgb(153, 153, 153);
  width: 60vw;
}

.message_bottom {
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 30rpx;
}

.icon-img {
  font-size: 40rpx;
  margin-bottom: 6rpx;
}

.icon-start {
  color: #f2bd31;
}

.dining_box {
  display: flex;
  flex: row;
  width: 100vw;
  margin: 0 auto;
  height: 80rpx;
  border-bottom: 1px solid #eee;
  padding: 20rpx 0;
  align-items: center;
  background-color: #fefefe;
  /* box-shadow: 2px 2px 10px #909090;  *//* box-shadow:0px 1px 5px #333333; */
}

.address_img {
  width: 10%;
  vertical-align: middle;
}

.address_text {
  width: 60%;
  vertical-align: middle;
  font-size: 28rpx;
}

.dining_address {
  display: flex;
  flex-direction: column;
  font-size: 26rpx;
  vertical-align: middle;
  width: 15%;
  text-align: center;
  margin-right: 22rpx;
}

.icon-dingwei1 {
  color: #111;
  font-size: 50rpx;
  margin-left: 10rpx;
}

.icon-daohang{
  font-size: 40rpx;
}

.icon-dianhua{
  font-size: 36rpx;
}

.store_phone{
  margin-top: 4rpx;
}

/* shopInfo css  */

/*  商品分类  */

.shop_kind {
  width: 100vw;
  /* margin: 0 auto; */
  display: flex;
  flex-direction: row;
  align-content: center;
  font-size:26rpx;
  color:#444;
  background-color: #fff;
}

.kind_list {
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.kind_list image {
  width: 72rpx;
  height: 72rpx;
}

.kind_logo{
  padding: 20rpx 0;
}

.kind_text{
  padding-bottom: 20rpx;
}

/*  店铺与美食
*/
.delicacy{
  display: flex;
  flex-direction: column;
  width: 100vw;
  /* margin: 0 auto; */
  margin-top: 10rpx;
  background-color: #fff;
}


.delicacy_content{
  width: 96vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top: 10rpx;
}

.delicacy_box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.delicacy_list{
  display: flex;
  flex-direction: column;
  width: 350rpx;
  height: 250prx;
  /* padding: 10rpx; */
  /* border-radius: 10rpx; */
  /* box-shadow:0px 0px 1px #333333; */
  margin-bottom: 10rpx;
   /* box-sizing: border-box; */
  border: 2rpx solid #eee;  
}

.delicacy_list image{
  width: 100%;
  height: 320rpx;
  /* border-radius: 10rpx 10rpx 0 0; */
}

.rpx30{
  font-size: 32rpx;
  color: rgb(220, 0, 0);
}

.rpx24{
  font-size: 30rpx;
  color: rgb(51, 51, 51);
  padding-left: 8rpx;
  height: 80rpx;
}

.rpx16{
  font-size: 22rpx;
  color: rgb(153, 153, 153);
  padding-left: 8rpx;
  padding-top: 10rpx;
}

.delicacy_row{
  height: 21rpx;
  line-height: 76prx;
  padding:26rpx;
}

.delicacy_text{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.text_left{
  padding: 10rpx;
  display: flex;
  flex-direction: column;
}

/* .divide{
  width: 100vw;
  height: 20rpx;
  background-color: #fefefe;
} */

/*  公告栏样式  */
/* .notification{
  display: flex;
  width: 96vw;
  margin: 0 auto;
  background-color: #fff;
}

.notification_title{
  display: flex;
}

.notice_img image{
  width: 30rpx;
  height: 30rpx;
} */

.notification {
box-sizing: border-box;
width: 100vw;
font-size: 26rpx;
line-height: 56rpx;
display: flex;
align-items: center;
overflow: hidden;
/* background-color: #fff; */
 background-color: #f5f5f5; 
}

.notification_title {
padding-left: 20rpx;
display: flex;
align-items: center;
min-width: 118rpx;
background-color: #f5f5f5;
position: relative;
z-index: 3;
}

.notification_content {
display: flex;
flex: 1;
flex-wrap: nowrap;
position: relative;
z-index: 2;
}

.notice_text{
  margin-left: 10rpx;
}

.notice_img image{
  width: 32rpx;
  height: 32rpx;
  margin-top: 18rpx;
} 

.action_box {
padding: 15rpx 0;
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #fff;
}

@keyframes scrollWords {
0% {
transform: translateX(0);
}

100% {
transform: translateX(-100%);
}
}

.monitor {
animation: scrollWords linear infinite;
display: flex;
flex-wrap: nowrap;
align-items: center;
white-space: 2rpx;
}

.monitor .rich_text {
padding: 0 7rpx;
font-weight: bold;
white-space: nowrap;
white-space: 2rpx;
}