/* head css */
.head {
	width: 100%;
	min-width: 1200px;
}

.header-right-nav-content {
	position: relative;
}

.header-right-nav-content:hover .header-right-nav {
	display: block !important;
}

.header-right-nav {
	position: absolute;
	display: none !important;
	top: 36px;
	left: 6px;
	width: 80px;
	height: max-content !important;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
	z-index: 99;
}

.header-right-nav li:hover {
	color: red;
}

.header-right-nav::after {
	display: block;
	position: absolute;
	top: -15px;
	left: 35px;
	content: '';
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
	border-top: 10px solid transparent;
	transform: rotate(-90deg);
}

.header-right-nav li {
	width: 60px;
	padding: 13px 0 !important;
	margin: auto;
	text-align: center;
	color: #B8B8B8;
	border-right: none !important;
	cursor: pointer;
}

.header-right-nav li:nth-child(1) {
	border-bottom: 1px solid #dddddd;
}

/*.lang {*/
/*	height: 128px !important;*/
/*}*/

.lang li:nth-child(2) {
	border-bottom: 1px solid #dddddd;
}

.main {
	width: 1200px;
	margin: 4px auto auto;
}

.swiper-container {
	width: 100%;
	height: 450px;
}

.swiper-container img {
	width: 100%;
	height: 450px;
}

.header-left{
	float: left;
	display: flex;
	flex-direction: row;
	cursor: pointer;
	align-items: center;
}
.header-left .new-logo{
	height: 48px;
	object-fit: fill;
}
.header-left .new-logo-name{
	height: 32px;
	object-fit: fill;
	margin-left: 12px;
}
.header-left .header-left-right{
	display: flex;
	flex-direction: column;
	margin-left: 12px;
}
.header-left .header-left-right .new-name{
	height: 30px;
	font-size: 30px;
	font-family: SourceHanSansTC-Heavy, SourceHanSansTC;
	font-weight: 800;
	color: #000000;
	line-height: 30px;
}
.header-left .header-left-right .title{
	height: 12px;
	font-size: 12px;
	font-family: SourceHanSansTC-Heavy, SourceHanSansTC;
	font-weight: 800;
	color: #000000;
	line-height: 12px;
	margin-top: 5px;
}
.header-right {
	float: right;
	width: max-content;
}

.header-right ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 36px;
	font-size: 12px;
}

.header-right>ul>li {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 10px 0 10px;
	position: relative;
}

.header-right>ul>li:not(:last-child):after {
	content: '';
	position: absolute;
	right: 0;
	display: block;
	width: 1px;
	height: 14px;
	background-color: #7D7D7D;
}

