/*!
 * drawer v2.0.0
 * Licensed under MIT
 * Author : blivesta
 */
.drawer-main{position:fixed;z-index:1200;top:0;width:280px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-280px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-280px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay{left:280px}
.drawer-right .drawer-overlay{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay{right:280px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1200;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#fff;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:22px;color:#fff}
.drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:18px}

@media (min-width:767px){
 .drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
 .drawer-responsive.drawer-left .drawer-main{left:0}
 .drawer-responsive.drawer-right .drawer-main{right:0}
}
@media (min-width:768px){
 .drawer-responsive{background-color:#222}
 .drawer-responsive.drawer-left .drawer-main,
 .drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
 .drawer-responsive.drawer-left .drawer-main{float:left}
 .drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
 .drawer-responsive.drawer-right .drawer-main{float:right}
 .drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}
}
@media (min-width:1200px){
 .drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:280px!important}
 .drawer-responsive.drawer-left .drawer-overlay{margin-left:280px}
 .drawer-responsive.drawer-right .drawer-overlay{margin-right:280px}
}


@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html {
  font-size: 14px;
}
body {
  -webkit-text-size-adjust: none;
  width: 100%;
  max-width: 640px;
  padding: 0;
  margin: 0 auto;
  background: #fbfbfb;
  font-size: 14px;
  min-width: 320px;
  font-family: PingFangSC-Regular, sans-serif, 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif, SourceHanSansCN, -apple-system, sans-serif;
}
div,
ul,
ol,
dl,
p,
pre,
section,
article,
aside,
li,
nav,
input,
header,
textarea {
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
ul,
li,
ol,
dl,
dt,
dd {
  list-style: none;
}
img {
  width: 100%;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #494949;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -webkit-focus-ring-color: transparent;
}
i,
em,
strong {
  font-style: normal;
}
input {
  /*
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  */
}

.header-index,
.header {
  position: fixed;
  top:0;
  left:0;
  right:0;
  display:flex;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  justify-content: space-between; align-items:center;
  padding: 0 10px;
  background-color: transparent;
  overflow: hidden;
  z-index: 1000;
}
.header-logo {
  display:flex; width:25%; height:30px; box-sizing: border-box;
  justify-content: flex-start; align-items:center;
}
.header-logo img{
  width:65px; height:35px;
}
.header-right-form {
  display: flex;
  width: 100%; /* Changed from 75% to match original */
}

.header-right {
  display: flex;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

.header-search {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 32px; /* Changed from 30px to match original */
  background-color: #f5f5f5; /* Changed from #f9f9f9 to match original */
  border-radius: 15px;
  font-size: 12px;
  color: #999; /* Changed from #48414a to match original */
}

.header-search input {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  width: calc(100% - 42px); /* Added calculation to account for icon space */
  height: 28px;
  padding: 0px 5px;
  margin-left: 12px;
  background-color: #f5f5f5; /* Changed from #f9f9f9 to match original */
  color: #48414a;
  outline: none;
  font-size: 12px;
  border: none;
  color: #999; /* Added to match original text color */
}

.header-search .icon-search {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon_Search.png) no-repeat center center;
  background-size: 24px 24px;
  opacity: 0.5;
  vertical-align: middle;
  margin: 0 10px;
}
.header-user-login-as-link {
  all: unset; /* 清除所有默认样式 */
  color: inherit; /* 继承原有链接颜色 */
  cursor: pointer;
   font-size: 12px;
  /* 复制原有链接的所有样式 */

  text-decoration: none;
  display: inline-block;
  padding: 5px 0;
  margin-left: 15px;
}
.suscc-icon{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/duigou.png) no-repeat center center;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 4px;
}
.header-search .icon-search {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/icon_Search.png) no-repeat center center;
  background-size: 24px 24px;
  opacity: 0.5;
  vertical-align: middle;
  margin: 0 10px;
  border: none;
  outline: none;
}
.bg{
  background-color: #ddd;
  border-bottom:solid 1px #f9f9f9;
}
.bg-white{
  background-color: #fff;
  border-bottom:solid 1px #f9f9f9;
}
.bg-transparent{
  background-color:transparent;
}
.header-user-notice,
.header-user-login {
  display: flex;
  width: 15%;
  height: 30px;
  justify-content: center;align-items: center;
  overflow: hidden;
}
.header-user-login img{
  width:30px; height:30px; border-radius: 50%;
}
.header-user-notice a,
.header-user-login a {
  color: #48414a;
}
.header-user-notice {
  display: none;
}
.header-user-notice .icon-notice {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/my_icon_new.png) no-repeat center center;
  background-size: 16px 16px;
}
.main {
  margin-top: 8px;
}
.product {
  padding: 5px 5px 0 5px;
  margin-top: 2px;
  background-color: #fff;
}
.product h2{
  width: 100%; height: 30px; line-height: 30px; background-color:#fff; color: red; padding: 5px 0;
}

