@charset "utf-8";
@font-face {
	font-family: 'PingFang';
	font-weight: normal;
	font-style: normal;
	src: url('PingFang Medium.eot');
	src: local('PingFang-Medium'), url('PingFang-Medium.eot?#iefix') format('embedded-opentype'), url('PingFang-Medium.woff') format('woff'), url('PingFang Medium.ttf') format('truetype'), url('PingFang-Medium.svg') format('svg');
}

html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: normal;
	/* font-weight: normal; */
	padding: 0;
	margin: 0;
}

html,
body {
	width: 100%;
}

body {
	font-family: 'PingFang', arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow-x: hidden;
	color: #333;
	padding-top: 72px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	font-weight: bold;
	-moz-text-size-adjust: 100% !important;
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
	font-family: 'PingFang', arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a {
	color: #333;
}

a,
a:hover,
a:active,
a:visited,
a:link {
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #000;
}

ul li {
	margin: 0;
}

ul,
li {
	list-style: none;
}

.left {
	float: left;
}
.right img{
	width:20px;
}
.right {
	float: right;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.none {
	display: none;
}

.block {
	display: block;
}

.w {
	width: 1170px;
	margin: 0 auto;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.ellipsis-6 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

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

:-moz-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
}

:-ms-input-placeholder {
	color: #999;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

.h {
	height: 50px;
	display: none;
}

.overflow {
	overflow: hidden;
}


/*  *  * header *  * */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	z-index: 999;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.fixed {
	/*background: rgba(255, 255, 255, .8);*/
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
}

.head-main {
	position: relative;
	line-height: 72px;
	font-size: 0;
	z-index: 2;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.head-main .logo {
	float: left;
}

.head-main .logo img {
	vertical-align: middle;
	height: 39px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav {
	display: inline-block;
	vertical-align: middle;
}

.nav>ul>li {
	float: left;
	position: relative;
	margin-right: 60px;
}

.nav>ul>li>a {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}

.nav>ul>li:hover>a,
.nav>ul>li.on>a {
	color: #F7B718;
	/* border-color: #030000; */
}

.nav>ul>li.drop-down {
}

.nav ol {
	position: absolute;
	left: -64px;
	top: 100%;
	width: 200px;
	font-size: 18px;
	line-height: 2;
	text-align: center;
	background: #fff;
	z-index: 2;
	height: 0;
	opacity: 0;
	overflow: hidden;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.nav>ul>li:hover ol {
	padding: 10px 0;
	opacity: 1;
	height: auto;
}

.nav ol a {
	display: block
}

.nav ol a:hover {
	color: #666666;
	background: #F7B718;
}

.righticonline {
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid rgba(153, 153, 153, .5);
	height: 22px;
}

.show-search-btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	cursor: pointer;
	position: relative;
}

.show-search-btn img {
	display: block;
	width: 20px;
}

.show-search-btn img:hover {
	opacity: .8;
}
.search-main{
	display: none;
	position: absolute;
	padding: 0 10px;
	width: 200px;
    line-height: 40px;
	right: 25px;
	top: -10px;
	font-size: 0;
    background: #e5e2e2;
    border-radius: 10px;
    overflow: hidden;
}
.search-main.search-is-open{
	display: block;
}
.input-text{
display: inline-block;
vertical-align: middle;
    line-height: 40px;
     height: 40px;
    font-size: 14px;
    color: #fff;
    width: 160px;
    background: #e5e2e2;
}
.searchico {
    display: inline-block;
vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(../images/searchf.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}





.search {
	position: fixed;
	top: 72px;
	right: 0;
	height: 100%;
	max-height: 100vh;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 996;
}

.search.fixed {
	top: 90px;
}

.search.search-is-open {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.search.search-is-open .search_container {
	transform: translateY(0) translateZ(0);
}

.search_container {
	position: relative;
	z-index: 2;
	background: #d1c9bb;
	transform: translateY(-100%) translateZ(0);
	transition: transform .75s cubic-bezier(.77, 0, .175, 1);
}

.search_overlay {
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}

.search,
.search_overlay {
	left: 0;
}

.search-header {
	position: relative;
	padding: 10% 0;
}

.search-box {
	position: relative;
	padding: 0 100px;
}

.search-header .search-input {
	display: block;
	line-height: 70px;
	font-size: 24px;
	color: #fff;
	width: 100%;
	background: #d1c9bb;
	border-bottom: 1px solid #fff;
}

.search-close {
	position: absolute;
	display: block;
	top: -120px;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(../images/close.png) no-repeat center;
	background-size: 100% 100%;
	opacity: .7;
	cursor: pointer;
	z-index: 6;
	transition-duration: .5s;
}

.search-close:hover {
	opacity: 1;
	transform: rotate(90deg);
}

.search .submit0 {
	position: absolute;
	display: block;
	top: 19px;
	right: 105px;
	z-index: 5;
	width: 32px;
	height: 32px;
	background: url(../images/searchf.png) no-repeat center;
	background-size: 100% 100%;
	opacity: .7;
	cursor: pointer;
}

.search .submit0:hover {
	opacity: 1;
}

.lang {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	line-height: 22px;
	cursor: pointer;
}

.lang img {
	display: block;
	width: 22px;
}

.langbox {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding-top: 10px;
	z-index: 100;
}

.lang:hover .langbox {
	display: block
}

.langbox a {
	font-size: 15px;
}

.langbox a:hover {
	color: #000;
}

.usernav {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #666666;
}
.usernav a{
	display: inline-block;
	color: #666666;
	margin-left: 15px;
}
.usernav a:hover{
	color: #000;
	animation: jump .3s;

}
@keyframes jump {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-3px)
	}

	to {
		transform: translateY(0)
	}
}
.usernav:nth-child(1) a{
	margin-left: 0;
}
.consult{
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
}
.consult a:hover{
	opacity: .8;
}
/*移动端*/

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 16px;
}

.sliding-menu a {
	display: block;
	padding: 10px 1em;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #d1c9bb;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #d1c9bb;
	color: #FFF;
}

.sliding-menu a.back:before {
	content: '\3008';
	float: left;
	margin-right: 1em;
}

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #d1c9bb;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #d1c9bb;
	color: #FFF;
}

.phone_head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 999999;
	height: 50px;
	line-height: 50px;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
}

.phone_head .logo {
	font-size: 0;
}

.phone_head .logo img {
	max-width: 100%;
	height: 25px;
	vertical-align: middle;
}

.phone-head .menubtn>span.expand {
	vertical-align: middle;
	display: inline-block;
	height: 43px;
	width: 50px;
	background: url(../images/menu.png) no-repeat center;
	background-size: auto 100%;
}

.phone-head .mask-close {
	background: #fff none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #d1c9bb;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 11px;
	left: 18px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	overflow: hidden;
}

.maskbg {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: -9999px;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	overflow: hidden;
}

.popUp {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

.maxDiv .maskbg {
	left: 0;
}

.maskbg:before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px;
	width: 250px;
	height: 100%;
	background: #fff;
	transition: all 0.3s;
	z-index: 0;
}

.maxDiv .maskbg:before {
	left: 0;
	transition: all 0.3s;
}

#menu a {
	display: block;
	width: 100%;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#menu a.back {
	color: #FFF;
}

#menu a:hover {
	color: #fff;
	background: #d1c9bb;
}

#menu h1 {
	font-weight: 300;
}

#menu h2 {
	font-weight: 300;
	margin: 3em 0 1em 0;
}

#menu p {
	margin: 20px 0;
}

#menu .nav {
	height: auto;
	background: #fff;
	float: none;
}

#menu {
	margin: 4em 0;
	width: 250px;
	min-height: 308px;
	background: #fff;
	left: -9999px;
	transition: all 0.3s;
	text-transform: uppercase;
}

.maxDiv .maskbg #menu {
	left: 0;
	transition: all 0.3s;
}

.phone_head .show-search-btn {
	margin: 14px 10px 0 10px;
}

.phone_head .en a {
	font-size: 15px;
}


/*

 *
 * */

footer {
	background: #f0f0f0;
	font-size: 13px;
	color: #666;
	padding: 20px 0;
}

