@charset "utf-8";

/* CSS Document */


::-webkit-scrollbar:horizontal {
	height: 0em;
}

body {
	font: 12px/22px "\5B8B\4F53", arial;
	text-align: left;
	color: #333;
	overflow-x: hidden;
	font-family: "Microsoft YaHei"
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
form,
table,
tr,
td,
th,
label {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

h2,
h3 {
	font-weight: 500;
	cursor: default;
}

span {
	cursor: default;
}

ul,
ol,
li {
	list-style-type: none;
}

select,
input,
label,
textarea,
img {
	vertical-align: middle;
	font-size: 12px;
	/* color:#555; */
}

input {
	outline: none;
	border: none;
	background: none;
}

a {
	color: #444;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #ba2636;
	text-decoration: none;
}

.fa {
	font-family: arial;
}

.ft {
	font-family: tahoma;
}

.fw {
	font-family: "Microsoft YaHei"
}

.fs {
	font-family: "SimSun"
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.p10 {
	padding: 10px;
	overflow: hidden;
	zoom: 1;
}

.pr10 {
	padding-right: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.ml15 {
	margin-left: 15px;
}

.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb20 {
	margin-bottom: 20px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml30 {
	margin-left: 30px;
}

.mr30 {
	margin-right: 30px;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
	zoom: 1;
}

.w1100 {
	width: 1100px;
	margin: 0 auto;
	zoom: 1;
}

.h80 {
	height: 80px;
}

.h100 {
	height: 100px;
}

.rel {
	position: relative;
}

.abs {
	position: absolute;
}

.cl {
	clear: both;
}

.line-x {
	width: 100%;
	height: 1px;
	background: #f5f5f5
}

input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea {
	border: none;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	line-height: normal;
	color: #424242;
	font-size: 14px;
	font-family: inherit;
	box-sizing: border-box;
	-webkit-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}

input::-webkit-input-placeholder {
	color: #999999;
}

.z {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 8;
	display: none;
}

.tips {
	width: 100%;
	position: fixed;
	top: 38%;
	color: white;
	display: none;
	font-size: 0.8rem;
	z-index: 999;
	justify-content: center;
}

.tips>div {
	display: initial;
	background-color: rgba(142, 142, 142, .9);
	padding: 0.3rem 0.6rem;
	text-align: center;
	border-radius: 0.3rem;
}

[v-cloak] {
	display: none;
}

#select-city-z {
	background-color: rgba(51, 51, 51, 0.5);
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	z-index: 10;
	float: left;
	width: 100%;
	height: 100%;
}

.select-city {
	/* float: left; */
	/* width: 100%; */
	display: none;
	position: fixed;
	z-index: 999;
}

.select-city .citys {
	float: left;
	width: 75rem;
	height: 30rem;
	background: #fff;
	position: fixed;
	top: 20%;
	left: 50%;
	z-index: 100;
	overflow-x: hidden;
	overflow-y: auto;
	color: #333;
	margin-left: -37.5rem;
	padding: 2rem;
}

.select-city .citys div {
	float: left;
	width: 75rem;
}

.select-city div .close {
	float: right;
	color: #fff;
	width: 2rem;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	background: #ccc;
	border-radius: 1rem;
	cursor: pointer;
}

.select-city .citys div p {
	float: left;
	width: 73rem;
	padding: 0 1rem;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.2rem;
	background: #f3f3f3;
	margin: 1rem 0;
}

.select-city .citys div ul {
	float: left;
	width: 73rem;
	margin: 0 1rem;
}

.select-city .citys div ul li {
	float: left;
	margin-right: 1rem;
	cursor: pointer;
}

.select-city .citys div ul li:hover {
	color: #3ade95;
}


/*公共头部*/

#header {
	float: left;
	width: 100%;
	/* height: 8.625rem; */
	background: #fff;
	color: white;
}

#header .top {
	width: 1200px;
	margin: 0 auto;
	height: 2.375rem;
}

.top_left {
	float: left;
	/*line-height:2.375em;*/
	font-size: 0.75rem;
}

.top_dw {
	float: left;
	width: 4.25rem;
	height: 1.438rem;
	background-color: #999999;
	border-radius: 0.719rem;
	margin-top: 0.46875rem;
	font-size: 0.75rem;
}

.top_dw img {
	float: left;
	width: 0.75em;
	height: 0.9375em;
	background-size: 100%;
	margin: 0.4rem 0.5rem;
}

.login {
	float: left;
	line-height: 2.375rem;
	padding: 0 1rem;
	cursor: pointer;
}

.register {
	float: left;
	line-height: 2.375rem;
	padding: 0 1rem;
	cursor: pointer;
}

.top_right {
	float: right;
	width: 43%;
}

.top_right div {
	float: left;
	width: 20%;
	line-height: 2.375rem;
	font-size: 0.75rem;
	/* cursor: pointer; */
}

.top_rightn ul {
	float: left;
}

.top_right ul li {
	float: left;
	width: 20%;
	text-align: center;
	line-height: 2.375rem;
	font-size: 0.75rem;
	position: relative;
}

.top_right ul li label {
	float: left;
	margin-left: 1rem;
	/* color: white; */
}

.top_right ul li img {
	float: left;
	width: 0.625rem;
	height: 0.313rem;
	background-size: 100%;
	margin-top: 1.105rem;
	margin-left: 0.4rem;
}

.mobel_code {
	float: left;
	width: 10.375rem !important;
	height: 10.375rem;
	position: absolute;
	right: 0;
	top: 2.375rem;
	display: none;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 8;
}

.mobel_code img {
	float: left;
	width: 6.438rem !important;
	height: 6.438rem !important;
	background-size: 100%;
	margin: 1.375rem 1.967rem 0 1.967rem !important;
}

.mobel_code label {
	float: left;
	width: 100%;
	color: #000;
	line-height: 1.75rem;
	text-align: center;
	font-size: 0.75rem;
	margin-left: 0 !important;
}

.myenter {
	float: left;
	width: 10.375rem !important;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 2.375rem;
	border: 1px solid #ddd;
	display: none;
	z-index: 8;
}

.myenter ul {
	float: left;
	padding: 1.131rem 10% 0.536rem 10%;
}

.myenter ul li {
	float: left;
	width: 100%;
	height: 2.625rem;
	line-height: 2.625rem;
	border-bottom: 1px solid #f1f1f1;
	color: #585858;
	font-size: 0.813rem;
}

.myenter ul li:hover {
	color: #ff0c17;
}

.myenter ul li img {
	float: left;
	width: 1.2rem;
	height: 1.3rem;
	background-size: 100%;
	margin: 0.7rem 0.813rem;
}

.myNavigation {
	float: left;
	width: 75rem !important;
	height: 16.875rem;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 2.375rem;
	/*border: 1px solid #ddd;*/
	z-index: 8;
	display: none;
}

.myNavigation ul {
	float: left;
	width: 100%;
}

.myNavigation ul li {
	float: left;
	width: 8.313rem;
	height: 15.688rem;
	color: #585858;
	font-size: 0.875rem;
	padding-left: 0.9rem;
}

.myNavigation ul li label {
	float: left;
	width: 100%;
	text-align: left;
	height: 3.438rem;
	font-size: 1.125rem;
	line-height: 3.438rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #333333;
	margin-left: 0;
	margin-top: 0.938rem;
}

.myNavigation ul li span {
	float: left;
	width: 50%;
	text-align: left;
	font-size: 0.8rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #333333;
	margin-top: 0.5rem;
	cursor: pointer;
}

.myNavigation ul li span:hover {
	color: #ec193a;
}


/*公共尾部*/

#footer {
	float: left;
	width: 100%;
	background: #fff;
	/* height: 30rem; */
	margin-top: 4.625rem;
	border-top: 1px solid rgb(243, 243, 243);
	/* padding-top: 70px; */
}

.footer {
	width: 1200px;
	margin: 0 auto;
}

.footer_img {
	float: left;
	width: 100%;
	margin: 0 0 4.313rem 0;
	/* height: 6rem; */
	background-size: 100%;
}

.footermsg {
	float: left;
	width: 100%;
	/* height: 17rem; */
}

.footermsg_left {
	float: left;
	width: 30%;
}

.footermsg_left img {
	float: left;
	width: 11rem;
	height: 3.438rem;
}

.footermsg_left span {
	float: left;
	width: 100%;
	color: #333;
	margin-top: 0.85rem;
}

.footermsg_left p {
	float: left;
	width: 100%;
	font-size: 1.125rem;
	color: #333;
	margin-top: 1.688rem;
}

.footermsg_cont {
	float: left;
	width: 40%;
	margin-top: 0.875rem;
}

.footermsg_cont ul {
	float: left;
	width: 100%;
}

.footermsg_cont ul li {
	float: left;
	width: 30%;
	color: #333;
	font-size: 0.875rem;
	cursor: pointer;
}

.footermsg_cont ul li:last-child {
	width: 40%;
}

.footermsg_cont ul li h4 {
	float: left;
	width: 100%;
	font-size: 1.125rem;
	margin-bottom: 1.25rem;
}

.footermsg_cont ul li span {
	float: left;
	width: 100%;
}

.footermsg_right {
	float: left;
	width: 30%;
}

.footermsg_right div {
	float: left;
	width: 40%;
}

.footermsg_right div:first-child {
	margin-left: 10%;
}

.footermsg_right div label {
	float: left;
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 0.75rem;
}

.footermsg_right div img {
	float: left;
	width: 6.438rem;
	height: 6.438rem;
	background-size: 100%;
	margin-left: 15%;
}

.Record_number {
	float: left;
	width: 100%;
	background: #333;
	height: 4rem;
	line-height: 4rem;
}

.Record_number p {
	width: 1200px;
	margin: 0 auto;
	font-family: MicrosoftYaHei;
	font-size: 0.8rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 4rem;
	letter-spacing: 0rem;
	color: #ffffff;
}

.sanjiaodown {
	float: right !important;
	margin-top: 1.2rem;
	margin-right: 0.5rem;
	width: 0;
	height: 0;
	border-right: 0.5rem solid transparent;
	border-left: 0.5rem solid transparent;
	border-top: 0.6rem solid #666;
}

.tips {
	width: 100%;
	position: fixed;
	top: 38%;
	color: white;
	display: none;
	font-size: 0.8rem;
	z-index: 999;
	justify-content: center;
}

.tips>div {
	display: initial;
	background-color: rgba(142, 142, 142, .9);
	padding: 0.3rem 0.6rem;
	text-align: center;
	border-radius: 0.3rem;
}

.fileName {
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.indexbanner .swiper-slide,
.indexbanner .swiper-wrapper {
	height: 418px;
	overflow: hidden;
}

.header .headercon {
	height: 120px;
}

.header .headercon .logo img {
	height: 70px;
	display: block;
	margin: 25px 0;
}

.header .headercon .logo span {
	font-size: 18px;
	color: #111111;
	line-height: 70px;
	margin: 25px 20px;
}

.header .headercon .search {
	float: left;
	width: 530px;
	height: 44px;
	line-height: 44px;
	border: #eeeeee 1px solid;
	border-radius: 50px;
	margin: 38px 0;
	position: relative;
}

.header .headercon .search .txt {
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
}

.header .headercon .search .btn {
	position: absolute;
	right: 10px;
	width: 44px;
	height: 44px;
	background: url(../images/ico-search.png) center center no-repeat;
	background-size: 22px;
	top: 0;
}

.header .headercon .shoppingcar {
	float: right;
	width: 120px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	color: #333333;
	border: #eeeeee 1px solid;
	background: url(../images/ico-car.png) 15px center no-repeat;
	background-size: 28px;
	border-radius: 50px;
	text-indent: 50px;
	margin: 38px 0 0 70px;
}

.header .headercon .text {
	line-height: 70px;
	margin: 25px 0;
	font-size: 18px;
	color: #111111;
}

.header .headercon .text i {
	font-style: normal;
	font-size: 24px;
	color: #fb0a00;
}

.header .nav {
	position: relative;
}

.header .nav .classify {
	position: absolute;
	top: 0;
}

.header .nav .classify:hover .modalbox-classify {
	display: block;
}

.header .nav .classify .all {
	display: block;
	width: 196px;
	height: 44px;
	line-height: 44px;
	background: -webkit-linear-gradient(left, #ff4a06, #fb0a00);
	border-radius: 10px 10px 0 0;
}

.header .nav .classify .all span {
	background: url(../images/ico-classify.png) 45px center no-repeat;
	background-size: 22px;
	display: block;
	width: 196px;
	height: 44px;
	text-indent: 75px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

.header .nav .navcon {
	margin: 0 0 0 196px;
	width: 980px;
	float: right;
	height: 44px;
	overflow: hidden;
}

.header .nav .navcon li {
	float: left;
	line-height: 44px;
	height: 44px;
	overflow: hidden;
}

.header .nav .navcon li a {
	color: #333333;
	font-size: 18px;
	display: block;
	padding: 0 25px;
}

.index-group {
	position: relative;
	margin: 40px auto;
	height: 800px;
	overflow: hidden;
}

.index-group:after {
	content: "";
	background: -webkit-linear-gradient(right, #ff4a06, #fb0a00);
	opacity: 0.71;
	width: 1200px;
	height: 570px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.index-group-hd {
	width: 307px;
	height: 380px;
	position: absolute;
	z-index: 3;
	background: url(../images/group-pic.png) right bottom no-repeat;
	background-size: 307px;
	padding: 80px 0 0 40px;
	box-sizing: border-box;
	border-radius: 20px 0 0 0;
}

.index-group-hd h3 {
	font-size: 36px;
	color: #fff;
	line-height: 50px;
}

.index-group-hd p {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}

.index-group-hd span.line {
	width: 31px;
	height: 4px;
	background: #fff;
	border-radius: 10px;
	display: block;
	margin: 15px 0 0 0;
}

.index-group .list {
	background: #fff;
	width: 1180px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	margin: 15px 10px;
	height: 780px;
	border-radius: 20px;
	position: relative;
	z-index: 2;
}

.index-group .list ul li {
	float: left;
	width: 270px;
	text-align: center;
	margin: 25px 5px 0 15px;
}

.index-group .list ul li img {
	width: 270px;
	height: 270px;
	display: block;
	object-fit: cover;
}

.index-group .list ul li:nth-child(1) {
	margin: 25px 5px 0 312px;
}

.index-group .list ul li .text {
	padding: 20px 0 0 0;
}

.index-group .list ul li .text h4 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.index-group .list ul li .text .price {
	text-align: center;
}

.index-group .list ul li .text .price .spell {
	color: #fb0a00;
	font-size: 14px;
}

.index-group .list ul li .text .price .cost {
	color: #999999;
	font-size: 12px;
	text-decoration: line-through;
}

.index-hot-brand-hd h3 {
	font-size: 30px;
	line-height: 40px;
	color: #000000;
	float: left;
}

.index-hot-brand-hd p {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	margin: 10px 0 0 10px;
	float: left;
}

.index-hot-brand-hd a {
	float: right;
	font-size: 16px;
	color: #333333;
	display: block;
	line-height: 40px;
}

.index-hot-brand-list ul {
	margin-left: -29px;
}

.index-hot-brand-list ul li {
	width: 80px;
	height: 80px;
	border: #f0f0f0 1px solid;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin: 20px 0 0 29px;
}

.index-hot-brand-list ul li img {
	width: 80px;
	height: 80px;
	display: block;
	object-fit: cover;
}

.index-classify-list {
	margin: 60px auto
}

.index-classify-hd .ico {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	margin: 0 20px 0 0;
}

.index-classify-hd h3 {
	font-size: 30px;
	color: #000000;
	float: left;
	line-height: 50px;
}

.index-classify-hd ul li {
	float: left;
	font-size: 16px;
	line-height: 50px;
	padding-right: 10px;
}

.index-classify-hd ul li a {
	padding-right: 10px;
}

.index-classify-hd a.more {
	float: right;
	font-size: 16px;
	color: #333333;
	display: block;
	line-height: 50px;
}

.index-classify-list .list ul {
	margin-left: -25px;
}

.index-classify-list .list ul li {
	float: left;
	width: 280px;
	text-align: center;
	margin: 25px 0 0 25px;
}

.index-classify-list .list ul li img {
	width: 280px;
	height: 280px;
	display: block;
	object-fit: cover;
}

.index-classify-list .list ul li .text {
	padding: 10px 0 0 0;
}

.index-classify-list .list ul li .text h4 {
	font-size: 14px;
	color: #333333;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.index-classify-list .list ul li .text .price {
	text-align: center;
}

.index-classify-list .list ul li .text .price .spell {
	color: #fb0a00;
	font-size: 14px;
}

.index-classify-list .list ul li .text .price .cost {
	color: #999999;
	font-size: 12px;
	text-decoration: line-through;
}

.footer {
	/* border-top:#f3f3f3 1px solid; */
	padding: 40px 0;
	overflow: hidden;
}

.footer .blogo {
	margin-right: 20px;
}

.footer .blogo img {
	height: 70px;
	display: block;
}

.footer .blogo .slogn {
	font-size: 16px;
	color: #000000;
	line-height: 22px;
}

.footer .blogo .tell {
	font-size: 20px;
	color: #000000;
	line-height: 40px;
}

.footer dl {
	margin: 20px 0 0 100px;
}

.footer dl dt {
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	margin-bottom: 10px;
}

.footer dl dd a {
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}

.footer .qrcode .img {
	float: left;
	margin: 10px 0 0 40px;
}

.footer .qrcode .img span {
	display: block;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
}

.fixnav {
	position: fixed;
	left: 50%;
	top: 220px;
	z-index: 8;
	margin-left: 620px;
	width: 68px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
}

.fixnav ul li {
	width: 40px;
	height: 70px;
	margin: 0 auto;
	border-bottom: #f5f5f5 1px solid;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	line-height: 14px;
	font-size: 14px;
	color: #666666;
	text-align: center;
}

.fixnav ul li span {
	cursor: pointer;
}

.website {
	height: 50px;
	line-height: 50px;
}

.website span {
	display: inline-block;
	background: url(../images/ico-classify2.png) 0 center no-repeat;
	background-size: 22px;
	padding-left: 32px;
	padding-right: 10px;
	font-size: 14px;
	position: relative;
}

.website span:after {
	content: "";
	position: absolute;
	right: 0;
	border-right: transparent 4px solid;
	border-left: transparent 4px solid;
	border-top: #333 4px solid;
	top: 50%;
	margin-top: -2px;
}

.website a {
	font-size: 14px;
}

.productclass ul {
	border-radius: 10px;
	border: #f5f5f5 1px solid;
	overflow: hidden;
}

.productclass ul li {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	line-height: 40px;
	height: 40px;
	border-bottom: #f5f5f5 1px solid;
}

.productclass ul li:last-child {
	border-bottom: none;
}

.productclass ul li label {
	display: block;
	width: 90px;
	background: #f5f5f5;
	text-align: center;
	color: #999999;
}

.productclass ul li .con {
	padding: 8px 0;
}

.productclass ul li .con a {
	font-size: 12px;
	margin: 0 10px;
	display: inline-block;
	border: #fff 1px solid;
	line-height: 22px;
	height: 22px;
	float: left;
	padding: 0 8px;
	color: #666666;
}

.productclass ul li .con a.cur {
	border: #ec193a 1px solid;
	color: #ec193a;
}

.productclass ul li .con a.price {
	background: url(../images/rank-price.png) right center no-repeat;
	background-size: 12px;
	padding-right: 12px;
}

.productclass ul li .con a.price0 {
	background: url(../images/rank-price2.png) right center no-repeat;
	background-size: 12px;
	padding-right: 12px;
}

.productclass ul li .con a.price1 {
	background: url(../images/rank-price1.png) right center no-repeat;
	background-size: 12px;
	padding-right: 12px;
}

.productclass ul li .con a.issued {
	background: url(../images/rank-issued.png) right center no-repeat;
	background-size: 12px;
	padding-right: 12px;
}

.shoppingcar-bar {
	margin: 10px 0;
}

.shoppingcar-bar .checkbox label {
	font-size: 14px;
	line-height: 40px;
	color: #333;
}

.shoppingcar .checkbox input {
	border: #cccccc 1px solid;
	width: 16px;
	height: 16px;
	float: left;
	margin: 12px 5px 0 0;
	border-radius: 50px;
	position: relative;
	cursor: pointer;
}

.shoppingcar .checkbox input:checked {
	border: #ffa81e 1px solid;
}

.shoppingcar .checkbox input:checked:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -4px;
	background: #ffa81e;
	border-radius: 50px;
}

.shoppingcar-bar .total {
	font-size: 14px;
	color: #000000;
}

.shoppingcar-bar .total span {
	float: left;
	line-height: 40px;
}

.shoppingcar-bar .total .price {
	color: #ff0a00;
}

.shoppingcar-bar .total .btn {
	display: block;
	background: -webkit-linear-gradient(right, #ff4a06, #fb0a00);
	width: 86px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50px;
	float: right;
	color: #fff;
	margin: 0 0 0 20px;
}

.shoppingcar-bar .hd {
	margin: 20px 0 0 0;
}

.shoppingcar-bar .hd span {
	display: block;
	float: left;
	font-size: 14px;
}

.shoppingcar-bar .hd .name {
	width: 640px;
	text-indent: 220px;
}

.shoppingcar-bar .hd .price,
.shoppingcar-bar .hd .sum,
.shoppingcar-bar .hd .num,
.shoppingcar-bar .hd .operate {
	width: 138px;
}

.shoppingcar-list .store .checkbox label {
	font-size: 14px;
	line-height: 40px;
	color: #333;
}

.shoppingcar-list .store .discount {
	position: relative;
}

.shoppingcar-list .store .discount .ticket {
	background: url(../images/ico-discount.png) 15px center no-repeat #f5f5f5;
	background-size: 12px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	border-radius: 50px;
	float: left;
	padding: 0 15px 0 32px;
	margin: 6px 0 0 10px;
	color: #fb0c00;
}

.shoppingcar-list .store .discount:hover .modalbox-discount {
	display: block;
}

.modalbox-discount {
	position: absolute;
	width: 442px;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	background: #fff;
	top: 50px;
	z-index: 9;
	display: none;
}

.modalbox-discount:after {
	content: "";
	position: absolute;
	top: -18px;
	left: 120px;
	background: url(../images/modalbox-discount-arrow.png) 0 0 no-repeat;
	background-size: 80px;
	width: 80px;
	height: 18px;
}

.modalbox-discount ol {
	padding-bottom: 20px;
}

.modalbox-discount ol li {
	padding: 20px 20px 0 20px;
	box-sizing: border-box;
	line-height: 34px;
	overflow: hidden;
}

.modalbox-discount ol li .price {
	font-size: 14px;
	color: #fb0c00;
	border-radius: 50px;
	height: 34px;
	line-height: 34px;
	background: #fef4f4;
	min-width: 39px;
	float: left;
	padding: 0 10px;
}

.modalbox-discount ol li .text {
	float: left;
	margin: 0 0 0 10px;
	line-height: 17px;
	font-size: 12px;
}

.modalbox-discount ol li .text h3 {
	color: #333;
}

.modalbox-discount ol li .text p {
	color: #999;
}

.modalbox-discount ol li a {
	width: 78px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50px;
	border: #fb0a00 1px solid;
	color: #fb0a00;
	font-size: 12px;
	display: block;
	float: right;
	margin: 2px 0;
}

.modalbox-discount ol li a.already {
	border: #999999 1px solid;
	color: #999999;
}

.shoppingcar-list ul {
	border: #f0f0f0 1px solid;
	border-radius: 10px;
}

.shoppingcar-list ul li {
	height: 110px;
	border-bottom: #f0f0f0 1px solid;
	overflow: hidden;
	padding: 15px 0;
	box-sizing: border-box;
}

.shoppingcar-list ul li .checkbox {
	margin: 0 10px 0 20px;
	float: left;
}

.shoppingcar-list ul li .checkbox input {
	margin: 0;
}

.shoppingcar-l.shoppingcar-list ul li .intro {
	width: 350px;
	float: left;
}

.shoppingcar-list ul li .intro img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	object-fit: cover;
	display: block;
	float: left;
}

.shoppingcar-list ul li .intro p {
	line-height: 24px;
	height: 48px;
	color: #666666;
	width: 255px;
	margin: 0 0 0 20px;
	float: left;
}

.shoppingcar-list ul li .size {
	width: 244px;
	float: left;
	color: #999;
}

.shoppingcar-list ul li .price,
.shoppingcar-list ul li .sum,
.shoppingcar-list ul li .operate {
	width: 138px;
	float: left;
	line-height: 30px;
}

.shoppingcar-list ul li .price {
	font-weight: bold;
}

.shoppingcar-list ul li .sum {
	color: #ff0a00;
	font-weight: bold;
}

.shoppingcar-list ul li .state {
	color: #ff0a00;
}

.shoppingcar-list ul li .numbox {
	float: left;
	width: 138px;
}

ist ul li:last-child {
	border-bottom: none;
}

.shoppingcar-list ul li .countbox {
	display: flex;
	display: -webkit-flex;
}

.shoppingcar-list ul li .countbox i {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	line-height: 30px;
	color: #999;
	cursor: pointer;
}

.shoppingcar-list ul li .countbox input {
	width: 40px;
	background: #fff;
	height: 24px;
	margin: 3px 0;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	float: left;
	border-radius: 50px;
	border: #cccccc 1px solid;
}

.header .headercon .shopping-flow ul {
	display: -webkit-box;
	width: 600px;
	position: relative;
	height: 120px;
}

.header .headercon .shopping-flow ul:after {
	content: "";
	width: 600px;
	height: 6px;
	background: #cccccc;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 0;
	z-index: 0;
}

.header .headercon .shopping-flow ul li {
	-webkit-box-flex: 1;
	padding: 48px 0;
	position: relative;
	z-index: 1;
}

.header .headercon .shopping-flow ul li i {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #ccc;
	font-style: normal;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}

.header .headercon .shopping-flow ul li span {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #999999;
}

.header .headercon .shopping-flow ul li.cur:after {
	content: "";
	width: 200px;
	height: 6px;
	background: #fb0a00;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 0;
	z-index: 0;
}

.header .headercon .shopping-flow ul li.cur span {
	color: #fb0a00;
}

.header .headercon .shopping-flow ul li.cur i {
	background: #fb0a00;
	z-index: 2;
	position: relative;
}

.shoppingcar .hd h2 {
	line-height: 40px;
	font-size: 18px;
	color: #333;
	margin: 20px 0;
}

.shoppingcar .payeeinfo {
	position: relative;
	margin: 20px 0;
}

.shoppingcar .payeeinfo h3 {
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
}

.shoppingcar .payeeinfo .add {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #fb0a00;
	line-height: 22px;
}

.shoppingcar .payeeinfo ul li {
	border: #eeeeee 1px solid;
	border-radius: 50px;
	width: 1110px;
	height: 36px;
	margin: 20px auto;
	line-height: 36px;
}

.shoppingcar .payeeinfo ul li .default {
	display: block;
	float: left;
	width: 50px;
	height: 26px;
	line-height: 26px;
	background: #fff3f3;
	border-radius: 50px;
	text-align: center;
	margin: 5px 20px;
	color: #fb0a00;
}

.shoppingcar .payeeinfo ul li span {
	float: left;
	font-size: 14px;
	margin-right: 10px;
}

.shoppingcar .payment h3 {
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
}

.shoppingcar .payment ul li {
	float: left;
	border-radius: 50px;
	font-size: 14px;
	color: #333333;
	border: #eeeeee 1px solid;
	margin: 20px 20px 20px 0;
	line-height: 36px;
	padding: 0 30px;
	cursor: pointer;
}

.shoppingcar .payment ul li.cur {
	color: #fb0a00;
	border: #fb0a00 1px solid;
}

.shoppingcar .shoppingcar-bar h3 {
	font-size: 14px;
	font-weight: 600;
	margin: 30px 0 0 0;
}

.settlement {
	text-align: right;
	margin: 30px auto;
	font-size: 14px;
	color: #333333;
	line-height: 32px;
}

.settlement .red {
	color: #fb0a00;
	font-weight: 600;
}

.settlement .line {
	background: #f0f0f0;
	width: 100%;
	height: 1px;
	margin: 20px 0;
	overflow: hidden;
}

.settlement ul li {
	overflow: hidden;
}

.settlement ul li label {
	display: block;
	width: 130px;
	float: left;
	font-size: 14px;
}

.settlement ul li span {
	float: left;
	text-align: right;
	display: block;
	width: 130px;
	font-size: 14px;
}

.settlement .total {
	text-align: right;
	float: right;
}

.settlement .total label {
	font-size: 14px;
	color: #333333;
	line-height: 40px;
	width: 130px;
	display: block;
	float: left;
}

.settlement .total span {
	width: 130px;
	display: block;
	float: left;
	line-height: 40px;
	font-size: 24px;
}

.settlement .addr {
	color: #999999;
	font-size: 14px;
	line-height: 32px;
}

.settlement .btn a {
	display: block;
	width: 98px;
	height: 40px;
	line-height: 40px;
	background: -webkit-linear-gradient(left, #ff4a06, #fb0a00);
	border-radius: 50px;
	float: right;
	text-align: center;
	color: #fff;
	margin: 20px 0 0 20px;
}

.settlement .btn a.btn2 {
	background: #fff;
	border: #cccccc 1px solid;
	color: #333333;
	float: left;
}

.settlement-submit .tips {
	line-height: 40px;
	margin: 20px 0;
	font-size: 12px;
}

.settlement-submit .paybox {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 1000px;
	height: 480px;
	margin: 30px auto;
	padding: 30px;
	box-sizing: border-box;
}

.settlement-submit .paybox .bar h3 {
	float: left;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.settlement-submit .paybox .bar span {
	float: left;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	margin: 0 0 0 30px;
}

.settlement-submit .paybox .bar i {
	font-size: 12px;
	color: #fb0a00;
	line-height: 30px;
	font-style: normal;
}

.settlement-submit .paybox .qrcode {
	margin: 30px 0 30px 130px;
}

.settlement-submit .paybox .qrcode .box {
	border: #eeeeee 1px solid;
	border-radius: 10px;
	width: 280px;
	height: 280px;
	padding: 20px;
	box-sizing: border-box;
}

.settlement-submit .paybox .qrcode .box img {
	width: 240px;
	height: 240px;
	display: block;
}

.settlement-submit .paybox .qrcode span {
	text-align: center;
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 30px;
}

.settlement-submit .paybox .other a {
	color: #fb0a00;
	font-size: 14px;
	line-height: 40px;
}

.settlement-submit .paybox .payimg {
	margin: 0 90px 0 0;
}

.modalbox-delete:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 8;
	/* display: none; */
}

.modalbox-delete .box {
	position: fixed;
	margin-left: -185px;
	margin-top: -82.5px;
	background: #fff;
	z-index: 9;
	width: 390px;
	height: 165px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	display: none;
}

.modalbox-delete .box .con {
	padding: 30px;
	box-sizing: border-box;
	min-height: 100px;
	line-height: 0.64rem;
	font-size: 14px;
	color: #333;
}

.modalbox-delete .box .btns {
	margin: 0 30px;
}

.modalbox-delete .box .btns a {
	display: block;
	float: left;
	border-radius: 50px;
	color: #333333;
	font-size: 12px;
	border: #f0f0f0 1px solid;
	width: 76px;
	line-height: 34px;
	height: 34px;
	text-align: center;
	margin-right: 10px;
}

.modalbox-delete .box .btns .confirm {
	background: #fb1201;
	color: #fff;
}

.modalbox-delete .box .close {
	position: absolute;
	right: 20px;
	top: 20px;
	background: url(../images/ico-close.png) center center no-repeat;
	background-size: 14px;
	width: 26px;
	height: 26px;
}

.left-gallery {
	width: 460px;
}

.left-gallery .gallery-top .swiper-slide,
.left-gallery .gallery-top {
	width: 460px;
	height: 460px;
	overflow: hidden;
}

.left-gallery .gallery-top img {
	width: 460px;
	height: 460px;
	border-radius: 5px;
	object-fit: cover;
}

.left-gallery .gallery-thumbs {
	position: relative;
}

.left-gallery .gallery-thumbs .swiper-wrapper {
	width: 460px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

.left-gallery .gallery-thumbs img,
.left-gallery .gallery-thumbs .swiper-slide {
	width: 82px;
	height: 82px;
	border-radius: 5px;
	cursor: pointer;
}

.left-gallery .gallery-thumbs .swiper-slide {
	float: left;
	margin: 0 0 0 12.5px;
}

.left-gallery .gallery-thumbs .swiper-slide:first-child {
	margin-left: 0;
}

.productdetail .detailinfo {
	width: 670px;
	margin: 0 0 0 50px;
	position: relative;
}

.productdetail .detailinfo h3 {
	width: 600px;
	font-size: 24px;
	font-weight: 600;
	color: #333333;
	line-height: 50px;
	min-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/* margin-bottom: 30px; */
}

.productdetail .detailinfo .favorable {
	position: absolute;
	right: 0;
	top: 0;
}

.productdetail .detailinfo .favorable span {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #333333;
	line-height: 22px;
}

.productdetail .detailinfo .favorable span.red {
	font-size: 20px;
	color: #fb0a00;
	font-weight: 600;
}

.productdetail .detailinfo label {
	display: block;
	float: left;
	min-width: 70px;
	font-size: 14px;
	color: #333333;
	line-height: 50px;
	padding-right: 10px;
}

.productdetail .detailinfo span.con {
	line-height: 50px;
	display: block;
}

.productdetail .detailinfo .price span {
	font-size: 24px;
	color: #fb0a00;
	font-weight: 600;
}

.productdetail .detailinfo .price i {
	font-style: normal;
	font-size: 14px;
}

.productdetail .detailinfo .btn {
	margin: 20px 0 0 0;
}

.productdetail .detailinfo .btn a {
	display: block;
	float: left;
	margin-right: 10px;
	width: 166px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}

.productdetail .detailinfo .btn a.car {
	background: #ffa400;
	background: -webkit-linear-gradient(left, #ffa400, #ffbf0c);
	color: #fff;
}

.productdetail .detailinfo .btn a.buy {
	background: #fb0a00;
	background: -webkit-linear-gradient(left, #ff4a06, #fb0a00);
	color: #fff;
}

.productdetail .detailinfo .btn a.collect {
	background: url(../images/ico-collect.png) center 7px no-repeat;
	background-size: 18px;
	width: 50px;
	height: 50px;
	color: #999;
	border: #cccccc 1px solid;
	box-sizing: border-box;
	font-size: 12px;
	padding-top: 8px;
}

.productdetail .detailinfo .btn a.cur {
	background: url(../images/collect.png) center 7px no-repeat;
	background-size: 18px;
	width: 50px;
	height: 50px;
	color: #999;
	border: #cccccc 1px solid;
	box-sizing: border-box;
	font-size: 12px;
	padding-top: 8px;
}

.productdetail .detailinfo .btn .buyqrcode {
	position: absolute;
	top: 60px;
	left: 0;
	background: #fff;
	width: 166px;
	height: 200px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	display: none;
}

.productdetail .detailinfo .btn .buyqrcode:after {
	content: "";
	position: absolute;
	top: -17px;
	left: 50%;
	margin-left: -40px;
	background: url(../images/modalbox-discount-arrow.png) 0 0 no-repeat;
	background-size: 80px;
	width: 80px;
	height: 18px;
}

.productdetail .detailinfo .btn .buyqrcode img {
	width: 120px;
	height: 120px;
	display: block;
	margin: 25px 23px 10px 23px;
}

.productdetail .detailinfo .btn .buyqrcode span {
	display: block;
	text-align: center;
}

.productdetail .countbox {
	display: flex;
	display: -webkit-flex;
	margin: 11px 0;
}

.productdetail .countbox i {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	line-height: 30px;
	color: #999;
	cursor: pointer;
}

.productdetail .countbox input {
	width: 40px;
	background: #fff;
	height: 24px;
	margin: 3px 0;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	float: left;
	border-radius: 50px;
	border: #cccccc 1px solid;
}

.productdetail .ticket .con a {
	background: url(../images/ico-ticket.png) 0 0 no-repeat;
	background-size: 114px;
	display: block;
	width: 114px;
	height: 28px;
	line-height: 28px;
	margin: 11px 10px 0 0;
	float: left;
	font-size: 12px;
	text-align: center;
	color: #fb4039;
}

.productdetail .ticket .con a .text {
	float: left;
	width: 75px;
	overflow: hidden;
}

.productdetail .ticket .con a span {
	width: 36px;
	float: left;
}

.productdetail .detailinfo .line {
	height: 1px;
	width: 100%;
	border-top: #e0e0e0 1px dashed;
	margin: 10px 0;
}

.productdetail .detailinfo .service .con {
	margin: 10px 0;
	overflow: hidden;
	float: left;
}

.productdetail .detailinfo .service .con span {
	background: url(../images/ico-tick.png) 0 center no-repeat;
	background-size: 14px;
	color: #999999;
	font-size: 14px;
	padding-left: 16px;
	line-height: 30px;
	margin-right: 10px;
	display: block;
	float: left;
}

.productdetail .detailinfo .select .con {
	margin: 11px 0;
	overflow: hidden;
	float: left;
}

.productdetail .detailinfo .select span {
	display: inline-block;
	float: left;
	height: 28px;
	line-height: 28px;
	border: transparent 1px solid;
	padding: 0 10px;
	margin-right: 10px;
}

.productdetail .detailinfo .select span.cur {
	border: #fececc 1px solid;
	border-radius: 3px;
	color: #fb0a00;
}

.productdetail .detailbot {
	margin: 50px 0;
}

.productdetail .detailbot .leftbox {
	width: 862px;
	float: left;
}

.productdetail .detailbot .tab {
	background: #f5f5f5;
	height: 48px;
	border-radius: 10px 10px 0 0;
}

.productdetail .detailbot .tab li {
	float: left;
	line-height: 48px;
	color: #666666;
	font-size: 14px;
	width: 140px;
	text-align: center;
	border-right: #e7e7e7 1px solid;
	cursor: pointer;
}

.productdetail .detailbot .tab li.cur {
	color: #fb0a00;
	border-top: #fb0a00 1px solid;
	background: #fff;
}

.productdetail .detailbot .item {
	display: none;
}

.productdetail .detailbot .detailimg img {
	width: 100%;
	display: block;
}

.productdetail .evaluate li .star {
	display: flex;
	margin: 5px 0;
}

.productdetail .evaluate li .star span {
	display: block;
	background: url(../images/ico-star.png) 0 0 no-repeat;
	background-size: 16px;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
}

.productdetail .evaluate li .star span.cur {
	background: url(../images/ico-star-cur.png) 0 0 no-repeat;
	background-size: 16px;
}

.productdetail .evaluate li {
	padding: 30px 0;
	border-bottom: #f0f0f0 1px solid;
	overflow: hidden;
}

.productdetail .evaluate li .avatar {
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50%;
	float: left;
}

.productdetail .evaluate li .text {
	float: right;
	width: 800px;
}

.productdetail .evaluate li .hd {
	overflow: hidden;
}

.productdetail .evaluate li .name {
	float: left;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}

.productdetail .evaluate li .time {
	float: right;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
}

.productdetail .evaluate li .con {
	line-height: 22px;
	font-size: 14px;
	color: #333333;
}

.productdetail .rightbox {
	float: right;
	width: 280px;
}

.productdetail .hd {
	background: #f5f5f5;
	height: 48px;
	border-radius: 10px 10px 0 0;
}

.productdetail .hd h3 {
	line-height: 48px;
	padding: 0 20px;
	font-size: 16px;
	color: #666666;
}

.productdetail .rightbox ul li {
	float: left;
	width: 280px;
	text-align: center;
	margin: 25px 0 0 0;
}

.productdetail .rightbox ul li img {
	width: 280px;
	height: 280px;
	display: block;
	object-fit: cover;
}

.productdetail .rightbox ul li .text {
	padding: 10px 0 0 0;
}

.productdetail .rightbox ul li .text h4 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.productdetail .rightbox ul li .text .price {
	text-align: center;
}

.productdetail .rightbox ul li .text .price .spell {
	color: #fb0a00;
	font-size: 14px;
}

.productdetail .detailinfo .group {
	width: 684px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px 10px 0 0;
	background: -webkit-linear-gradient(left, #ff4a06, #fb0a00);
}

.productdetail .detailinfo .group .limit {
	background: url(../images/ico-group.png) 0 center no-repeat;
	background-size: 32px;
	font-size: 14px;
	color: #fff;
	padding-left: 34px;
	line-height: 40px;
	display: block;
	float: left;
	margin: 0 20px;
}

.productdetail .detailinfo .group .more {
	float: right;
	line-height: 40px;
	margin: 0 20px;
	color: #fff;
	font-size: 14px;
}

.productdetail .evaluatebox {
	margin: 30px 0;
}

.productdetail .evaluatebox label {
	width: 60px;
	float: left;
	font-size: 16px;
	line-height: 35px;
	color: #333333;
}

.productdetail .evaluatebox .grade .star {
	display: flex;
}

.productdetail .evaluatebox .grade .star span {
	display: block;
	background: url(../images/ico-star-big.png) 0 0 no-repeat;
	background-size: 35px;
	width: 35px;
	height: 35px;
	margin: 0 5px 0 0;
}

.productdetail .evaluatebox .grade .star span.cur {
	background: url(../images/ico-star-big-cur.png) 0 0 no-repeat;
	background-size: 35px;
}

.productdetail .evaluatebox .textarea {
	margin: 20px 0 0 0;
	overflow: hidden;
}

.productdetail .evaluatebox textarea {
	width: 1140px;
	height: 200px;
	border-radius: 5px;
	border: #eeeeee 1px solid;
	padding: 10px;
	box-sizing: border-box;
}

.productdetail .evaluatebox .upload {
	margin: 20px 0 0 0;
}

.productdetail .evaluatebox .uploadbtn {
	border-radius: 5px;
	width: 120px;
	height: 120px;
	border: #eee 1px solid;
	background: url(../images/ico-plus.png) center center no-repeat;
	background-size: 50px;
	float: left;
}

.productdetail .evaluatebox .upload img {
	width: 50px;
	height: 50px;
	display: block;
	object-fit: cover;
}

.productdetail .evaluatebox .sumbit {
	margin: 20px 0 0 60px;
}

.productdetail .evaluatebox .sumbit a {
	display: block;
	background: #fe3c05;
	width: 98px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}

.mycenter .myevaluate {
	float: left;
	margin: 0 0 0 60px;
}

.mycenter .myevaluate .hd {
	line-height: 50px;
	margin: 20px 0 10px 0;
	overflow: hidden;
}

.mycenter .myevaluate .hd span {
	display: block;
	float: left;
	text-align: center;
	font-size: 14px;
}

.mycenter .myevaluate .hd span.con {
	width: 320px;
}

.mycenter .myevaluate .hd span.info {
	width: 260px;
	margin: 0 0 0 130px;
}

.mycenter .myevaluate .hd span.operate {
	width: 90px;
	margin: 0 0 0 130px;
}

.mycenter .myevaluate ul li {
	margin-bottom: 30px;
	overflow: hidden;
}

.mycenter .myevaluate ul li .con {
	width: 320px;
	float: left;
}

.mycenter .myevaluate ul li .info {
	width: 260px;
	float: left;
	margin: 0 0 0 130px;
}

.mycenter .myevaluate ul li .operate {
	width: 90px;
	float: left;
	text-align: center;
	margin: 0 0 0 130px;
}

.mycenter .myevaluate ul li .con p {
	font-size: 12px;
	line-height: 18px;
}

.mycenter .myevaluate ul li .con span {
	font-size: 12px;
	color: #999999;
	display: block;
}

.mycenter .myevaluate ul li .info img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	object-fit: cover;
	float: left;
}

.mycenter .myevaluate ul li .info span {
	float: left;
	width: 160px;
	line-height: 22px;
	margin: 0 0 0 20px;
}

.mycenter .myevaluate ul li .operate a {
	display: block;
	line-height: 22px;
}

.innerbox-hd {
	width: 1200px;
	margin: 30px auto 0 auto;
}

.innerbox-hd h3 {
	font-size: 30px;
	color: #fd5a4a;
	line-height: 50px;
	text-align: center;
	font-style: italic;
	position: relative;
	padding-bottom: 10px;
}

.innerbox-hd h3:after {
	position: absolute;
	content: "";
	width: 45px;
	height: 4px;
	border-radius: 50px;
	background: #bc3f1f;
	left: 50%;
	margin-left: -22.5px;
	bottom: 0;
}

.innerbox-classify-list {
	margin: 30px auto;
}

.mycenter-menu {
	float: left;
	margin: 25px 0;
	line-height: 70px;
	font-size: 18px;
	color: #111111;
}

.mycenter-menu a {
	color: #111;
	float: left;
	margin: 0 0 0 30px;
}

.mycenter .leftside {
	width: 170px;
	float: left;
	border-left: #f0f0f0 1px solid;
	border-right: #f0f0f0 1px solid;
	padding-bottom: 100px;
}

.mycenter .leftside dl {
	padding: 30px 15px;
	border-bottom: #f0f0f0 1px solid;
}

.mycenter .leftside dl:last-child {
	border-bottom: none;
}

.mycenter .leftside dl dt {
	font-size: 16px;
	color: #111111;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 5px;
}

.mycenter .leftside dl dd a {
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
}

.mycenter .leftside dl dd a.cur span {
	color: #fb0a00;
}

.mycenter .leftside dl dd a img {
	display: block;
	float: left;
	width: 22px;
}

.mycenter .leftside dl dd a span {
	display: block;
	float: left;
	color: #333333;
	font-size: 14px;
	margin: 0 0 0 5px;
	line-height: 22px;
}

.mycenter .rightside {
	width: 1028px;
	float: left;
	overflow: hidden;
}

.mycenter .rightside .attention-shop ul {
	margin: 0 0 0 28px;
}

.mycenter .rightside .attention-shop ul li {
	float: left;
	width: 300px;
	margin: 30px 0 0 30px;
}

.mycenter .rightside .attention-shop ul li .pic {
	border: #f0f0f0 1px solid;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left;
}

.mycenter .rightside .attention-shop ul li .text {
	float: left;
	margin: 10px 0 0 15px;
	width: 200px;
}

.mycenter .rightside .attention-shop ul li .text h3 {
	font-size: 18px;
	color: #111111;
	font-weight: 600;
	line-height: 30px;
}

.mycenter .rightside .attention-shop ul li .text span {
	font-size: 12px;
	color: #999999;
	line-height: 22px;
}

.mycenter .rightside .myorder {
	float: left;
	margin: 20px 0 0 30px;
}

.mycenter .rightside .tab li {
	color: #000000;
	font-size: 16px;
	display: inline-block;
	margin-right: 30px;
	position: relative;
	line-height: 50px;
}

.mycenter .rightside .tab li.cur {
	font-size: 18px;
	color: #fb0a00;
}

.mycenter .rightside .tab li.cur:after {
	content: "";
	background: #fb0a00;
	width: 28px;
	height: 2px;
	border-radius: 50px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
}

.mycenter .mydiscount {
	float: left;
	margin: 20px 0 0 30px;
}

.mycenter .mydiscount .list ul {
	margin: 20px 0 0 -20px;
}

.mycenter .mydiscount .list ul li {
	float: left;
	width: 220px;
	margin: 0 0 20px 20px;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.mycenter .mydiscount .list ul li .top {
	background: #fd716b;
	height: 160px;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.mycenter .mydiscount .list ul li.past .top,
.mycenter .mydiscount .list ul li.used .top {
	background: #cccccc;
}

.mycenter .mydiscount .list ul li .top .price {
	font-size: 30px;
	font-weight: bold;
	margin: 50px 0 0 0;
}

.mycenter .mydiscount .list ul li .top .price i {
	font-style: normal;
	font-size: 16px;
}

.mycenter .mydiscount .list ul li .top .use {
	font-size: 12px;
	display: block;
	line-height: 22px;
}

.mycenter .mydiscount .list ul li .top .time {
	position: absolute;
	bottom: 5px;
	line-height: 24px;
	font-size: 12px;
	width: 100%;
}

.mycenter .mydiscount .list ul li .bottom {
	height: 160px;
	overflow: hidden;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}

.mycenter .mydiscount .list ul li .bottom p {
	overflow: hidden;
	color: #999;
}

.mycenter .mydiscount .list ul li .bottom p label {
	color: #333;
}

.mycenter .mydiscount .list ul li .bottom p label,
.mycenter .mydiscount .list ul li .bottom p span {
	line-height: 24px;
	display: block;
	float: left;
}

.mycenter .mydiscount .list ul li .bottom .btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -43px;
	width: 86px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: #fb0a00 1px solid;
	color: #fb0a00;
	font-size: 14px;
	border-radius: 50px;
}

.mycenter .mydiscount .list ul li.past .bottom .btn,
.mycenter .mydiscount .list ul li.used .bottom .btn {
	border: #999999 1px solid;
	color: #999;
}

.mycenter .mydiscount .list ul li.past .bottom p label {
	color: #999;
}

.attention-product ul {
	margin: 15px 0 0 30px;
}

.attention-product ul li {
	float: left;
	width: 180px;
	text-align: center;
	margin: 15px 0 0 10px;
}

.attention-product ul li img {
	width: 180px;
	height: 180px;
	display: block;
	object-fit: cover;
}

.attention-product ul li .text {
	padding: 10px 0 0 0;
}

.attention-product ul li .text h4 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.attention-product ul li .text .price {
	text-align: center;
}

.attention-product ul li .text .price .spell {
	color: #fb0a00;
	font-size: 14px;
}

.attention-product ul li .text .price .cost {
	color: #999999;
	font-size: 12px;
	text-decoration: line-through;
}

.orderstate {
	border: #f0f0f0 1px solid;
	border-radius: 50px;
	height: 70px;
	line-height: 70px;
	padding: 0 30px;
	box-sizing: border-box;
	margin: 20px 0 0 0;
}

.orderstate span {
	font-size: 14px;
	color: #111;
	background: url(../images/ico-orderstate.png) 0 center no-repeat;
	background-size: 22px;
	display: block;
	padding-left: 32px;
}

.orderstate span i {
	font-style: normal;
}

.orderstate .red {
	color: #ff0a00;
}

.modalbox-payment:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 8;
}

.modalbox-payment .box {
	position: fixed;
	margin-left: -185px;
	margin-top: -82.5px;
	background: #fff;
	z-index: 9;
	width: 390px;
	height: 165px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
}

.modalbox-payment .box .con {
	padding: 30px;
	box-sizing: border-box;
	min-height: 100px;
	line-height: 0.64rem;
	font-size: 14px;
	color: #333;
}

.modalbox-payment .box .btns {
	margin: 0 30px;
}

.modalbox-payment .box .btns a {
	display: block;
	float: left;
	border-radius: 50px;
	color: #333333;
	font-size: 12px;
	border: #f0f0f0 1px solid;
	padding: 0 30px;
	line-height: 34px;
	height: 34px;
	text-align: center;
	margin-right: 20px;
}

.modalbox-payment .box .btns a.cur {
	color: #fb0a00;
	border: #fb0a00 1px solid;
}

.modalbox-payment .box .close {
	position: absolute;
	right: 20px;
	top: 20px;
	background: url(../images/ico-close.png) center center no-repeat;
	background-size: 14px;
	width: 26px;
	height: 26px;
}

.productinfo-hd {
	margin: 20px 0;
	width: 956px;
	height: 38px;
	line-height: 38px;
	border-radius: 50px;
	background: #f5f5f5;
}

.productinfo-hd span {
	display: block;
	float: left;
	font-size: 14px;
}

.productinfo-hd .name {
	width: 400px;
	text-indent: 100px;
}

.productinfo-hd .price,
.productinfo-hd .state,
.productinfo-hd .num,
.productinfo-hd .operate {
	width: 138px;
}

.myorder .orderlist {
	margin-bottom: 20px;
	overflow: hidden;
}

.myorder .orderlist ul li .intro {
	width: 300px;
	float: left;
}

.myorder .orderlist ul li .intro img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	object-fit: cover;
	display: block;
	float: left;
}

.myorder .orderlist ul li .intro p {
	line-height: 24px;
	height: 48px;
	color: #666666;
	width: 180px;
	margin: 0 0 0 20px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.myorder .orderlist ul li .size {
	width: 97px;
	float: left;
	color: #999;
}

.myorder .orderlist ul li .price,
.myorder .orderlist ul li .num,
.myorder .orderlist ul li .operate,
.myorder .orderlist ul li .state {
	width: 138px;
	float: left;
	line-height: 30px;
	overflow: hidden;
}

.myorder .orderlist ul li .price {
	font-weight: bold;
}

.myorder .orderlist ul li .state span,
.myorder .orderlist ul li .state a {
	display: block;
	color: #333;
	line-height: 22px;
}

.myorder .orderlist .hd {
	border-bottom: #f0f0f0 1px solid;
	padding-bottom: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

.myorder .orderlist .hd span {
	float: left;
	display: block;
	font-size: 12px;
	color: #333333;
	margin-right: 20px;
	line-height: 22px;
}

.mybaseinfo {
	margin: 0 50px;
}

.mybaseinfo h3 {
	font-size: 18px;
	color: #fb0a00;
	line-height: 40px;
	margin: 20px 0;
}

.mybaseinfo label {
	display: block;
	float: left;
	width: 55px;
	text-align: right;
	font-size: 12px;
	color: #999999;
	margin-right: 30px;
	line-height: 40px;
}

.mybaseinfo li {
	overflow: hidden;
}

.mybaseinfo li.avatar label {
	line-height: 60px;
}

.mybaseinfo .upload {
	float: left;
	position: relative;
}

.mybaseinfo .upload img {
	width: 60px;
	height: 60px;
	display: block;
	object-fit: cover;
	border-radius: 50%;
}

.mybaseinfo .upload input {
	position: absolute;
	width: 60px;
	height: 60px;
	display: block;
	top: 0;
	left: 0;
	opacity: 0;
}

.mybaseinfo li .txtinput {
	float: left;
	height: 30px;
	margin: 5px 0;
	line-height: 30px;
	width: 300px;
	font-size: 12px;
}

.mybaseinfo li .radiobox {
	float: left;
}

.mybaseinfo li .radiobox .box {
	float: left;
	line-height: 40px;
	margin-right: 20px;
}

.mybaseinfo li .radiobox .box input {
	float: left;
	width: 12px;
	height: 12px;
	margin: 14px 5px 0 0;
}

.mybaseinfo li .selecttime .select {
	width: 45px;
	position: relative;
	float: left;
}

.mybaseinfo li .selecttime .select:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 0;
	border-right: transparent 4px solid;
	border-left: transparent 4px solid;
	border-top: 4px solid #666;
}

.mybaseinfo li .selecttime select {
	line-height: 20px;
	margin: 10px 0;
	width: 45px;
	font-size: 12px;
	display: inline-block;
}

.mybaseinfo li .selecttime span {
	float: left;
	display: block;
	line-height: 40px;
	margin-right: 20px;
	margin-left: 5px;
}

.mybaseinfo .btn {
	margin: 40px 0 0 0;
}

.mybaseinfo .btn a {
	display: block;
	background: #fe3c05;
	width: 98px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}

.mycenter .rightside .address {
	padding: 30px 0 0 50px;
}

.mycenter .rightside .address h3 {
	font-size: 18px;
	color: #fb0a00;
	line-height: 30px;
}

.mycenter .rightside .address .addrform {
	margin-bottom: 50px;
}

.mycenter .rightside .address .addrform li {
	/* overflow:hidden; */
	margin: 10px 0 0 0;
	height: 50px;
}

.mycenter .rightside .address .addrform li label {
	display: block;
	width: 60px;
	text-align: right;
	font-size: 12px;
	color: #333333;
	line-height: 40px;
	float: left;
	margin-right: 20px;
}

.mycenter .rightside .address .addrform li label i {
	color: #fb0a00;
	margin-right: 5px;
	font-style: normal;
}

.mycenter .rightside .address .addrform li .inputtext {
	float: left;
	width: 340px;
	line-height: 40px;
	position: relative;
	border-bottom: #f0f0f0 1px solid;
}

.mycenter .rightside .address .addrform li .arrow-r {
	position: absolute;
	right: 0;
	top: 0;
}

.mycenter .rightside .address .addrform li .inputtext input {
	height: 40px;
	line-height: 40px;
	float: left;
}

.mycenter .rightside .address .addrform li .inputtext select {
	height: 40px;
	line-height: 40px;
	float: left;
}

.mycenter .rightside .address .addrform li .inputtext span.text {
	float: left;
	display: block;
	margin-right: 10px;
}

.mycenter .rightside .address .addrform li .inputtext .tell {
	width: 260px;
}

.mycenter .rightside .address .addrform input[type="checkbox"] {
	border: #cccccc 1px solid;
	width: 14px;
	height: 14px;
	float: left;
	margin: 4px 5px 0 0;
	border-radius: 50px;
	position: relative;
	cursor: pointer;
}

.mycenter .rightside .address .addrform input[type="checkbox"]:checked {
	border: #ffa81e 1px solid;
}

.mycenter .rightside .address .addrform input[type="checkbox"]:checked:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -4px;
	background: #ffa81e;
	border-radius: 50px;
}

.mycenter .rightside .address .addrform .btn {
	margin: 40px 0 0 0;
}

.mycenter .rightside .address .addrform .btn a {
	display: block;
	background: #fe3c05;
	width: 98px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}

.mycenter .addresslist {
	margin-bottom: 50px;
	overflow: hidden;
}

.mycenter .addresslist .bar {
	margin-top: 10px;
	overflow: hidden;
}

.mycenter .addresslist .bar span {
	width: 80px;
	float: left;
	margin-right: 50px;
	display: block;
	font-size: 12px;
	color: #333;
	line-height: 40px;
}

.mycenter .addresslist .list li {
	margin-top: 20px;
	overflow: hidden;
}

.mycenter .addresslist .list li>div {
	width: 80px;
	float: left;
	margin-right: 50px;
}

.mycenter .addresslist .list li .default a {
	background: #fff2f2;
	display: block;
	font-size: 12px;
	color: #fb0a00;
	border-radius: 50px;
	width: 70px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.oa-messagebox {
	width: 1100px;
	border: #ebebeb 1px solid;
	box-sizing: border-box;
	margin: 20px auto;
	background: #fff;
	overflow: hidden;
}

.oa-messagebox .oa-friendlist {
	width: 220px;
	height: 730px;
	overflow: hidden;
	border-right: #ebebeb 1px solid;
}

.oa-messagebox .oa-friendlist .oa-searchbar {
	width: 200px;
	height: 28px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
}

.oa-messagebox .oa-friendlist .oa-searchbar input {
	line-height: 28px;
	height: 28px;
	font-size: 14px;
	text-align: center;
	background: url(../images/ico-search.png) 70px center no-repeat #f2f3f5;
	background-size: 16px;
	text-indent: 20px;
}

.oa-messagebox .oa-friendlist .oa-searchbar input.oa-focus {
	background-position: 10px center;
	text-align: left;
	text-indent: 30px;
}

.oa-messagebox .oa-friendlist .oa-searchbar input::-webkit-input-placeholder {
	color: #8e8e8e;
}

.oa-messagebox .oa-friendlist .oa-list {
	overflow-y: scroll;
	height: 682px;
	-ms-overflow-style: none;
	/*IE下隐藏滚动条*/
	margin-right: -16px !important;
	overflow-x: hidden;
}

.oa-messagebox .oa-friendlist .oa-list::-webkit-scrollbar {
	display: none;
}

.oa-messagebox .oa-friendlist .oa-list li {
	height: 42px;
	border-bottom: #ebebeb 1px solid;
	padding: 14px 0 14px 10px;
}

.oa-messagebox .oa-friendlist .oa-list li.cur,
.oa-messagebox .oa-friendlist .oa-list li:hover {
	background: -webkit-linear-gradient(#1787ed, #33adf6);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#1787ed, #33adf6);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#1787ed, #33adf6);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#1787ed, #33adf6);
	/* 标准的语法 */
}

.oa-messagebox .oa-friendlist .oa-list li .oa-avatar {
	width: 42px;
	height: 42px;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-right: 10px;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-intro {
	width: 150px;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-intro .oa-hd {
	position: relative;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-intro h3 {
	font-size: 16px;
	width: 120px;
	color: #3b3e42;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-intro span {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	color: #9ba2a8;
	font-size: 12px;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-intro .oa-con {
	position: relative;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-con p {
	font-size: 12px;
	color: #8e8e8e;
}

.oa-messagebox .oa-friendlist .oa-list li .oa-con i {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	background: #ff4343;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
}

.oa-messagebox .oa-friendlist .oa-list li.cur .oa-intro h3,
.oa-messagebox .oa-friendlist .oa-list li:hover .oa-intro h3,
.oa-messagebox .oa-friendlist .oa-list li.cur .oa-con p,
.oa-messagebox .oa-friendlist .oa-list li:hover .oa-con p,
.oa-messagebox .oa-friendlist .oa-list li.cur .oa-intro span,
.oa-messagebox .oa-friendlist .oa-list li:hover .oa-intro span {
	color: #fff;
}

.oa-messagebox .oa-dialogbox-bar {
	border-bottom: #ebebeb 1px solid;
	height: 54px;
	width: 877px;
	position: relative;
}

.oa-messagebox .oa-dialogbox-bar h3 {
	padding: 0 20px;
	line-height: 54px;
	font-size: 20px;
	color: #3b3e42;
}

.oa-messagebox .oa-dialogbox-bar .oa-right {
	position: absolute;
	right: 0;
	height: 54px;
}

.oa-messagebox .oa-dialogbox-bar .oa-right.two {
	margin-right: 50px;
}

.oa-messagebox .oa-dialogbox-bar .oa-right span {
	display: block;
	width: 32px;
	float: left;
	margin: 11px 15px 0 0;
}

.oa-messagebox .oa-dialogbox-bar .oa-right span img {
	display: block;
	width: 32px;
	height: 32px;
}

.oa-messagebox .oa-dialogbox-mid {
	width: 877px;
	float: left;
}

.oa-dialogbox-con {
	width: 877px;
	height: 450px;
	border-bottom: #ebebeb 1px solid;
	border-right: #ebebeb 1px solid;
	padding: 10px 0;
	overflow-y: scroll;
	-ms-overflow-style: none;
	/*IE下隐藏滚动条*/
	margin-right: -16px !important;
	overflow-x: hidden;
}

.oa-dialogbox-con:-webkit-scrollbar {
	display: none;
}

.oa-dialogbox-con .oa-time {
	text-align: center;
	color: #828c99;
	font-size: 14px;
	margin: 10px 0;
}

.oa-dialogbox-con .oa-avatar {
	text-align: center;
	font-size: 14px;
	color: #3b3e42;
	width: 68px;
}

.oa-dialogbox-con .oa-avatar span {
	display: block;
	line-height: 28px;
}

.oa-dialogbox-con .oa-avatar img {
	width: 42px;
	height: 42px;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 0 auto;
}

.oa-dialogbox-con .oa-contbox {
	overflow: hidden;
	margin: 15px 0;
	position: relative;
}

.oa-dialogbox-con .oa-contbox .oa-cont {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #e4e7ec;
	font-size: 14px;
	color: #3b3e42;
	max-width: 300px;
	position: relative;
}

.oa-dialogbox-con .oa-contbox .oa-right .oa-cont {
	background: #cce4fc;
}

.oa-dialogbox-con .oa-contbox .oa-cont .oa-text {
	line-height: 20px;
	min-height: 20px;
	padding: 8px 10px;
}

.oa-dialogbox-con .oa-picture {
	max-width: 320px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden;
}

.oa-dialogbox-con .oa-picture img {
	width: 100%;
}

.oa-dialogbox-con .oa-contbox .oa-left,
.oa-dialogbox-con .oa-contbox .oa-left .oa-avatar,
.oa-dialogbox-con .oa-contbox .oa-cont {
	float: left;
}

.oa-dialogbox-con .oa-contbox .oa-right,
.oa-dialogbox-con .oa-contbox .oa-right .oa-avatar {
	float: right;
}

.oa-dialogbox-con .oa-contbox .oa-left .oa-cont:after {
	content: "";
	position: absolute;
	border-right: #e4e7ec solid 7px;
	border-bottom: transparent solid 6px;
	border-top: transparent solid 6px;
	left: -7px;
	top: 50%;
	margin-top: -6px;
}

.oa-dialogbox-con .oa-contbox .oa-right .oa-cont:after {
	content: "";
	position: absolute;
	border-left: #cce4fc solid 7px;
	border-bottom: transparent solid 6px;
	border-top: transparent solid 6px;
	right: -7px;
	top: 50%;
	margin-top: -6px;
}

.oa-dialogbox-con .oa-contbox .oa-voicemgs {
	height: 20px;
	padding: 8px 10px;
	cursor: pointer;
	min-width: 60px;
	background: url(../images/ico-voice03.png) 10px center no-repeat;
	background-size: 12px;
	display: block;
}

.oa-dialogbox-con .oa-contbox .oa-voicemgs.play {
	animation: oa-voiceplay 1s infinite;
	-moz-animation: oa-voiceplay 1s infinite;
	/* Firefox */
	-webkit-animation: oa-voiceplay 1s infinite;
	/* Safari ??Chrome */
	-o-animation: oa-voiceplay 1s infinite;
	/* Opera */
}

.oa-dialogbox-con .oa-contbox .oa-duration {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: -50px;
}

.oa-dialogbox-con .oa-contbox .oa-duration span {
	color: #7d7d7d;
	font-size: 16px;
	display: block;
	float: left;
	line-height: 24px;
}

.oa-dialogbox-con .oa-contbox .oa-duration i {
	display: block;
	width: 5px;
	height: 5px;
	background: #ff000c;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	float: left;
	margin: 9px 0;
}


/*语音播放动画*/

@keyframes oa-voiceplay {
	0% {
		background: url(../images/ico-voice01.png) 10px center no-repeat;
		background-size: 12px;
	}

	50% {
		background: url(../images/ico-voice02.png) 10px center no-repeat;
		background-size: 12px;
	}

	100% {
		background: url(../images/ico-voice03.png) 10px center no-repeat;
		background-size: 12px;
	}
}

@-moz-keyframes oa-voiceplay
/* Firefox */

	{
	0% {
		background: url(../images/ico-voice01.png) 10px center no-repeat;
		background-size: 12px;
	}

	50% {
		background: url(../images/ico-voice02.png) 10px center no-repeat;
		background-size: 12px;
	}

	100% {
		background: url(../images/ico-voice03.png) 10px center no-repeat;
		background-size: 12px;
	}
}

@-webkit-keyframes oa-voiceplay
/* Safari && Chrome */

	{
	0% {
		background: url(../images/ico-voice01.png) 10px center no-repeat;
		background-size: 12px;
	}

	50% {
		background: url(../images/ico-voice02.png) 10px center no-repeat;
		background-size: 12px;
	}

	100% {
		background: url(../images/ico-voice03.png) 10px center no-repeat;
		background-size: 12px;
	}
}

@-o-keyframes oa-voiceplay
/* Opera */

	{
	0% {
		background: url(../images/ico-voice01.png) 10px center no-repeat;
		background-size: 12px;
	}

	50% {
		background: url(../images/ico-voice02.png) 10px center no-repeat;
		background-size: 12px;
	}

	100% {
		background: url(../images/ico-voice03.png) 10px center no-repeat;
		background-size: 12px;
	}
}

.oa-messagebox .oa-dialogbox-input {
	width: 877px;
	height: 204px;
	border-right: #ebebeb 1px solid;
	overflow: hidden;
}

.oa-messagebox .oa-dialogbox-input-insert {
	padding: 10px 15px;
	overflow: hidden;
}

.oa-messagebox .oa-dialogbox-input-insert span {
	float: left;
	margin-right: 10px;
}

.oa-messagebox .oa-dialogbox-input-insert span img {
	width: 28px;
	height: 28px;
	display: block;
}

.oa-messagebox .oa-dialogbox-input-con {
	height: 87px;
	margin: 0 20px;
}

.oa-dialogbox-input-send .oa-sendbtn {
	float: right;
	display: block;
	width: 94px;
	height: 34px;
	background: #1276d2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #fff;
	line-height: 34px;
	text-align: center;
	margin: 20px;
}


/*导航展开*/

.modalbox-classify {
	position: absolute;
	top: 44px;
	z-index: 9;
	width: 1200px;
	height: 450px;
	background: #fff;
	display: none;
}

.modalbox-classify .leftside {
	width: 196px;
	height: 450px;
	background: -webkit-linear-gradient(left, #ff4a06, #fb0a00);
	border-radius: 0 0 10px 10px;
	overflow-y: auto;
	float: left;
}

.modalbox-classify .leftside ul li {
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	position: relative;
	cursor: pointer;
}

.modalbox-classify .leftside ul li:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 160px;
	height: 1px;
	background: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
	left: 10px;
}

.modalbox-classify .leftside ul li.cur {
	background: #fff;
}

.modalbox-classify .leftside ul li.cur span {
	color: #fb0b00;
}

.modalbox-classify .leftside ul li img {
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin: 11px 15px 0 0;
}

.modalbox-classify .leftside ul li span {
	display: block;
	float: left;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.modalbox-classify .rightside {
	width: 1004px;
	height: 450px;
	overflow-y: auto;
	padding: 10px 20px;
	box-sizing: border-box;
	float: left;
}

.modalbox-classify .rightside dl {
	margin-bottom: 20px;
	overflow: hidden;
}

.modalbox-classify .rightside dl dt {
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}

.modalbox-classify .rightside dl dd {
	margin: 0 0 0 -20px;
}

.modalbox-classify .rightside dl dd a {
	display: block;
	float: left;
	margin: 10px 0 0 20px;
	width: 60px;
	text-align: center;
}

.modalbox-classify .rightside dl dd a img {
	width: 60px;
	height: 60px;
	display: block;
	object-fit: cover;
	margin: 0 auto;
	border-radius: 5px;
}

.modalbox-classify .rightside dl dd a span {
	display: block;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin: 5px 0;
	font-size: 14px;
}

@media screen and (max-width: 1440px) {
	.fixnav ul li {
		height: 50px;
	}
}

.paging {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

.paging>div {
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #bbb8b8;
	font-size: 16px;
	color: rgb(51, 51, 51);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	cursor: pointer;
}

.paging>div:nth-last-child(1) {
	margin-right: 0;
}

.paging .cur {
	background-color: #f8f8f9;
	border: 1px solid #fa768b;
}

.paging>div:hover {
	background-color: #f8f8f9;
	border: 1px solid #fa768b;
}

.shoppingcar .logistics .tit {
	display: flex;
	align-items: center;
	color: rgb(26, 26, 26);
	margin-top: 19px;
	margin-bottom: 21px;
}

.shoppingcar .logistics .tit h3 {
	font-size: 14px;
	font-weight: bold;
	margin-right: 6px;
}

.shoppingcar .logistics .tit span {
	width: 18px;
	height: 11px;
	display: block;
	background-color: #ff0000;
}

.shoppingcar .logistics .name {
	width: 100%;
	height: 42px;
	display: flex;
	align-items: center;
	border-bottom: 6px solid rgb(242, 242, 242);
	border-top: 6px solid rgb(242, 242, 242);
	margin-bottom: 20px;
}

.shoppingcar .logistics .name p {
	margin-right: 40px;
	font-size: 10px;
	color: rgb(26, 26, 26);
}

.shoppingcar .logistics .info {
	border-bottom: 6px solid rgb(242, 242, 242);
	padding-bottom: 20px;
}

.shoppingcar .logistics .info .item {
	height: 80px;
	margin-left: 50px;
	position: relative;
}

.shoppingcar .logistics .info>div:nth-last-child(1) {
	height: auto;
}

.shoppingcar .logistics .info>div:nth-last-child(1)>i {
	display: none;
}

.shoppingcar .logistics .info .item>i {
	width: 1px;
	height: 80px;
	background-color: #acacac;
	display: block;
	position: absolute;
	left: 7px;
	top: 7.5px;
	z-index: 0;
}

.shoppingcar .logistics .info .item>div {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.shoppingcar .logistics .info .item>div .cur {
	width: 15px;
	height: 15px;
	background-color: rgba(255, 0, 0, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 22px;
}

.modalbox-delete {
	display: none;
}

.shoppingcar .logistics .info .item .i {
	width: 11px;
	height: 11px;
	background-color: #acacac;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 24px;
	margin-left: 2px;
}

.shoppingcar .logistics .info .item>div .cur i {
	width: 7px;
	height: 7px;
	background-color: #ff0000;
	border-radius: 50%;
}

.shoppingcar .logistics .info .item>div h5 {
	font-size: 12px;
	color: rgb(137, 137, 137);
}

.shoppingcar .logistics .info .item p {
	font-size: 10px;
	color: rgb(172, 172, 172);
	margin-left: 37px;
}

.store-index .header {
	width: 1200px;
	height: 102px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.store-index .header>img {
	width: 142px;
}

.store-index .nav {
	display: flex;
	align-items: center;
}

.store-index .nav a {
	font-size: 18px;
	color: rgb(153, 153, 153);
}

.store-index .nav a.cur {
	color: rgb(200, 0, 11);
}

.store-index .nav i {
	width: 2px;
	height: 48px;
	background-color: rgba(200, 0, 11, 0.1);
	margin: 0 36px;
}


.store-index .banner {
	width: 100%;
	min-width: 1200px;
	/* height: 500px; */
	overflow: hidden;
}

.store-index .banner img {
	width: 100%;
	/* height: 500px; */
	min-width: 1200px;
	/* object-fit: cover; */
}


.store-index .tit {
	width: 1200px;
	margin: 0 auto;
	font-size: 40px;
	color: rgb(0, 0, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 90px;
	margin-bottom: 60px;
}


.store-index .tit h5 {
	margin: 0 30px;
}


.store-index .tit img {
	width: 250px;
}


.store-index .introduce .text {
	font-size: 28px;
	color: rgb(0, 0, 0);
	line-height: 48px;
	text-align: center;
}


.store-index .introduce .label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: rgb(241, 18, 48);
	margin-top: 70px;
}


.store-index .introduce .label i {
	width: 4px;
	height: 28px;
	background-color: rgba(229, 229, 229, 1);
	margin: 0 64px;
}


.store-index .activity {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 74px;
}


.store-index .activity .main {
	display: flex;
}


.store-index .activity .left img {
	width: 435px;
	height: 565px;
}


.store-index .activity .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 565px;
	margin-left: 18px;
}


.store-index .activity .right>div:nth-child(1) img {
	width: 685px;
	height: 311px;
}


.store-index .activity .right>div:nth-child(2) {
	width: 685px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.store-index .activity .right>div:nth-child(2) img {
	width: 335px;
	height: 237px;
}



.store-index .goods {
	width: 100%;
	height: 650px;
	background-color: rgb(247, 247, 247);
}



.store-index .goods .list {
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}


.store-index .goods .list .item {
	width: 209px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: white;
	padding-bottom: 5px;
	margin-top: 41px;
	margin-right: 24px;
}

.store-index .goods .list .item img {
	width: 209px;
	height: 209px;
}

.store-index .goods .list .item h5 {
	font-size: 16px;
	font-weight: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	line-height: 30px;
	margin: 0 10px;
}

.store-index .goods .list .item p {
	font-size: 16px;
	color: red;
}


.store-index .advantage {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.store-index .advantage .list {
	display: flex;
	flex-wrap: wrap;
}

.store-index .advantage .list .item {
	width: 373px;
	height: 232px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-bottom: 9px;
}

.store-index .advantage .list .item img {
	position: absolute;
	left: 0;
	top: 0;
}

.store-index .advantage .list .item h5 {
	font-size: 41px;
	font-weight: inherit;
	color: rgb(255, 255, 255);
	position: relative;
	z-index: 1;
}

.store-index .code {
	width: 100%;
	margin: 0 auto;
	background-color: rgba(247, 247, 247, 1);
}

.store-index .code>div {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	padding-bottom: 100px;
}

.store-index .code>div .left {
	margin-left: 46px;
}

.store-index .code>div .left>img {
	width: 410px;
	margin-top: 190px;
	margin-bottom: 79px;
}

.store-index .code>div .left>div {
	display: flex;
}

.store-index .code>div .left>div .item {
	margin-right: 15px;
}

.store-index .code>div .left>div .item>div {
	width: 123px;
	height: 123px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.store-index .code>div .left>div .item p {
	text-align: center;
	font-size: 16px;
	color: rgb(115, 115, 115);
	padding: 14px 0;
}


.store-index .code>div .right img {
	width: 560px;
	margin-top: 125px;
	margin-left: 100px;
}

.store-in .tab {
	width: 100%;
	height: 52px;
	background-color: rgba(255, 0, 0, 1);
}

.store-in .tab>div {
	width: 1200px;
	height: 52px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	font-size: 20px;
	color: rgb(255, 255, 255);
}

.store-in .banner {
	width: 100%;
	max-height: 500px;
	position: relative;
}

.store-in .banner>img {
	width: 100%;
	min-width: 1200px;
	position: absolute;
	left: 0;
	top: 0;
}

.store-in .banner>div {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
}

.store-in .form {
	width: 333px;
	height: 281px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -140.5px;
}

.store-in .form h5 {
	font-size: 20px;
	color: rgb(59, 58, 58);
	font-weight: inherit;
	padding: 30px 0 19px 23px;
}

.store-in .form .tel {
	width: 282px;
	height: 43px;
	border-radius: 6px;
	border: solid 1px rgba(229, 229, 229, 1);
	display: flex;
	align-items: center;
	margin-left: 25px;
}

.store-in .form .tel img {
	width: 13px;
	margin-left: 16px;
	margin-right: 20px;
}

.store-in .form .tel input {
	height: 43px;
	font-size: 15px;
	flex-grow: 1;
}

.store-in .form .code {
	width: 282px;
	display: flex;
	margin-left: 25px;
	align-items: center;
	margin-top: 21px;
}

.store-in .form .code>div:nth-child(1) {
	width: 282px;
	height: 39px;
	border-radius: 6px;
	border: solid 1px rgba(229, 229, 229, 1);
	display: flex;
	align-items: center;
}

.store-in .form .code>div:nth-child(1) input {
	height: 43px;
	flex-grow: 1;
}

.store-in .form .code>div img {
	width: 14px;
	margin-left: 16px;
	margin-right: 19px;
}

.store-in .form .code .send {
	width: 99px;
	height: 38px;
	background-image: linear-gradient(90deg,
		rgba(255, 93, 37, 1) 0%,
		rgba(249, 0, 14, 1) 100%),
		linear-gradient(rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1));
	background-blend-mode: normal,
		normal;
	border-radius: 5px;
	font-size: 14px;
	color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 9px;
}

.store-in .form>.btn {
	width: 283px;
	height: 38px;
	background-image: linear-gradient(90deg,
		rgba(255, 93, 37, 1) 0%,
		rgba(249, 0, 14, 1) 100%),
		linear-gradient(rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1));
	background-blend-mode: normal,
		normal;
	border-radius: 5px;
	margin-top: 21px;
	margin-left: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17xp;
	color: rgb(255, 255, 255);
}

.store-in .tit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: rgb(0, 0, 0);
	margin-top: 90px;
	margin-bottom: 60px;
}

.store-in .tit i {
	width: 7px;
	height: 36px;
	background-color: rgba(255, 0, 0, 1);
}

.store-in .tit h5 {
	padding: 0 30px;
}

.store-in .desc {
	text-align: center;
	font-size: 30px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	margin-bottom: 25px;
}

.store-in .advantage>p {
	font-size: 15px;
	color: rgb(68, 68, 68);
	text-align: center;
}

.store-in .advantage .list>img {
	width: 1028px;
	margin: 0 auto;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
}


.store-in .btn-in {
	width: 415px;
	height: 56px;
	background-image: linear-gradient(90deg,
		rgba(255, 93, 37, 1) 0%,
		rgba(249, 0, 14, 1) 100%),
		linear-gradient(rgba(255, 255, 255, 1),
		rgba(255, 255, 255, 1));
	background-blend-mode: normal,
		normal;
	border-radius: 5px;
	font-size: 26px;
	color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.store-in .img-text>img {
	width: 1028px;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
	margin-bottom: 100px;
}

.store-in .brand {
	padding-bottom: 60px;
}

.store-in .brand>img {
	width: 967px;
	margin: 0 auto;
	margin-top: 63px;
	margin-bottom: 41px;
	display: block;
}