.header-right ul li a {
	vertical-align: middle;
	color: #666666;
	word-break: break-all;
	max-width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 11px;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

/* 头部所有图标大小 */
.head i {
	display: inline-block;
	background-size: 100% 100%;
	margin-right: 5px;
}

.head i.head-msg {
	width: 15px;
	height: 13px;
	background-image: url('../../../static/home-img/msg.png');
}

.head i.head-mch {
	width: 13px;
	height: 12px;
	background-image: url('../../../static/images/home_mch.png');
}

.head i.head-kefu {
	width: 14px;
	height: 13px;
	background-image: url('../../../static/home-img/kefu.png');
}

.head i.head-app {
	width: 14px;
	height: 14px;
	background-image: url('../../../static/home-img/app.png');
}

.head i.head-jiantou {
	width: 12px;
	height: 10px;
	margin-left: 5px;
	margin-right: 0;
	background-image: url('../../../static/home-img/jiantou.png');
}


/* logo css */
.logo {
	width: 100%;
}

.logo-title {
	width: 1200px;
	margin: auto;
}

.logo-title .logo-img {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-top: 18px;
	padding-bottom: 18px;
}
.logo-title .logo-img img {
	width: 180px;
}

.logo span {
	display: inline-block;
	width: 26px;
	height: 26px;
}

.logo-icon-search {
	display: flex;
	position: relative;
}
.logo-icon-search .el-input input{
	border-radius: 30px 0px 0px 30px;
	width: 554px;
	height: 60px;
	margin: 0;
	font-size: 19px;
	border-width: 0;
}
.logo-icon-search .el-input .el-input__prefix{
	height: 60px;
}
.logo-icon-search .el-input .el-input__suffix .el-input__suffix-inner{
	height: 60px;
}
.logo-icon-search .el-input .el-input-group__append{
	padding: 0;
	background-color: transparent;
	border: unset;
}
.logo-icon-search .el-input .el-input-group__append .btn-text{
	width: 115px;
	height: 60px;
	background: linear-gradient(to right,#E0FF69,#06D4C6);
	border-radius: 0px 30px 30px 0px;
	color: white;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-icon-car{
	display: flex;
	position: relative;
}
.logo-icon-car .btn{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666666;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #ffffff, #ffffff) no-repeat center;
	border-radius: 28px;
	box-sizing: border-box;
}
.logo-icon-car .btn-bg{
	width: 149px;
	height: 61px;
	border-radius: 30px;
	background: linear-gradient(to right,#E0FF69,#06D4C6);
	padding: 2px;
	box-sizing: border-box;
}

.logo-icon-car .btn img{
	width: 30px;
	height: 26px;
	object-fit: fill;
}
.logo-icon-car .btn .text{
	margin-left: 4px;
	font-size: 22px;
}
.e-search {
	flex: 1;
	border: none;
	font-size: 16px;
}

.history {
	position: absolute;
	top: 46px;
	left: 0;
	width: 588px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
	background: #ffff;
	z-index: 1000;
	max-height: 180px;
	overflow-y: auto;
}

.his_,
.his_data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 30px;
	padding: 0 10px;
	color: #999999;
	font-size: 14px;
	line-height: 30px;
	box-sizing: border-box;
}

.his_data {
	cursor: pointer;
}

.his_data span {
	display: block;
	color: #999999 !important;
	flex: 1;
	margin-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.his_ {
	position: sticky;
	top: 0;
	background-color: #FFFFFF;
}

.his_close {
	width: 9px !important;
	height: 9px;
	display: none;
}

.his_data:hover {
	color: #D4282D;
	background-color: #F6F6F6;
}

.his_data:hover .his_close {
	display: block;
	height: auto;
}

.clear {
	width: 12px !important;
	height: 14px !important;
}

.cart_ {
	position: absolute;
	top: 60px;
	right: 0;
	width: 330px;
	max-height: 400px;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
	z-index: 222;
}

.cart_ img {
	width: 40px !important;
	height: 39px !important;
	margin: 0 20px;
	padding: 20px 0;
	vertical-align: middle;

}

.cart_ span {
	width: auto;
	height: auto;
	font-size: 14px;
	color: #999999;
	vertical-align: middle;
}

.cart_ .title {
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
	color: #020202;
	border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;
	font-weight: bold;
}

.cart_bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	bottom: 0;
	width: 100%;
	height: 54px;
	padding: 0 10px;
	font-size: 14px;
	background-color: #F6F6F6;
	box-sizing: border-box;
}

.cart_bottom>p {
	display: flex;
	align-items: center;
}

.cart_bottom>p span {
	line-height: 14px;
	color: #D4282D;
	font-size: 14px;
	height: 14px;
}

.cart_btn {
	width: 80px;
	height: 30px;
	background-color: #D4282D;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff !important;
	border: 0;
	outline: 0;
}

.cart_goods {
	max-height: 276px;
	overflow-y: auto;
}

.cart_goods li {
	display: flex;
	padding: 12px;
}

.cart_goods li:hover {
	background-color: #F6F6F6;
}

.cart_goods li>img {
	display: block;
	width: 60px !important;
	height: 60px !important;
	padding: 0;
}

.goods>p {
	width: 127px;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
}

.goods>span {
	font-size: 12px;
	/* line-height: 12px;
	height: 12px; */
	color: #999999;
}

.cart_money {
	font-size: 12px;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.cart_money>span {
	color: #333333;
	line-height: 12px;
	height: 12px;
	font-size: 12px;
	margin-top: 10px;
	cursor: pointer;
}

.cart_money>p {
	display: flex;
	line-height: 12px;
	color: #D4282D;
}

.cart_money>p>span {
	height: 12px;
	line-height: 12px;
	margin-left: 3px;
	color: #333333;
}


.logo span.search {
	background-image: url('../../../static/home-img/search_.png')
}

.logo span.search1 {
	background-image: url('../../../static/home-img/search.png')
}

.logo span.cart {
	background-image: url('../../../static/home-img/cart.png');
	cursor: pointer;
}

.logo span.cart1 {
	background-image: url('../../../static/home-img/cart.jpg');
	cursor: pointer;
}

.logo span.red {
	position: absolute;
	right: -11px;
	top: -11px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	border-radius: 50%;
	background-color: red;
	text-align: center;
	color: #fff !important;
	font-size: 12px;
}

.nav {
	width: 1200px;
	border-bottom: 1px solid #E5E5E5;
}

/* banner css */
.banner {
	width: 100%;
}

.banner img {
	width: 100%;
	height: 450px;
}

/* fun */
.fun {
	width: 100%;
}

.fun .fun-img {
	width: 1200px;
	margin: auto;
}

.fun ul {
	height: 130px;
}

.fun li {
	float: left;
	width: 222px;
	height: 100px;
	margin-right: 18px;
	margin-top: 30px;
	background-color: #F6F6F6;
}

.fun li .icon {
	display: inline-block;
	position: relative;
	height: 0;
	width: 45px;
	border-bottom: 100px solid #DC4047;
	border-left: 0px solid transparent;
	border-right: 60px solid transparent;
	vertical-align: middle;

}

.fun li .icon img {
	position: absolute;
	left: 10px;
	top: 30px;
	width: 54px;
	height: 50px;
}

.fun li .fun-detail {
	display: inline-block;
	width: 105px;
	vertical-align: middle;
}

.fun-detail span {
	font-size: 24px;
	color: #DC4047;
}

.fun-detail p {
	font-size: 15px;
	color: #666666;
}

/* rexiao */
.rexiao {
	width: 100%;
	margin-top: 50px;
	/* height: 500px; */
	/* background-color: rebeccapurple; */
}

.rexiao .rexiao-content {
	width: 1200px;
	margin: auto;
	margin-bottom: 20px;
}

.container {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.container .title {
	display: flex;
}

.container .text {
	margin-left: 6px;
}

.container .text p {
	font-size: 30px;
	line-height: 30px;
	color: #020202;
}

.container .text span {
	display: block;
	font-size: 14px;
	margin-top: 5px;
	line-height: 10px;
	color: #999999;
	position: relative;
	z-index: 9;
}

.container .icon {
	width: 46px;
	height: 46px;
}

.container .gengduo {
	padding-top: 19px;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
}

/* main */
.product {
	width: 100%;
	margin-top: 10px;
}

.product ul:after {
	content: '';
	display: block;
	clear: both;
}

.product li {
	float: left;
	width: 288px;
	height: 390px;
	background-color: #ffffff;
	cursor: pointer;
}

.product li:not(:nth-of-type(4n)) {
	margin-right: 16px;
}

.product li .main-img {
	position: relative;
	width: 288px;
	height: 288px;
	background-color: #ffffff;
}

.product li img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 225px;
	height: 227px;
	margin: auto;
}

.product li .main-text {
	height: 102px;
	text-align: center;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.product ul li:hover {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
	background-color: #eeeeee;
}

.product li .main-text div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	font-size: 12px;
	color: #666666;
}

.product li .main-text div img {
	position: initial;
	margin: 0;
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.product li .main-text p {
	margin: 0 auto;
	font-size: 14px;
	color: #020202;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
	margin-bottom: 6px;
}

.product li .main-text span {
	color: #D4282D;
	font-size: 14px;
}

/* xinping */
.xinping {
	overflow: hidden;
	width: 100%;
	height: 772px;
	background-color: #F8F8F8;
}

.xinping .xinping-content {
	width: 1200px;
	margin: 50px auto;
}

.xinping ul {
	overflow: hidden;
}

.xinping ul li {
	float: left;
	width: 244px;
	height: 287px;
	margin-right: 9px;
	margin-bottom: 13px;
	background-color: #fff;
	cursor: pointer;
}

.xinping ul li .xinping-img img {
	width: 100%;
	height: 100%;
}

.xinping ul li:nth-child(1) {
	width: 432px;
	height: 587px;
}

.xinping ul li:nth-child(1) .xinping-img {
	width: 432px;
	height: 432px;
}

.xinping ul li:nth-child(1) .xinping-product .xinping-img img {
	width: 265px;
	height: 383px;
	margin: auto;
}

.xinping ul li:nth-child(1) .xinping-text {
	width: 432px;
	height: 155px;
	border-top: 1px solid #eeeeee;
	text-align: center;
}

.xinping ul li:nth-child(1) .xinping-text p {
	margin-top: 10px;
	font-size: 20px;
	color: #020202;
	margin-bottom: 16px;
}

.xinping ul li:nth-child(1) .xinping-text span {
	display: block;
	color: #D4282D;
	line-height: 18px;
	font-size: 20px;
}

.xinping-img {
	width: 244px;
	height: 210px;
}

.xinping-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 77px;
	border-top: 1px solid #eeeeee;
	text-align: center;
}

.xinping-text div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	font-size: 12px;
	color: #666666;
}

.xinping-text div img {
	position: initial;
	margin: 0;
	width: 19px;
	height: 18px;
	margin-right: 5px;
}

.xinping-text p {
	margin: 0 10px;
	font-size: 14px;
	color: #020202;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 7px;
}

.xinping-text span {
	color: #D4282D;
	font-size: 14px;
	line-height: 12px;
}

.xinpin-product ul li:hover {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}
/* 积分商城start */
.integral-box{
	width:1200px;
	margin:50px auto 20px;
}
.integral-box .integral-bt{
	display:flex;
	align-items:center;
}
.integral-box .add-icon{
	margin:0 2px;
}
.integral-box .integral-icon{
	display: flex;
	align-items: baseline;
	color:#FC9153;
	font-size:12px;
}
.integral-box .integral-icon i{
	color:#505050;
	font-size:10px;
	margin-left:2px;
}
.product-in {
	width: 100%;
	margin-top: 10px;
}

.product-in ul:after {
	content: '';
	display: block;
	clear: both;
}

.product-in li {
	float: left;
	width: 288px;
	height: 370px;
	background-color: #ffffff;
	cursor: pointer;
}

.product-in li:not(:nth-of-type(4n)) {
	margin-right: 16px;
}

.product-in li .main-img {
	position: relative;
	width: 288px;
	height: 288px;
	background-color: #ffffff;
}

.product-in li .main-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 225px;
	height: 227px;
	margin: auto;
}

.product-in li .main-text {
	height: 80px;
	text-align: center;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.product-in ul li:hover {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
	background-color: #eeeeee;
}

.product-in li .main-text .integral-icon img {
	position: initial;
	margin: 0;
	width: 8px;
	height: 8px;
}

.product-in li .main-text p {
	margin: 0 auto;
	font-size: 14px;
	color: #020202;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
	margin-bottom: 6px;
}

.product-in li .main-text span.money {
	color: #D4282D;
	font-size: 14px;
}
/* 积分商城end */

/* 秒杀start */
.seckill-content{
	width:1200px;
	margin:50px auto 20px;
}
.seckill-content .el-tabs__item{
	font-size:24px;
	height: 70px;
	line-height: 70px;
	padding:0 30px;
	color:#9D9D9D;
}
.seckill-content .el-tabs__item.is-active{
	color:#E70020;
}
.seckill-content .el-tabs--card>.el-tabs__header{
	border-bottom: 2px solid #E70020;
	background-color: #FAFAFA;
}
.seckill-content .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
	border: 2px solid #E70020;
	position: relative;
	bottom: -2px;
	border-bottom-color:#fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.seckill-content.one .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
	bottom: 0px;
}
.seckill-content .el-tabs--card>.el-tabs__header .el-tabs__item{
	border-bottom: 2px solid transparent;
	
}
.seckill-content .el-tabs__nav-wrap{
	margin-bottom: -2px;
}
.seckill-content .el-tabs--card>.el-tabs__header .el-tabs__nav{
	border:none;
}
.seckill-content .el-tabs--card>.el-tabs__header .el-tabs__item{
	border-left: none;
}
.seckill-content .el-tabs__header{
	margin-bottom: 40px;
}
.seckill-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.seckill-item li{
	display: flex;
	width:550px;
	padding:15px;
	margin:2px 2px 50px;
	box-sizing: border-box;
	height: 180px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(192,192,192,0.5);
	border-radius: 6px;
	align-items: center;
	cursor: pointer;
}
.seckill-item li img{
	width: 150px;
	height: 150px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(192,192,192,0.5);
	border-radius: 6px;
	margin-right: 16px;
}
.seckill-item .item-body{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  height: 100%;
}
.item-body .item-body-title{
	font-size:14px;
	color:#050505;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 20px;
	word-break: break-all;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.item-body .progress .per{
	font-size:14px;
	color:#E70020;
	margin:12px 0;
}
.item-body .progress-icon .el-progress-bar__outer{
	background-color: #F4ADAD;
}
.item-body .el-progress-bar__outer{
	overflow: visible;
}
.item-body .progress-icon .el-progress-bar__inner::after{
	display: inline-block;
	content:"";
	width:20px;
	height: 20px;
	background:url("https://fcyt-saas-oss.oss-cn-beijing.aliyuncs.com/0/1/20230112/1613443167350849536.png") no-repeat 0 0;
	background-size:100% 100%;
	position: absolute;
	top:-6px;
	right:-14px;
}
.item-body .end-icon .el-progress-bar__inner::after{
  display: inline-block;
	content:"";
	width:20px;
	height: 20px;
  background:url("https://fcyt-saas-oss.oss-cn-beijing.aliyuncs.com/0/1/20230112/1613443149206290432.png") no-repeat 0 0;
  background-size:100% 100%;
  position: absolute;
	top:-6px;
	right:-14px;
}

.item-body .end-icon .el-progress-bar__outer{
	background-color: #DADADA;
}
.item-body .seckill_price{
	display: flex;
	align-items: baseline;
}
.item-body .j-sb{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.item-body .o-btn{
	padding:8px 20px;
	background: linear-gradient(135deg, #E70020 0%, #F35167 100%);
	border-radius: 4px;
	font-size: 14px;
	color:#FFFEFD;
}
.item-body .a-money{
	color:#EA424A;
	font-size:16px;
	margin-right:16px;
}
.item-body .b-money{
	text-decoration:line-through;
	font-size:14px;
	color:#929292;
}
.item-body .integer{
	font-size:28px;
	font-weight: bold;
}
.item-body .jg,
.item-body .end{
  background: #D7D7D7;
}
/* 秒杀end */

.footer {
	width: 100%;
}

.footer .qianggou {
	display: flex;
	width: 1200px;
	height: 399px;
	margin: auto;
	/* background-color: pink; */
}

.footer .qianggou .qiang-left {
	width: 252px;
	height: 399px;
	background-color: green;
}

.footer .qianggou .qiang-right {
	width: 948px;
}

.footer .qianggou .qiang-right li {
	display: flex;
	float: left;
	width: 472px;
	height: 198px;
	border: 1px solid #eeeeee;
}

.qiang-right li .q-left {
	width: 175px;
	height: 100%;
	background-color: red;
}

.qiang-right li .q-right {
	width: 300px;
	height: 100%;
	/* background-color: #DC4047; */
}

.q-right .progress {
	width: 140px;
}

.q-right p {
	color: #D4282D;
	font-size: 16px;
}

.q-right span {
	font-size: 14px;
	color: #888888;
}

.progr {
	display: flex;
	align-items: center;
	margin-top: 25px;
}

.q-money p {
	color: #D4282D;
	font-size: 14px;
}

.q-money p .shoujia {
	color: #D4282D;
	font-size: 18px;
}

.q-money p .yuanjia {
	font-size: 12px;
	color: #eeeeee;
}

.q-right button {
	width: 118px;
	height: 32px;
	margin-top: 25px;
	background-color: #DE5B5F;
	text-align: center;
	line-height: 32px;
	color: #fff;
	border: none;
}


/* shechi */
.shechi {
	width: 1200px;
	margin: 50px auto;
}

.shechi-content {
	width: 1200px;
	overflow: hidden;
}

.shechi-content li {
	float: left;
	width: 288px;
	height: 365px;
	margin-right: 16px;
	margin-bottom: 10px;
	border: 1px solid #eeeeee;
	box-sizing: border-box;
}

.shechi-content li img {
	display: block;
	width: 286px;
	height: 286px;
	margin: auto;
}

.shechi-content li:nth-child(1) {
	width: 288px;
	height: 365px;
}

.shechi-content li:nth-child(1) img {
	width: 288px;
	height: 178px;
	margin-bottom: 10px;
}

.shechi-content .order {
	width: 592px;
	height: 365px;
	background-color: green;
}

.shechi-content .order img {
	width: 592px;
	height: 365px;
}

.shechi-text {
	text-align: center;
}

.shechi-text p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #020202;
	font-weight: bold;
}

.shechi-text span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #D4282D;
}

/* 右侧导航条 */
.r-nav {
	position: fixed;
	bottom: 150px;
	right: 90px;
	width: 82px;
	/* height: 213px; */
	margin: auto;
	box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
	z-index: 222;
	background-color: #FFFFFF;
}

.r-nav ul li {
	width: 100%;
	height: 70px;
	margin: auto;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.r-nav ul li .toUpImg,
.r-nav ul li .xiazai,
.qr-kefuImg {
	display: block;
	width: 23px;
	height: 23px;
	margin: 15px auto;
}

.r-nav ul li span {
	display: block;
	margin: -10px auto;
	font-size: 14px;
	color: #666666;
}

.r-nav li:nth-child(2) {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.qr-img {
	display: none;
	position: absolute;
	top: 69px;
	left: -145px;
	width: 136px;
	height: 154px;
	border: 1px solid rgba(230, 230, 230, 1);
	background-color: #FFFFFF;
}

.qr-img img {
	display: block;
	width: 100px !important;
	height: 100px !important;
	margin: auto;
	background-color: #fff;
}

.qr-img p {
	font-size: 12px;
	color: #454545;
}

.qr-img::after {
	display: block;
	position: absolute;
	top: 12px;
	left: 136px;
	content: '';
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
	border-top: 10px solid transparent;
	transform: rotate(0deg);
}

.qr-app:hover>.qr-img {
	display: block;
}

.r-nav ul li:hover>span {
	color: #D4282D;
}

.toUp .toUpImg,
.qr-kefu .qr-kefuImg {
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.toUp .toUpImg {
	background-image: url(../../../static/home-img/dingbu.png);
}

.toUp:hover .toUpImg {
	background-image: url(../../../static/home-img/dingbu_h.png);
}

.qr-kefu .qr-kefuImg {
	background-image: url(../../../static/home-img/kefu.png);
}

.qr-kefu:hover .qr-kefuImg {
	background-image: url(../../../static/home-img/kefu_h.png);
}

.qr-app .xiazai {
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../../../static/home-img/xiazai.png);
}

.qr-app:hover .xiazai {
	background-image: url(../../../static/home-img/xiazai_red.png);
}

/* tab展示选项卡 */
.nav {
	width: 100%;
}

.nav .nav-content {
	width: 1200px;
	margin: 0px auto 0 auto;
}

.nav-content ul {
	width: 100%;
	display: flex;
	overflow: hidden;
	white-space: nowrap;
	overflow-x: scroll;
}
.nav-content ul::-webkit-scrollbar {
	display: none;
}


/* .nav-content ul::-webkit-scrollbar{
    display:none;
} */
.nav-content ul li {
	cursor: pointer;
	width: 146px;
	margin-left: 20px;
}

.nav-content ul li:nth-of-type(1) {
	margin-left: 0;
	width: auto;
}

.nav-content ul li p {
	text-align: center;
}

.nav-content ul li .nav-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #020202;
}

.nav-content ul li .e-title {
	font-size: 12px;
	line-height: 12px;
	color: #999999;
	margin-top: 7px;
	word-break: break-all;
}

.nav-border {
	width: 34px;
	height: 3px;
	margin: 10px auto 0;
	background-color: transparent;
}

.nav-content ul li.active p {
	color: #D4282D;
}

.nav-content ul li.active .nav-border {
	background-color: #D4282D;
}

.nav-show {
	position: absolute;
	width: 100%;
	height: 150px;
	z-index: 999;
	background: rgba(255, 255, 255, .9);
}

.nav-show .nav-show-content {
	width: 1200px;
	height: 100%;
	margin: auto;
}

.nav-show .nav-show-content ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100%;
}

.nav-show .nav-show-content ul li img {
	display: block;
	width: 34px;
	height: 34px;
	margin: auto;
	margin-bottom: 8px;
}

.nav-show .nav-show-content ul li p {
	text-align: center;
	font-size: 14px;
	color: #888888;
}


.paginationBox {
	display: flex;
	justify-content: flex-end;
	padding: 18px 0;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #E6E6E6;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #D4282D;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	border-color: #D4282D;
	color: #D4282D;
	background-color: transparent;
}

.el-checkbox:hover .el-checkbox__inner {
	border-color: #D4282D !important;
}

.el-checkbox:hover .el-checkbox__label {
	color: #D4282D !important;
}


.el-input-number__decrease,
.el-input-number__increase {
	background-color: #FFFFFF;
}

/* 轮播图 */
.top-banner{
	width: 1200px;
	margin: auto;
	background-color: white;
}
.top-banner .bannerImg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	/* width: 100vw; */
	/* min-width: 1200px; */
	height: 520px;
	cursor: pointer;
}
.top-banner .el-carousel__indicators {
	right: 0;
	left: unset;
	align-items: center;
	display: flex;
	bottom: 16px
}
.top-banner .el-carousel__indicator{
	padding: 4px;
}

.top-banner .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
	background-color: #E4E4E4;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.top-banner .el-carousel__indicators .is-active .el-carousel__button {
	background-color: white;
	width: 12px;
	height: 12px;
}

.top-banner .el-carousel__arrow {
	border-radius: 0;
	width: 34px;
	height: 66px;
	font-size: 28px;
	background-color: rgba(0, 0, 0, 0.6);
}

/*  */
.couponBox {
	display: flex;
	width: 1200px;
	height: 150px;
	margin: 50px auto;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../../../static/images/couponBg.png);
}

