/* 公共组件样式 */
input{  
	background:none;  
	outline:none;  
	border:none;
}
em{
  font-style: normal;
}
a:hover{
  color: #cc0031 !important;
}
/* 文本超过两行部分用省略号代替 */
.text_ellipsis{
  display: -webkit-box;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* 文本超过一行部分用省略号代替 */
.text_overstep{
  display:-webkit-box;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  word-break:break-all;
}
/* nav组件（商城首页头部搜索栏） */
.header-search{
  width: 1240px;
  height: 108px;
}
.header-left{
  width: 188px;
  margin-right: 170px;
}
.header-left a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-left a img{
  width: 102px;
  height: 48px;
}
.header-right{
  width: 540px;
}
.header-search-box{
  height: 34px;
  border: 2px solid #cc0031;
  border-radius: 17px;
  align-items: center;
  margin-top: 26px;
  background-color: #fff;
  position: relative;
}
.search-icon{
  font-size: 18px;
  color: #c27486;
  margin-left: 10px;
  margin-right: 10px;
}
.search-ipt{
  margin-right: 16px;
}
.search-confirm{
  width: 60px;
  background-color: #cc0031;
  border-radius: 17px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header-search-ipt{
  width: 100%;
  height: 100%;
  background-color: #cc0031;
  border-radius: 17px;
  line-height: 30px;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.search-confirm span{
  font-size: 16px;
  color: #fff;
  line-height: 1;
}
.header-hot-search{
  width: 480px;
  margin-top: 4px;
  overflow: hidden;
}
.header-hot-search li span,.header-hot-search li a{
  font-size: 12px;
  color: #333;
  white-space: nowrap;
}
.header-hot-search li a{
  padding-left: 10px;
}

/* --------------------------------------------site组件 （站点头部导航）---------------------------------------- */
.full-width{
  width: 100%;
}
.full-height{
  height: 100%;
}
.x{
  display: flex;
}
.y{
  display: flex;
  flex-direction: column;
}
.site-box{
  float: left;
  height: 30px;
  background-color: #fff;
}
.site-container{
  width: 1240px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.site-container-left{
  align-items: center;
}
.nav-item-h{
  display: inline-block;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  color: #cc0031;
  padding: 0 10px;
}
.site-container-right{

}
.nav-item{
  position: relative;
  height: 100%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #fff;
}
.option-box:hover{
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.nav-item-a{
  display: inline-block;
  padding: 0 9px;
  font-size: 13px;
  color: #999;
  line-height: 30px;
  height: 30px;
}
.ss:before{
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 29px;
  left: 0px;
  z-index: 9999;
}
.nav-item-name{
  color: #cc0031 !important;
}
.seat-nav-user{
  width: 240px;
  height: 87px;
}
.seat-nav-user-left{
  width: 135px;
}
.seat-nav-user-img{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: 15px;
  margin-right: 10px;
}
.seat-nav-user-img img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.seat-nav-user-left span{
  font-size: 12px;
  color: #999;
  line-height: 1;
  margin-top: 45px;
}
.seat-nav-user-right{
  flex: 1;
}
.seat-nav-user-manage{
  font-size: 12px;
  color: #999;
  line-height: 1;
  margin-top: 12px;
  display: inline-block;
}
.seat-g{
  margin-right: 20px;
}
.shopping-cart-icon{
  font-size: 18px;
  color: #cc0031;
  margin-right: 3px;
}
.down-icon{
  font-size: 12px;
  margin-left: 10px;
  color: #999;
}
.h{
  font-size: 13px;
  color: #cc0031;
}
.drop-down{
  position: absolute;
  left: -1px;
  top: 29px;
  border: 1px solid #eaeaea;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  /* border-top: 0; */
  background-color: #fff;
  z-index: 99;
}

.my-cgj,.seller-center{
  padding: 10px 0;
}

.drop-down-li{
  height: 24px;
}
.drop-down-li a{
  font-size: 13px;
  color: #999;
  line-height: 24px;
  padding-left: 10px;
}

.shopping-bar{
  width: 280px;
}
.shopping-bar-hd{
  margin-top: 2px;
  padding-left: 9px;
  line-height: 32px;
  font-size: 12px;
}
.shopping-bar-bd{
  width: 260px;
  margin-left: 9px;
  justify-content: space-between;
}
.shopping-bar-bd li{
  width: 100%;
  height: 50px;
  margin-bottom: 4px;
}
.shopping-bar-tips{
  width: 260px;
  height: 40px;
  margin-left: 9px;
  align-items: center;
}
.shopping-bar-tips span{
  font-size: 12px;
  color: #666;
}
.goods-infor{
  display: inline-flex;
}
.bd-goods-img{
  width: 50px;
  height: 50px;
  border-radius: 4px;
  margin-right: 10px;
}
.goods-infor-box{
  flex: 1;
}
.goods-infor-box span{
  font-size: 12px;
  color: #666;
  line-height: 1;
  margin-top: 9px;
}
.bd-goods-price{
  font-size: 14px;
  color: #cc0031;
  line-height: 1;
  margin-top: 10px;
}
.shopping-bar-ft{
  width: 260px;
  height: 42px;
  border-top: 1px solid #eaeaea;
  align-items: center;
  justify-content: space-between;
  margin-left: 9px;
  margin-top: 6px;
}
.goods-num{
  font-size: 13px;
  line-height: 42px;
  color: #666;
}
.cat-btn{
  width: 100px;
  height: 25px;
  border-radius: 4px;
  background-color: #cc0031;
}
.cat-btn-a{
  justify-content: center;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #fff;
}
.cat-btn-a:hover{
  color: #fff !important;
}

/* ----------------------------------------最近搜索------------------------------------------------- */
.recent-search{
  width: 456px;
  background-color: #fff;
  border: 2px solid #e5e5e5;
  position: absolute;
  top: 32px;
  left: 20px;
  border-radius: 4px;
  z-index: 99999;
}
.recent-search em{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  font-style: normal;
  padding-left: 18px;
}
.recent-search-keyword{
  width: 100%;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
}
.recent-search-keyword span{
  font-size: 14px;
  color: #999;
  line-height: 30px;
  padding-left: 18px;
}
.recent-search-keyword:hover{
  background-color: #eaeaea;
}

/* -------------------------------------------------侧边栏 ------------------------------------------*/
.sidebar{
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.sidebar_tabs{
  width: 36px;
}
.sidebar_tabs-center{
  margin: auto 0;
}

.sidebar_tabs-center-label{
  width: 36px;
	height: 36px;
	background-color: #7a6e6e;
	border-radius: 10px 0px 0px 10px;
  margin-bottom: 3px;
  cursor: pointer;
}
.sidebar_discount-tab-label{
	height: 40px;
	background-color: #faf8f8;
  cursor: pointer;
}
.selected-tab{
  background-color: #fff !important;
}
.selected-tab span{
  color: #333 !important;
}
.sidebar_discount-tab-label span{
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.tabs-icon{
  font-size: 20px !important;
  color: #fff;
}
.tabs-img{
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.label-qr-code{
  left: 0;
  bottom: 114px;
}
.label-home-page{
  left: 0;
  bottom: 58px;
}
.label-back-top{
  left: 0;
  bottom: 20px;
}
.sidebar_fuc-popup{
  width: 340px;
  background-color: #f9fafb;
}
.sidebar_cart-header{
  height: 48px;
  border-bottom: 2px solid #cfd3d6;
}
.sidebar_cart-header-right{
  width: 36px;
}
.sidebar_cart-header-left{
  align-items: center;
}
.sidebar-cart-icon{
  font-size: 19px !important;
  color: #cc0031;
  margin: 0 14px;
}
.sidebar-cart-icon1{
  font-size: 18px !important;
  color: #fff;
  margin-right: 10px;
}
.sidebar_cart-header-left span{
  font-size: 16px;
  color: #cc0031;
  line-height: 1;
}
.popup-close-icon{
  font-size: 16px !important;
  color: #666;
  cursor: pointer;
}

.sidebar_cart-bottom{
  height: 54px;
  align-items: center;
  border-top: 1px solid #c9c9c9;
}
.sidebar_cart-bottom-span{
  font-size: 14px;
  line-height: 1.5;
  margin-left: 10px;
}
.sidebar_cart-bottom-span strong{
  color: #cc0031;
}
.cart-span{
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
.sidebar_cart-bottom-btn{
  width: 200px;
  height: 30px;
  background-color: #cc0031;
	border-radius: 15px;
  margin-right: 10px;
}
.sidebar_cart-label{
  height: 78px;
  align-items: center;
}
.sidebar_cart-label:hover{
  background-color: #eaecee;
}
.sidebar_cart-label-img{
  width: 50px;
	height: 50px;
  margin-left: 12px;
  margin-right: 5px;
  cursor: pointer;
}
.sidebar_cart-label-img img{
  width: 50px;
  height: 50px;
  border-radius: 10px;
}
.sidebar_cart-label-infor{
  height: 50px;
  justify-content: center;
}
.sidebar_cart-goods-title{
  width: 200px;
}
.sidebar_cart-goods-a{
  width: 200px;
  font-size: 14px;
  line-height: 1;
}
.sidebar_cart-goods-a:hover{
  color: #cc0031 !important;
}
.sidebar_cart-goods-other{
  justify-content: space-between;
  margin-top: 10px;
}
.sidebar_cart-goods-other strong{
  font-size: 14px;
  color: #cc0031;
  line-height: 1;
}
.sidebar_cart-goods-other span{
  font-size: 14px;
  color: #999;
  line-height: 1;
  margin-right: 10px;
}
.delete-btn{
  top: 3px;
  right: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.popup-delete-icon{
  font-size: 16px !important;
  color: #c2c2c2;
}

.sidebar_discount-label{
  height: 140px;
  margin: 0 auto;
  margin-top: 10px;
}
.sidebar_discount-label-type{
  width: 100px;
  height: 100px;
  margin-top: 17px;
  margin-right: 5px;
}
.label-type-money strong{
  line-height: 1;
  color: #cc0031;
}
.s_dollar-symbol{
  font-size: 14px;
}
.s_preferential-amount{
  font-size: 28px;
  margin-top: 4px;
}
.label-type-money{
  align-items: flex-start;
  margin-left: 10px;
  margin-top: 30px;
}
.label-type-name{
  font-size: 12px;
  color: #cc0031;
  line-height: 1;
  margin: 0 auto;
  margin-top: 14px;
}
.sidebar_discount-label-left{
  width: 288px;
	background-color: #fff;
	box-shadow: 0px 4px 14px 0px 
		rgba(121, 121, 121, 0.18);
	border-radius: 10px;
}

.sidebar_discount-label-right{
  width: 32px;
	box-shadow: 0px 4px 14px 0px rgba(121, 121, 121, 0.18);
	border-radius: 10px;
  margin-left: 4px;
  cursor: pointer;
}
.not-claimed-btn{
  background-image: linear-gradient(135deg, #ff7a9f, #ffc067);
}
.already-received-btn{
  background-color: #cfd3d6;
}
.sidebar_discount-label-btn{
  width: 14px;
}
.sidebar_discount-label-btn span{
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  letter-spacing: 1px;
}
.sidebar_discount-bottom{
  height: 54px;
}
.sidebar_discount-bottom-btn{
  width: 300px;
	height: 30px;
	background-color: #cc0031;
	border-radius: 15px;
}
.sidebar_discount-condition{
  margin-top: 34px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #fba839;
}
.sidebar_discount-explain{
  font-size: 12px;
  line-height: 1;
  color: #999;
  margin-top: 26px;
}
.sidebar_discount-valid{
  font-size: 12px;
  line-height: 1;
  margin-top: 9px;
}
.sidebar_discount-tips{
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
  background-image: url("../../../../common/images/spirit.png");
  background-position: -48px -54px;
}
.received-tips{
  background-position: 0 -54px !important;
}
.sidebar_discount-received{
  background-color: #cfd3d6 !important;
  color: #fff !important;
}
.sidebar_discount-no-data{
  justify-content: center;
}
.sidebar_discount-no-data{
  font-size: 14px;
  line-height: 1;
  color: #999;
  margin-top: 20px;
}
.sidebar_cart-list-box{
  margin-top: 4px;
}
.sidebar_cart-no-data{
  align-items: center;
}
.sidebar_cart-Illustration{
  width: 120px;
  height: 108px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.sidebar_cart-Illustration img{
  width: 120px;
  height: 108px;
}
.sidebar_cart-prompt{
  font-size: 14px;
  color: #999;
  line-height: 1;
}
.s_nodata-Illustration{
  width: 120px;
  height: 100px;
  margin: 0 auto;
  margin-top: 100px;
}
.sidebar_discount-nodata span{
  font-size: 14px;
  color: #999;
  line-height: 1;
  margin-top: 20px;
}