.product h2 span{
  color: #696969; font-size: 13px; font-weight: 400;
}
.product h2 a{
  color: #333; font-size: 13px; font-weight: 400;position: absolute;right: 10px;
}

@media screen and (min-width: 500px) {
  .product {
    padding-top: 24px;
  }
}
.product-title {
  text-align: center;
  padding: 16px 12px;
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
}
@media screen and (min-width: 500px) {
  .product-title {
    margin-bottom: 24px;
  }
}
.product-title-line {
  width: 70%;
  height: 2px;
  margin: 0 auto;
  background-color: #BCBCBC;
}
.product-title-name {
  position: absolute;
  left: 50%;
  top: 6px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #232323;
  background: #fff;
  padding: 0 0.6em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 500px) {
  .product-title-name {
    font-size: 20px;
  }
}
.product-list {
  display:flex; box-sizing: border-box; flex-wrap: wrap; justify-content: space-between; align-items:center;
  padding: 0;
  background-color: #fff;
  overflow: hidden;
}
/*
.product-list:after {
  display: block;
  height: 0;
  content: "";
  clear: both;
}
*/
.product-item {
  width: 48.5%;
  border-radius:6px;-moz-border-radius:6px;
  margin: 5px 0;
  box-shadow: 0 0 15px #efefef;
}

.product-item-left {
  float: left;
  width: 48.5%;
  box-sizing: border-box;
  margin: 5px 0;
  padding: 2px;
  /*background-color: #fff;*/
  border-radius:6px;-moz-border-radius:6px;
  box-shadow: 0 0 5px #e5e5e5;
}

.product-item-right {
  float: right;
  width: 48.5%;
  box-sizing: border-box;
  margin: 5px 0;
  padding: 2px;
  /*background-color: #fff;*/
  border-radius:6px;-moz-border-radius:6px;
  box-shadow: 0 0 5px #e5e5e5;
}

.product-item-pic {
  position: relative;
  /*padding: 5px;*/
  overflow: hidden;
  background-color: #f9fafe;
  text-align: center;
}

.product-item-pic img{
  /*width:auto;*/
  vertical-align:middle;
  width: 100%;
  min-height:180px;
}

.product-item-tag {
  position: absolute;
  top: 0.6em;
  left: 0.6em;
  color: #fff;
  background-color: #fe6600;
  font-size: 10px;
  padding: 1px 8px;
}
.product-item-tag:empty {
  display: none;
}
.product-item-tag-2 {
	margin-left: 1em;
	color: #fff;
	width: 35px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #fe6600;
	border-radius: 3px;
	display: inline-block;
}
.product-item-tag-2:empty {
  display: none;
}
@media screen and (min-width: 500px) {
  .product-item-tag {
    font-size: 14px;
  }
}
.product-item-info {
  text-align: left;
  font-size: 12px;
  padding: 6px 2px;
}
.product-item-info__name {
  width: 100%; padding:3px;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.product-item-info__light {
  color: #fe6600;
}
.product-item-info__light:before {
  content: " • ";
  color: #232323;
  vertical-align: bottom;
}
.product-item-info__light:empty {
  display: none;
}
.product-item-info__light:empty:before {
  content: "";
}
.product-item-info__desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777;
  /*font-size: 0.85714286em;*/
}
.product-item-info__price {
  font-size: 12px;
  font-weight: 500;
  color: red;
}
.product-item-info__price:before {
  content: "￥";
  font-family: "微软雅黑";
}

.product-item-info__down {
  display:flex; 
  width: 100%; 
  padding:2px; 
  justify-content: space-between;
  align-items:flex-end;
  font-size: 14px; 
  overflow: hidden; white-space: nowrap;
}

.product-item-info__gm {
  padding-right:3px;
  font-size: 10px;
  font-weight: 500;
  color: #696969;
}

.product-more {
  border-top: 0px solid #F4F4F4;
}
.product-more-btn {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 500px) {
  .product-more-btn {
    font-size: 14px;
  }
}
.product-more-btn:active {
  opacity: 0.7;
}
.icon-left {
  font-size: 1em;
  margin-left: 4px;
  vertical-align: middle;
}
.icon-left:after {
  /* content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/chevron_left.png) no-repeat center center;
  -webkit-background-size: 2em;
  background-size: 2em;
  opacity: 0.5; */
}
.hhcom_tc_list .icon-left:after{
	display: none;
}
.icon-right {
  font-size: 1em;
  margin-left: 4px;
  vertical-align: middle;
}
.icon-right:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/chevron_right.png) no-repeat center center;
  -webkit-background-size: 2em;
  background-size: 2em;
  opacity: 0.5;
}

.navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border-top: 1px solid #ddd;
  background: #FAFAFA;
  z-index: 1001;
}