.couponBox_left {
	width: 220px;
	height: 100%;
	cursor: pointer;
}

.couponBox_right {
	flex: 1;
	overflow: hidden;
	width: 980px;
	height: 100%;
	padding: 21px 25px 19px;
	box-sizing: border-box;
}

.couponUl {
	display: flex;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.couponUl::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 5px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 10px;
}

.couponUl::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
	background: rgba(0, 0, 0, 0.6);
}

.couponUl::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	background: #EDEDED;
}

.couponLi {
	position: relative;
	display: flex;
	width: 245px;
	height: 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../../../static/images/couponBg1.png);
	background-size: 245px 100px;
	border-radius: 4px;
	padding: 5px;
	margin-right: 25px;
}

.couponStatus {
	position: absolute;
	right: 66px;
	top: 5px;
}

.couponLi_left {
	flex: 1;
	padding: 0 15px;
}

.couponLi_left>div {
	display: flex;
	align-items: flex-end;
	margin-top: 20px;
}

.couponLi_left>div div {
	display: flex;
	align-items: flex-end;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #D4282D;
	line-height: 15px;
}

.couponLi_left>div div span {
	font-size: 30px;
	font-weight: bold;
	line-height: 24px;
}

.couponLi_left>div>span {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #D4282D;
	line-height: 14px;
	margin-left: 10px;
}

