@charset "UTF-8";
/* 颜色变量 */
/* 首页样式 */
.mui-bar-tab .mui-tab-item {
  color: #999; }

.mui-btn-cy {
  color: #333 !important;
  background: -webkit-linear-gradient(left, #f8d68f, #f5bf55);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #f8d68f, #f5bf55);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #f8d68f, #f5bf55);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, #f8d68f, #f5bf55); }

.n-jiexiao {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding-bottom: 10px; }

.n-jx {
  position: absolute;
  height: 20px;
  width: 90%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  line-height: 20px;
  bottom: -10px; }

.menu {
  position: relative; }

.border-left-red {
  border-left: 2px solid #ea463c; }

/* 登陆页面 */
.my-btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 25px;
  font-size: 15px;
  border-radius: 35px;
  border: none;
  margin: 10px; }

.un-login {
  height: 160px;
  background: #f4bb4e; }

/* 商品详情页面 */
.progress-num {
  position: absolute;
  z-index: 9;
  display: block;
  top: -7px;
  margin-left: -5px;
  min-width: 35px;
  padding: 0 5px;
  text-align: center;
  background: #ef8d38;
  border-radius: 30px;
  color: #fff; }

.m-bg {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none; }

.m-alert {
  width: 280px;
  height: 280px;
  border-radius: 5px;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -140px;
  margin-left: -140px;
  z-index: 1000;
  display: none; }
  .m-alert img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .m-alert .alert-h3 {
    position: absolute;
    width: 300px;
    text-align: center;
    top: 30px;
    font-size: 18px;
    z-index: 1001; }
  .m-alert > .mui-table-view:before {
    background: none; }

.m-close {
  width: 30px;
  height: 30px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  right: 5px;
  top: -10px;
  z-index: 9999; }

.nav-fixed {
  top: 44px;
  z-index: 99;
  background: #fff;
  max-width: 500px; }

/* user */
.m-input {
  border: none !important;
  padding: 0 !important;
  height: 20px !important;
  margin: 0 !important;
  font-size: 14px;
  color: #999; }

.steps {
  width: 300px;
  height: 5px;
  margin: 0 auto;
  background: #eee;
  position: relative;
  margin-top: 15px; }
  .steps .dot {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #eee;
    top: -5px;
    z-index: 99; }
  .steps .dot-active {
    background: #ef8d38; }
  .steps .dot1 {
    left: 0; }
  .steps .dot2 {
    left: 50%;
    margin-left: -8px; }
  .steps .dot3 {
    right: 0; }
  .steps .dot-line {
    position: absolute;
    width: 50%;
    height: 5px;
    background: #ef8d38; }
  .steps .dot-line1 {
    left: 0;
    top: 0; }
  .steps .dot-line1 {
    right: 0;
    top: 0; }

.new-text {
  padding: 20px; }
  .new-text h4 {
    color: #76451d;
    text-align: center;
    margin-bottom: 20px; }
  .new-text p {
    color: #935826; }
  .new-text ul {
    margin-bottom: 40px;
    color: #935826; }
    .new-text ul li {
      list-style: inside;
      margin-bottom: 10px; }

/* new2 */
.border-right-dd {
  border-right: 1px solid #ddd; }

.djs {
  padding: 2px 3px;
  border-radius: 5px; }

.login {
  border-radius: 5px;
  font-weight: normal; }

.register {
  border-radius: 100px;
  border: 1px solid #ef8d38;
  color: #ef8d38 !important;
  background: #fff;
  font-weight: normal !important; }

.slide-1,
.slide-2 {
  position: absolute;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  top: 45px;
  z-index: 999;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 4px #eee;
  display: block;
  min-height: 50px;
  display: none;
  cursor: pointer; }

.slide-2 ul li {
  padding: 10px;
  border-bottom: 1px solid #ddd; }

.s-list {
  padding: 8px 5px; }

.maincate {
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  text-align: justify;
  background: #fff;
  box-sizing: border-box; }
  .maincate a {
    color: #333;
    text-decoration: none;
    display: inline-block;
    width: 20%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px; }
    .maincate a.active {
      background: #fff;
      color: #ef8d38;
      border-bottom: 2px solid #f4bb4e; }

.maincate::-webkit-scrollbar {
  display: none; }

.search-tag {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-right: 5px; }

.search-del {
  color: #ea463c;
  border: 1px solid #ea463c; }

.tianjia {
  border: none;
  background: #ea463c;
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 10px; }

.u-top {
  position: relative;
  z-index: 9;
  margin-top: -80px; }

.user-menu {
  display: block; }

.u-top-hed {
  margin-top: -20px; }

.user-tx {
  border-radius: 50%;
  padding: 0px;
  border: 1px solid #eee; }

/* 最新 */
.bg-shadow {
  /*box-shadow: 0px 0px 5px rgba(129, 129, 129, 0.3); */
}

.shop-list {
  border-radius: 8px;
  margin: 5px;
}

.d-block {
  display: block; }

.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
  color: #f4bb4e; }

.shop-img {
  position: relative; }
  .shop-img span {
    position: absolute;
    height: 20px;
    color: #fff;
    line-height: 20px;
    left: 0;
    bottom: -7px;
    width: 89%;
    text-align: center;
    background: rgba(228, 76, 101, 0.5); }
  .shop-img img {
    border: 1px solid #eee; }

.time-title {
  border: 1px solid #fff;
  background: url("../images/shalou.png") 5px center no-repeat;
  background-size: 10px; }

.fl-title {
  min-height: 35px; }

.time-item {
  padding: 5px;
  background-color: #ffffff;
  color: #ff9494;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  font-family: DIN; }

.xym {
  position: relative; }
  .xym::after {
    content: '';
    background: url("../img/wonner-icon.png") no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 30px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 2; }

.mc-btn {
  border: 1px solid #eee;
  color: #666; }

.c-ff {
  color: #fff !important; }

.m-qq {
  background: url("../img/qq.png") no-repeat 20px center;
  background-size: 20px;
  padding-left: 40px; }

/*# sourceMappingURL=new.css.map */

/********************************plus**********************************/
.c-red{
  color: #ff3333 !important;
}
nav.mui-bar {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
nav.mui-bar-tab .mui-tab-item {
  color: #333;
}
header .mui-search .mui-placeholder{
  text-align: left;
  margin-top: 4px;
  left: 20px;
  color: #bbbec4;
}
header.mui-bar input[type=search]{
  height: 32px;
  border-radius: 35px;
  background-color: #fff;
  padding-left: 40px;
  margin: 7px auto;
}
header .mui-search .mui-placeholder .mui-icon{
  color: #bbbec4;
}
header .mui-search .mui-placeholder>span:last-child{
  padding-left: 5px;
}
header.mui-bar{
  padding-right: 10px;
  padding-left: 10px;
  box-shadow: none;
}
header .mui-search.mui-active:before {
  margin-top: -14px;
  left: 15px;
  color: #bbbec4;
}
div.cj-bg{
  background-size: 100%;
  padding: 5px 15px;
  position: relative;
}
.cj-bg>*{
  z-index: 1;
  position: relative;
}
div.mescroll {
  position: fixed;
  top: 44px;
  bottom: 50px;
  height: auto;
  max-width: 500px;
  width: 100%;
}
.bg-none{
  background: none;
}
.item-image{
  position: relative;
}
.item-image>img{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
}
.item-title{
  padding: 5px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.c-00{
  color: #000 !important;
}
.border-radius-8{
  border-radius: 8px;
}
.item-give{
    position: absolute;
    bottom: 5px;
  padding: 3px 10px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.bg-f6{
  background-color: #f6f6f6 !important;
}
.bg-4b{
  background-color: #4b4b4b !important;
}
.bg-jb30 {
  background: -webkit-linear-gradient(left, #f8d68f, #ef8d38);
  background: -o-linear-gradient(left, #f8d68f, #ef8d38);
  background: -moz-linear-gradient(left, #f8d68f, #ef8d38);
  background: linear-gradient(left, #f8d68f, #ef8d38);
}
.mui-tab-label{
  margin-top: 2px;
}
.mui-bar-tab .mui-tab-item .mui-icon{
  top: 5px;
}
.icon-goods-index-0{
  background: url(../img/icon_rb_home_normal.png) no-repeat;
  background-size: 100%;
}
.icon-goods-index-1{
  background: url(../img/icon_rb_home_press.png) no-repeat;
  background-size: 100%;
}
.icon-goods-category-0{
  background: url(../img/icon_rb_goods_normal.png) no-repeat;
  background-size: 100%;
}
.icon-goods-category-1{
  background: url(../img/icon_rb_goods_press.png) no-repeat;
  background-size: 100%;
}
.icon-goods-user-0{
  background: url(../img/icon_rb_mine_normal.png) no-repeat;
  background-size: 100%;
}
.icon-goods-user-1{
  background: url(../img/icon_rb_mine_press.png) no-repeat;
  background-size: 100%;
}
.icon-index-0{
  background: url(../img/icon_main_tab_home_uncheck.png) no-repeat;
  background-size: 100%;
}
.icon-index-1{
  background: url(../img/icon_main_tab_home_check.png) no-repeat;
  background-size: 100%;
}
.icon-category-0{
  background: url(../img/icon_main_tab_allgoods_uncheck.png) no-repeat;
  background-size: 100%;
}
.icon-category-1{
  background: url(../img/icon_main_tab_allgoods_check.png) no-repeat;
  background-size: 100%;
}
.icon-lottery-0{
  background: url(../img/icon_main_tab_newest_uncheck.png) no-repeat;
  background-size: 100%;
}
.icon-lottery-1{
  background: url(../img/icon_main_tab_newest_check.png) no-repeat;
  background-size: 100%;
}
.icon-cart-0{
  background: url(../img/icon_lucky_cart.png) no-repeat;
  background-size: 100%;
}
.icon-cart-1{
  background: url(../img/icon_main_tab_cart_check.png) no-repeat;
  background-size: 100%;
}
.icon-user-0{
  background: url(../img/icon_main_tab_mine_uncheck.png) no-repeat;
  background-size: 100%;
}
.icon-user-1{
  background: url(../img/icon_main_tab_mine_check.png) no-repeat;
  background-size: 100%;
}
.mui-popover .mui-scroll-wrapper{
  margin: 0;
}
div.footer-fixed{
  border-top: none;
  background-color: #f6f6f6;
}
header.mui-bar.do-search input[type=search]{
  height: 32px;
  border-radius: 35px;
  background-color: #fff;
}
span.search-tag{
  padding: 3px 10px;
  border: none;
  margin-right: 10px;
}
div.bg-user{
  background: #f7b844;
  background-size: 100%;
  height: 200px;
}
.user-order{
  margin: 0 15px;
  padding: 10px 10px 0px 10px;
  margin-top: -60px;
}
li.mui-table-view-cell{
  padding: 10px 15px;
}
header.mui-bar{
  box-shadow: none;
}
header.hed-bg .mui-title{
  color: #333 !important;
}
.mui-table-view-chevron li.mui-table-view-cell{
  padding-right: 50px;
}
.mui-popup-button.mui-popup-button-bold{
  color: red;
}
div.qb-hed{
  background: #f7b844;
  background-size: 100%;
  height:180px;
}
.bg-none{
  background: rgba(0, 0, 0, 0)!important;
}
div.cj-bg{
  background-color: #fff;
}
div.cj-bg:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #f7b844;
}
.line-height-50{
  line-height: 50px;
}
div.mui-radio input[type=radio]:checked:before {
  content: '\e442';
}
div.mui-input-group .mui-input-row:after{
  background-color: #f6f6f6;
}
div.mui-switch.mui-active {
  border-color: #f4bb4e;
  background-color: #f4bb4e;
}
.border-bottom-dd{
  border-bottom-color: #F6F6F6;
}
.border-top-dd{
  border-top-color: #F6F6F6;
}
div.mui-numbox{
  border: solid 1px #efeff4;
}
.bg-red{
  background-color: #F84D13;
}
div.mui-radio,li.mui-radio  input[type=radio]:checked:before{
  content: '\e442';
}
ul.mui-table-view-radio .mui-table-view-cell{
  padding-right: 15px;
}
ul.mui-table-view:before,.mui-table-view:after{
  background-color: #F6F6F6;
}
li.mui-table-view-cell:after{
  background-color: #F6F6F6;
}
div.bottom-0{
    bottom: 0 !important;
}
.dd-info.sh2 {
  background: url(../img/sh2.png) no-repeat left center;
  background-size: 100%;
}
div.mui-popover .mui-popover-arrow:after{
  background-color: #4b4b4b;
}
.border-main{
  border: 1px solid #f4bb4e;
}
.mui-loading{
  width: 40px;
  height: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 9999;
}
div.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn]{
  height: 100%;
}
/*.share-enter-active{*/
/*  transition: top 1s;*/
/*}*/
/*.share-enter {*/
/*  top: 130%;*/
/*}*/
/*.service-enter-active{*/
/*  transition: top 1s;*/
/*}*/
/*.service-enter {*/
/*  top: 130%;*/
/*}*/

#public_code p{/* font-size:14px; *//* line-height:45px; *//* text-align:center; *//* color:#5c5c5c; */}
#public_code img{ display:block; width:100%; margin:0 auto; border-radius: 5px;max-width: 300px}
#public_close>.close {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  border: 2px solid #fff;
  border-radius: 50%;
  left: 50%;
  margin-left: -20px;
  top: 10px;
}
#public_close>.close::after, #public_close>.close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1rem;
  width: 2rem;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#public_close>.close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.avatar-index{
  width: auto;
  height: 32px;
  margin: 8px auto;
  border-radius: 50%;
}
.net-error{
    height: 200px;
    width: 100%;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -100px;
}
.net-error img{
  width: 120px;
}
[v-cloak] {
  display: none;
}
.bg-warning{
  background-color: #f54949;
}

/*------------获得弹窗-------------*/
.win-lottery{
  width: 100%;height: 100%;z-index: 99999999;position: fixed;left: 0;top: 0;background-color: #000;opacity: 0.8;

}
.win-content{
  width: 360px;
  height:400px;
  position: fixed;
  background: url("../img/win.png") no-repeat;
  background-size: 100%;
  left:50%;
  margin-left:-180px;
  top: 50%;
  margin-top: -200px;
  z-index: 99999999;
}
.win-close{
  display: inline-block;
  color: #fff;
  position: absolute;
  font-size:25.6px;
  margin:0 auto;
  width: 50px;
  height:50px;
  border-radius: 16px;
  background-color: red;
  right:0px;
  top:0px;
  opacity: 0;
}
.win-close>i{
  margin-left:8px;
}
.win-btn{
  position: absolute;
  top:364.6px;
  width: 100%;
    text-align: center;
}
.win-btn-detail{
  padding: 5px 43px;
  font-size: 16px;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight:600;
  background-color: #fe7609;
    opacity: 0;
}
.win-btn-share{
  margin-left: 44.8px;
  padding: 8px 32px;
  font-size: 16px;
  color: #fff;
  border: none;
  border-radius: 5px;

}
.win-title{
  position: absolute;
  top: 66%;
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 83%;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  left: 9%;
}
.win-tip{
  position: absolute;
  top:45.9%;
  color: yellow;
  font-size:14px;
  text-align: center;
  width:100%;
}
.win-tip>img{
  width: 19.9%;
}
.win-qishu{
  position: absolute;
  top:476.8px;
  color: yellow;
  font-size:16px;
  text-align: center;
  width:100%;
}

/*--------------------获得弹窗end-------------------*/
.s-search{
  margin: 7px auto;
  position: absolute;
  top: 2px;
  right: 2px;
  height: 28px;
  line-height: 28px;
  padding: 0px 15px;
  background: #f5bf55;
  border-radius: 50px;
}
.title-div{
  display: flex;
  align-items: center;
}
.title-name{
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  color: #000;
}
.title-tips{
  font-size: 12px;
  color: #999;
}
.notice-dian{
  position: relative;
}
.notice-dian:after{
  content: ".";
  font-size: 60px;
  right: -3px;
  top: -44px;
  position: absolute;
  color: #ff4d4d;
}
.icon.notice-dian:after{
  content: ".";
  font-size: 50px;
  right: -3px;
  top: -31px;
  position: absolute;
  color: #ff4d4d;
}
.limit-img{
  position: relative;
}
.limit-img>img{
  border-radius: 8px;
}
.limit-img>.xian{
  position: absolute;
  top: -2px;
  left: 0px;
  background: url("../img/icon_lucky_limit_small.png") 100% no-repeat;
  background-size: 100%;
  height: 25px;
  width: 25px;
  z-index: 9;
}
.mui-disabled{
  opacity: 0.6;
}
.bottom-shadow {
  box-shadow: 0px 5px 5px rgba(129, 129, 129, 0.1);
}
.min-h-2{
  min-height: 36px;
}
.min-h-1{
  min-height: 20px;
}
#service_msg{
  position: fixed;
  right: -85px;
  bottom: 60px;
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
}
#service_msg>img{
  position: absolute;
  left: -15px;
  z-index: 1;
}
#service_msg>p{
  height: 30px;
  background: #000;
  opacity: 0.5;
  width: 100px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  padding-left: 15px;
}
@-webkit-keyframes service-msg-move {
  30% {right: 0px;}
  70% {right: 0px;}
}
@keyframes service-msg-move {
  30% {right: 0px;}
  70% {right: 0px;}
}
@-webkit-keyframes service-msg-img {
  30% {-webkit-transform: rotate(-360deg);}
  70% {-webkit-transform: rotate(-360deg);}
}
@keyframes service-msg-img {
  30% {transform: rotate(-360deg);}
  70% {transform: rotate(-360deg);}
}
.service-show{
  -webkit-animation: service-msg-move 10s ease 3s; /* Chrome, Safari, Opera */
  animation: service-msg-move 16s ease 3s;
}
.service-show img{
  -webkit-animation: service-msg-img 10s ease 3s; /* Chrome, Safari, Opera */
  animation: service-msg-img 16s ease 3s;
}
.item-tips span{
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 15px;
}

.item-tips .by{
  background: #fdf0d5;
  color: #f96700;
}
.item-tips .fire{
  background: #f1e3f3;
  color: #b23ac7;
}
.item-tips .hot{
  background: #f5e5eb;
  color: #e72567;
}
.item-tips .best{
  background: #f5e5eb;
  color: #e72567;
}
.item-tips .take{
  background: #e2edf5;
  color: #007aff;
}
.item-jf{
  font-size: 14px;
  font-weight: bold;
  padding: 0 2px;
}
.bg-zzjx{
    background: url('../img/bg_lucky_goodss_details.png') no-repeat 100%;
  height: 100px;
  padding-top: 35px;
}
.bg-hdz{
  background: url('../img/bg_lucky_goodss_details1.png') no-repeat 100%;
}
.bg-gxhd{
  background: url('../img/bg_lucky_goodss_details2.png') no-repeat 100%;
}
.cell-zj:after{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 80px !important;
  background: url('../img/img_user_card_lucky_tag.png') no-repeat 100%;
  background-size: 100%;
  left: auto;
  background-color: transparent !important;
  -webkit-transform: scaleY(1);
 transform: scaleY(1);
}
.head-radius{
  position: absolute;
  top: 40px;
  left: 0;
  background: #f7b844;
  background-size: 100%;
  height: 35px;
  width: 100%;
}
.bg-transparent{
  background: transparent !important;
}
.mui-btn{
  border-radius: 50px;
  padding: 3px 12px;
  border: none;
}
.category-slider .swiper-slide{
  width: auto;
  padding: 0 10px;
  color: #333;
  font-size: 13px;
  white-space: nowrap;
  position: relative;
}
.category-slider .swiper-slide.active{
  font-size: 16px;
  color: #000;
  font-weight: 550;
}
.category-slider .swiper-slide.active:after{
  content: '';
  background: url('../img/icon_lucky_home_tab_indicator.png');
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 24px;
  height: 10px;
  margin-left: -12px;
}
.category-slider .swiper-wrapper {
  display: flex;
  align-items: center;
}
.bg-border-warning{
  border: 1px solid #f54949;
}
.yuan-lr:before{
    content: '';
    background:url(../img/triangle_left.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.yuan-lr:after{
    content: '';
    background:url(../img/triangle_right.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    right: 0;
}