.navigation .icon-home {
  background: url("../img/home_icon_new.png") no-repeat center center;
}
.navigation .icon-category {
  background: url("../img/classify_icon_new.png") no-repeat center center;
}
.navigation .icon-kefu {
  background: url("../img/kefu_shouye.png") no-repeat center center;
}
.navigation .icon-faxian {
  background: url("../img/fx_icon_new.png") no-repeat center center;
}
.navigation .icon-shopcar {
  background: url("../img/cart_icon_new.png") no-repeat center center;
}
.navigation .icon-user {
  background: url("../img/my_icon_new.png") no-repeat center center;
}
.navigation .icon-home,
.navigation .icon-category,
.navigation .icon-kefu,
.navigation .icon-faxian,
.navigation .icon-shopcar,
.navigation .icon-user {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  vertical-align: bottom;
}
.navigation .icon-badge {
  position: absolute;
  top: -3px;
  left: 60%;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  background: #f60;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  font-style: normal;
  display: none;
}
.navigation ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.navigation ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.navigation ul li {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 10px;
}
.navigation ul li:nth-child(3) span {
  position: relative;
}
.navigation ul li a {
  display: block;
  height: 48px;
  color: #48414a;
  padding: 5px 0 0;
  box-sizing: border-box;
}
.navigation ul li p {
  line-height: 1rem;
}
.navigation ul li.active a {
  color: #ff6a00;
}
.navigation ul li.active .icon-home {
  background-image: url(../img/home_icon_click_new.png);
}
.navigation ul li.active .icon-category {
  background-image: url(../img/classify_icon_click_new.png);
}
.navigation ul li.active .icon-faxian {
  background-image: url(../img/fx_icon_click_new.png);
}
.navigation ul li.active .icon-shopcar {
  background-image: url(../img/cart_icon_click_new.png);
}
.navigation ul li.active .icon-user {
  background-image: url(../img/my_icon_click_new.png);
}
.float-btn {
  position: fixed;
  right: 15px;
  bottom: 70px;
  border-radius: 50px;
  z-index: 1000;
}
.float-btn a {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #999;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.float-btn a + a {
  margin-top: 14px;
}
.float-btn a:first-child {
  display: none;
}
.float-btn a.show {
  display: block;
}
.float-btn [class^="icon-"]:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  opacity: 0.8;
}
.float-btn .icon-arrow-top:after {
  background-image: url(../img/arrow_Top.png);
}

.footer{
	background: #fff;
  	margin: 8px 0;
}
.footer .nav {
  padding:8px 20px;
}
.footer .nav li {
  color: #696969;
  text-align: center;
}
.footer .nav li a {
  display: inline-block;
  padding: 4px 0px;
  color: #696969;
  font-size: 12px;
  border-radius: 2px;
}
.footer-block{
	display: block; height: 48px;
}