.couponLi_left>p {
	width: 168px;
	height: 24px;
	line-height: 24px;
	background: #F6F6F6;
	border-radius: 2px;
	margin-top: 14px;
	padding: 0 5px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.couponLi_right {
	width: 47px;
	padding: 13px 13px 13px 18px;
	box-sizing: border-box;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

[v-cloak] {
	display: none;
}

.mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

.mask_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 20px;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #E6E6E6;
}

.mask_title i {
	font-size: 20px;
	font-weight: bold;
	color: #999999;
	line-height: 16px;
}

.mask_btnBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 68px;
	background-color: #F6F6F6;
}

.mask_btnBox>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 36px;
	box-sizing: border-box;
	font-size: 16px;
}

.mask_btnBox>a:first-child {
	border: 1px solid #B8B8B8;
	color: #666666;
	margin-right: 10px;
}

.mask_btnBox>a:last-child {
	background-color: #D4282D;
	color: #FFFFFF;
	margin-right: 40px;
	border: 0;
}

.el-loading-spinner {
	margin-top: 0;
	transform: translateY(-50%);
}

.el-loading-spinner i {
	font-size: 30px;
}

.el-loading-spinner .el-loading-text {
	font-size: 16px;
	margin: 5px 0;
}

.loading {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background-color: #FFFFFF;
	z-index: 999;
}