footer .w {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.footmain {
	width: 50%;
}

.sharebox {
	margin-bottom: 15px;
}

.sharebox li {
	float: left;
	position: relative;
	margin-right: 10px;
}

.sharebox li img {
	display: block;
	width: 100%;
}

.sharebox li a img {
	width: 40px;
	opacity: 1;
}

.sharebox li a img:hover {
	opacity: .5;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: shake 0.5s;
	animation: shake 0.5s;
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

.sharebox li .code {
	position: absolute;
	left: 0;
	bottom: 125%;
	display: none;
	width: 100px;
}

.sharebox li:hover .code {
	display: block;
}

.copyright {
	width: 40%;
	text-align: right;
}

.flinks {
	margin-bottom: 15px;
}

.flinks a {
	color: #666;
}

.flinks span {
	margin: 0 5px;
}

.copyright a:hover {
	color: #F7B718;
}


/*

 *
 * */

.navlinks {
	line-height: 45px;
	background: #f6f6f6;
	font-size: 14px;
	color: #999999;
}

.navlinks a {
	color: #999999;
	margin-right: 8px;
}

.navlinks a:hover {
	color: #F7B718;
}


/*

 *
 *
 * index
 *
 * */

.bannerswiper {
	position: relative;
	--swiper-theme-color: #f4c14e;
	--swiper-pagination-bullet-size:12px;
	--swiper-pagination-bullet-inactive-opacity:0.5;
	--swiper-pagination-bottom:30px;
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 50px;
}

.bannerswiper .swiper-slide {
	overflow: hidden;
}

.bannerswiper .pic img {
	display: block;
	width: 100%;
}

.bannerswiper .tbox {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	font-weight: bold;
	color: #fff;
	z-index: 10;
}

.bannerswiper .tit {
	font-size: 60px;
	opacity: 0;
	transform: translateY(-60px);
}

.bannerswiper .desc {
	margin-top: 30px;
	font-size: 50px;
	opacity: 0;
	transform: translateY(-60px);
}

.bannerswiper .swiper-slide-active .tit {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

.bannerswiper .swiper-slide-active .desc {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}

.in-sec {
	background: #fff url(../images/indexbg.png) no-repeat left bottom;
	background-size: 100% auto;
}

.in-sec .main {
	padding: 50px 0 130px;
}

.intit {
	font-size: 30px;
}

.intit:after {
	content: "";
	display: block;
	margin-top: 15px;
	width: 30px;
	height: 4px;
	/*background: #d1c9bb;*/
}

.border-bt-cc {
	border-bottom: 1px solid #cccccc;
}

.in-sec .con {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.in-sec .con .pic {
	flex: 1;
	margin-right: 120px;
}

.in-sec .con .pic img {
	display: block;
	width: 100%;
}

.in-sec .con .tbox {
	flex: 5;
	color: #666;
	line-height: 30px;
}


/*

 *
 *
 *
 * pro
 *
 *
 *
 * */

.bottom-support {
	background: #f0f0f0;
}

.bottom-support ul {
	width: 100%;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.bottom-support ul li {
	width: 33%;
	text-align: center;
}

.bottom-support .pic img {
	display: block;
	width: 80px;
	margin: 0 auto;
}

.bottom-support .tbox {
	margin-top: 15px;
	color: #666;
}

.bottom-support .tbox .tit {
	font-size: 22px;
}

.pro1-sec {
	background: #fff;
	padding: 40px 0;
}

.pro1-sec .main {
	display: flex;
	align-content: center;
	align-items: flex-end;
}

.pro1-sec .main .tit {
	font-size: 26px;
	flex: 1;
}

.pro1-sec .main .tit:after {
	content: "";
	display: block;
	margin-top: 20px;
	width: 30px;
	height: 4px;
	background: #F7B718;
}

.pro1-sec ul {
	flex: 5;
	display: inline-flex;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size: 22px;
	border-bottom: 1px solid #ecedef;
}

.pro1-sec ul a {
	display: block;
	line-height: 75px;
	padding: 0 30px;
	color: #666666;
	border-left: 1px solid #fff;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.pro1-sec ul a:hover,
.pro1-sec ul .on a {
	color: #333;
	background: #F7B718;
}

.pro1-sec ul span {
	margin-left: 10px;
	font-size: 20px;
	color: #999999;
}

.pro1-sec ul a:hover span,
.pro1-sec ul .on span {
	color: #333;
}

.pro2-sec {
	background: #F6F6F6;
	padding: 40px 0;
}

.prolist {
	display: flex;
	flex-wrap: wrap;
}

.prolist li {
	flex: 0 0 calc(25% - 15px);
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 15px 10px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.prolist li:hover {
	-moz-box-shadow: 0px 2px 20px rgba(209, 201, 187, 0.5);
	-webkit-box-shadow: 2px 0px 20px rgba(209, 201, 187, 0.5);
	box-shadow: 0px 2px 20px rgba(209, 201, 187, 0.5);
}

.pro2-sec .main2 .list1 li:nth-child(4n+1) {
	margin-left: 0;
}

.prolist li .pic {
	height: 250px;
	overflow: hidden;
}

.prolist li .pic img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

.prolist li .tbox .tit {
	margin-top: 20px;
	padding: 0 15px;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	height: 48px;
	text-align: center;
}

.prolist li .tbox .price {
	margin-top: 15px;
	font-size: 18px;
	color: #e50012;
	text-align: center;
}

.prolist li .tbox .desc {
	margin-top: 15px;
	font-size: 14px;
	color: #999999;
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	background: #f6f6f6;
}

.prolist li .tbox .desc span {
	float: right;
	max-width: 70%;
	color: #666;
}

.prolist li .tbox .btns {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	opacity: 0;
}
.prolist li:hover .tbox .btns {
	opacity: 1;
}
.prolist li .tbox .btns a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 calc(50% - 5px);
	font-size: 14px;
	color: #666;
	height: 32px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #fff;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.prolist li .tbox .btns a.redstyle {
	color: #e50012;
	border-color: #e50012;
}

.prolist li .tbox .btns a:hover {
	color: #fff;
	background: #d1c9bb;
	border-color: #d1c9bb;
	cursor: pointer;
}

.prolist li .tbox .btns a.redstyle:hover {
	color: #fff;
	background: #e50012;
	border-color: #e50012;
}

.prolist li .tbox .btns .icon {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.prolist li .tbox .btns a:hover .icon {
	display: none;
}

.viewmoreico {
	background: url(../images/viewmoreico.png) no-repeat center;
}

.addcartico {
	background: url(../images/addcartico.png) no-repeat center;
}

.page {
	margin-top: 30px;
	font-size: 0;
	line-height: 30px;
	text-align: center;
}

.page span {
	color: #333;
}

.page a {
	display: inline-block;
	border: 1px solid #e2e2e2;
	padding: 0 10px;
	margin: 0 3px;
	font-size: 14px;
	background: #fff;
}

.page a.on,
.page a:hover {
	background: #d1c9bb;
	border-color: #d1c9bb;
	color: #fff;
}


/* *
 *
 * proxq
 *
 * */

.proxq1-sec {
	background: #f6f6f6;
}

.proxq1-sec .main {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.propic {
	width: 50%;
	border-radius: 30px;
	padding:70px 20px;

	background: #fff;
}
.view{
	position: relative;
	padding : 0 50px 0 125px;
}
.preview{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 70px;
	height: 100%;
	padding: 30px 0;
}
.propic .swiper {
	width: 100%;
	height: 100%;
}

.propic   .swiper-slide {
	background: #fff;
}
.propic  .swiper-slide .pic{
	overflow: hidden;

}
.propic   .swiper-slide img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

.preview  .swiper-slide .pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.thumbnailswiper{
	width: 70px;
}
.thumbnailswiper .swiper-slide{
	background: #f4f4f4;
	border-radius: 6px;
	height: 70px;

}
.thumbnailswiper .swiper-slide-thumb-active {
	border:  1px solid #e50012;
	background: #fff;
}

.thumbnailswiper .swiper-slide  .pic {
	padding: 10px;
}

.proswiper{
	--swiper-theme-color: #e50012;
	--swiper-pagination-bottom:0px;
	--swiper-pagination-bullet-size:12px;
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 50px;
}



.protbox {
	flex: 0 0 calc(50% - 20px);
}

.protbox .tit {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}
.protbox .sold-quantity{
	margin-top: 15px;
	font-size: 14px;
	color: #999999;
}
.protbox .proinfo {
	margin-top: 25px;
	background: #fff;
	border-radius: 30px;
	padding: 30px 20px;
}
.protbox .price{
	font-size: 26px;
	color: #e50012;
}
.protbox .price strong{
	font-size: 36px;
}
.protbox .proinfo li{
	font-size: 14px;
	margin-top: 20px;
}
.protbox .proinfo li .subtitle {
	color: #999999;
}
.protbox .proinfo .coupons{
	margin-right: 10px;
	font-size: 12px;color: #ffffff;font-style: normal;padding: 0 5px; cursor: pointer;background: #e50012;
	border-radius: 25px;
}
.protbox .proinfo .color{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 0;
}
.protbox .proinfo .color img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	border-radius: 50%;
}
.protbox .proinfo .available{
	font-size: 14px;
	color: #999999;
	margin-left:10px ;
}
.protbox .proinfo .btns{
	float: left;
	width: 75%;
	font-size: 0;
}
.buybtn {
	width: 50%;
	height: 50px;
	line-height: 50px;
	border: none;
	border-radius: 10px 0 0 10px;
	color: #fff;
	font-size: 18px;
	background: linear-gradient(90deg, rgb(255, 119, 0), rgb(229, 0, 18));
}

.addcart {
	width: 50%;
	height: 50px;
	line-height: 50px;
	margin-left: 0!important;
	border: none;
	border-radius: 0  10px 10px 0;
	color: #fff;
	font-size: 18px;
	background: linear-gradient(90deg, rgb(255, 202, 0), rgb(255, 149, 2));
}
.protbox .proinfo .collectButton{
	float: right;
	width: 22%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #d6d4d5;
	border-radius: 10px ;
	background: #fff;
	cursor: pointer;
}
.protbox .proinfo .collectButton.on{
	color: #ff7401;
	border-color: #ff7401;
}
.protbox .proinfo .layui-icon-star{
	color: #333;
	font-size: 20px;
	vertical-align: middle;
}
.protbox .proinfo .layui-icon-star-fill{
	color: #ff7401;
	font-size: 20px;
	vertical-align: middle;
}

.layui-layer-msg{
	/*border-color:#dad0c1 ;*/
	border-radius: 10px;
	-moz-box-shadow: 0px 2px 10px rgba(218, 208, 193, 0.8);
	-webkit-box-shadow: 2px 0px 10px rgba(218, 208, 193, 0.8);
	box-shadow: 0px 2px 10px rgba(218, 208, 193, 0.8);

}


.proxq2-sec {
	padding: 25px 0 50px;
	background: #f6f6f6;
}
.proxq2-sec .main{
	border-radius: 30px;
	padding: 60px;
	background: #fff;
}
.proxq2-sec .layui-tab .layui-tab-title{
	height: 54px;
	border-color: #f6f6f6;
	border-bottom-width:2px;
}
.proxq2-sec .layui-tab .layui-tab-title li {
	position: relative;
	font-size: 18px;
	color: #666666;
	line-height: 50px;
	margin: 0  70px 0 0;
	padding:0;
	cursor: pointer;
}
.proxq2-sec .layui-tab-brief>.layui-tab-title .layui-this {
	color: #dad0c1;
	font-weight: bold;
}
.proxq2-sec .layui-tab-brief>.layui-tab-more li.layui-this:after,
.proxq2-sec .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 4px solid  #dad0c1;
	height: 54px;
}
.proxq2-sec  .layui-tab-content img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}


/* 自定义其他任意主题  */

.layui-layer-bernd {
	border: none;
	border-radius: 30px;
	box-shadow: none;
	overflow: hidden;
}

.layui-layer-bernd .tbox {
	font-size: 26px;
	color: #333333;
}

.layui-layer-bernd .tbox img {
	display: block;
	width: 100px;
	margin: 0 auto;
}

.layui-layer-bernd .tbox strong {
	margin-top: 25px;
	display: block;
}

.layui-layer-bernd .layui-layer-title {
	background-color: #EDEFF2;
}

.layui-layer-bernd .layui-layer-btn {
	padding: 0;
	margin-bottom: 60px ;
	font-size: 18px;
	text-align: center;
}

.layui-layer-bernd .layui-layer-btn a {
	background: #fff;
	border-color: #d1c9bb;
	color: #d1c9bb;
	border-radius: 4px;
	height: 52px;
	line-height: 50px;
	margin: 0 10px;
	padding: 0 15px;
	min-width: 200px;
}

.layui-layer-bernd .layui-layer-btn .layui-layer-btn0 {
	border-color: #d1c9bb;
	background-color: #d1c9bb;
	color: #666666;
}
.layui-layer-bernd .layui-layer-wrap{
	padding: 50px;

}
.addcartlayer .con {

	text-align: center;
}

.addcartlayer .con .btns {
	margin-top: 60px;
	font-size: 18px;
}

.addcartlayer .con .btns a {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border: 1px solid #d1c9bb;
	color: #d1c9bb;
	border-radius: 4px;
	height: 52px;
	line-height: 50px;
	margin: 0 10px;
	padding: 0 15px;
	min-width: 200px;
	cursor: pointer;
}

.addcartlayer .con .btns a.gotocart {
	border-color: #d1c9bb;
	background-color: #d1c9bb;
	color: #666666;
}

.addcartlayer .con .btns a:hover {
	opacity: .9;
}
/*

 *
 * news
 *
 *
 *
 * */
.news-sec{
	background: #fff url(../images/newsbg.png) repeat-y right top;
	background-size: 100% auto;
}

.newsnav{
	float: left;
	width: 25%;
	padding-top: 60px;
}
.newsnav ul li{
	padding: 25px 0;

}
.newsnav ul li.on{
	background: url(../images/newsnavico.png) no-repeat right center;
	border-bottom: 1px solid #dad0c1;
}
.newsnav ul li a{
	display: block;
	font-size: 20px;
	color: #999999;
	font-weight: bold;

}
.newsnav ul li:hover a{
	color:#F7B718;

}
.newsnav ul li.on a{
	font-size: 26px;
	color: #F7B718;
}
.newsnav ul li i{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 10px;
	height: 2px;
	background: #999999;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.newsnav ul li:hover i,
.newsnav ul li.on i{
	margin-left: 0;
	background: #F7B718;
	width: 20px;
}

.newscon{
	float: right;
	width: 66%;
	padding: 60px 0 60px 60px;
	background: #fbfaf9;
}
.newsswiper{
	--swiper-theme-color: #dad0c1;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-width:12px;
	--swiper-pagination-bullet-height:12px;
	--swiper-pagination-bullet-inactive-opacity:1;
}
.newsswiper .swiper-pagination{
	text-align: right;
	width:auto!important;
	left: auto!important;
	transform:none!important;
	right: 30px;
	bottom: 35px;
}
.newsswiper .swiper-pagination-bullet{
	border: 1px solid #dad0c1;
}
.newsswiper .swiper-slide{
	border-radius: 10px;
	background: #fff;
}
.newsswiper   .pic{
	width: 50%;
	float: left;
	border-radius: 10px;
	overflow: hidden;
}
.newsswiper  .pic img{
	display: block;
	width: 100%;
}
.newsswiper   .tbox{
	width: 50%;
	float: left;
	padding: 25px 30px;
	font-size: 14px;
}
.newsswiper  .tbox .time{
	color: #999999;
}
.newsswiper  .tbox .tit{
	margin-top: 15px;
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	font-weight: bold;
}
.newsswiper  .tbox .desc{
	font-size: 12px;
	color: #999999;
	line-height: 25px;
	height: 50px;
	margin-top: 15px;
}
.newsswiper  .tbox .more{
	display: inline-block;
	color: #F7B718;
	line-height: 20px;
	margin-top: 25px;
	padding-right: 30px;
	background: url(../images/newsmore.png) no-repeat right center;
}


.newsswiper  a:hover  .tbox .tit{
	color: #F7B718;
}

.newslist{
	margin-top: 30px;
}
.newslist li {
	border-bottom: 1px solid #dad0c1;
}
.newslist li a{
	display: block;
	padding: 20px 0;
}
.newslist li .time{
	font-size: 14px;
	color: #999999;
}
.newslist li .tit{
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}

/*

 *
 *
 * culturn
 *
 * */
.culture1-sec{
	position: relative;
}
.culture1-sec .pic img{
	display: block;
	width: 100%;
}
.culture1-sec .main{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
.culture1-sec .tbox{
	width: 50%;
	margin-left: 50%;
	padding: 40px;
	background: rgba(255,255,255,.9);
}
.culture1-sec .tbox dl{
	margin-top: 20px;
}
.culture1-sec .tbox dt{
	padding-left: 25px;
	font-size: 26px;
	line-height: 20px;
	border-left: 4px solid #d1c9bb;
}
.culture1-sec .tbox dd{
	padding-left: 25px;
	margin-top: 10px;
	font-size: 15px;
	line-height: 30px;
}

.culture2-sec{
	padding: 60px 0;
	background: #fff;
}
.culture2-sec .tbox p{
	margin-top: 30px;
	text-indent: 2rem;
}


/*

 *
 *
 * support
 *
 *
 * */
.support1-sec{
	background: #fff;
	padding: 30px 0;
}
.support1-sec .pic img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.support2-sec{
	background: #fff;
	padding: 20px 0;
}
.support2-sec ul{
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;

}
.support2-sec ul li{
	flex: 0 0 calc(33.33% - 34px);
	background: #999999 url(../images/sp1.png) no-repeat right 25px;
	border-radius: 0px 10px 10px 10px;
}
.support2-sec ul li:nth-child(2){
	background-color: #666666;
	background-image: url(../images/sp2.png);
	border-radius:  10px 0 10px 10px;
}
.support2-sec ul li:nth-child(3){
	background-color: #333333;
	background-image: url(../images/sp3.png);
	border-radius:  10px 10px 0 10px;
}

.support2-sec ul li a{
	display: block;
	padding: 40px 40px 30px 40px;
	color: #fff;
}
.support2-sec ul li .tit{
	font-size: 26px;
}
.support2-sec ul li .more{
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	opacity: 0.5;
	padding-right: 40px;
	background: url(../images/spmore.png) no-repeat right center;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;

}
.support2-sec ul li .more span{
	display: inline-block;
	line-height: 24px;
	border-bottom: 1px solid #fff;
}
.support2-sec ul li:hover .more{
	opacity: 1;
	padding-right: 50px;
}
.support3-sec{
	padding: 30px 0;
	background: #fff;
}
.support3-sec .main{
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: flex-end;

}

.support-info{
	display: inline-flex;
	align-items: flex-end;
	justify-content: space-between;
}

.support-info .ewm{
	margin-left: 50px;
	width: 120px;
	background: #fff;
	border-radius: 4px;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}
.support-info .ewm img{
	display: block;
	width: 100%;
}
.support-info ul li{
	margin-top: 25px;
	padding-left: 55px;
	background: url(../images/sptelico.png) no-repeat left center;
}
.support-info ul li:nth-child(2){
	background-image: url(../images/spemillico.png);
}

.support-info ul li .tit{
	font-size: 18px;
	color: #999999;
}
.support-info ul li .desc{
	font-size: 22px;
	color: #333333;
}
.support-info ul li .desc span{
	font-size: 14px;
	color: #666666;
}
.support-search{
	width: 53%;
	display: inline-flex;
	align-items: flex-end;
	justify-content: space-between;
}
.support-search .box{
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 56%;
	margin-left: 2%;
	background: #f6f6f6;
	border-radius: 50px;
	padding: 5px;
	line-height: 50px;
}
.support-search .box:first-child{
	width: 40%;
}
.support-search   label{
	padding: 0 10px;
	color: #666666;
}
.support-search select {
	width: 130px;
	border: solid 1px #ddd;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	padding-right: 30px;
	padding-left: 15px;
	border: none;
	border-radius: 50px;
	height: 50px;
	line-height: 50px;
	background: #fff url(../images/navdown.png) no-repeat 90% center;
}
.support-search select::-ms-expand { display: none; }
.support-search select+select{
	margin-left: 5px;
}

.support-search .layui-btn{
	margin-left: 5px;
	background: #dad0c1;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	border-radius: 50px;
}
.support4-sec{
	padding: 20px 0 50px;
}
.support4-sec .main{
	border-radius: 30px 30px 0 0;
	overflow: hidden;

}
.support4-sec table{
	color: #999999;
	text-align: left;

}
.support4-sec table tr{
	border-bottom: 1px solid #e5e5e5;

}
.support4-sec .table-header{
	background: #dad0c1;
	color: #666666;

}
.support4-sec .table-header th{
	font-weight: normal;
	padding: 20px 0;

	padding-left: 30px;
}
.support4-sec table i{
	color: #666666;
	font-weight: normal;
	font-style: normal;
}
.support4-sec table .mapico{
	padding-left: 30px;
	background: url(../images/mapico.png) no-repeat left center;
}
.support4-sec table span{
	font-size: 18px;
	color: #e50012;
}
.support4-sec table .result{
	background: #fbfaf9;
}
.support4-sec table strong{
	font-size: 18px;
	color: #333;
}
.support4-sec table td{

	padding: 25px 0;
	padding-left: 30px;

}



/*

 *
 *
 * login
 *
 *
 *
 * */

.login-container{width: 500px; margin: 0 auto ;padding: 90px 0;}
.login-other .layui-icon{position: relative; display: inline-block; margin: 0 2px; top: 2px; font-size: 26px;}
.login-container .tit{
	margin-bottom: 50px;
	color: #d1c9bb;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	background: url(../images/xian.png) no-repeat center;
}
.login-container .layui-form-item{
	margin-bottom: 40px;
}
.login-container .layui-input  {
	font-size: 14px;
	height: 52px;
	line-height: 50px;
	border-radius: 10px;
	padding-left: 60px!important;
	background: #f9f9f9;
	border: 1px solid #e3e3e3;
}
.login-container   .layui-input-prefix,
.login-container .layui-input-split,
.login-container .layui-input-suffix,
.login-container .layui-input-suffix .layui-input-affix{
	width: 60px;
}
.login-container .layui-input-wrap{
	line-height: 50px;
}
.login-container   .layui-icon{
	color: #dedede;
	font-size: 25px;
}
.layui-input:focus, .layui-textarea:focus {
	border-color: #d1c9bb !important;
	box-shadow: 0 0 0 3px rgba(209, 201, 187, .1);
	background: #fff;
}
.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus {
	border-color: #e50012 !important;
	background: #fff;
}
.getvercode{
	position: absolute;
	right:1px;
	top: 1px;
	line-height: 50px;
	height: 50px;
	color: #999999;
	border-radius:0 10px 10px 0;
	background: #f9f9f9;
}
.getvercode:hover{
	color: #d1c9bb;
}
.login-container .tip{
	font-size: 12px;
	color: #999999;
	padding-left: 24px;
	margin-bottom: 20px;
}
.login-container .layui-form-checkbox[lay-skin=primary]>div{
	font-size: 12px;
	color: #333333;
	padding-right: 0;
}
.login-container .layui-form-item .layui-form-checkbox[lay-skin=primary] {
	margin : 0;
}
.agreementbox{
	font-size: 12px;
}
.login-container .blue{
	color: #0077e5;
}
.agreementbox a{
	cursor: pointer;
}
.agreementbox   .layui-icon{
	color: #fff;
}
.agreementbox  .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #d1c9bb;}
.agreementbox   .layui-form-checked[lay-skin=primary]>i {
	border-color: #d1c9bb !important;
	background-color: #d1c9bb;
}

.submit-login{
	line-height: 60px;
	height: 60px;
	border-radius: 10px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	background: #d1c9bb;
}
/*

 *
 *
 *
 * order
 *
 *
 *
 *
 * */
.neworder-sec{
	padding: 40px 0;
}
.borderbox{
	border-radius: 10px;
	border: 10px solid #f6f6f6;
	overflow: hidden;
	background: #fff;
}
.neworder-sec .main{
	padding: 10px;
}
.usertitle{
	padding:30px  20px 0;
	font-size: 18px;
	border-bottom: 2px solid #f6f6f6;
}
.usertitle strong{
	display: inline-block;
	padding-bottom: 20px;
	border-bottom: 4px solid #e50012;
}
.usertitle a{
	display: block;
}
.usertitle .layui-icon{
	float: right;
	font-weight: bold;
	font-size: 20px;
}
.neworder-sec .layui-row{
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #d9d0bf;
	border-radius: 10px;
}
.grid-tit{
	line-height: 45px;
	padding-left: 10px;
}
.grid-text{
	color: #999;
	line-height: 45px;

}
.gobackcart{
	text-align: right;
	padding-right: 40px;
}
.neworder-sec .tips{
	margin-right: 10px;
	background: url(../images/tips.jpg) no-repeat center;
	width: 20px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}
.grid-btn{
	text-align: right;
}
.addNewAddrbtn {
	height: 45px;
	line-height: 45px;
	background: #d9d0c1;
	border-radius: 10px;
	font-size: 16px;
	color: #333;
	padding: 0 45px;
}
.addNewAddrbtn .layui-icon-addition{
	font-size: 20px;
	margin-right: 10px;

}
.addNewAddrbox {
	padding: 30px 60px 0;
}
.openAddr,
.addNewAddr:hover{
	cursor: pointer;
}
.addNewAddrbox .layui-textarea {
	min-height: auto;
}

.addNewAddrbox select {
	height: 38px;
	line-height: 1.3;
	line-height: 38px\9;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 2px;
	width: 143px;
	margin-right: 15px;
	display: inline-block;
	font-size: 14px;
	padding-left: 10px;
}

.addNewAddrbox select:last-child {
	margin-right: 0;
}
.addresslist   .layui-form-checkbox>.lay-skin-checkcard,
.addresslist   .layui-form-radio>.lay-skin-checkcard {
	padding: 12px;
	white-space: normal;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	color: #000;
	background-color: #fff;
}
.addresslist  .layui-form-checkbox>.lay-skin-checkcard>*,
.addresslist   .layui-form-radio>.lay-skin-checkcard>* {
	vertical-align: top;
}
/* 悬停 */
.addresslist  .layui-form-checkbox:hover>.lay-skin-checkcard,
.addresslist  .layui-form-radio:hover>.lay-skin-checkcard {
	border-color: #d9d0c1;
}
/* 选中 */
.addresslist  .layui-form-checked>.lay-skin-checkcard,
.addresslist   .layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
	color: #000;
	border-color: #d9d0c1;
	background-color: rgba(217,208,193, 0.1) !important;
}
/* 禁用 */
.addresslist  .layui-checkbox-disabled>.lay-skin-checkcard,
.addresslist   .layui-radio-disabled>.lay-skin-checkcard {
	box-shadow: none;
	border-color: #e5e5e5 !important;
	background-color: #eee !important;
}

/* 选中 dot */
.addresslist   .layui-form-checked>.lay-check-dot:after,
.addresslist   .layui-form-radioed>.lay-check-dot:after {
	position: absolute;
	content: "";
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	border-width: 10px;
	border-style: dashed;
	border-color: transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 6px;
	border-top-color: #d9d0c1;
	border-top-style: solid;
	border-right-color: #d9d0c1;
	border-right-style: solid;
	overflow: hidden;
}
.addresslist   .layui-checkbox-disabled>.lay-check-dot:after,
.addresslist   .layui-radio-disabled>.lay-check-dot:after {
	border-top-color: #d2d2d2;
	border-right-color: #d2d2d2;
}
/* 选中 dot-2 */
.addresslist   .layui-form-checked>.lay-check-dot-2:before,
.addresslist   .layui-form-radioed>.lay-check-dot-2:before {
	position: absolute;
	font-family: "layui-icon";
	content: "\e605";
	color: #fff;
	bottom: 2px;
	right: 2px;
	font-size: 9px;
	z-index: 12;
}
.addresslist  .layui-form-checked>.lay-check-dot-2:after,
.addresslist  .layui-form-radioed>.lay-check-dot-2:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	border-width: 10px;
	border-style: dashed;
	border-color: transparent;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 0px;
	border-right-color: #d9d0c1;
	border-right-style: solid;
	border-bottom-color: #d9d0c1;
	border-bottom-style: solid;
	overflow: hidden;
}
.addresslist   .layui-checkbox-disabled>.lay-check-dot-2:before,
.layui-radio-disabled>.lay-check-dot-2:before {
	color: #eee !important;
}
.addresslist   .layui-checkbox-disabled>.lay-check-dot-2:after,
.addresslist   .layui-radio-disabled>.lay-check-dot-2:after {
	border-bottom-color: #d2d2d2;
	border-right-color: #d2d2d2;
}
.addresslist .layui-form-radio,
.addresslist .layui-form-radio>*{
	display: block;
}

.addresslist li{
	float: left;
	width: 49%;
	background: #fff;
	color: #999999;
	margin:  5px 2% 5px 0;
}
.openaddresslist .addresslist li:nth-child(2n){
	margin-right: 0;
}

.addresslist .name{

	color: #333333;
}
.addressText{
	margin-top:10px;
	line-height: 20px;
	height: 40px;
}
.addresslist .btns{
	text-align: right;
	margin-top: 10px;
	font-size: 14px;
}
.addresslist .btns a{
	color: #bb0210;
	margin-left: 20px;
}
.addresslist .btns a:hover{
	color: #999;
}
.default {
	border-radius: 25px;
	font-size: 12px;
	background: #7a7a7a;
	color: #fff;
	margin-left: 10px;
	line-height: 22px;
	padding: 0 5px;
	display: inline-block;
	font-style: normal;
}
.layui-layer-rim2 {
	border : 6px solid #d9d0c1;
}
.layui-layer-rim2 .layui-layer-wrap{
	padding: 10px;
}
.redcolor {
	color: #e50012;
}
.addNewAddrbox select {
	display: block;
	width: 100%;
	border: solid 1px #cccccc;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius: 4px;
	height: 40px;
	line-height: 38px;
	background: #fff url(../images/navdown.png) no-repeat 90% center;
}
.addNewAddrbox .layui-row{
	overflow: hidden;
}
.addNewAddrbox .layui-form-label{
	width:100px;
	padding: 0  ;
	line-height: 40px;
	color: #666;
}


.addNewAddrbox .layui-input,.addNewAddrbox  .layui-textarea {
	border-color:#cccccc ;
	line-height: 38px;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
}
.addNewAddrbox .layui-input{
	height: 40px;
}
.addNewAddrbox  .layui-textarea{
	height: 78px;
}
.addNewAddrbox .tips{
	display: inline-block;
	background: #faf8f4;
	border-radius: 4px;
	font-size: 13px;
	line-height: 40px;
	padding: 0 10px;
}
.addNewAddrbox .tips i{
	font-size: 20px;
	color: #d1c9bb;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}
.addNewAddrbox .tags{
	color: #999;
	font-size: 14px;
	line-height: 40px;
}
.addNewAddrbox .tags span{
	color: #333;
	border-radius: 25px;
	vertical-align: middle;
	display: inline-block;
	min-width: 60px;
	padding: 0 5px;
	background: #f0f0f0;
	text-align: center;
	margin-left: 10px;
	line-height: 30px;
	height: 30px;
}
.addNewAddrbox  .layui-form-checked[lay-skin=primary]>div{
	color: #ca141d;
}
.addNewAddrbox  .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #ca141d;}
.addNewAddrbox   .layui-form-checked[lay-skin=primary]>i {
	border-color: #ca141d !important;
	background-color: #ca141d;
}
.addNewAddrbox .layui-layer-btn{
	margin-top: 0;
}
.addresslist2{
	padding-right: 120px;
}
.addresslist2 li{
	margin-bottom: 10px;
}
.addresslist2 .layui-form-label{
	width: 110px;
	border: 1px solid #d9d0c1;
	border-radius: 5px;
	height:38px;
	line-height: 38px;
	padding:0 10px;
	text-align: center;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.addresslist2 .ischecked .layui-form-label{
	border-width: 2px;

}
.addresslist2 .ischecked .layui-form-label:after{
	content: "";
	position: absolute;
	right: -2px;
	top: -2px;
	width: 18px;
	height: 18px;
	background: url(../images/ischecked.png) no-repeat center;
}

.addresslist2 .layui-input-block {
	margin-left: 145px;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 250px;
	font-size: 14px;
	color: #666666;
}
.addresslist2 .layui-input-block:hover{
	background: #f7f6f3;
}
.addresslist2 .layui-input-block span{
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	height: 40px;
	margin: 0 0 0 20px;
}
.addresslist2 .btns {
	position: absolute;
	right: 10px;
	top:10px;
	line-height: 20px;
	display: none;
}
.addresslist2 li:hover  .btns{
	display: block
}
.addresslist2 .btns a{
	font-size: 12px;
	color: #4f9bf9;
	margin-right: 5px;
}
.addresslist2 .btns a:hover{
	color: #e3010f;
}
.addresslist2 .ischecked .set{
	/*display: none;*/
}
.addresslist2 .addressText{
	width: 287px;
}

.layui-layer-bernd .layui-layer-title{
	border-bottom: 2px solid #f6f6f6;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	background: #fff;
	position: relative;
	padding:30px 80px 10px 80px;
}
.layui-layer-bernd .layui-layer-title:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 80px;
	border-bottom: 4px solid #e50012;
	width: 80px;
}

.layui-font-blue{
	color: #4f9bf9!important;
}
.orderinfo{
	display: flex;
	justify-content: space-between;
	align-content: center;
	/*align-items: center;*/
	font-size: 14px;
	background: #f2efea;
	border-radius: 10px;
	margin: 0 -2.5px -2.5px;
}
.orderinfo li{
	width: 50%;
	border-radius: 10px;
	padding:30px;
}
.orderinfo li:nth-child(1){
	background: #f2efea;
	align-self: center;
}
.left-pro-box{
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background: #f2efea;
}
.left-pro-box+.left-pro-box{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #d9d0bf;
}
.orderinfo li:nth-child(2){
	background: #f7f6f2;
}
.orderinfo .pic{
	padding: 10px;
	border-radius: 5px;
	background: #fff;
}
.orderinfo .pic img {
	display: block;
	width: 80px;
}
.orderinfo .tbox{
	width: 160px;
}
.orderinfo .color{
	color: #666;
	margin-top: 15px;
}
.orderinfo .price{
	color: #e50012;
	font-size: 16px;
}
.orderinfo .quantity{
	color: #333;
}
.orderinfo .layui-form-label{
	padding: 10px;
}
.orderinfo .layui-form-item .layui-input-inline{
	width: 300px;
}
.expressprice{
	color: #e50012;
	font-size: 16px;
	line-height: 36px;
}
.orderinfo .layui-font-blue{
	font-size: 12px;
	line-height: 36px;
}
.orderaddress{
	margin-top: 50px;
	padding-left: 20px;
}
.orderaddress li{
	margin-bottom: 20px;

}
.orderaddress i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	width: 35px;
	height: 35px;
}
.addressico{
	background: url(../images/addressico.png) no-repeat center;
}
.userico{
	background: url(../images/userico.png) no-repeat center;
}

.orderaddress li span{
	font-size: 14px;
	color: #666666;
}
.pricesdetails{
	text-align: right;
	font-size: 14px;
	color: #666666;
}
.pricesdetails li{
	margin: 5px 0;
}
.pricesdetails span{
	font-size: 16px;
	color: #e60015;
	font-weight: 600;
	min-width: 140px;
	display: inline-block;
	vertical-align: middle;
}
.pricesdetails strong{
	font-size: 26px;
	color: #e60015;
}
.submitorder {
	margin-top: 20px;
	width: 150px;
	height: 70px;
	line-height: 70px;
	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	background: linear-gradient(90deg, rgb(255, 119, 0), rgb(229, 0, 18));
}





/*

 *
 * payment
 *
 *
 *
 *
 *
 *
 * */

.payment-sec{
	padding: 55px 0;

}
.payment-sec .main{
	padding:40px 20px;
	background: url(../images/paybg.png) no-repeat 95% 40px;

}
.payment-sec .tbox{
	color: #666666;
}
.payment-sec .tbox .tit{
	font-size: 22px;

}
.payment-sec .tbox .desc {
	line-height: 40px;
}
.payment-sec .tbox .desc  strong{
	color: #e50012;
}
.paymentmethod .tit{
	margin: 30px 0;
	padding: 0 20px;
	font-size: 22px;
	color: #666666;
	line-height: 70px;
	background: url(../images/paymethodbg.png) no-repeat left bottom;
}
.paymentmethod .layui-form-radio:hover>*, .paymentmethod .layui-form-radioed, .paymentmethod .layui-form-radioed>i {
	color: #d31a1a;
}
.paymentmethod .layui-form-radio>*{
	vertical-align: top;

	line-height: 40px;
}
.paymentmethod .layui-form-radio span{
	color: #333333;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;

}
.paymentmethod .layui-form-radio span img{
	margin-right: 10px;
}

.paymentmethod  .invoice-header{
	display: inline-block;
	color: #666666;
	font-size: 16px;
}
.payorder {
	margin-top: 30px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #d9d0c1;
	border-radius: 10px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.paymentmethod-code{
	padding: 30px 0;
	text-align: center;
}
.paymentmethod-code .bg{
	margin-left: -20px;
	height: 10px;
	background: url(../images/paymethodbg.png) no-repeat left top;
}
.paymentmethod-code .tip {
	margin-top: 40px;
}
.paymentmethod-code .tip .tit{
	font-size: 18px;
	font-weight: bold;
}
.paymentmethod-code .tip .desc{
	margin-top: 10px;
	color: #666666;
}
.paymentmethod-code .tip .desc strong{
	color: #e50012;
}
.paymentmethod-code .codeimg{
	margin-top: 40px;
}
.paymentmethod-code .codeimg img{
	display: block;
	margin: 0 auto;
	width: 539px;
	max-width: 100%;
}
.paymentmethod-code .codebox{
	margin: 25px auto;
	width: 160px;
	height: 160px;
	padding: 10px;
	border-radius: 10px;
	overflow: hidden;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}
.paymentmethod-code .codebox img{
	display: block;
	width: 100%;
}
.paymentmethod-code .waybox {
	text-align: center;
}
.paymentmethod-code .waybox li{
	width: 50px;
	display: inline-block;
	margin: 0 10px;
}
.paymentmethod-code .waybox li img{
	display: block;
	width: 100%;
}
.ordersuccesslayer .tbox{
	text-align: center;
}
.ordersuccesslayer .tbox strong{
	color: #e60f1e;
}
.ordersuccesslayer .tip{
	margin-top: 30px;
}
.ordersuccesslayer .tip .tit{
	font-size: 20px;
}
.ordersuccesslayer .tip .desc{

	color: #666666;
	font-size: 18px;
}
.ordersuccesslayer .tip .desc i{
	font-weight: bold;
	font-style: normal;
	color: #e60f1e;

}
.ordersuccesslayer .tip .desc strong{
	display: inline-block;
	vertical-align: middle;
	border-radius: 25px;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	background: #e60f1e;
	margin: 0 5px;
	padding: 0 8px;
}
.ordersuccesslayer .tip .desc p{
	margin-top: 5px;
}
.ordersuccesslayer .btns{
	margin-top: 70px;
	text-align: center;
	font-size: 18px;
}
.ordersuccesslayer .btns .back{
	display: inline-block;
	font-weight: bold;
	line-height: 46px;
	height: 50px;
	border: 2px solid #f6f6f6;
	border-radius: 25px;
	padding:  0 30px;
}
.ordersuccesslayer .btns .back:hover{
	border-color: #d9d0c1;
}


/*

 *
 *
 *
 * cart
 *
 *
 *
 *
 * */
.cart-sec{
	padding: 40px 0;
}
.cart-tool{
	margin-top: 30px;
	padding: 0 20px;
}
.cart-tool .btn{
	display: inline-block;
	line-height: 28px;
	margin-right: 5px;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid rgba(153,153,153,.3);
	cursor: pointer;
}
.cart-tool .btn:hover{
	border-color: #dad0c1;
	color: #dad0c1;
}
.cart-tool .layui-form-checkbox[lay-skin=primary]{
	padding-left: 40px;
}
.cart-sec .layui-form-checkbox[lay-skin=primary]>i{
	width: 20px;
	height: 20px;
	line-height: 18px;
}
.cart-tool .layui-form-checkbox[lay-skin=primary]>div{
	color: #333333;
	line-height: 20px;
}
.cart-sec .layui-form-checked[lay-skin=primary]>i {
	border-color: #e50012 !important;
	background-color: #e50012;
}
.cart-sec .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #e50012;
}
.cartmain{
	padding: 10px;
}
.cart-header{
	background: #f8f6f3;
	border-radius: 10px;
	line-height: 40px;
	font-size: 14px;
}
.cart-header span{
	position: relative;
	display: inline-block;
}
.cart-header span:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 10px;
	height: 2px;
	background: #dad0c1;
}
.cart-list{
	border: 1px solid #ecedef;
	border-radius: 10px;
	padding: 20px 10px;
	margin-top: 10px;
	font-size: 14px;
}
.checkbox{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.cartpro {
	display: block;
	padding-left: 24px;
}

.cartpro .pic {
	padding: 10px;
}

.cartpro .pic img {
	display: block;
	max-width: 100%;
	max-width: 100%;
}

.cartpro .tit {
	margin:30px 0  0 10px;

}

.cart-list  .color {
	margin-top: 40px;
	color: #666;
}
.cart-list  .color .layui-form-select dl dd.layui-this {
    background-color: #f8f8f8;
    color: #333;
}
.spinner2 {
	margin-top: 40px;
	position: relative;
	display: inline-block;
	height: 26px;
	border-color: #d6d4d5;
	text-align: center;
	padding: 0 30px;
}

.spinner2 .number {
	width: 40px;
	height: 30px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
	border-top: 1px solid #d6d4d5;
	border-bottom: 1px solid #d6d4d5;
	text-align: center;
}

.spinner2 .btnSpin {
	width: 30px;
	height: 30px;
	line-height: 28px;
	position: absolute;
	border: 1px solid #d6d4d5;

}

.spinner2 .btnSpin.up {
	top: 0;
	border-radius: 0 4px 4px 0;
}

.spinner2 .btnSpin.down {
	left: 0;
	border-radius: 4px 0 0 4px;
}

.spinner2 .btnSpin:hover {
	background: #f8f6f3;
}

.cart-list .price{
	color: #e50012;
	display: inline-block;
	margin-top: 40px;
}
.cart-list .price strong{
	font-size: 16px;
	display: block;
}
.cart-list .price span{
	font-size: 12px;
	display: block;
}
.cart-list .price .coupons{
	display: block;
	margin-top: 5px;
}
.cart-list .price .coupons img{
	display: block;
	width: 47px;
}
.rightbtn{
	margin-top: 40px;
}
.rightbtn a{
	display: inline-block;
	font-size: 13px;
	color: #999999;
	margin-left: 10px;
	cursor: pointer;
}
.rightbtn a.addcollection{
	font-size: 12px;
	border: 1px solid  #999999;
	border-radius: 25px;
	line-height: 23px;
	padding: 0 10px;
	margin-left: 0;
}
.rightbtn a:hover{
	color: #e50012;
	border-color: #e50012;
}
.layui-layer-bernd-btncolor .layui-layer-btn .layui-layer-btn0{
	border-color: #d1c9bb;
	background-color: #d1c9bb;
	color: #666666;
}
.settlement-details{
	margin-top: 15px;
	padding: 30px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 20px rgba(209, 201, 187, 0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(209, 201, 187, 0.1);
	box-shadow: 0px 0px 20px rgba(209, 201, 187, 0.1);
}
.settlement-details .amount{
	font-size: 18px;
	margin-top: 100px;
	margin-left: 30px;
}
.settlement-details .amount span{
	font-size: 14px;
	color: #666666;
}
.settlement-details .amount strong{
	font-size: 20px;
	color: #e50012;
}

/*

 *
 *
 *
 * orderinfo
 *
 *
 *
 *
 * */
.stepNavi {
	margin-top: 60px;
	text-align: center;
	font-size: 14px;
	color: #666;
	padding: 0 20px;
}

.stepNavi li {
	position: relative;
	float: left;
	width: 20%;
	z-index: 1;

}
.stepNavi li:first-child{
	text-align: left;
}
.stepNavi li:last-child{
	text-align: right;
}
.stepNavi li .tbox{
	display: none;
	text-align: center;
}
.stepNavi li.on .tbox{
	display: inline-block;
}
.stepNavi li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	width: 100%;
	height: 2px;
	background: #f6f6f6;
	z-index: -1;
}
.stepNavi li:first-child:after {
	left: 27px;
}
.stepNavi li:last-child:after {
	right: 27px;
	left: auto;
}
.stepNavi li.on:after {
	background: #e50012;
}

.stepNavi li em {
	font-style: normal;
	font-weight: bold;
	width: 39px;
	height: 39px;
	line-height: 39px;
	border-radius: 50%;
	background: url(../images/stepNavi.png) no-repeat center;
	text-align: center;
	display: block;
	margin: 0 auto 10px;
}
.stepNavi li.on em {
	color: #e50012;
	font-size: 0;
	background-image: url(../images/stepNavi-on.png);
}
.stepNavi li:first-child em{
	margin-left: 20px;
}
.stepNavi li:last-child em{
	margin-right: 20px;
}
.orderinfo-sec{
	padding: 40px 0;
}
.orderinfo-sec .main{
	padding: 10px;
	margin-top: 60px;
}
.orderinfo-sec .layui-row{
	border: 1px solid #d9d0bf;
	border-radius: 10px;
	overflow: hidden;
}
.orderinfo-sec .main .title{
	font-weight: bold ;
	line-height: 60px;
	padding:0 20px;
}
.ordertable{
	margin: 0;
	font-size: 14px;
	color: #333;
}
.ordertable .listhead{
	background: #f8f6f3;
	font-size: 13px;
	color: #999;

}
.ordertable .listhead span{
	margin-right: 45px;
	padding-left: 10px;
	border-left: 2px solid #dad0c1;
	line-height: 10px;
	display: inline-block;
	font-weight: normal;

}
.ordertable .listhead span i{
	font-style: normal;
}
.ordertable td{
	padding: 30px;
	line-height: 30px;
}
.ordertable .con{
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;

}
.ordertable .con+.con{
	padding-top: 10px;
	margin-top: 10px;
}
.ordertable .con .pic{
	width: 100px;
}
.ordertable .con .pic img{
	display: block;
	width: 100%;
}
.ordertable .con .pic+.tbox{
	flex: 0 0 calc(100% - 150px);
	word-break: break-word;
	word-wrap:  break-word;
	max-width: 230px;
}
.ordertable .con .tbox .tit{
	line-height: 22px;
	color: #333;
}
.ordertable .con .tbox .desc{
	color: #666666;
	margin-top: 10px;
}
.ordertable .con .tbox .desc span{
	margin-right: 30px;
}
.orderstate{
	margin-right: 80px;
	font-size: 30px;
	color: #E50012;
	font-weight: bold;
}
.ordertable .layui-btn{
	border-color:#f8f6f3;
	background: #f8f6f3;
	border-radius: 4px;
	font-size: 14px;
}
.ordertable .layui-btn:hover {
	border-color: #e50012;
	background: #e50012;
	color: #fff;
}

/*

 *
 *
 *
 *
 *
 *
 *
 * */
.addressinfo-sec{
	padding: 40px 0;
}
.information-left{
	background: #f6f6f6;
	border-radius: 10px;
	padding: 10px;
}
.personinfo{
	margin-top: 75px;
	background: #fff;
	border-radius: 10px;
}
.personinfo .box{
	position: relative;
	top: -60px;
}
.portrait{
	margin: 0 auto;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	background: #dad0c1;
}
.portrait img{
	display: block;
	width: 84px;
	height: 84px;
	margin: 18px auto ;
	border-radius: 50%;
	overflow: hidden;
}
.personinfo .tbox {
	position: relative;
	top: 20px;
	margin-top: 10px;
	padding: 0 20px;
}
.personinfo .tbox dt{
	display: inline-block;
	font-size: 14px;
	color: #666666;
}
.personinfo .tbox dd{
	display: inline-block;
}
.personinfo .layui-icon{
	font-size: 20px;
	color: #999;
	margin-left: 5px;
	vertical-align: middle;
}
.personinfo .layui-icon:hover{
	color: #d9d0bf;
}
.editface{
	margin-top: 5px;
	text-align: center;
	font-size: 13px;
}
.editface a{
	color: #999;
}

.user-navlist{
	background: #fafafa;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10px;
}
.user-navlist li{
	line-height: 60px;
	border-radius: 10px;
}
.user-navlist li:hover{
	background: #fff;
}
.user-navlist li.on{
	background: #F7B718;
}
.user-navlist li a{
	position: relative;
	display: block;
	font-size: 18px;
	padding: 0 30px 0 20px;
}
.user-navlist li.on a{
	font-weight: bold;
}
.user-navlist .layui-icon{

	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
.user-navlist .layui-icon:first-child{
	font-size: 26px;
	color: #dad0c1;
	background: -webkit-radial-gradient(ellipse, #f8f3ea, #bfb6a7, #f8f3ea);
	background: radial-gradient(ellipse, #f8f3ea, #bfb6a7, #f8f3ea);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.user-navlist .layui-icon-right{
	position: absolute;
	right: 30px;
	color: #999;
	font-size: 18px;
	margin: 0;
}
.user-navlist li.on .layui-icon{
	color: #333!important;
}
.user-navlist li.on .layui-icon:first-child{
	color: #333 ;
	background: no-repeat;
	-webkit-text-fill-color:inherit;
}


.information-right .addNewAddrbtn{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 30px ;
}
.addNewAddrbtn .layui-icon-location{
	font-size: 18px;
	margin-right: 10px;
}

.information-right .main{
	margin-top: 10px;
}
.addresslist3{
	padding: 20px;
	font-size: 14px;
	color: #666;
}
.addresslist3 li{
	margin-bottom: 10px;
}
.addresslist3 li{
	border: 2px solid #dad0c1;
	border-radius: 10px;
	padding: 20px;
}
.addresslist3 .layui-form-item{
	margin-bottom: 0;
}
.addresslist3 li .name{
	font-size: 16px;
	color: #333;
	padding: 0  15px;
	margin-bottom: 10px;
}
.addresslist3 .layui-form-label{
	color: #999;
}

.addresslist3 li .btns{
	text-align: right;
	color: #4f9bf9;
	margin-top: -30px;
	position: relative;
	z-index: 2;
}
.addresslist3 li .btns a{
	color: #4f9bf9;
	margin-left: 15px;
	cursor: pointer;
}
.addresslist3 li .btns a:hover{
	color: #ed0c0c;
}
.addresslist3 li:first-child .btns a:first-child{
	/*display: none;*/
}

.layui-bg-gray {
	margin: 0!important;

	background: #fff!important;
}
.layui-bg-gray .layui-tab-title{
	text-align: center!important;
	height: 60px;
	border-bottom: 2px solid #dad0c1;
}
.layui-bg-gray .layui-tab-title li{
	font-size: 18px;
	color: #666666 ;
	padding: 0;
	line-height: 60px;
	margin: 0 50px;
}
.layui-bg-gray.layui-tab-brief>.layui-tab-title .layui-this{
	color: #333333;
	font-weight: bold;

}
.layui-bg-gray .layui-tab-title .layui-this:after{
	height: 60px;
}
.layui-bg-gray.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-bg-gray.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #333;
}
.layui-bg-gray .layui-nav-item {
	margin-top: 0;
	list-style: none;
	vertical-align: middle;
	line-height: 60px;
}
.ordertable .flexmore{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.invoice-btns .layui-btn{

}
.invoice-btns .nobg{
	background: #fff;
	border-color: #fff;
}

.invoice-btns .layui-btn .layui-icon{
	color: #dad0c1;
	font-size: 20px;
	margin-right: 5px;
}
.invoice-btns .layui-btn:hover {
	border-color: #dad0c1;
	background: #fff;
	color: #333;
}
.layui-bg-primary{
	background: #dad0c1!important;
	color: #333!important;
	cursor: not-allowed !important;
}
.layui-bg-blue {
	background-color: #e1ecfb !important;
	color: #5983aa !important;
}
.layui-bg-red{
	background-color: #faccd0 !important;
	color: #ed0c0c !important;
	cursor: not-allowed !important;
}
.layui-laypage a:hover {
	color: #dad0c1;
}
#laypage-normal-style{
	text-align: center
}
/*

 *
 *
 *
 * myorder
 *
 *
 *
 * */
.myorder-sec{
	padding: 40px 0;
}
.layui-bg-rede50012 {
	margin:  30px 0 0 0!important;
	background: #fff!important;
}
.layui-bg-rede50012 .layui-tab-title{
	text-align: center!important;
	height: 100px;
	border-bottom: 2px solid #f6f6f6;
}
.layui-bg-rede50012 .layui-tab-title li{
	font-size: 18px;
	color: #333 ;
	padding: 0;
	line-height: 67px;
	margin: 0 85px;
}
.layui-bg-rede50012.layui-tab-brief>.layui-tab-title .layui-this{
	color: #e50012;

}
.layui-bg-rede50012 .layui-tab-title .layui-this:after{
	height: 100px;
}
.layui-bg-rede50012.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-bg-rede50012.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 4px solid #e50012;
}
.layui-bg-rede50012 .layui-nav-item {
	margin-top: 0;
	list-style: none;
	vertical-align: middle;
	line-height: 60px;
}

.layui-bg-rede50012 .layui-tab-title i{
	display: block;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	width: 35px;
	background: url(../images/orderico1.png) no-repeat center;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.layui-bg-rede50012 .layui-tab-title li:nth-child(2) i{
	background-image: url(../images/orderico2.png);
}
.layui-bg-rede50012 .layui-tab-title li:nth-child(3) i{
	background-image: url(../images/orderico3.png);
}
.layui-bg-rede50012 .layui-tab-title .layui-this i{
	filter:none
}
/*

 *
 *
 *
 * user-note
 *
 *
 *
 * */

.user-note{
	margin-bottom: 10px;
	padding: 30px;
	border-radius: 10px;
	background: #ffd8b7 url(../images/notebg.jpg) no-repeat  right top;
	overflow: hidden;
	color: #666;
	font-size: 14px;
}
.user-note .tit{
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.user-note p+.tit{
	margin-top: 25px;
}
.user-note strong.tit{
	color: #333;
}
.myScrollbar .layui-table{
	width: 2000px;
}
.scrollbox{
	margin-bottom: 15px;
	height: 20px;
	background: url(../images/scrollbar.png) no-repeat left center;
}
.scrollbox.hide{
	display: none;
}
.integral-details .checkbox,
.ordertable .checkbox{
	position: static;
	transform:none;
}
.checkbox .layui-form-checkbox[lay-skin=primary]>i{
	width: 20px;
	height: 20px;
	line-height: 18px;
}
.cart-toordertableol .layui-form-checkbox[lay-skin=primary]>div{
	color: #333333;
	line-height: 20px;
}
.checkbox .layui-form-checked[lay-skin=primary]>i {
	border-color: #e50012 !important;
	background-color: #e50012;
}
.checkbox .layui-form-checkbox[lay-skin=primary]:hover>i {
	border-color: #e50012;
}
.ordertableheader{
	margin: 0;
	font-size: 14px;
	color: #666;
	border: 0;
}
.ordertableheader th{
	font-weight: normal;
	border: 0;
	padding-left: 20px;
	border-bottom: 2px solid #dad0c1;

}
.ordertable .con .pic {
	width: 80px;
}

.print-button {
	margin-top: 30px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	background: #d1c9bb;
}
.print-button i{
	font-size: 22px;
}
.export-button {
	margin-top: 30px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #999999;
}
.export-button i{
	font-size: 22px;
}
.integral-details{
	padding: 25px;
}

.integral-details .layui-form-checkbox[lay-skin=primary] {
	padding-left: 40px;
	margin-top: 15px;
}

/*

 *
 *
 * 经销商
 *
 *
 *
 *
 * */
.layui-laydate-footer span:hover {
	color: #dad0c1
}

.time-searchbox{
	margin-bottom: 15px;
}
.time-searchbox .layui-form-select {
	position: relative;
	color: #333333;
	font-weight: bold;
	font-size: 18px;
}
.time-searchbox .layui-form-select .layui-input {
	padding-right: 40px;
	background: #eeeeee;
	height: 60px;
	line-height: 58px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	padding-left: 20px;
}

.time-searchbox .layui-form-selected .layui-input {
	background: #ca141d;
	color: #fff;
}
/*.time-searchbox .layui-form-select :-moz-placeholder ,
.time-searchbox .layui-form-select  ::-moz-placeholder,
.time-searchbox .layui-form-select  ::-webkit-input-placeholder ,
.time-searchbox .layui-form-select  :-ms-input-placeholder {
	color: #333333;
}
.time-searchbox .layui-form-selected :-moz-placeholder ,
.time-searchbox .layui-form-selected  ::-moz-placeholder,
.time-searchbox .layui-form-selected  ::-webkit-input-placeholder ,
.time-searchbox .layui-form-selected  :-ms-input-placeholder
.time-searchbox .layui-form-selected .layui-input:focus {
	color: #fff;
}*/
.time-searchbox .layui-form-select .layui-edge{
	right: 20px;
}
.time-searchbox .layui-form-selected .layui-edge{
	border-top-color: #fff;
}
.time-searchbox .layui-form-select dl{
	top: 58px;
}
.time-searchbox .layui-form-select dl dd{
	font-size: 16px;
}
.time-searchbox .layui-form-select dl dd.layui-this {
	background-color: #f8f8f8;
	color: #dad0c1;
	font-weight: 700;
}
.time-searchbox .layui-input-group {
	line-height: 50px;
	border-radius: 10px;
	border:5px solid #dad0c1;
	width: 100%;
}
.time-searchbox .layui-input-prefix{
	width: 50px;
	z-index: 2;
}
.time-searchbox .layui-input-prefix .layui-icon{
	font-size: 20px;
}

.time-searchbox .layui-input-suffix{
	width: 80px;
	background: #fff;
	z-index: 222;
	padding: 0;
}
.time-searchbox .layui-input-group .layui-input-suffix.layui-input-split{
	border:0;

}
.time-searchbox .layui-input-suffix .layui-btn{
	background: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color:#666;
	border-left: 2px solid #f0f0f0;
	font-weight: bold;
}
.time-searchbox .layui-input-group .layui-input {
	height: 50px;
	line-height: 50px;
	border: none;
	position: relative;
	z-index: 1;
}
.time-searchbox .layui-input-group .layui-input:focus {
	border: none!important;
	box-shadow: none!important;
}
.time-searchbox .layui-input-group .layui-input:focus+.layui-input-split {
	border-color: #fff;
}
.dealerorders-sec .ordertable td{
	padding: 30px 10px;
}
.dealerorders-sec .listhead td{
	line-height: 20px;
	padding: 9px 15px;
}
.dealerorders-sec .layui-icon-cellphone{
	color: #dad0c1;
	margin-right: 10px;
}
.dealerorders-sec .print-button,.dealerorders-sec .export-button{
	margin-top: 0;
}
.ordertable{
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word;
}
.dealerorders-sec{
	padding: 40px 0;
}

.layui-table-click,
.layui-table-hover,
.layui-table[lay-even] tbody tr:nth-child(even) {
	background-color: #f8f6f3;
}
.ordertableheader td{
	line-height: 30px;
}
.commission-list{
	margin-bottom: 15px;
}
.commission-list ul{
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 20px rgba(209, 201, 187, 0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(209, 201, 187, 0.1);
	box-shadow: 0px 0px 20px rgba(209, 201, 187, 0.1);
}
.commission-list ul li{
	width: 33.33%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #e5e5e5;
}
.commission-list ul li:first-child{
	border-left: 0;
}
.commission-list ul li i{
	width: 60px;
	display: block;
}
.commission-list ul li img{
	display: block;
	width: 100%;
}
.commission-list ul li .tbox{
	font-weight: bold;
	margin-left: 15px;
}
.commission-list ul li .tbox .tit{
	font-size: 18px;
	color: #999999;
}
.commission-list ul li .tbox .desc{
	font-size: 30px;
}

.dealerScrollbar .layui-table{
	/*width: 1000px;*/
}

/*

 *
 *
 *
 * after-service
 *
 *
 *
 * */
.afterservice-sec{
	padding: 20px 0;
}
.afterservice-sec .title{
	padding: 100px;
	background: #989798 url(../images/feedbackbg.jpg) no-repeat center right;
	border-radius: 40px;
}
.afterservice-sec .title  .tit{
	color: #fff;
	font-size: 36px;
}
.afterservice-sec .title .layui-icon-circle-dot{
	color: #dad0c1;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.afterservice-sec .title .desc{
	color: #c3c3c3;
	font-size: 22px;
	padding-left: 30px;
}
.afterservice-sec .main{
	margin: 0 100px;
	position: relative;
	top: -50px;
	background: #fff;
	border-radius:20px;
	padding: 60px 0;
}
.afterservice-sec .main .tbox{
	position: absolute;
	right: -100px;
	top: 20%;
	width: 280px;
	font-size: 14px;
}
.afterservice-sec .main .tbox .tbox-fixed {
	/*position: fixed;
    z-index: 776;*/
	width: 100%;
	padding: 50px 30px;
	background: #f8f6f2;
	border: 1px solid #dad0c1;
	border-radius: 20px;
}
.afterservice-sec .main .tbox .tit{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #dad0c1;
}
.afterservice-sec .main .tbox .desc{
	margin-top: 10px;
	line-height: 30px;
}
.afterservice-sec .main .tbox .desc p{font-family: 600;}
.afterservice-sec .main .tbox .redcolor{
	margin-top: 40px;
	padding-top: 10px;
	border-top: 1px solid #dad0c1;
}
.afterservice-sec .main .tbox .redcolor strong{
	font-size: 18px;

}

.form-container{
	margin: 0 205px;
}
.form-container .layui-input-group{
	border: 1px solid #dedede;
	border-radius: 25px;
	width: 100%;
}
.form-container .layui-input-prefix{
	padding: 0;
	width: auto;
}

.form-container .layui-input-prefix .layui-form-select .layui-input{
	border-radius: 25px;
	background: #efefef;
	font-size: 14px;
	color: #999;
}
.form-container  .layui-form-select dl{
	font-size: 14px;
}
.form-container  .layui-form-select dl dd.layui-this {
	color: #333;
}
.form-container .layui-input-wrap .layui-input{
	border: none;
	font-size: 14px;
	border-radius: 25px;
}
.form-container .layui-input-wrap .layui-input:focus{
	box-shadow: none;
}
.form-container .layui-input-suffix .layui-icon {
	font-size: 18px;
	color: #dedede;
}

.form-container  .layui-textarea{
	font-size: 14px;
	border-radius: 25px;
	border: none;
	margin-top: 5px;
	height: 190px;
	resize: none;
}
.form-container  .layui-textarea:focus{
	box-shadow: none;
}
.sergetvercode{
	margin-right: -20px;
	width: 100%;
	border-radius: 25px;
	background: #efefef;
	font-size: 14px;
	color: #999;
	border-width: 1px;
	border-style: solid;
}
.sergetvercode:hover{
	color: #999;
	border-color: #d2d2d2 !important;
}
.form-container .layui-icon-survey{
	margin-top: 10px;
	display: inline-block;
}
.upload-btn{
	background: #f7f7f7;
	border-radius: 20px;
	font-size: 14px;
	color: #999999;
	height: 100px;
}
.upload-btn:hover{
	color: #333;
}
.upload-btn .layui-icon{
	display: block;
	font-size: 40px;
	color: #dedede;
}
.submit-upload{
	background: #dad0c1;
	border-radius: 20px;
	width: 100%;
	height: 100px;
	text-align: right;
}
.submit-upload strong{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	display: block;
}
.submit-upload .layui-icon{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	width: 18px;
	height: 22px;
	line-height: 22px;
	border-radius: 50%;
	background: #333;
}
.layui-upload-list.layui-col-space20{
	margin: -10px;
}
.layui-upload-list .imgbox{
	font-size: 14px;
	text-align: center;
	position: relative;
}
.layui-upload-list .imgbox video{
	display: block;
	width: 100%;
	height: 85px;
	border-radius: 20px;
	background: #000;
	overflow: hidden;
}
.layui-upload-list .imgbox img{
	display: block;
	width: 100%;
	height: 85px;
	border-radius: 20px;
}
.layui-upload-list .imgbox .sizes{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 20px 20px 0 0;
	background: rgba(0,0,0,.2);
	color: #fff;
}
.layui-upload-list .imgbox .delete{
	margin-top: 5px;
	cursor: pointer;
}
.layui-upload-list .imgbox .delete:hover{
	color: #e50012;
}




/*

 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * */

@media only screen and (max-width:1680px) {
	body {
		font-size: 15px;
	}
	.nav>ul>li {
		margin-right: 50px;
	}
	.nav ol,
	.langbox a,
	.nav>ul>li>a {
		font-size: 16px;
	}
	.head-main .logo img {
		height: 33px;
	}
}

@media only screen and (max-width:1600px) {
	body {
		font-size: 14px;
	}
	.bannerswiper .tit {
		font-size: 45px;
	}
	.bannerswiper .desc {
		font-size: 35px;
	}
	.nav>ul>li {
		margin-right: 40px;
	}
	.intit {
		font-size: 28px;
	}
	.culture1-sec .tbox dt {
		font-size: 24px;
	}
	.culture1-sec .tbox dd {
		line-height: 24px;
	}
	.culture1-sec .tbox {
		padding: 25px;
	}
	.newsnav ul li {
		padding: 20px 0;
	}
	.newsnav ul li a {
		font-size: 19px;
	}
	.newsnav ul li.on a {
		font-size: 24px;
	}
	.newsswiper .tbox .tit ,
	.newslist li .tit {
		font-size: 16px;
	}
	.prolist li .tbox .tit {
		font-size: 15px;
	}
	.protbox .tit {
		font-size: 20px;
	}
	.protbox .price strong {
		font-size: 32px;
	}
	.ordersuccesslayer .btns {
		margin-top: 30px;
	}
	.support2-sec ul li .tit {
		font-size: 23px;
	}
}

@media only screen and (max-width:1300px) {
	.nav>ul>li {
		margin-right: 30px;
	}
	.culture1-sec .tbox dt {
		font-size: 20px;
		line-height: 13px;
	}
	.culture1-sec .tbox {
		width: 55%;
		margin-left: 45%;
	}
	.culture1-sec .tbox dl {
		margin-top: 15px;
	}

}

@media only screen and (max-width:1200px) {
	.w {
		width: 1024px;
	}
	.culture1-sec .tbox dd {
		line-height: 20px;
	}
	.culture1-sec .tbox dd {
		font-size: 14px;
	}
	.newsnav ul li.on a {
		font-size: 22px;
	}
	.newsnav ul li a {
		font-size: 18px;
	}
	.newsswiper .tbox .tit {
		margin-top: 5px;
		line-height: 25px;
		height: 50px;
		font-size: 15px;
	}
	.newsswiper .tbox .desc {
		line-height: 20px;
		height: 40px;
		margin-top: 5px;
	}
	.newsswiper .swiper-pagination {
		bottom: 25px;
	}
	.pro1-sec ul,
	.pro1-sec .main .tit {
		font-size: 22px;
	}
	.pro1-sec ul a {
		line-height: 54px;
	}
	.prolist li .tbox .btns a {
		font-size: 12px;
	}

	.prolist li .tbox .desc {
		font-size: 12px;
	}
	.view {
		position: relative;
		padding: 0 0 0 90px;
	}
	.support-info ul li .desc {
		font-size: 19px;
	}
	.support-info .ewm {
		margin-left: 20px;
		width: 100px;
	}
	.support-search {
		width: 60%;
	}
	.rightbtn a,
	.rightbtn a.addcollection {
		font-size: 11px;
	}
}

@media only screen and (max-width:1024px) {
	.w {
		width: 960px;
	}
	body {
		font-size: 14px;
		padding-top: 0;
	}
	header {
		display: none!important;
	}
	.phone_head {
		display: block
	}
	.h {
		display: block;
	}
	.search,
	.search.fixed {
		top: 50px;
	}
	.search_overlay {
		background: rgba(255, 255, 255, .1);
	}
	.search-box {
		padding: 0 50px;
	}
	.search .submit0 {
		right: 55px;
	}
	.bannerswiper .tbox{
		padding: 0 100px;
	}
	.bannerswiper .tit {
		font-size: 35px;
	}
	.bannerswiper .desc {
		font-size: 25px;
	}
	.intit {
		font-size: 25px;
	}
	.in-sec .con .pic {
		margin-right: 80px;
	}
	.copyright {
		width: 45%;
	}
	.protbox .proinfo li {
		font-size: 14px;
		margin-top: 15px;
	}
	.thumbnailswiper .swiper-slide .pic {
		padding: 5px;
	}
	.addresslist2 {
		padding-right: 0;
	}
	.addresslist2 .layui-input-block {
		padding-right: 200px;
	}

	.addresslist2 .layui-input-block span {
		margin: 0 0 0 10px;
	}
	.layui-layer-bernd .layui-layer-wrap {
		padding: 30px;
	}
	.layui-layer-bernd .layui-layer-title {
		font-size: 16px;
		padding: 20px 30px 10px 30px;
	}
	.layui-layer-bernd .layui-layer-title:after {
		left: 23px;
	}
	.addNewAddrbox .tips {
		font-size: 12px;
	}
	.orderinfo .layui-form-item .layui-input-inline {
		width: 200px;
	}
	.ordersuccesslayer .tip .tit {
		font-size: 18px;
	}
	.ordersuccesslayer .tip .desc {
		font-size: 15px;
	}
	.rightbtn a.addcollection{
		padding: 0 5px;
	}
}

@media only screen and (max-width:960px) {
	.w {
		width: 100%;
		padding: 0 4%;
	}
	.search-header {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.search-box {
		padding: 0 10px;
	}
	.search .submit0 {
		right: 15px;
	}
	.search-header .search-input {
		font-size: 18px;
	}
	.search-close {
		top: -60px;
		width: 20px;
		height: 20px;
	}
	.bannerswiper {
		--swiper-navigation-size: 40px;
	}
	.bannerswiper .tbox {
		padding: 0  30px;
	}
	.in-sec .con .pic {
		margin-right: 50px;
	}
	.culture1-sec .main {
		position: static;
		transform: none;
		background: #f0f0f0;
		padding: 40px 0;
	}
	.culture1-sec .tbox {
		width: 100%;
		margin-left: 0;
		background-color: rgba(255,255,255,0.8);
	}
	.culture1-sec .tbox dl {
		margin-top: 25px;
	}
	.culture1-sec .tbox dt ,
	.culture1-sec .tbox dd {
		line-height: 24px;
	}
	.newsnav ul li.on{
		background-size: 30px 15px;
	}
	.newsnav ul li.on a {
		font-size: 20px;
	}
	.newsnav ul li a {
		font-size: 16px;
	}
	.newscon {
		padding: 60px 0 60px 30px;
	}
	.newsswiper .tbox .desc{
		display: none;
	}
	.newsswiper .tbox .more {
		margin-top: 10px;
	}
	.newsswiper .swiper-pagination {
		bottom: 5px;
	}
	.prolist li {
		flex: 0 0 calc(33% - 15px);
	}
	.pro1-sec ul a {
		padding: 0 15px;
	}
	.pro1-sec ul  {
		font-size: 18px;
	}
	.bottom-support .pic img {
		width: 60px;
	}
	.bottom-support .tbox .tit {
		font-size: 20px;
	}
	.protbox .tit {
		font-size: 16px;
		line-height: 22px;
	}
	.protbox .sold-quantity {
		margin-top: 10px;
	}
	.protbox .proinfo {
		margin-top: 10px;
	}
	.protbox .price strong {
		font-size: 26px;
	}
	.protbox .proinfo li {
		margin-top: 10px;
	}
	.addcart,
	.buybtn {
		font-size: 15px;
	}
	.proxq2-sec .layui-tab .layui-tab-title li {
		font-size: 16px;
		margin: 0 30px 0 0;
	}
	.grid-btn {
		text-align: left;
	}
	.addresslist2 .layui-input-block span{
		display: block
	}
	.addresslist2 .layui-input-block span.phone{
		display: inline-block
	}

	.orderinfo {
		flex-wrap: wrap;
	}
	.orderinfo li{
		width: 100%;
	}
	.orderinfo .layui-form-item .layui-input-inline {
		width: 300px;
	}

	.payment-sec .tbox .tit {
		font-size: 18px;
	}

	.layui-layer-bernd{
		border-radius: 0;
	}

	.support2-sec ul li .tit {
		font-size: 20px;
	}
	.support3-sec .main{
		flex-wrap: wrap;
	}
	.support-info{
		width: 100%;
	}
	.support-search {
		width: 100%;
		margin-top: 30px;
	}

	.support4-sec table strong {
		font-size: 15px;
	}
	.cart-header{
		display: none;
	}
	.ordertable td {
		padding: 20px;
	}
	.orderstate {
		margin-right: 30px;
		font-size: 25px;
	}
	.login-container {
		padding: 40px 0;
	}
}

@media only screen and (max-width:640px) {
	.addcartlayer .con {
		width: 100%;
	}
	.bannerswiper {
		--swiper-navigation-size: 20px;
	}
	.bannerswiper .tit {
		font-size: 20px;
	}

	.bannerswiper .desc {
		font-size: 16px;
		margin-top: 10px;
	}

	.in-sec .main {
		padding: 40px 0  ;
	}
	.intit {
		font-size: 22px;
		text-align: center;
	}

	.intit:after {
		margin : 10px auto 0;
	}
	.in-sec .con{

		flex-wrap: wrap;
	}
	.in-sec .con .tbox ,
	.in-sec .con .pic{
		flex:  auto;
		width: 100%;
		margin-top: 30px;
	}
	.in-sec .con .pic{
		margin-right: 0;
	}
	.in-sec .con .pic img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	.footmain {
		width: 100%;
		text-align: center;
	}
	.copyright{
		width: 100%;
		text-align: center;
	}
	.sharebox li {
		float: left;
		width: 25%;
		margin-right: 0;
	}

	.sharebox li a img{
		margin: 0 auto;
	}

	.culture1-sec .main{
		padding: 30px 0;
	}
	.culture2-sec{
		padding: 30px 0;
	}
	.culture2-sec .tbox p {
		margin-top: 24px;
	}
	.news-sec{
		background: #fff;
	}
	.newsnav {
		width: 100%;
		padding-top: 10px;
		text-align: center

	}
	.newsnav ul li {
		display: inline-block;
		vertical-align: top;
		padding: 15px 0;
		border-bottom: 1px solid #999;

	}
	.newsnav ul li.on{
		background: none;
	}
	.newscon {
		width: 100%;
		padding: 40px 0  ;
	}
	.newsnav ul li a ,
	.newsnav ul li.on a{
		font-size: 13px;
	}

	.newsswiper .pic {
		width: 100%;
	}

	.newsswiper .tbox {
		width: 100%;
		padding: 30px 25px 40px;
	}
	.newsswiper .swiper-pagination {
		text-align: center;
		width: 100% !important;
		right: 0;
	}
	.newslist {
		margin-top: 10px;
		padding: 0 20px;
	}
	.newsswiper .tbox .tit, .newslist li .tit {
		font-size: 15px;
	}
	.newslist li a {
		padding: 15px 0;
	}
	.pro1-sec .main{
		flex-wrap: wrap;
	}
	.pro1-sec .main .tit {
		flex: auto;
		display: none;
	}
	.pro1-sec {
		padding: 0;
	}
	.pro1-sec ul {
		flex: auto;
		font-size: 14px;
	}
	.pro1-sec ul a {
		line-height: 40px;
	}
	.pro1-sec ul span {
		margin-left: 2px;
		font-size: 12px;
	}
	.pro1-sec ul a {
		padding: 0 5px;
	}
	.navlinks {
		line-height: 45px;
		font-size: 12px;
	}


	.pro2-sec {
		padding: 20px 0;
	}
	.prolist li {
		flex: auto;
		margin: 0 0 20px 0;
	}
	.prolist li .pic {
		height: 173px;
	}
	.prolist li .tbox .tit{
		padding: 0;
		font-size: 14px;
	}
	.prolist li .tbox .price {
		font-size: 16px;
	}
	.bottom-support ul{
		padding: 20px 0;
	}
	.bottom-support .pic img {
		width: 40px;
	}
	.bottom-support .tbox .tit {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
	}
	.bottom-support .tbox .desc {
		font-size: 11px;
		line-height: 20px;
		height: 40px;
	}

	.layui-layer-bernd .tbox img {
		width: 60px;
	}
	.layui-layer-bernd .tbox {
		font-size: 16px;
	}
	.addcartlayer .con .btns {
		margin-top: 30px;
		font-size: 14px;
	}
	.addcartlayer .con .btns a {
		height: 42px;
		line-height: 40px;
		margin: 0 5px;
		padding: 0 10px;
		min-width: auto;
	}
	.layui-layer-bernd .layui-layer-wrap {
		padding: 30px;
	}
	.proxq1-sec .main{
		flex-wrap: wrap;
	}
	.propic {
		width: 100%;
		padding: 20px  10px;
		border-radius: 20px;
	}

	.protbox {
		flex: auto;
		width: 100%;
		margin-top: 20px;
	}
	.view {
		padding: 0 0 0 65px;
	}
	.preview {
		width: 50px;
		padding: 0;
	}
	.proswiper {
		--swiper-navigation-size: 30px;
	}
	.protbox .tit {
		font-size: 15px;
	}
	.protbox .sold-quantity {
		font-size: 12px;
	}
	.protbox .proinfo {
		border-radius: 20px;
		padding: 20px 10px;
	}
	.proxq2-sec .main{
		border-radius: 20px;
	}
	.protbox .price,
	.protbox .price strong {
		font-size: 20px;
	}

	.protbox .proinfo li {
		font-size: 13px;
	}

	.addresslist li {
		width: 100%;
		margin: 5px 0;
	}

	.protbox .proinfo .color {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin-right: 5px;
	}

	.protbox .proinfo .collectButton {
		line-height: 20px;
		font-size: 13px;
	}
	.protbox .proinfo .layui-icon-star{
		margin-top: 5px;
		display: block;
		font-size: 16px;
	}
	.addcart, .buybtn{
		padding: 0 10px;
	}
	.proxq2-sec .main{
		padding: 20px 10px;
	}
	.proxq2-sec .layui-tab .layui-tab-title li {
		font-size: 13px;
		margin: 0;
	}
	.proxq2-sec .layui-tab{
		margin: 0;
	}
	.usertitle {
		padding: 10px 20px 0;
		font-size: 15px;
	}
	.usertitle strong {
		padding-bottom: 10px;
	}
	.addresslist2 .layui-form-item{
		margin-bottom: 0;
	}
	.addresslist2 .layui-input-block {
		margin-left:0;
		padding: 0  ;
		font-size: 13px;
	}
	.addresslist2 .layui-form-label{
		float: none;
	}
	.addresslist2 .layui-input-block span {
		margin: 0;
		line-height: 30px;
		height: 30px;
	}
	.addresslist2 .addressText{
		width: 100%;
	}
	.addresslist2 .ischecked    {
		background: #f7f6f3;
		padding: 10px;
		border-radius: 10px;
	}

	.addresslist2 .btns {
		position: static;
		display: block;
	}
	.addresslist2 .layui-input-block span.addressText{
		height: auto;
		line-height: 20px;
	}
	.gobackcart{
		padding-right: 0;
		font-size: 12px;
	}
	.orderinfo li {
		padding: 10px;
	}
	.left-pro-box{
		flex-wrap: wrap;
	}
	.orderinfo .tbox {
		width: 100%;
		margin-top: 20px;
	}
	.orderinfo .price,
	.orderinfo .quantity{
		margin-top: 20px;
	}
	.orderinfo .layui-form-label{
		width: auto;
		padding: 9px 0;
		font-size: 13px;
	}
	.orderinfo .layui-form-item .layui-input-inline{
		margin: 0 0 10px 5px;
		left: 0;
		font-size: 13px;
		float: left;
		display: inline-block;
		width: 130px!important;
	}
	.expressprice {
		font-size: 13px;
	}
	#laydate-limit-choose{
		line-height: 19px;
	}
	.orderaddress {
		margin-top: 0;
		padding-left: 0;
	}
	.pricesdetails {
		font-size: 13px;
	}
	.pricesdetails span {
		font-size: 14px;
	}

	.pricesdetails strong {
		font-size: 20px;
	}
	.submitorder {
		width: 100px;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
	}
	.orderaddress li span{
		display: block;
		margin-top: 10px;
	}
	.addNewAddrbox .layui-textarea {
		height: 95px;
	}
	.addNewAddrbox .tips {
		line-height: 22px;
	}
	.addNewAddrbox .tags{
		font-size: 11px;
		line-height: 24px;
	}
	.addNewAddrbox .tags span {
		min-width: 20px;
		padding: 0 3px;
		margin-left: 5px;
		line-height: 20px;
		height: 20px;
	}
	.layui-layer-bernd .layui-layer-btn{
		font-size: 14px;
	}
	.layui-layer-bernd .layui-layer-btn a {
		height: 42px;
		line-height: 40px;
		margin: 0 5px;
		padding: 0 15px;
		min-width: auto;
	}
	.ordersuccesslayer .tip .desc,
	.ordersuccesslayer .tip .tit {
		font-size: 14px;
	}

	.ordersuccesslayer .tip .desc strong {
		font-size: 14px;
		line-height: 23px;
	}
	.ordersuccesslayer .btns {
		font-size: 15px;
	}

	.ordersuccesslayer .btns .back {
		line-height: 36px;
		height: 40px;
		padding: 0 20px;
	}
	.ordersuccesslayer .tip .desc p {
		margin-top: 30px;
	}
	.payment-sec .tbox .tit {
		font-size: 15px;
	}


	.payment-sec .main{
		padding: 20px 10px;
		background-size: 70px auto;
	}
	.paymentmethod-code .tip .tit {
		font-size: 14px;
	}

	.support2-sec ul li {
		margin-bottom: 20px;
		flex:auto;
		width: 100%;
	}
	.support3-sec,
	.support2-sec{
		padding: 0;
	}
	.support-info ul li .desc ,
	.support-info ul li .tit {
		font-size: 15px;
	}
	.support-info ul li {
		padding-left: 37px;
		background-size: 30px 30px;
	}

	.support-search{
		flex-wrap: wrap;
	}
	.support-search .box {
		width: 100%;
		margin-left: 0;
		background: #f6f6f6;
		margin-top: 5px;
		flex-wrap: wrap;
		align-items: center;
		border-radius: 10px;
	}

	.support-search .box:first-child {
		width: 100%;
	}

	.support-search select {
		width: 180px;
		height: 40px;
		line-height: 40px;
		flex: 1;
	}

	.support-search .layui-btn {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.support4-sec .main{
		overflow-x: auto;
	}
	/* .support4-sec table{
		width: 500px;
	} */

	.cart-tool .layui-form-checkbox[lay-skin=primary] {
		padding-left: 24px;
	}
	.cartpro .pic img{
		width: 80px;
	}
	.checkbox {
		top: 20%;
		transform:none;
	}
	.cartpro .tit {
		margin:5px 0 0 10px;
	}

	.cart-list .color {
		margin-top: 10px;
	}
	.spinner2 {
		margin-top: 10px;
	}
	.cart-list .price {
		margin-top: 20px;
	}

	.rightbtn {
		margin-top: 10px;
	}
	.settlement-details .amount {
		font-size: 15px;
		margin-top: 20px;
	}
	.stepNavi {
		margin-top: 30px;
		font-size: 0.5rem;
		padding: 0 5px;
	}
	.stepNavi li em {
		width: 19px;
		height: 19px;
		line-height: 19px;
		background-size: cover;
	}
	.stepNavi li:after {
		top: 9px;
		height: 1px;
	}
	.orderinfo-sec .main {
		margin-top: 20px;
	}

	.ordertable .listhead span {
		margin-right: 0;
		display:  block;
		line-height: 24px;
		font-size: 12px;
	}
	/*

     * pcy
     * */
	.addressinfo-sec .ordertable colgroup,
	.orderinfo-sec .ordertable colgroup{
		display: none;
	}

	.ordertable td{
		width: 100%;
		display: block;
		padding: 10px;
		font-size: 13px;
	}
	.ordertable .con .pic+.tbox{
		/*.ordertable .con .tbox {*/
		flex: 0 0 calc(100% - 90px);
	}
	.ordertable .con .pic {
		width: 80px;
	}

	.orderstate {
		margin-right: 5px;
		font-size: 18px;
	}

	.ordertable .layui-btn {
		font-size: 12px;
	}
	.ordertable .layui-btn+.layui-btn{
		margin-left: 5px;
	}

	.portrait img {
		display: block;
		width: 54px;
		height: 54px;
	}
	.portrait {
		width: 90px;
		height: 90px;
	}
	.user-navlist li a {
		font-size: 14px;
		padding:  0 20px;
	}
	.user-navlist .layui-icon:first-child {
		font-size: 20px;
	}
	.user-navlist li {
		line-height: 45px;
	}
	.user-navlist .layui-icon-right {
		right: 17px;
	}

	.information-right .addNewAddrbtn {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 20px;
		margin-left: 4%;
	}
	.addresslist3 {
		padding: 5px;
	}

	.addresslist3 li .name {
		font-size: 14px;
		padding: 0;
	}
	.addresslist3 li {
		padding: 10px;
	}

	.addresslist3 .layui-form-label{
		padding: 5px 0;
		width: auto;
		line-height: 20px;

	}

	.layui-form-mid {
		padding: 5px 0 !important;
		margin-right: 0;
	}

	.addresslist3 li .btns {
		margin-top: 10px;
	}
	.layui-bg-gray .layui-tab-title {
		height: 40px;
	}
	.layui-bg-gray .layui-tab-title li {
		font-size: 14px;
		line-height: 40px;
		margin: 0 10px;
		min-width: auto;
	}
	.layui-bg-gray .layui-tab-title .layui-this:after {
		height: 40px;
	}

	.invoice-btns .layui-btn .layui-icon {
		font-size: 14px;
		margin-right: 2px;
	}

	.paymentmethod .tit {
		font-size: 15px;
		line-height: 40px;
	}

	.paymentmethod .layui-form-radio span {
		font-size: 14px;
	}
	.paymentmethod .layui-form-radio  {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.paymentmethod .invoice-header {
		font-size: 13px;
		line-height: 20px;
		word-break: break-all;
	}

	.payorder {
		width: 100px;
		font-size: 14px;
	}
	.login-container .tit {
		margin-bottom: 30px;
		font-size: 20px;
	}

	.login-container{
		width: 100%;
		padding: 40px 4%;
	}

	.login-container .layui-input {
		height: 42px;
		line-height: 40px;
		padding-left: 50px !important;
	}
	.login-container .layui-input-prefix, .login-container .layui-input-split, .login-container .layui-input-suffix, .login-container .layui-input-suffix .layui-input-affix {
		width: 50px;
	}

	.login-container .layui-icon {
		font-size: 20px;
	}
	.getvercode {
		line-height: 40px;
		height: 40px;
	}

	.login-container .layui-form-item {
		margin-bottom: 30px;
	}
	.submit-login {
		line-height: 45px;
		height: 45px;
		font-size: 16px;
	}



	.addressinfo-sec .w,
	.orderinfo-sec .w{
		padding: 0 2%;
	}






	.addressinfo-sec,
	.orderinfo-sec{
		padding: 0;
	}


}





/*

 *
 *
 *
 *
 *
 * @media only screen and (max-width:640px) {
 *
 *
 *
 *
 *
 *
 * */
@media only screen and (max-width:1024px) {
	.afterservice-sec .title .tit {
		font-size: 30px;
	}
	.afterservice-sec .title .desc {
		font-size: 18px;
	}
	.form-container {
		margin: 0 80px;
	}
	.afterservice-sec .main .tbox {
		width: 170px;
	}
	.commission-list ul li .tbox .tit {
		font-size: 15px;
	}
	.commission-list ul li .tbox .desc {
		font-size: 24px;
	}






}

@media only screen and (max-width:960px) {

	.afterservice-sec .main {
		margin: 0 50px;
	}
	.afterservice-sec .main .tbox {
		position: static;
		width: auto;
		margin: 0 80px;
		margin-bottom: 50px;
	}

	.afterservice-sec .main .tbox .tbox-fixed {
		padding:  30px;
	}

	.submit-upload strong {
		font-size: 16px;
		display: inline-block;
	}

	.submit-upload {
		height: 60px;
	}
	.submit-upload .layui-icon{
		vertical-align: middle;
		margin-right: 5px;
	}
	.layui-bg-rede50012 .layui-tab-title li {
		margin: 0 50px;
	}


}

@media only screen and (max-width:640px) {
	.afterservice-sec .title {
		padding: 30px;
		border-radius: 20px;
	}
	.afterservice-sec .title .tit {
		font-size: 22px;
	}
	.afterservice-sec .title .desc {
		font-size: 14px;
	}

	.afterservice-sec .main {
		margin:  10px 0;
		top: 0;
		padding:  0;
	}

	.afterservice-sec .main .tbox {
		margin: 0 0 10px 0;
		font-size: 12px;
	}

	.afterservice-sec .main .tbox .tit {
		font-size: 14px;
		padding-bottom: 5px;
	}
	.afterservice-sec .main .tbox .tbox-fixed {
		padding: 20px;
	}

	.afterservice-sec .main .tbox .desc {
		margin-top: 5px;
		line-height: 24px;
	}
	.afterservice-sec .main .tbox .redcolor {
		margin-top: 20px;
		padding-top: 5px;
	}
	.afterservice-sec .main .tbox .redcolor strong {
		font-size: 14px;
	}
	.form-container {
		margin: 0 ;
	}


	.form-container .layui-form-item .layui-form-label{
		display: none;
	}

	.form-container .layui-input-block {
		margin-left: 0;
	}
	.form-container .layui-input-prefix .layui-form-select .layui-input {
		font-size: 11px;
	}
	.form-container .layui-input-wrap .layui-input{
		padding-right: 10px;
		font-size: 13px;
	}
	.sergetvercode{
		font-size: 11px;
	}
	.form-container .layui-textarea {
		font-size: 13px;
		height: 90px;
	}
	.upload-btn  {
		font-size: 13px;
		height: 95px;
	}
	.layui-upload-list .imgbox .sizes{
		font-size: 12px;
	}
	.submit-upload strong {
		font-size: 14px;
	}
	.user-note {
		padding: 20px;
		font-size: 13px;
	}
	.user-note .tit {
		font-size: 14px;
	}
	.user-note p+.tit {
		margin-top: 15px;
	}
	.layui-bg-rede50012 .layui-tab-title li {
		margin: 0 5px;
		font-size: 13px;
		line-height: 40px;
	}
	.layui-bg-rede50012 .layui-tab-title i {
		height: 20px;
		line-height: 20px;
		width: 25px;
		background-size:  auto 100%!important;
	}
	.layui-bg-rede50012 .layui-tab-title {
		height: 60px;
	}
	.layui-bg-rede50012.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-bg-rede50012.layui-tab-brief>.layui-tab-title .layui-this:after{
		border-bottom-width: 2px;
	}
	.layui-bg-rede50012 .layui-tab-title .layui-this:after {
		height: 60px;
	}



	.export-button,
	.print-button {
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
	}

	.integral-details {
		padding: 15px;
	}
	.export-button i,
	.print-button i {
		font-size: 14px;
	}

	.ordertable .con .tbox .desc span {
		margin-right: 5px;
	}
	.time-searchbox .layui-form-select {
		font-size: 14px;
	}
	.time-searchbox .layui-form-select .layui-input {
		padding-right: 25px;
		height: 40px;
		line-height: 38px;
		padding-left: 10px;
	}
	.time-searchbox .layui-form-select dl dd {
		font-size: 13px;
	}
	.time-searchbox .layui-input-suffix .layui-btn {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.time-searchbox .layui-input-prefix .layui-icon {
		font-size: 16px;
	}
	.time-searchbox .layui-input-prefix {
		width: 40px;
	}
	.dealerorders-sec colgroup{
		/*display: none;*/
	}

	.dealerorders-sec  .ordertable td,
	.myScrollbar  .ordertable td {
		width: auto;
		display: table-cell;
	}
	.dealerorders-sec  .layui-table {
		/* width: 1000px;*/
	}
	.dealerScrollbar .layui-table {
		min-width: 850px;
		width: auto;
	}
	.ordertable td {
		line-height: 22px;
	}
	.dealerorders-sec .ordertable td {
		padding:  10px;
	}
	.integral-details .layui-form-checkbox[lay-skin=primary] {
		padding-left: 30px;
		margin-top: 9px;
	}
	.commission-list ul {
		padding: 15px 10px ;
	}
	.commission-list ul li  {
		border-color:  #f3f3f3;
	}
	.commission-list ul li i {
		width: 20px;
	}
	.commission-list ul li .tbox {
		font-weight: normal;
	}
	.commission-list ul li .tbox .tit {
		font-size: 12px;

	}
	.commission-list ul li .tbox .desc {
		font-size: 15px;
	}
	.commission-list ul li .tbox {
		margin-left: 5px;
	}
.bannerswiper {
	--swiper-pagination-bullet-size:8px;
	--swiper-pagination-bottom:10px;
}




}
@media only screen and (max-width:320px) {

	.ordertable .con .tbox .desc span {
		margin-right: 0;
		display: block;
	}
	.dealerScrollbar .layui-table {
		/* width: 1000px;*/
	}

}
.newsinfo h1{font-weight: 600;}



/*
 
 * 右侧浮动
 * */

.side_float {
	right: 0;
	bottom: 50px;
	position: fixed;
	background: rgba(250, 252, 255, 0.8);
	border-radius: 6px 0px 0px 6px;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	z-index: 99;
}

.side_float li a {
	position: relative;
	display: block;
	font-size: 12px;
	color: #666;
	padding: 10px;
	margin: 0 8px;
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.side_float li:last-child a {
	border-bottom: none;
}

.side_float li:hover a {
	color: #fff;
}

.side_float li .iconfont {
	height: 26px;
	width: 26px;
	margin: 0 auto;
	overflow: hidden;
}

.side_float li .iconfont img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}

.side_float li:hover .iconfont img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.side_float li .t {
	margin-top: 10px;
	text-align: center;
}

.side_float li .hover {
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-family: 'Montserrat';
	color: #fff;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	line-height: 63px;
	min-height: 63px;
	width: 0;
	opacity: 0;
	border-radius: 6px 0px 0px 6px;
	background: #F7B718;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: -1;
}

.side_float li:hover .hover {
	width: auto;
	opacity: 1;
	padding: 0 80px 0 30px;
}

.side_float li .hover img {
	display: block;
	width: 70px;
	margin: 10px 0;
}
@media only screen and (max-width: 640px) {
    .side_float {
        display: none;
    }
}