.top-fix{position:fixed; top:0; left: 0; width: 100%; background-color: #fff;z-index:999; padding:3px 0 2px 0; border-bottom:1px solid #f9f9f9;}
.top-left{display: inline-block; box-sizing: border-box; width: 25%; height: 40px; line-height: 40px; color: #48414a; padding-left:10px;float: left;}
.top-left i{display: block;background: url(../img/icon_head_back.png) no-repeat left center;height: 40px;background-size: 10px;}
.top-center{display: inline-block; box-sizing: border-box; width: 45%; height: 40px; line-height: 40px; color: #48414a; text-align: center; font-size: 16px;float: left;}
.top-right{display: inline-block; box-sizing: border-box; width: 25%; height: 40px; line-height: 40px; color: #48414a; text-align: right; padding-right:10px;float: left;}


.checkbox{cursor: pointer;display: inline-block;}
.checkbox+.checkbox{margin-left: 10px;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"]{display: none;}
.checkbox input[type="checkbox"] + span, .checkbox input[type="radio"] + span{width: 28px;height: 28px;display: inline-block;background-image: url(../img/checkbox.png);background-repeat: no-repeat;background-position: 0 0;vertical-align: middle;}
.checkbox input[type="checkbox"]:checked + span, .checkbox input[type="radio"]:checked + span{background-position: -28px 0;}

.page-nav{
	padding:20px 10px;
	height: 40px;
	font-size: 12px;
	color: #48414a;
}
.page-nav ul{
	float: left;
}
.page-nav ul li{
	float: left;
}
.page-nav ul li a{
	margin-left: -1px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	display: inline-block;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	background-color: #fff;
}
.page-nav ul li span{
	width: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	background-color: #fff;
}
.page-nav ul li span.active{
	width: auto;
	margin-left: -1px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	display: inline-block;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	color: #ff2f2f;
}
.page-nav .page-href{
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 30px;
}
.page-nav .page-href input{
	width: 30px;
	text-align: center;
	outline: medium;
	border: none;
	border-bottom: 1px solid #f0f0f0;
}
.page-nav .page-href a{
	margin-left: 10px;
	padding: 2px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.ovfHiden{position: relative; overflow: hidden; height: 100%;}


.hs-app-mask{ 
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(85,85,85,0.4);
	z-index: 999999999999999999999;
}
.hs-app-mask img{ 
	width: 24px;
}
.hs-app-mask p{ 
	font-size: 13px;
	color: #fff;
	min-height: 25px;
	overflow: hidden;
	width:100%;
	word-wrap: break-word;
	text-align: center;
	padding: 0 5px ;
	margin-bottom: 10px;
}
.hs-app-info{
	position: fixed;
	/*min-width: 120px;
	max-width: 60%;*/
	width: 60%;
	min-height: 80px;
	text-align: center;
	background-color: #444;
	border-radius: 10px;
	box-shadow: 0 0 10px #969696;
	right: 50%;
	top: 50%;
	margin: -70px -30% 0 0;
	z-index: 9999999999999999999999;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	padding: 15px 10px;
}

.hs-app-error{
	position: fixed;
	width: 60%;
	min-height: 80px;
	text-align: center;
	background-color: #ff2f2f;
	border-radius: 10px;
	box-shadow: 0 0 10px #969696;
	right: 50%;
	top: 50%;
	margin: -70px -30% 0 0;
	z-index: 9999999999999999999999;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	padding: 15px 10px;
}

.loadmore{
	width: 95%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	/*border-radius: 3px;
	background: rgba(0, 0, 0, 0.7);*/
	border-radius: 5px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.8);
	margin: 15px auto;
	color: #999;
	display: block;
}


.hua-leyu-fixed{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 5px;
	bottom: 150px;
	background-color: #ff2f2f;
	border: 1px solid none;
	border-radius: 15px;
	overflow: hidden;
	-moz-opacity:0.9;
	opacity: 0.9;
	z-index: 999;
}
.hua-leyu-fixed a{
	width: 60px;
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.hua-leyu-fixed a svg{
	margin: 3px auto 0 auto;
	font-size:32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	display: block;
}
.hua-leyu-fixed a p{
	margin-top: -7px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.shop-picture{background-color: #f9fafe;}




.yuzx-fixed{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 5px;
	bottom: 150px;
	background-color: #ff2f2f;
	border: 1px solid none;
	border-radius: 15px;
	overflow: hidden;
}
.yuzx-fixed a{
	width: 60px;
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.yuzx-fixed a svg{
	margin: 3px auto 0 auto;
	font-size:32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	display: block;
}
.yuzx-fixed a p{
	margin-top: -7px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

/*2020-8-10*/
.zoom::after{content:"."; display:block; height:0; clear:both; visibility: hidden;}
.zoom,.clear{clear:both;}
.zoom{*zoom:1;}
.bckbor{border-top:8px solid #f9f9f9;}
.dxbck1{background-color:#fff;}
.dxbck1 h3{margin:0 auto; padding:13px 0 12px 3%; border-bottom:1px solid #eee; font-size:18px; font-weight:400; color:#333;}
.dxbck1-b{width:94%; margin:20px auto 0 auto; padding-bottom:20px;}
.dxbck1-b div{width:75%; float:left;}
.dxbck1-b img{width:67px; height:67px; float:left; margin-right:15px;}
.dxbck1-b span{font-size:12px; color:#999;}
.dxbck1-b p{margin:2px auto 6px auto; font-size:15px; color:#333;}
.dxbck2{margin:10px auto; padding-bottom:10px; background-color:#fff;}
.dxbck2>div{width:92%; padding:12px 0; margin:0 auto;}
.dxbck2 img{width:83px; float:left; margin-right:19px;}
.dxbck2>div div{width:67%; float:left;}
.dxbck2 h5{font-weight:400; font-size:16px; color:#222;}
.dxbck2 p{margin-top:8px; line-height:1.6; font-size:10px; color:#777;}
.dxbck3{width:100%; height:36px; line-height:36px; border-top:1px solid #eee; background-color:#fff;}
.dxbck3 div{width:94%; margin:0 auto; height:36px; overflow:hidden;}
.dxbck3 li{float:left; font-size:10px; color:#555; white-space:nowrap;}
.dxprod{border-bottom:8px solid #f9f9f9;}
.dxprod h2{color:#e9181d; font-size:18px;}
.dxprod h2 span{ vertical-align:middle; /*display:inline-block; width:69%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}
.dxprod .loadmore a{font-size:15px; color:#777;}
.dxbck4{margin:10px auto 0 auto; padding:20px 0 1px 0; overflow:hidden; background-color:#fff;}
.dxbck4>div{width:92%; margin:0 auto 10px auto;}
.dxbck4 h3{width:23%; float:left; font-size:12px; color:#333;}
.dxbck4 ul{width:77%; float:left; margin-top:-5px;}
.dxbck4 li{width:50%; float:left; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dxbck4 a{font-size:12px;}

ul.flexbox{
    display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.flexbox li{
    display: block;
    align-items: center;
    justify-content: flex-start;
}

@charset "utf-8";
.banner {
  background: #f9f9f9;
  height:auto;
  max-height:250px;
  overflow: hidden;
}
.banner .swiper-pagination-bullet {
  box-sizing: border-box;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
}
.banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
.conpany-info {
  background-color: #fff;
  font-size: 0;
  border-top: solid 1px #f9f9f9;
}
.conpany-info:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.conpany-info:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.conpany-info-item {
  display: block;
  float: left;
  width: 25%;
  padding: 10px 0 15px 0;
  color: #48414a;
  font-weight:500;
  font-size: 10px;
  text-align: center;
  white-space:nowrap; text-overflow: ellipsis; overflow: hidden;
}

@media screen and (min-width: 500px) {
  .conpany-info-item {
    font-size: 12px;
  }
}
.conpany-info-item:nth-child(2),
.conpany-info-item:nth-child(3) {
  width: 21%;
}
.conpany-info-item:last-child {
  width: 33%;
}
.conpany-info-item:before {
  margin-right: 4px;
}
.conpany-info-item > a {
  color: red;
  text-decoration: none;
}
.procate {
  margin-top: 1px;
  padding: 20px 0 15px 0;
  font-size: 0;
  background-color: #fff;
}
.procate:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.procate:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.procate-item {
  float: left;
  display: block;
  width: 20%;
  text-align: center;
  color:#48414a;
}
.procate-item > p {
  white-space:nowrap; text-overflow: ellipsis; overflow: hidden;
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  .procate-item > p {
    font-size: 14px;
  }
}
.procate [class^='icon-'] {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.procate .icon-flower {
  background-image: url(../img/xianhua_icon.png);
}
.procate .icon-ysh {
  background-image: url(../img/yongshenghua_icon.png);
}
.procate .icon-cake {
  background-image: url(../img/cake_icon.png);
}
.procate .icon-gifts {
  background-image: url(../img/gift_icon.png);
}
.procate .icon-chocolates {
  background-image: url(../img/choclate_icon.png);
}
.activity{
	width: 100%;
	margin-top: 8px;
	background-color: #fff;
}
.activity-left{
	display: inline-block; box-sizing:border-box; width:50%; vertical-align:top; padding-top: 10px; border-right:solid 1px #f9f9f9;
}
.activity-right{
	display: inline-block; box-sizing:border-box; width:50%; vertical-align:top; padding-top: 10px;
}
.activity-left h3,.activity-right h3{
	margin: 5px 0; font-size: 16px; font-weight: bold; color: #48414a; text-align: center; 
}
.squre{
	display: inline-block;
	width:20px; height:20px; line-height: 20px;
	text-align:center;
	font-size: 15px;
	color:#fff; border-radius:3px;-moz-border-radius:3px;
	background-image: url(../img/bg-radius.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
}
.squre-txt{
	display: inline-block; text-align:center; font-size:15px; color:#48414a;
}
.activity-product{
	display:flex; width:100%; box-sizing: border-box;
	justify-content: center; align-items:center;
	flex-direction: column; margin: 5px 2px;
}
.active-product-img-box{
	display:flex; width:100%; box-sizing: border-box;
	justify-content: center; align-items:center;
}
.activity-product img{
	display: block; text-align: center;
	width: 165px; height: 165px;
}
.active-product-txt{
	width:150px; height:25px; color:red; font-size:15px; border:1px solid red; border-radius:25px; line-height:23px; text-align:center;
}
.activity-product-price-ago{
	text-align: center; color:#696969; font-size:12px; text-decoration: line-through;
}
.active-right-div-top,.active-right-div-down{
	height: 125px;
}
.active-right-div-top h3{
	text-align: left; font-size: 16px; font-weight: bold; margin: 5px 0; padding-left: 10px;
}
.active-right-div-top h3 a{
	color: #48414a;
}
.active-right-div-top p{
	color: #696969; text-align: left; font-size:12px; margin: 0; padding-left: 10px;
	white-space:nowrap; text-overflow: ellipsis; overflow: hidden;
}

.active-right-div-top img{
	display:inline-block; width: 30%; height: auto; max-width: 40px; max-height: 40px; margin: 20px 3px 0px 3px;
}

.active-right-div-down{
	padding:20px 0 0 10px; border-top: solid 1px #f9f9f9;
}

.active-right-div-down img{
	display:inline-block; box-sizing:border-box; width: 45%; height: auto; max-width: 100px; max-height: 100px;
}

.active-right-div-down div{
	display:inline-block; width: 53%; margin: 0px; padding-top: 10px; vertical-align:top;
}

.active-right-div-down h3{
	text-align: left; font-size: 16px; font-weight: bold;
}

.active-right-div-down h3 a{
	color: #48414a;
}

.active-right-div-down p{
	text-align: left; color: #696969; font-size:12px;
	display: -webkit-box !important; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.day-flower{
	width: 100%;
	margin-top: 8px;
	padding: 10px 10px 0 10px;
	background-color: #fff;
	overflow: hidden;
}

.day-flower-box{
	width: 100%; height: 125px; margin: 10px 0; background-size: 100% auto; background-repeat: no-repeat;
}

.day-flower h2{
	width: 100%; height: 30px; line-height: 30px; background-color:#fff; color: #34c61c;
}

.day-flower-txt{
	display:inline-block; margin-left:43%; margin-top:20px; width:55%; height:80px;
}

.day-flower-txt p{
	padding: 2px; color: #48414a; font-weight: blod; font-size: 15px; 
}

.day-flower p a{
	display:inline-block; width:100%; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; color: #48414a;
}
.day-flower-txt .intro{
	width:100%;
	display: -webkit-box !important; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	color: #696969; font-size: 12px;
}
.day-flower-txt .price{
	color:red;
}

.business {
	padding: 5px 0;
	margin-top: 5px; background-color: #fff;
}
.business > a {
  display: block;
}

.new-pic{
	display: inline-block; width: 40%; padding: 15px 10px; text-align: center; vertical-align: center;
}

.new-pic img{
  width: 90%;
}

.new-txt{
	display: inline-block; vertical-align: top; width: 50%; padding-top: 18px;
}

.new-txt .title{
	white-space:nowrap; text-overflow: ellipsis; overflow: hidden;
	color:#48414a; font-size:15px; font-weight: bold;
}

.new-txt .description{
	display: -webkit-box !important; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#696969; font-size:12px; margin-top:5px;
}

.red-rose{width: 100%; margin: 0; padding: 0;}
.red-rose img{width: 100%; height: auto;}

.theme-link{padding: 30px 0; text-align: center; background-color:#fff;}
.theme-link a{padding: 5px 15px; margin: 0 10px; font-size:14px; border-radius: 15px;background-color: #f9f9f9; color: #ff2f2f;}
.theme-link a.block{background-color: #ff2f2f; color: #fff;}

.recommend{
	display:flex; justify-content:space-between; width:100%; padding:10px; background-color:#fff;
}
.flower-l-box{
	position:relative; width:49%; height:140px; border-radius:5px; overflow:hidden;
}
.flower-l-title{
	position:absolute;left:15px; top:10px; font-size:16px; font-weight:bold;
}
.flower-l-title-en{
	position:absolute;left:15px; top:30px;
}
.flower-lt-box{
	position:relative; width:100%; height:65px; border-radius:5px; overflow:hidden;
}
.flower-lt-box-title{
	position:absolute;left:10px; top:5px; font-size:14px; font-weight:bold;
}
.flower-lt-box-title-en{
	position:absolute;left:10px; top:20px;
}
.flower-ld-box{
	display:flex; justify-content:space-between; width:100%;
}
.flower-ldl-box{
	position:relative; width:48%; height:65px; border-radius:5px; overflow:hidden;
}
.flower-ldl-box-title{
	position:absolute;left:10px; top:5px; font-size:12px; font-weight:bold;
}
.flower-ldr-box{
	position:relative; width:48%; height:65px; border-radius:5px; overflow:hidden;
}
.flower-ldr-box-title{
	position:absolute;left:10px; top:5px; font-size:12px; font-weight:bold;
}


.box-buts{
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
}
.box-buts .buts {
    width:27%;
    height:36px;
    margin:2%;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #ff2f2f;
    border-radius: 5px;
    background-color:#fff;
    text-align: center;
}
.box-buts .buts:hover {
	border-color: #ff2f2f;
    background-color:#ff2f2f;
    text-decoration:none;
}
.box-buts .buts i {
	/*width:24px;
	height:22px;
    margin:13px 10px 13px 20px;
	display:inline-block;
	background-image:url(base/preview.png);
	background-position:-60px -140px;
	background-repeat:no-repeat;
    float:left;*/
    display: none;
}
.box-buts .buts span{
	display:block;
    font-family:"Microsoft YaHei";
    font-size:16px;
    color:#ff2f2f;
    /*float:left;*/
}
.box-buts .buts:hover span{
    color:#fff;
}

.box-buts .butstip{
}
.box-buts .butstip div{
    position: absolute;
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    line-height: normal;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    bottom: -60px;
    left: 0;
    width: 80%;
    text-align: center;
    border-radius: 3px;
    margin-left: 10%;
}
.box-buts .butstip div:before{
    content: ' ';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    margin-left: -5px;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #ddd;
}
.box-buts .butstip div em{
	color: #ff2f2f;
}
.box-buts .buts1{ 
    border-color: #ff2f2f;
    background-color: #ff2f2f;
}
.box-buts .buts1 span{
    color: #fff;
} 
.box-buts .buts1:hover span{
    color: #fff;
    background-color: #f22424;
} 

.box-buts .buts2{ 
    border-color: #ff742f;
    background-color: #ff742f;
}
.box-buts .buts2 span{
	color: #fff;
}
.box-buts .buts2:hover{
    border-color: #ef6623;
    background-color: #ef6623;
}

.fw-buy{ 
	padding: 15px 20px;
	background-color: #eee;
}
.fw-buy2{
	background-color: #fff;
}
.fw-buy a{ 
	height: 45px;
	line-height: 45px;
	width: 100%;
	text-align: center;
	display: inline-block;
	background-color: #f85767;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
}

.gpfix1{ 
	line-height: 35px;
}
.gpfix1 .product-item-info__price{
	font-size: 18px;
	font-weight: bold;
}
.gpfix1 .product-item-info__gm{
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    font-weight: normal;
}
.gpfix2{ 
	line-height: 35px;
	border-top: 1px solid #f5f5f5;
}
.gpfix2 .product-item-info__price{
	color: #666;
}
.gpfix2 .product-item-info__price:before{
	content: '';
}
.gpfix2 .product-item-info__gm{
	color: #a26506;
}
.copyright {
    margin-top: 22px;
    margin-bottom: 0;
    color: #b5b5b5;
    font-size: 10px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    letter-spacing: -1px;
}
.copyright a{
	padding: 0;
	background-color: transparent;
	font-size: 10px;
	color: #b5b5b5;
	margin: 0;
}

/* 花语正文--热门文章 */
.hot-news{
	border-bottom: solid 5px #f9f9f9;
}
.hot-news h2{
	background-color: #fff;
	font-size:20px;
	padding:20px 15px 0 15px;
}
.hot-news .news .news-imgbox{
	float: right;
	width: 35%;
}
.hot-news .news .news-imgbox img{
	width: 100%;
	border-radius: 4px;
}
.hot-news .news .news-titbox{
	/* float: left;
	width: 60%;
	margin-right: 5%; */
}
.hot-news .news .news-titbox h3{
	font-size: 16px;
	line-height: 1.75;
	font-weight: normal;
	color: #333;
	margin-bottom: 4px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.hot-news .news .news-titbox span.hits{
	font-size: 12px;
	color: #999;
}
.hot-news .news:last-of-type{
	border-bottom: none;
}
/* 花语标签 */
.hot-hybq{
	padding-bottom: 10px;
	background-color: #fff;
}
.hot-hybq h2{
	padding-bottom: 20px;
}
.hot-hybq ul{
	padding: 0 15px;
}
.hot-hybq ul li { 
	margin: 0 10px 10px 0;
	float: left;
}
.hot-hybq ul li a{ 
	padding: 6px 8px;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	color: #666;
}
.bbs-post-ip, .bbs-post-address, .bbs-post-datetime{
	display: inline-block;
	font-size: 12px;
	color: #b4babf;
	margin-right: 8px;
}
/* 用户评论按钮 */
.yhpl_btns .bbs_btns{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	color: #333;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin: 25px 0 15px 16px;
	cursor: pointer;
}
.yhpl_btns .bbs_btns_active, .yhpl_btns .bbs_btns:hover{
	color: #fff;
	background-color: #ff2f2f;
}
.yhpl_btns .bbs_btnall{
	width: 75px;
}
.yhpl_btns .bbs_btnimg{
	width: 80px;
}

.mgc{
    position:relative;
    width:16px;
    height:16px;
    background-clip:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin:-.15px .6px 0 0;
    vertical-align:text-bottom;
    border-radius:3px;
    -webkit-transition:background-color .25s;
    transition:background-color .25s;
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgc:checked:after{
    content:'';
    display:block;
    height:4px;
    width:7px;
    border:0 solid #333;
    border-width:0 0 2px 2px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    top:3px;
    left:3px
}
.mgc:disabled{
    opacity:.65
}
.mgc:focus{
    outline:none;
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff
}
.mgc:checked{
    background-color:#fff;
    border-color:#d7d7d7;
}
.mgc:checked:after{
    border-color:#414141
}
.mgc-primary{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgc-primary:checked{
    background-color:#337ab7;
    border-color:#337ab7;
}
.mgc-primary:checked:after{
    border-color:#fff
}
.mgc-success{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgc-success:checked{
    background-color:#5cb85c;
    border-color:#5cb85c;
}
.mgc-success:checked:after{
    border-color:#fff
}
.mgc-info{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgc-info:checked{
    background-color:#5bc0de;
    border-color:#5bc0de;
}
.mgc-info:checked:after{
    border-color:#fff
}
.mgc-warning{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgc-warning:checked{
    background-color:#f0ad4e;
    border-color:#f0ad4e;
}
.mgc-warning:checked:after{
    border-color:#fff
}
.mgc-danger{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgc-danger:checked{
    background-color:#cf3b3a;
    border-color:#cf3b3a;
}
.mgc-danger:checked:after{
    border-color:#fff
}
.mgc-circle{
    border-radius:50%
}
.mgc-sm{
    width:12px;
    height:12px;
}
.mgc-sm:checked:after{
    top:2px;
    left:1px;
    height:3px;
    width:6px
}
.mgc-lg{
    width:19px;
    height:19px;
}
.mgc-lg:checked:after{
    top:3px;
    left:3px;
    height:5px;
    width:10px
}
input[type="radio"].mgr{
    position:relative;
    width:16px;
    height:16px;
    background-clip:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin:-.15px .6px 0 0;
    vertical-align:text-bottom;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #d7d7d7;
}
input[type="radio"].mgr:disabled{
    opacity:.65
}
input[type="radio"].mgr:before{
    content:'';
    display:block;
    height:0;
    width:0;
    -webkit-transition:width .25s,height .25s;
    transition:width .25s,height .25s
}
input[type="radio"].mgr:checked:before{
    height:8px;
    width:8px;
    border-radius:50%;
    margin:3px 0 0 3px
}
input[type="radio"].mgr:focus{
    outline:none;
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 2px #38a7ff
}
input[type="radio"].mgr:checked{
    border:1px solid #555;
}
input[type="radio"].mgr:checked:before{
    background-color:#555
}
.mgr-primary{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgr-primary:checked{
    border:1px solid #337ab7;
}
.mgr-primary:checked:before{
    background-color:#337ab7
}
.mgr-success{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgr-success:checked{
    border:1px solid #5cb85c;
}
.mgr-success:checked:before{
    background-color:#5cb85c
}
.mgr-info{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgr-info:checked{
    border:1px solid #5bc0de;
}
.mgr-info:checked:before{
    background-color:#5bc0de
}
.mgr-warning{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgr-warning:checked{
    border:1px solid #f0ad4e;
}
.mgr-warning:checked:before{
    background-color:#f0ad4e
}
.mgr-danger{
    background-color:#fff;
    border:1px solid #d7d7d7;
}
.mgr-danger:checked{
    border:1px solid #cf3b3a;
}
.mgr-danger:checked:before{
    background-color:#cf3b3a
}
.mgr-sm{
    width:12px;
    height:12px;
}
.mgr-sm:checked:before{
    height:6px;
    width:6px;
    border-radius:50%;
    margin:2px 0 0 2px
}
.mgr-lg{
    width:19px;
    height:19px;
}
.mgr-lg:checked:before{
    height:11px;
    width:11px;
    border-radius:50%;
    margin:3px 0 0 3px
}
.mgc-switch{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    position:relative;
    width:41px;
    height:24px;
    border:1px solid #dfdfdf;
    outline:0;
    border-radius:16px;
    box-sizing:border-box;
    background:#dfdfdf;
}
.mgc-switch:before,.mgc-switch:after{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    border-radius:15px;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s, -webkit-transform .3s
}
.mgc-switch:before{
    width:39px;
    height:22px;
    background-color:#fdfdfd
}
.mgc-switch:after{
    width:22px;
    height:22px;
    background-color:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.4)
}
.mgc-switch:checked{
    border-color:#04be02;
    background-color:#04be02;
}
.mgc-switch:checked:before{
    -webkit-transform:scale(0);
    transform:scale(0)
}
.mgc-switch:checked:after{
    -webkit-transform:translateX(17px);
    transform:translateX(17px)
}
.mgc-switch:focus{
    outline:0
}
.mgc-sm.mgc-switch{
    height:20px;
    width:32px;
}
.mgc-sm.mgc-switch:before{
    height:18px;
    width:30px
}
.mgc-sm.mgc-switch:after{
    width:18px;
    height:18px
}
.mgc-sm.mgc-switch:checked:after{
    top:0;
    left:2px;
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.mgc-lg.mgc-switch{
    height:32px;
    width:52px;
}
.mgc-lg.mgc-switch:before{
    height:30px;
    width:50px
}
.mgc-lg.mgc-switch:after{
    width:30px;
    height:30px
}
.mgc-lg.mgc-switch:checked:after{
    top:0;
    left:2px;
    -webkit-transform:translateX(18px);
    transform:translateX(18px)
}
.footer-mzsm{
    margin: 10px auto 0 auto;
    padding: 20px 0 1px 0;
    overflow: hidden;
    background-color: #fff;
}
.footer-mzsm p {
  color: #999999;
  line-height: 24px;
  font-size: 12px;
  padding: 0px 13px 20px;
}