.msgBox {
	position: relative;
}

.msgBox>span {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #D80000;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
}

[v-cloak] {
	display: none;
}


/* 客服的样式 */
.jCAmcj {
	background-color: #EEEEEE !important;
}


.nonavtitle[class] {
	display: inline-block;
	min-width: 60px;
	background-color: #EEEEEE !important;
	animation: mymove 1.5s infinite alternate;
	-webkit-animation: mymove 1.5s infinite alternate;
	/*Safari and Chrome*/
}

.nonavtitle:after {
	content: '1';
	opacity: 0;
}

.nobannerImg {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 1200px;
	animation: mymove 1s infinite alternate;
	-webkit-animation: mymove 1s infinite alternate;
	object-fit: contain;
	margin: auto;
	/*Safari and Chrome*/
}

@keyframes mymove {
	from {
		opacity: 0.3
	}

	to {
		opcity: 0.8
	}
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	from {
		opacity: 0.3
	}

	to {
		opcity: 0.8
	}
}

.center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pointer {
	cursor: pointer;
}

.proDown {
	position: absolute;
	left: 50%;
	top: 115px;
	width: 200px;
	height: 200px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 18px;
	transform: translateX(-50%);
	z-index: 10;
}

.relative {
	position: relative;
}

.title_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

#headBox {
	min-height: 116px;
}

