*::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin: 0px;padding: 0px;font-size: 14px;}
body {background: #FFF;font-weight: normal;position: relative;font-size: 14px;font-family: '微软雅黑';}
h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #000000;}
p{color: #323131;letter-spacing: 0px;font-weight: 500;text-rendering: optimizeLegibility;/*优化*/}
a{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none !important;}
a:hover{ -webkit-transition: all 0.2s linear;transition: all 0.2s linear;text-decoration:none; }
img{-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;display: inline-block !important;
}
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal;}
table { border-collapse:collapse;border-spacing:0;}
body{
    max-width: 600px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: #571BCA
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.flexrow{
	display: flex;
}
.flexcol{
	display: flex;
	flex-direction: column;
}



/*首页---------------------------------------------------------------------------------------------*/
.head-title{
	background: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 1.2rem
}
.head-img{
	width: 100%;
	height: auto;
}

.box{
	background: #fff;
	width: 94%;
	margin: 10px auto 20px;
	padding: 10px;
	border-radius: 6px
}
.box-title{
	text-align: center;
	padding-bottom: 10px;
	font-weight: bold;
}
.box-title span{
  position: relative;
}
.box-title span::before ,.box-title span::after{
  content: '';
  position: absolute;
  top: 52%;
  background: #494949;
  width: 25%;
}
.box-title span::before{
  left: -40%;
}
.box-title span::after{
  right: -40%;
}
.box-foot{
	padding-top: 20px;
	text-align: center
}
.box-foot a{
	color: #666;
}
/*box1*/
.box_1{
	background:url(https://thshare.oss-cn-shanghai.aliyuncs.com/mb3/img/ban1.png) no-repeat; 
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	padding: 10px;
	margin-bottom: 20px;
	align-items: center;
}
.box_1 img{
	width: 80px;
	height: 80px;
	border-radius: 80px;
}
.box_info{
	align-content: space-between;
	flex: 1;
	margin-left: 10px;
	color: #fff;
}
.box_info_t1{
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.box_info_t2{
	font-size: 0.8rem;
}
.goview{
	background: -webkit-linear-gradient(left, #FFF993, #FEE010);
    background: linear-gradient(to right, #FFF993, #FEE010);
    color: #FF5905;
    padding: 5px 10px;
    border-radius: 20px;
}

/*横向滑动*/
.swiper-slide{
	border: 1px solid #C4A162;
	padding: 10px 0;
	text-align: center;
	border-radius: 6px;
}
.swiper-slide img {
    width: 106px;
    vertical-align: middle;
    max-width: 106px;
    max-height: 106px;
}
.swiper-slide .title .text {
    color: #666;
    font-size: 12px;
    margin: 10px 0 3px;
    height: 14px;
    white-space: normal;
    overflow: hidden;
    line-height: 14px;
}
.swiper-slide .price-wrapper {
    font-size: 12px;
    font-family: "Microsoft yahei";
    color: #ccc;
}
 .swiper-slide .price-wrapper .price {
    color: #fe0000;
    font-size: 0.8rem;
    position: relative;
    top: 1px;
}
 .swiper-slide .price-wrapper b {
    font-family: Arial;
    font-size: 1.2rem;
    font-weight: 400;
}
.swiper-slide .price-wrapper span {
    display: inline-block;
    font-size: .8rem;
}


/*tips*/
.tips{
	color: #777;

}
.tips p{
	margin-bottom: 0.5rem;
}



/*商品详情页--------------------------------------------------------------------------------------*/

/*猜你喜欢*/
.btb{
    border-top: 6px solid #f5f5f5;
    border-bottom: 6px solid #f5f5f5;
}
.bt{
    border-top: 6px solid #f5f5f5;
}
.guessLike {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
}
.guess-tit{
    text-align: center;
    color: #F95050;
    font-size: 18px;
    padding-bottom: 20px;
}
.guess-tit img{
    width: 30px;
    padding-right: 5px;
    margin-top: -4px;
}
.like-item {
    width: 31%;
    margin-left: 5px;
    float: left;
    margin-bottom: 15px;
}
.like-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.like-title, .like-coupon {
    width: 100%;
    padding-top: 10px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333
}
.like-coupon {
    color: #ff4e65;
}
/*图文详情*/
.show-img img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
.clcik_detail{
    width: 100%;
    text-align: center;
    height: 80px;
    line-height: 70px;
    font-size: 16px;
    font-weight: bold;
}
.clcik_detail span.iconfont{
    font-size: 16px;
}

/*推荐*/
.recommend {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0.6rem 5%;
    zoom: 1;
    margin-top: 0.1rem;
    display: flex;
    flex-direction: row;
    position: relative;

}
.recommend_top {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    color: #ff6800;
    border: 1px solid #ff6800;
    border-radius: 6px;
    margin-right: 5px;
    position: absolute;
    left: 20px;
}
.recommend span {
    color: #999;
    text-indent: 3.4rem;
    margin-top: 4px;
}

/*价钱*/
.goods-title{
    display: flex;
    padding: 10px 20px;
}
.goods-bottom-group {
    width: 100%;
}
.goods-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goods-bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px;
}
.money {
    font-size: 18px;
    color: #fd385d;
    font-weight: 900;
}
.money span {
    font-size: 14px;
    color: #999;
    padding-left: 8px;
}
.voucher {
    border-radius: 2px;
    background: #fd385d;
    color: #fff;
    position: relative;
    text-align: center;
    margin-left: 1rem;
    padding: 0 10px;
}
.voucher div {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    background: #fff;
}
.voucher-left {
    left: -5px;
}
.voucher-right {
    right: -5px;
}
.volume{
    margin-left: 1.5rem;
}
.volume span {
    color: #999;
    font-size: 0.24rem;
}
.volume span.iconfont{
    color: #fd385d;
    font-size: 16px;
}

/*返回*/
.icon-fix{
    position: fixed;
    top: 5%;
    
}
.icon-fix span{
    font-size: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    border-radius: 45px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    line-height: 45px;
}
.icon-index{
    right: 3%;
}
.icon-back{
    left: 3%;
}

/*底部的导航*/
.footer{
    position: fixed;
    bottom: 0px;
    height: 50px;
    max-width: 600px;
    width: 100%;
}
.foot-nav{
    display: flex;
    flex-direction: row;
    border-top: 1px solid #eee;
    justify-content: flex-end;
}
.foot-nav .nav-lis{
    width: 80%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #fff;
    margin: 5px auto;
    border-radius: 18px;]
}
.foot-nav .lis-bg1 span{
    color: #FD385D;
    padding-right: 10px;
}
.foot-nav .lis-bg2{
    background: -webkit-linear-gradient(left, #FD8749 , #FD5805);
    color: #fff;
}
.foot-nav .lis-bg3{
    background: -webkit-linear-gradient(left, #FD8749 , #FD5805);
    color: #fff;
}
.foot-nav .lis-bg3 a{
    color: #fff;
    width: 100%;
    height: 50px;
    display: inline-block;
}
/*优惠券*/

.youhuiquan{
    background: url(../images/you.jpg) no-repeat;
    -moz-background-size:100% 100%;
	background-size:100% 100%;
}
.youhuiquan span{
    display: inline-block;
    font-size: 1.4rem;
    color: #fff;
    padding: 2.3rem 0;
    width: 50%;
    text-align: right;
}



/*shoptao--------------------------------------------------------------------------*/
.box-bg{
	text-align: center;
	background: -webkit-linear-gradient(left bottom,  #FB3F46 , #FD7D52);
    background: -o-linear-gradient(top right,  #FB3F46 , #FD7D52);
    background: -moz-linear-gradient(top right, #FB3F46 , #FD7D52);
    background: linear-gradient(to top right,  #FB3F46 , #FD7D52);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.ling-ban{
	width: 100%;
	height: auto;
	margin-bottom: -32px;
}
.goling{
	background: -webkit-linear-gradient(#F3DC68 , #FCA850);
	padding: 10px 60px;
	color: #DA2724;
	border-radius: 30px;
	font-weight: bold;
	box-shadow: 0 0 10px 0 #ED1B21;
	display: inline-block;
	margin-top: 20px;
}
.box_2{
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 6px;
	align-items: center;
	margin: 20px 40px;
}
.br{
	border-right: 1px solid #eee;
	align-items: flex-start;
}
.box_2 span.iconfont{
	font-size: 2rem;
}
.box_2 .top{
	font-size: 1.2rem;
}

.box_2 .bott{
	font-size: 0.8rem;
	color: #666;
}

.box_2 .price{
	margin-left: 10px;
}
.box_2 .price span{
	font-size: 1.8rem
}
.s1{
	color: #9D9D9D
}
.s2{
	color: #F14C40;
}
.ffimg{
	padding-right: 20px;
}

/*列表*/
.box_2-title{
	margin-top: 40px;
}
.item-detail {
    width: 100%;
    height: 135px;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 5px;
    display: block;
}
.item-img {
    width: 115px;
    height: 115px;
    position: absolute;
    top: 5px;
    left: 5px;
    overflow: hidden;
}
.item-right {
    margin-left: 130px;
    line-height: 1;
    height: 120px;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 6px;
    padding-right: 6px;
}
.item-right .item-intro{
    margin-bottom: 30px;
    display: flex;
    align-items: center
}
.item-right .item-title {
    font-size: 14px;
    width: 100%;
    color: #4a4a4a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    display:block
    line-height: 20px;
}
.item-right .item-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom: 4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle;
}
.item-right .item-line .line-group {
    margin-right: 8px;
    margin-bottom: 4px;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    vertical-align: middle;
}
.item-right .item-line .line-group .cl-dark {
    font-size: 18px;
    font-weight: bold;
}


/*商品列表页-------------------------------------------------------------------*/

.ding-banner {
  /*width: 750rpx;
  height: 160rpx;*/
}

.bbot {
  width: 100%;
  height: 33vw;
  border-bottom: 1px solid #eee;
  padding: 0 8px;
  margin: 20px 0;
  display: flex;
  flex-direction: row;
}

.image {
  width: 120px;
  height: 105px;
  overflow: hidden;
  border-radius: 4px;
}

.item_info {
  width: 68vw;
  margin-left: 5px;
}
.shop_tit span {
  font-size: 16px;
  color: #333;
}

.shop_desc ,.shop_tit{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}
.shop_desc span {
  color: #f47c8a;
}

.item_info .shop_zs span {
  color: #777;
}

.item_info .shop_zs span.yuexiao {
  margin-left: 10%;
}

.quan {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.quan_price_icon {
  color: red;
  font-size: 1.4rem;
}

.quan_price_txt {
  color: red;
  font-size: 1.2rem;
  flex: 1;
}

.item_info .quan_num {
  float: right;
  color: #666;
  padding-top: 8px;
}
.qh_price{
  padding-top: 10px;
}
.price_s {
  color: #D9292E;
  font-size: 1.4rem;
}
.price_x{
  text-decoration: line-through;
  color: #666;
}
.price-fx {

background:#D9292E;
padding-right:5px;
float:right;
padding:2px 10px;
color: #fff

}


/*搜索--------------------------------------------------*/
.search-box{
    background:url(../images/sou-ban.png) no-repeat; 
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    padding: 80px 20px 40px;
}
.input {
    height: 50px;
    border-radius: 50px;
    align-items: center;
    background: #fff;
}
.input input {
    width: 420px;
    height: 46px;
    border: 0;
    margin-left: 20px;
    outline: none;
}
.input span{
    font-size: 2rem;
    padding-left: 10px;
    color: #F06C0A;
}
.input button {
    width: 160px;
    height: 50px;
    border: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    font-size: 1.1rem;
    background: -webkit-linear-gradient(left,#FFBC36,#FF9203);
    background: linear-gradient(to right, #FFBC36, #FF9203);
    color: #fff;
}

.row-s .col-6 {
    width: 50%;
    float: left;
    padding-left: 0;
    padding-right: 0;
}
.goods-new li .cent {
    background: #fff;
    margin: 0 2.5px 5px 0;
}
.goods-new li .cent a.img {
    display: block;
    overflow: hidden;
}
.goods-new li .cent a.img img {
    width: 100%;
    display: block;
}
.goods-new li .mar {
    margin: 0 10px;
    padding-bottom: 13px;
}
.goods-new li .cent .bt {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    font-weight: 400;
    margin: 0;
    color: #333;
}
.goods-new li .cent .num {
    font-size: 12px;
    color: #888;
    padding: 5px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row-s:after, .row-s:before {
    content: "";
    overflow: hidden;
    height: 0;
    clear: both;
    display: block;
}

.row-s {
    clear: both;
}
.goods-new li .cent .qh {
    color: #FF2B22;
    white-space: nowrap;
    font-size: 18px;
    position: relative;
    top: 2px;
    line-height: 22px;
    height: 22px;
}
.goods-new li .cent .qh span {
    color: #FF2B22;
    font-size: 12px;
}
.goods-new li .cent .quan {
    overflow: hidden;
    width: 60px;
    display: block;
    top: 2px;
    float: right;
    position: relative;
}
.goods-new li .cent .quan i {
    background: #fff;
    position: relative;
    z-index: 1;
    font-style: normal;
    display: block;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    padding: 2px 0;
    color: #fff;
    background: -webkit-linear-gradient(#FD6937,#FF2F24);
}
.goods-new li .cent .quan i:after, .goods-new li .cent .quan i:before {
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
    background: #fff;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 10px;
    border: 1px solid #FC4D52;
}
.goods-new li .cent .quan i:before {
    left: auto;
    right: -4px;
}

.mt{
	margin-top: 5px;
}


/*悬浮按钮----------------------*/
.comments {
    width:45px;
    height:45px;
    right:10px;
    position:fixed;
    border-radius:50%;
    text-align:center;
    z-index:100;
    color:#fff;
    line-height:45px;

}
.comments a{
    color: #fff;
}
.color1{
    background:#6785e5;
    bottom: 110px;
}
.color2{
    background:lightsalmon;
    bottom: 50px;
}
/*遮罩*/

#goodcover {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.50;
    filter: alpha(opacity=80);
}
#code {
    background-color: #fff;
    padding: 10px;
    display: none;
    z-index: 1002;
    width: 80%;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-40%;
    margin-top:-25%;
    border-radius: 8px;
}
.code-cont{
    align-items: center;
    justify-content: space-between;
}
.code-cont span.iconfont{
    font-size: 2rem;
    color: #F14C40;
    align-items: center; 
}
.code-cont span.iconfont span{
    font-size: 1.2rem;
    padding-left: 10px;
    margin-top: -4px;
}
.code-cont .ling-success{
    color: #0B88CC;
}
.code-foot{
    text-align: center;
    font-size: 1.4rem;
    color: #666;
    padding: 20px 0;
    border-top: 1px solid #eee
}

.code-info{
    background: #f2f2f2;
    padding: 10px;
    color: #333;
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
}
.code-info input{
    border: none;
    outline: none;
    margin-top: 10px;
}
.code-copy{
    color: #fff;
    text-align: center;
    width: 100%;
    height: 40px;
    background: -webkit-linear-gradient(left, #FD8749 , #FD5805);
    border-radius: 20px;
    line-height: 40px;
}

	.last1 {
	/*width: 94%;*/
	margin: 10px auto 20px;
	text-align: center;
}
.last1 fieldset {
	
	padding: 0.8em;
	margin: 0 2px;
	border: 1px dashed #000000;
	background: #fff;
}

.last1 fieldset legend {
	background: #db4130;
	border: none;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 1px 4px;
}

.last1 fieldset font {

	font-size: 12px;

}