.el-input-number__decrease,
.el-input-number__increase {
	background-color: transparent;
}


.mchMask {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 420px;
	height: 300px;
	background: rgba(255, 255, 255, 1);
}

.mchMask>p {
	font-size: 16px;
	line-height: 16px;
	margin-top: 14px;
	color: #020202;
}

.mchMask>span {
	display: block;
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	margin-top: 10px;
}

.mchMask .btnBox {
	margin-top: 24px;
}

.mchMask .btnBox .btn {
	border-radius: 0;
	width: 112px;
	height: 36px;
	padding: 0;
}



.miaosha {
	overflow: hidden;
	width: 100%;
	height: 772px;
	background-color: #FFFEFE;
}

.miaosha-product {
	display: flex;
}

.miaosha-product .miaosha-left {
	width: 252px;
	height: 399px;
	background: url(../../../static/images/miaosha-img.png);
	display: flex;
	flex-direction: column;
	align-items: center;
	background-size: 100% 100% !important;
}

.miaosha-product .miaosha-left .miaosha-date {
	margin-top: 99px;
	color: #705C47;
	font-size: 16px;
	font-weight: 400;
}

.miaosha-product .miaosha-left .miaosha-date span {
	font-size: 30px;
}

.miaosha-product .miaosha-left .miaosha-back {
	display: inline-block;
	margin-top: 15px;
	width: 28px;
	height: 3px;
	background: #BD946D;
}

.miaosha-product .miaosha-left p {
	margin-top: 23px;
	font-size: 16px;
	font-weight: 400;
	color: #705C47;
}

.miaosha-product .miaosha-left .miaosha-down {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #705C47;
	font-size: 18px;
	margin-top: 17px;
}

.miaosha-product .miaosha-left .miaosha-down span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #705C47;
	height: 32px;
	width: 32px;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}

.miaosha-product .miaosha-left .miaosha-down span:nth-child(1) {
	margin-right: 11px;
}

.miaosha-product .miaosha-left .miaosha-down span:nth-child(2) {
	margin: 0 11px;
}

.miaosha-product .miaosha-left .miaosha-down span:nth-child(3) {
	margin-left: 11px;
}

.miaosha-product .miaosha-left .miaosha-button {
	margin-top: 40px;
}

.miaosha-product .miaosha-left .miaosha-button button {
	width: 112px;
	height: 32px;
	background: #BD946D;
	border-radius: 16px;
	font-size: 14px;
	font-weight: 400;
	border: 0;
	outline: 0;
	color: #FFFFFF;
	cursor: pointer;
}

.miaosha-right {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	height: 399px;
}

.miaosha-right li {
	flex: 0 0 50%;
	height: 50%;
	display: flex;
	padding: 0 29px 0 15px;
	box-sizing: border-box;
	background: white;
	align-items: center;
}

.miaosha-right li:nth-child(1),
.miaosha-right li:nth-child(2) {
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

.miaosha-right li:nth-child(3),
.miaosha-right li:nth-child(4) {
	/* border-top: 1px solid #E6E6E6; */
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

.miaosha-right li .right-shop {
	width: 160px;
	height: 150px;
}

.miaosha-right li .right-item {
	padding-left: 14px;
	/* padding: 15px 0 15px 14px; */
	height: 100%;
}

.miaosha-right li .right-item p {
	width: 247px;
	font-size: 16px;
	font-weight: 400;
	color: #020202;
	height: 16px;
	line-height: 16px;
	padding-top: 15px;
}

.miaosha-right li .right-item .right-mch {
	display: flex;
	align-items: center;
	padding-top: 10px;
	height: 20px;
	line-height: 20px;
}

.miaosha-right li .right-item .right-mch img {
	width: 20px;
	height: 20px;
}

.miaosha-right li .right-item .right-mch span {
	padding-left: 7px;
	font-size: 14px;
	font-weight: 400;
	color: #888888;
}

.miaosha-right li .right-item .right-bar {
	display: flex;
	align-items: center;
	padding-top: 19px;
	height: 12px;
	line-height: 12px;
}

.miaosha-right li .right-item .right-bar .right-bar-husband {
	width: 140px;
	height: 10px;
	border: 1px solid #F2CECD;
	border-radius: 5px;
}

.miaosha-right li .right-item .right-bar .right-bar-son {
	width: 80%;
	background: #FFE5E5;
	border-radius: 5px;
	height: 100%;
}

.miaosha-right li .right-item .right-bar span {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	padding-left: 15px;
}

.miaosha-right li .right-item .right-price {
	display: flex;
	align-items: baseline;
	padding-top: 12px;
	height: 20px;
	line-height: 20px;
}

.miaosha-right li .right-item .right-price label {
	color: #D4282D;
	font-size: 14px;
	font-weight: 400;
}

.miaosha-right li .right-item .right-price font {
	font-weight: bold;
	font-size: 24px;
	color: #D4282D;
}

.miaosha-right li .right-item .right-price del {
	color: #888888;
	font-size: 14px;
	font-weight: 400;
	padding-left: 10px;
}

.miaosha-right li .right-item button {
	outline: 0;
	border: 0;
	width: 118px;
	height: 32px;
	background: #D4282D;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 29px;
	cursor: pointer;
}

.el-dialog {
	margin-top: 0 !important;
	top: 50%;
	transform: translateY(-50%);
}

.modal {
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.modal h2 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
}

.modal p {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	padding-top: 9px;
}
.form-dialog .el-dialog__title{
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-dialog .el-dialog__body{
	padding-top: 0;
}
/*new start*/
.new-bg{
	background: linear-gradient(to bottom,#B3F2EE,#E7FCD8)
}
.new-search-bar{
	width: 880px;
	margin: 13px auto;
	display: flex;
	align-items: center;
}
.new-search-bar .new-logo{
	width: 48px;
	height: 60px;
}
.new-search-bar .new-name{
	width: 118px;
	height: 40px;
	margin-left: 12px;
}
.new-search-bar .el-input{
	margin-left: 15px;
}
.new-search-bar .el-input input{
	border: unset;
	height: 60px;
	border-radius: 30px 0px 0px 30px;
	font-size: 20px;
	color: #9A9A9B;
}
.new-search-bar .el-input .el-input-group__append{
	padding: 0;
	background-color: transparent;
	border: unset;
}
.new-search-bar .el-input .el-input-group__append .btn-text{
	width: 115px;
	height: 60px;
	background: linear-gradient(to right,#E0FF69,#06D4C6);
	border-radius: 0px 30px 30px 0px;
	color: white;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.com-navbar{
	background-color: #333333;
	width: 1200px;
	height: 48px;
	display: flex;
	align-items: center;
	margin: 4px auto auto;
}
.com-navbar .cn-btns{
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.com-navbar .nav-item{
	font-size: 19px;
	font-family: MicrosoftYaHei;
	color: #FFFFFF;
	margin-left: 50px;
	cursor: pointer;
}
.com-navbar .nav-item .el-dropdown-link{
	font-size: 19px;
	font-family: MicrosoftYaHei;
	color: #FFFFFF;
	display: flex;
}
.com-navbar .nav-item .el-dropdown-link-arrow{
	align-self: center;
	border-left: 12px solid transparent; /* 左边透明 */
	border-right: 12px solid transparent; /* 右边透明 */
	border-top: 12px solid #fff; /* 顶部为实心，颜色为黑色 */
}
.com-navbar .nav-item:first-child{
	margin-left: 20px;
}

.com-navbar .el-input{
	width: 285px;
	margin-right: 20px;
}
.com-navbar .el-input .el-input__inner{
	height: 33px;
	border-radius: 17px;
	width: 100%;
}
.com-navbar .el-input .el-input__suffix .el-input__suffix-inner .el-input__icon{
	line-height: unset;
}
.com-navbar .collection{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
	cursor: pointer;
}
.com-navbar .collection .cnc-icon{
	width: 22px;
	height: 22px;
	object-fit: fill;
}
.com-navbar .collection .cnc-icon-gray{
	filter: grayscale(1);
}

.com-navbar .collection .cnc-txt{
	height: 7px;
	font-size: 7px;
	font-family: MicrosoftYaHei;
	color: #FFFFFF;
	line-height: 7px;
	margin-top: 5px;
}

/*new end*/

.limit-dialog .el-dialog__title{
	font-size: 16px;
	font-weight: bold;
}
.limit-dialog .taxation-content {
	height: 300px;
	overflow-y: auto;
}
.limit-dialog .taxation-content .pro-item {
	font-size: 12px;
}
.limit-dialog .taxation-content .pro-item .top-tips{
	background-color: #FFF7D7;
	color: #CA8B51;
	padding: 5px 10px;
}
.limit-dialog .taxation-content .pro-item .pro-info {
	margin-top: 10px;
	display: flex;
}
.limit-dialog .taxation-content .pro-item .pro-info .info-right {
	flex: 1;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.limit-dialog .taxation-content .pro-item .pro-info .info-right .pro-name{
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 设置显示的行数 */
	-webkit-box-orient: vertical; /* 设置为垂直方向 */
	overflow: hidden;
	font-size: 14px;
}
.limit-dialog .taxation-content .pro-item .pro-info .info-right .limit-msg {
	display: flex;
}
.limit-dialog .taxation-content .pro-item .pro-info .info-right .limit-msg .now{
	color: #9d9d9d;
}
.limit-dialog .taxation-content .pro-item .pro-info .info-right .limit-msg .can{
	color: #FF0000;
	margin-left: 10px;
}