﻿@charset "utf-8";

/****************************************
*公共样式
*作者：
*创建时间：2015年07月25日
****************************************/
[v-cloak] {
	display: none;
}

html,
body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
frameset,
table,
th,
tr,
td,
fieldset {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: 0;
	outline: none;
}

/* body */
body {
	/*
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
*/
}

body {
	color: #666666;
	background: #fff;
	font-family: "微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	line-height: 22px;
}

html {
	font-size: 62.5%;
	/*10 ÷ 16 × 100% = 62.5%*/
}

body {
	font-size: 1.4rem;
	/*1.4 × 10px = 14px */
}

h1 {
	font-size: 1.8rem;
	/*1.8 × 10px =18px*/
}

i,
em,
cite {
	font-style: normal;
}

/* a标签初始化以及取消a标签点击后的虚线框 */
a {
	outline: none;
	color: #696969;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #696969
}

a:focus {
	outline: none
}


a,
button,
input,
div,
li,
select {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

input[type=text]:focus,
input[type=password]:focus {
	outline: none;
}

body {
	/*
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
*/
}

a,
img {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html,
body {
	/*
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
*/
}


/*表单的初始化*/
textarea,
input {
	word-wrap: break-word;
	word-break: break-all;
}

input,
select,
textarea,
button {
	vertical-align: middle;
	font-family: "Microsoft Yahei", helvetica, arial;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0
}

input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="tel"],
button,
select {
	-webkit-appearance: none;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999999;
}

::-moz-input-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999999;
}

::-o-input-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999999;
}

::-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999999;
}

textarea {
	resize: none;
	/*禁用了文本的拖拉*/
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
	outline: none
}

input::-webkit-focus-inner {
	border: 0;
	padding: 0;
	outline: none
}

input::-ms-focus-inner {
	border: 0;
	padding: 0;
	outline: none
}

input::-o-focus-inner {
	border: 0;
	padding: 0;
	outline: none
}

input::focus-inner {
	border: 0;
	padding: 0;
	outline: none
}

::-webkit-textfield-decoration-container {
	background-color: #FFFF;
}

/*type=number去掉默认样式*/
::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

::-webkit-outer-spin-button {
	-webkit-appearance: none;
	/* 有无看不出差别 */
}

/* li */
ul,
li {
	list-style-type: none;
}

.red {
	color: #F00
}

/* img */
img {
	border: 0;
	vertical-align: middle;
}

.u-line-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.u-line-2 {
	-webkit-line-clamp: 2
}

.u-line-3 {
	-webkit-line-clamp: 3
}

.u-line-4 {
	-webkit-line-clamp: 4
}

.u-line-5 {
	-webkit-line-clamp: 5
}

.u-line-2,
.u-line-3,
.u-line-4,
.u-line-5 {
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

/* h* */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

/***************************************网站首页****************************************************/

/*#region PC网站头部#*/

.top-T_Wrap {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	-moz-box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	/* background: #FFF; */
	background: rgba(255, 255, 255, 1);
}

.top-T_Wrap .memberHeadWrap {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: auto;
	padding: 3px 5%;
	border-bottom: 1px solid #e5e5e5;
	background: #f2f2f2;
	margin: 0 auto;
	color: #999;
}

.top-T_Wrap .memberHeadWrap a {
	color: #999;
	font-size: 12px;
	margin-left: 10px;

}
.top-T_Wrap .memberHeadWrap a.smloging {
	color: #FF0036;
}
.top-T_Wrap .memberHeadWrap a.cart {
	color: #FF0036;
}

.top-T_Wrap .memberHeadWrap .memHeadRight {
	display: flex;
	align-items: center;
}

.top-T_Wrap .memberHeadWrap .memHeadRight a {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.top-T_Wrap .memberHeadWrap .memHeadRight a img {
	width: 16px;
	margin-right: 4px;
}

.top-T_Wrap .memberHeadWrap a:hover {
	color: #FF0036;
}


.top-T_Wrap .top-T {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 90%;
	margin: 0 auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.top-T_Wrap .top-T .logo {
	width: 220px;
	height: 100%;
	display: block;
	background: url(../images/logo03.png?v=2342342534546345345) left center no-repeat;
	background-size: 100% auto;
}

.top-T_Wrap .top-T .hea-R {
	display: none;
}

.top-T_Wrap .top-T .headRight {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.top-T_Wrap .top-T .search-box {
	z-index: 100;
	width: 190px;
	margin-left: 60px;
	position: relative;
}

.top-T_Wrap .top-T .search-box .s_box {
	overflow: hidden;
	width: auto;
	height: 32px;
	width: 100%;
	color: #000;
	border-radius: 50px;
	font-size: 12px;
	position: relative;
	z-index: 10;
	background: rgba(0, 0, 0, 0);
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding: 0 10px;
}

.top-T_Wrap .top-T .search-box .searchBtn {
	position: absolute;
	border: 0;
	width: 40px;
	height: 32px;
	right: 0;
	top: 0;
	background: url(../images/icon/s.gif) center center no-repeat;
	background-size: 18px;
	z-index: 50
}



/*首页导航样式*/

.newhome .memberHeadWrap {
	position: fixed;
	top: -40px;
}

.newhome .top-T_Wrap {
	background: none;
	-moz-box-shadow: 0 0 10px rgba(128, 128, 128, 0);
	-webkit-box-shadow: 0 0 10px rgba(128, 128, 128, 0);
	box-shadow: 0 0 10px rgba(128, 128, 128, 0);
}

.newhome .top-T_Wrap .top-T .nav li>a {
	color: rgba(255, 255, 255, 1);
}

.newhome .top-T_Wrap .top-T .nav {
	background: url(../images/xiana.png) left center no-repeat;
}

.newhome .top-T_Wrap .top-T .search-box .s_box {
	color: #FFF;
}

.newhome .top-T_Wrap .top-T .search-box .s_box::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

.newhome .top-T_Wrap .top-T .search-box .searchBtn {
	background: url(../images/icon/s.png) center center no-repeat;
	background-size: 18px;
}


.top-T_Wrap.black .top-T .search-box .s_box::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #b5b5b5;
}

.top-T_Wrap.black .top-T .search-box .searchBtn {
	background: url(../images/icon/s.gif) center center no-repeat;
	background-size: 18px;
}

.top-T_Wrap.black .top-T .search-box .s_box {
	color: #000;
}

.top-T_Wrap.black {
	-moz-box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	background: rgba(255, 255, 255, 1);
	/* height: 80px; */
	top: 0;
}

.top-T_Wrap.black .memberHeadWrap {
	display: flex;
	height: auto;
	opacity: 1;
	position: relative;
	top: 0;
}

.top-T_Wrap.black .top-T .nav {
	background: url(../images/xian.png) left center no-repeat;

	/* height: 80px; */
}

.top-T_Wrap.black .top-T .logo {
	/* width: 80px;
	background: url(../images/logo.png) center center no-repeat;
	background-size: 80px auto; */
}

/* .top-T_Wrap.black .top-T .nav li>a:after {
    background: url(../images/sanj.png) top center no-repeat;
    background-size: 10px auto;
} */

.top-T_Wrap.black .top-T .nav li:hover>a:after,
.top-T_Wrap.black .top-T .nav li>.cur:after {
	height: 20px;
}

.top-T_Wrap.black .top-T .nav li>a {
	color: #242424;
	/* font-size: 16px; */
}

.top-T_Wrap.black .top-T .nav li>a {}


/***********nav*******/

.top-T_Wrap .top-T .navwrap_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-justify-content: content;
	-ms-justify-content: content;
	-webkit-justify-content: content;
	justify-content: content;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.top-T_Wrap .top-T .nav {
	z-index: 10;
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-justify-content: content;
	-ms-justify-content: content;
	-webkit-justify-content: content;
	justify-content: content;
	padding-left: 40px;
	background: url(../images/xian.png) left center no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-T_Wrap .top-T .nav li {
	text-align: center;
	position: relative;
	flex: 1;
	height: 100%;
}

.top-T_Wrap .top-T .nav li>a {
	text-transform: uppercase;
	/* width: 120px; */
	font-size: 16px;
	padding: 0 15px;
	color: #242424;
	display: block;
	white-space: nowrap;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.top-T_Wrap .top-T .nav li:hover>a,
.top-T_Wrap .top-T .nav li>a.cur {
	color: #6a3906;
}

.xl {
	position: absolute;
	left: -20px;
	margin: auto;
	width: auto;
	z-index: 1;
	transition-property: display;
	transition-duration: 0.5s;
	transition-delay: 1s;
	transition: 0.5s;
	visibility: hidden;
	overflow: hidden;
	padding: 0 20px 20px;
	min-width: 140px;
}

.ProBoxWrap {
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	/* width: 140px; */
	z-index: 100;
	margin: auto;
	transition: 0.5s;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	transform: translateY(-200%);
	overflow: hidden;
}

.ProBoxWrap .ProBox {
	margin: 0 auto;
}

.ProBoxWrap .ProBox .T a {
	display: block;
	height: 40px;
	text-align: center;
	text-transform: capitalize;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
}

.ProBoxWrap .ProBox .T a:hover {
	color: #6a3906;
}

/* .top-T_Wrap .top-T .nav li>a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 20px;
	z-index: 1;
	height: 0;
	background: url(../images/sanj.png) top center no-repeat;
	margin: auto;
	transition-duration: 0.1s;
	transition-delay: 0s;
	transition: 0.3s;
} */

.top-T_Wrap .top-T .nav li:hover>a:after,
.top-T_Wrap .top-T .nav li>.cur:after {
	height: 38px;
}

.top-T_Wrap .nav li:hover .xl {
	visibility: visible;
}

.top-T_Wrap .top-T .nav li:hover .ProBoxWrap {
	visibility: visible;
	transform: translate(0px);
}

#nav_2 .xl {
	width: 460px;
	left: auto;
	right: 0;
}

#nav_2 .ProBoxWrap .ProBox {
	padding: 10px 20px;
	overflow: hidden;
}

#nav_2 .ProBoxWrap .ProBox .T {
	float: left;
}

#nav_2 .ProBoxWrap .ProBox .T a {
	width: 200px;
	text-align: left;
	padding-left: 10px;
}


/*暂无内容*/
.Air {
	margin-top: 180px;
	text-align: center;
	color: #999999
}

.Air .img {
	background: url(../images/icon/wu.png) center center no-repeat;
	background-size: 100px;
	margin: 0 auto 20px;
	width: 100px;
	height: 100px;
	/* border:1px dashed #b4b4b5; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;*/
}

.Air .order_img {
	background: url(../images/icon/orderimg.png) center center no-repeat;
	background-size: 100px;
}

.Air strong {
	font-size: 1.6rem;
}

.Air p {
	font-size: 1.4rem
}

.Air .Air_btn {
	width: 60%;
	margin: 20px auto
}

.Air .Air_btn li {
	width: 50%;
	float: left;
	height: 35px;
}

.Air .Air_btn li a {
	display: block;
	width: 90%;
	margin: 0 auto;
	border: 1px solid #fb3242;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fb3242;
	height: 30px;
	line-height: 30px;
	font-size: 1.6rem;
}

.Air .Air_btn li:nth-child(2) a {
	background: #e4393c;
	color: #FFF
}



/*pc网站底部*/
.footWrap {
	background: url(../images/footbj.jpg) center center no-repeat;
	background-size: cover;
	color: #f0f0f0;
}

.footWrap a {
	color: #f0f0f0;
}

.footWrap a:hover {
	color: #FFF;
}

.appfooter {
	display: none;
}

.webapp .footWrap .footNav,
.webapp .address .ewm,
.webapp .footWrap .copyWrap {
	display: none;
}

.webapp .footWrap .address {
	padding: 15px;
	font-size: 14px;
	line-height: 20px;
}

.webapp .footWrap .address p {
	margin: 10px 0;
}

.webapp .appfooter {
	display: block;
}



.footWrap .footNav {
	padding: 0 7%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footWrap .footNav ul {
	display: flex;
	justify-content: flex-end;
	background: url(../images/logo04.png?v=2342342) left center no-repeat;
	background-size: 300px auto;
}

.footWrap .footNav li {
	display: flex;
	align-items: center;
	height: 120px;
}

.footWrap .footNav li a {
	font-size: 16px;
	margin-left: 40px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footWrap .footNav li a:hover {
	opacity: 0.8;

}


.footWrap .address {
	display: flex;
	justify-content: space-between;
	padding: 60px 7%;
	font-size: 16px;
	line-height: 32px;
}

.footWrap .address p {
	margin: 0px 0 20px;
}

.footWrap .copyWrap {
	background: rgba(0, 0, 0, 0.5);
	padding: 25px 7%;
	display: flex;
	justify-content: center;
	font-size: 14px;
	color: #bdbbbb;
}

.footWrap .copyWrap a {
	font-size: 14px;
	color: #bdbbbb;
}

.footWrap .copyWrap a:hover {
	color: #FFF;
}


/*首页*/

.aboutWrap {
	padding: 90px 0 90px 7%;
	box-sizing: border-box;
	position: relative;
	display: flex;
	background: #fff;
	justify-content: space-between;
}

.aboutWrap::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	bottom: 0;
	background: #f5f5f5;
	z-index: 1;
}

.aboutWrap .aboutLeft {
	position: relative;
	max-width: 660px;
	padding-right: 60px;
	color: #7b7b7b;
	font-size: 20px;
	line-height: 40px;
	z-index: 10;
}

.aboutWrap .aboutLeft::after {
	content: 'ABOUT';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 140px;
	color: #f8f8f8;
	line-height: 100px;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.aboutWrap .aboutLeft .bt {
	padding-top: 30px;
	font-size: 40px;
	line-height: 40px;
	color: #0b0b0b;
	font-weight: bold;
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 50px;
	font-family: "微软雅黑";
	z-index: 10;
}

.aboutWrap .aboutLeft .bt span {
	color: #603711;
}

.aboutWrap .aboutLeft .bt::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70px;
	height: 6px;
	background: #6a3906;
	border-radius: 10px;
}

.aboutWrap .aboutRight {
	position: relative;
	z-index: 10;
}

.aboutWrap .aboutRight img {
	width: 100%;
	flex: 1;
}


.aboutWrap .more {
	font-size: 18px;
	color: #FFF;
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	margin-top: 60px;
}

.aboutWrap .more span {
	width: 160px;
	background: #6a3906;
	padding: 6px 0;
	border-radius: 50px;
	text-align: center;
	display: block;
	position: relative;
	text-transform: uppercase;
	overflow: hidden;
}

.aboutWrap .more span::after {
	width: 0;
	position: absolute;
	height: 100%;
	content: '';
	background: #630b0f;
	left: 0;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 5;
}

.aboutWrap .more span i {
	position: relative;
	z-index: 10;
}

.aboutWrap .more span:hover::after {
	width: 100%;
}

.aboutWrap .more:hover {
	color: #FFF;
}


/*产品*/

.inproWrap {
	background: url(../images/probj.jpg) center center no-repeat;
	background-size: cover;
	padding: 60px 0 60px;
}

.inproWrap .inproNav {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom: 80px;
}

.inproWrap .inproNav li {
	margin: 0 80px;
}

.inproWrap .inproNav li a {
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	display: block;
	font-size: 32px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 14px 20px;
}



.inproWrap .inproNav li a:hover,
.inproWrap .inproNav li.cur a {
	color: #FFF;
}

.myProductWrap {
	display: none;
}

.tabWrap .myProductWrap:nth-child(1) {
	display: block;
}

.myProduct {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: calc(86% + 70px);
	flex-wrap: wrap;
	margin: 0 auto;
}

.myProduct .li {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 25%;
	padding: 0 25px;
	box-sizing: border-box;
}

.myProduct .li .boxText {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	/* border: 1px solid #e0e0e0; */
	box-shadow: 0 0 8px rgb(0 0 0 / 6%);
}

.myProduct .li .pic {
	/* border-radius: 4px; */
	height: 100%;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
	padding: 30px;
	position: relative;
}

.myProduct .li .pic::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.myProduct .li .pic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.myProduct .li a:hover .pic img {
	transform: scale(1.1);
}

.myProduct .li .titleBox {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	padding: 30px 60px 30px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	font-family: '微软雅黑';
}

.myProduct .li .titleBox::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	z-index: 1;
	background: url(../images/jt001.png) right center no-repeat;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.myProduct .li .titleBox .u-line-1 {
	font-size: 18px;
	margin-bottom: 15px;
}

.myProduct .li .titleBox .subbt {
	line-height: 23px;
}

.myProduct .li a:hover .titleBox {
	color: #FFF;
}

.myProduct .li a:hover .pic::after {
	background: none;
}

.myProduct .li a:hover .titleBox::after {
	opacity: 1;
}



/*新闻*/
.newsWrap {
	padding-bottom: 80px;
	padding-top: 40px;
	background: #FFF;
}

.newsWrap .inNewNav {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0;
}

.newsWrap .inNewNav li {
	margin: 0 60px;
}

.newsWrap .inNewNav li a {
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	display: block;
	font-size: 32px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 14px 0;
	font-weight: bold;
}

.newsWrap .inNewNav li a:hover,
.newsWrap .inNewNav li.cur a {
	color: #000;
	font-weight: bold;
}

.newsWrap .inNewNav li.xian {
	font-size: 30px;
	color: #b3b3b3;
}

.newsWrap .newsBox {
	display: flex;
	justify-content: space-between;
	width: 86%;
	margin: 0 auto;
}

.newsWrap .newsBox>div {
	width: 48%;
	font-family: '微软雅黑';
}

.newsWrap .newsBox .topImg {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.newsWrap .newsBox .topImg img {
	object-fit: cover;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 100%;
}

.newsWrap .newsBox .topImg img:hover {
	transform: scale(1.1);
}

.newsWrap .newsBox .topText {
	display: block;
	padding: 20px 0;
	font-size: 18px;
	color: #424242;
	border-bottom: 1px solid #f3f3f3;
}

.newsWrap .newsBox .topText span {
	display: block;
	color: #767676;
	font-size: 14px;
	margin-top: 10px;

}

.newsWrap .newsBox .topText:hover {
	color: #000;
}

.newsWrap .newsBox .u_list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	font-size: 15px;
	color: #424242;
	border-bottom: 1px solid #f3f3f3;
}

.newsWrap .newsBox .u_list a {
	font-size: 15px;
	flex: 1;
}

.newsWrap .newsBox .u_list span {
	display: block;
	color: #767676;
	width: 100px;
	text-align: right;
}

.newsWrap .newsBox .u_list a:hover {
	color: #000;
}

.fristBox {
	position: relative;
	display: flex;
	background: url(../images/videimg.jpg) center center no-repeat;
	background-size: cover;
}

.fristBox .palymunet {
	position: absolute;
	background: #000;
	width: 40px;
	height: 40px;
	right: 10px;
	bottom: 10px;
	background: url(../images/v_sy.png) center center no-repeat rgba(0, 0, 0, 0.6);
	border-radius: 50px;
	background-size: 50%;
	z-index: 50;
	cursor: pointer;
}

.fristBox .palymunet.cur {
	background: url(../images/v_jy.png) center center no-repeat rgba(0, 0, 0, 0.6);
	background-size: 50%;
}

.fullscreenVideo {
	width: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
	height: calc(100vh)
}

/*pc版产品中心*/



.goodsListWrap {
	background: rgba(240, 235, 230, 0.5);
	/* padding: 0 60px; */
	overflow: hidden;
}

.goodsListWrap .goodsListBox {
	/* margin:120px auto 60px; */
	/* max-width: 1440px; */
	/* background: #fff; */
	overflow: hidden;
	/* border-radius: 15px; */
	/* -moz-box-shadow: 0 0 15px rgba(116,67,17, 1);
	-webkit-box-shadow: 0 0 15px rgba(116,67,17, 1);
	box-shadow: 0 0 15px rgba(116,67,17, 0.1); */
}


.pclocomotionBox {
	display: flex;
	padding: 0 30px;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ececec;
}

.pclocomotionBox .locLeft {
	display: flex;
	padding: 20px 0;
}

.pclocomotionBox .locLeft .li {
	margin-right: 40px;
}

.pclocomotionBox .locLeft .li a {
	font-size: 18px;
}

.pclocomotionBox .locLeft .li.cur a {
	color: #c27914;
	font-weight: bold;
}

.pcGoodsList {
	width: 100%;
	margin: 0 auto;
}

.prolist_nr {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}

.prolist_nr li {
	width: 20%;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	/* padding: 0 10px; */
	/* margin-bottom:20px; */
}

.prolist_nr li a {
	display: block;
	margin: 0 auto;
	/* border-radius: 8px; */
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFF;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec
}

.prolist_nr li .pro_img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 20px;
}

.prolist_nr li .pro_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.prolist_nr li:hover .pro_img img {
	transform: scale(1.1);
}

.prolist_nr li .text {
	width: 100%;
	padding: 5px 15px 10px;
	box-sizing: border-box
}

.prolist_nr li .text .pro_title {
	max-height: 40px;
	font-size: 15px;
	line-height: 20px;
	height: 40px;
	margin: 10px 0 5px;
	/* text-overflow: ellipsis;
    white-space: nowrap; */
	overflow: hidden;
	color: #000;
}

.prolist_nr li .text .pro_price {
	color: #c27914;
	font-size: 20px;
	font-weight: bold;
}

.prolist_nr li .text .pro_price i {
	font-size: 12px;
}

.prolist_nr li .text .pro_txt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.prolist_nr li .text .look {
	text-decoration: line-through;
	margin-left: 15px
}

.prolist_nr li:nth-last-child(1) {
	margin-bottom: 0
}

.prolist_nr li .text .sales_txt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	color: #a3a3a3
}

.prolist_nr li:hover {
	position: relative;
	z-index: 10;
	-moz-box-shadow: 0 0 25px rgba(203, 203, 203, 0.8);
	-webkit-box-shadow: 0 0 25px rgba(203, 203, 203, 0.8);
	box-shadow: 0 0 25px rgba(203, 203, 203, 0.8);
}

/***************************************--/网站首页****************************************************/
/*产品详情*/
.proDelshow {
	background: rgba(240, 235, 230, 0.5);
	padding-top: 150px;
}

.nycontent {
	margin: 0 auto 60px;
	max-width: 1200px;
	background: #fff;
	border-radius: 15px;
	-moz-box-shadow: 0 0 15px rgba(116, 67, 17, 1);
	-webkit-box-shadow: 0 0 15px rgba(116, 67, 17, 1);
	box-shadow: 0 0 15px rgba(116, 67, 17, 0.1);
}

.nymenu {
	padding: 20px 0;
}

.show_left {
	display: flex;
	padding: 30px;
}

.show_left .ShowProTitle {
	font-size: 28px;
	line-height: 38px;
	color: #000;
	margin-bottom: 10px;
}

.show_left .subTitle {
	font-size: 13px;
	line-height: 20px;
	color: #868686;
	margin-bottom: 30px;
}

.show_left .price_sc {
	color: #ee2b46;
}

.show_left .price_sc strong {
	font-size: 30px;
	line-height: 30px;
}

.show_left .price_sc span {
	text-decoration: line-through;
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	margin-left: 15px;
}

.show_left .Distribution {
	margin: 30px 0;
	display: flex;
	align-items: center;
}


.show_left .buyQuan {
	margin: 30px 0;
	display: flex;
	align-items: center;
}

.show_left .Shop_cart {
	margin-top: 60px;
	display: flex;
	align-items: center;
}

.show_left .Shop_cart .shoucang{
	margin-left: 30px;
	font-size: 16px;
	cursor: pointer;
	background: url(../images/sc01.png) left center no-repeat;
	background-size:20px;
	padding-left: 26px;
}

.show_left .Shop_cart .shoucang.cur{
	background: url(../images/sc02.png) left center no-repeat;
	background-size:20px;
}

.show_left .Shop_cart .buybtn {
	min-width: 160px;
	background: linear-gradient(90deg, rgb(255, 100, 34), rgb(255, 0, 64));
	border: 0;
	padding: 15px 20px;
	border-radius: 50px;
	font-size: 16px;
}

.show_left .Shop_cart .carbtn {
	min-width: 160px;
	background: linear-gradient(90deg, rgb(255, 203, 0), rgb(255, 148, 2));
	border: 0;
	padding: 15px 20px;
	border-radius: 50px;
	font-size: 16px;
}

.show_Detail_bt {
	display: flex;
	justify-content: space-between;
	font-family: PingFang SC;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
	padding: 0 0 0 30px;
	align-items: center;
	position: sticky;
	top:108px;
	z-index: 10;
	overflow: hidden;
	background: #fff;

}

.show_Detail_bt .letbt {
	position: relative;
	height: 70px;
	display: flex;
	align-items: center;
}

.show_Detail_bt .letbt::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 3px;
	border-radius: 1.5px;
	background-color: #c27914;
}

.show_Detail_bt .mobileBuy {
	position: relative;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	width: 0;
}

.show_Detail_bt .mobileBuy.cur {
	opacity: 1;
	transform: scale(1);
	width: auto;
}

.contxt {
	text-align: center;
}

.contxt img {
	position: relative;
	color: #fff;
	width: 200px;
	cursor: pointer;
}


.show_Detail_bt .mobileBuy .btnView {
	font-size: 16px;
	padding: 0 30px;
	height: 45px;
	display: flex;
	color: #ee2b46;
	align-items: center;
}

.show_Detail_bt .mobileBuy .btnView .buybtn {
	min-width: 160px;
	background: linear-gradient(90deg, rgb(255, 100, 34), rgb(255, 0, 64));
	border: 0;
	padding: 15px 20px;
	border-radius: 50px;
	font-size: 16px;
	margin-left: 10px;
}

.show_Detail_bt .mobileBuy .btnView  .carbtn {
	min-width: 160px;
	background: linear-gradient(90deg, rgb(255, 203, 0), rgb(255, 148, 2));
	border: 0;
	padding: 15px 20px;
	margin-left: 20px;
	border-radius: 50px;
	font-size: 16px;
}

.show_Detail_bt .mobileBuy .btnView .price_sc {
	color: #ee2b46;
}

.show_Detail_bt .mobileBuy .btnView .price_sc strong {
	font-size: 24px;
	line-height: 30px;
}

.show_Detail .Detail_xq {
	padding: 30px;
	box-sizing: border-box;
}

.show_Detail .Detail_xq img {
	display: block;
	margin: 0 auto;
}

.leftPhoto{
	position: relative;
}
.leftPhoto .jqzoom {
	margin-right: 40px;
	width: 450px;
	flex: 1;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	position: relative;
	height: 450px;
}

.leftPhoto .jqzoom img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}

.leftPhoto .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.leftPhoto .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #f8f8f8;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.leftPhoto .list-h {
	overflow: hidden;
	position: relative;
	display: flex;
	margin-top: 10px;
}
.leftPhoto .list-h li {
	height: 82px;
	width: 82px;
	cursor: pointer;
	margin-right: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.leftPhoto ul.list-h li img {
	border: 1px solid #e8e8e8;
	display: block;
	margin: 0 auto;
	width: 100% !important;
	object-fit: contain;
	height: 100% !important;
	box-sizing: border-box;
}

.leftPhoto ul.list-h li.cur:after {
	content: "";
	left: 0;
	right: 0;
	top: 0;
	width: 78px;
	height: 78px;
	border: 2px solid #6a3906;
	position: absolute;
}

/*#region PC网站头部#*/


/*关于我们*/
.nyaboutWrap {
	min-height: 600px;
	padding-top: 110px;
	padding-bottom: 100px;
	position: relative;
}

.nyaboutWrap .abImg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.nyaboutWrap .abImg img {
	max-width: 100%;
}

.nyaboutTitle {
	text-align: center;
	font-size: 50px;
	color: #040404;
	line-height: 50px;
	padding: 120px 0 50px;
}

.nyaboutbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 auto;
	max-width: 1300px;
}

.nyaboutbox>div {
	font-size: 20px;
	line-height: 42px;
	color: #040404;
}

.nyaboutbox>div.nyaboutimg {
	/* flex: 1; */
}

.nyaboutbox>div.nyaboutimg img {
	max-width: 100%;
}

.nyaboutbox .nyabouttext {
	/* width: 50%; */
	flex: 1;

}

.nyaboutbox .nyabouttext p {
	margin-bottom: 15px;
	text-indent: 2em;
}

.nyaboutbox .nyabouttext.lt {
	margin-right: 60px;
}

.nyaboutbox .nyabouttext.rt {
	margin-left: 60px;
}

.nyaboutbox .nyabouttext .bt {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 6px;
}



/*联系我们*/
.nyaboutWrap #allmap {
	width: 100%;
	height: calc(100vh - 100px);
}

.in_cnt2 {
	position: absolute;
	top: calc((100vh - 180px) / 2);
	left: 50%;
	margin: auto;
	margin-left: -480px;
	padding: 0px 0 0 0;
}

.s_h_gmi_left_content {
	background: rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 15px rgba(116, 116, 116, 0.8);
	-webkit-box-shadow: 0 0 15px rgba(116, 116, 116, 0.8);
	box-shadow: 0 0 15px rgba(116, 116, 116, 0.8);
	padding: 30px;
	font-size: 18px;
	color: #fff;
	line-height: 36px;
	border-radius: 10px;
}

.s_h_gmi_left_content .s_h_glc_1 {
	margin: 10px 0;
}

.BMap_cpyCtrl,
.anchorBL {
	display: none;
}

/*新闻列表*/

.newsListWrap {
	background: rgba(240, 235, 230, 0.5);
	overflow: hidden;
}

.newTopNav {
	padding: 190px 0 80px;
	text-align: center;
}

.newTopNav .bigTitle {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
}

.newTopNav .samllTit {
	font-size: 14px;
	line-height: 25px;
	max-width: 700px;
	margin: 20px auto;
}

.newTopNav .ullist {
	display: flex;
	justify-content: center;
	padding: 20px 0 0;
}

.newTopNav .ullist .li {
	margin: 0 15px;
}

.newTopNav .ullist .li a {
	font-size: 16px;
	background: #afafaf;
	color: #FFF;
	border-radius: 50px;
	padding: 10px 0;
	width: 160px;
	display: block;
}

.newTopNav .ullist .li.cur a {
	color: #fff;
	background: #c27914;
}


.nynewslis {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	background: #FFF;
	margin: 0 auto;
	padding: 0 0%;
}

.nynewslis li {
	width: 50%;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	box-sizing: border-box;
}

.nynewslis li a {
	display: flex;
	padding: 20px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nynewslis li a .img {
	width: 170px;
	height: 120px;
	border-radius: 5px;
	overflow: hidden;
}

.nynewslis li a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nynewslis li a .text {
	line-height: 20px;
	flex: 1;
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nynewslis li a .text strong {
	color: #000;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nynewslis li a:hover {
	background: #c27914;
	color: #fff;
}

.nynewslis li a:hover strong {
	color: #FFF;
}

/*新闻详情*/
.newsShowBox {
	min-height: 500px;
	padding-top: 120px;
	max-width: 1200px;
	margin: 0 auto;
}


.newsShowBox .new_bt {
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #c27914;
	padding: 30px 0;
}


.newsShowBox .training_data {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
	border-bottom: 1px solid #E9E9E9;
}

.newsShowBox .training_data span {
	margin: 0 15px;
}

.newsShowBox .training_nr {
	padding: 20px 0;
	color: #000;
	font-size: 16px;
	line-height: 36px;
}

.newsShowBox .training_nr img {
	max-width: 100%;
}


@media screen and (max-width: 1400px) {
	.prolist_nr li {
		width: 25%;
	}
}



@media screen and (max-width: 1200px) {
	.prolist_nr li {
		width: 33.33%;
	}
}



@media screen and (max-width: 800px) {
	.prolist_nr li {
		width: 50%;
	}
}


body.webapp {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	line-height: 24px;
}

.webapp {
	max-width: 640px;
	margin: 0 auto;
}

.webapp .top-T_Wrap {
	max-width: 640px;
	height: auto;
	top: 0;
}

.webapp .fiexTop {
	height: 50px !important;
}

.webapp .top-T_Wrap .top-T {
	width: auto;
	background-position: 10px center;
}

.webapp.homeWrap {
	margin-top: 0;
}

.webapp .KeywordsBox {
	display: none;
}

.webapp .top-T_Wrap .top-T .logo {
	display: block;
	height: 34px;
	background: url(../images/logo03.png?v=2342342534546345345) 10px center no-repeat;
	background-size: auto 100%;
}

.webapp .top-T_Wrap .top-T .headRight {
	height: 50px;
}

.webapp .top-T_Wrap .top-T .top_text {
	display: none;
}

.webapp .top-T_Wrap .top-T .hea-R {
	overflow: hidden;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	display: block;
}

.webapp .top-T_Wrap .top-T .hea-R img {
	height: 100%;
}



@media screen and (max-width: 800px) {
	.SitePC #navwrap {
		opacity: 0;
	}
}

.webapp #navwrap {
	position: fixed;
	left: 0;
	z-index: 99999;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.webapp #navwrap.winshow {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.webapp #yc {
	width: 100%;
	height: 100vh;
}

.webapp .navwrap_wrap {
	position: absolute;
	top: 0;
	width: 150px;
	right: 0;
	height: 100%;
	background: rgba(106, 57, 6, 0.35);
	-webkit-transform: translateX(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	-o-transform: translateY(150px);
	transform: translateX(150px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.webapp .winshow .navwrap_wrap {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);

	align-items: flex-start;
}

.webapp #navwrap .navwrap_wrap ul {
	width: 150px;
	height: auto;
	top: 50px;
	flex-direction: column;
	background: none;
	padding: 0;
}

.webapp #navwrap .navwrap_wrap ul li {
	width: auto;
	margin: 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	height: 55px;
	line-height: 55px;
}

.webapp #navwrap .navwrap_wrap ul li a {
	font-size: 14px;
	text-align: center;
	display: block;
	color: #fff;
}

.webapp .navwrap_title {
	height: 30px;
	width: 150px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMkJDMzIwMDc5MDExRTc5MzEyODQ1RUQwMjM5QUJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMkJDMzIxMDc5MDExRTc5MzEyODQ1RUQwMjM5QUJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMyQkMzMUUwNzkwMTFFNzkzMTI4NDVFRDAyMzlBQkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMyQkMzMUYwNzkwMTFFNzkzMTI4NDVFRDAyMzlBQkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/PRqvAAAC50lEQVR42uzd3XHiMBAHcPEfCqCEXAdOBZc8+fFawBXkroJMOuA6SAv3yBOTCi4lpAQ64FYZmfEREutbK613ZseMwcL+zRqBhGF1Op3UEv6xHm/s9/uOFg+UN5SvlE993x/nGqDtqgagY1QWx7ihxU/K75RvlL9pO22kYB6g0Q6UW8o78+CD2VB0GANt82hstNFfWn93BjSVd4nVSUec4HVX7n6YAnaftCEWcQZPjQU3Av75oi1xiBZ4Ol7OgPSCuDMdh3hESzxttZtWoI576YgOePfjOxRMuvOjZEQfvMsKFIvoi6djde2TiEuDlMfK/bzxPlSgTyVeef8oBu9TQCGIwXhfAjaOGAVvFrBRxGh4VoCNIUbFswZsBDE6nhNg5YhJ8JwBK0VMhucFWBliUjxvwEoQk+MFATJHzIIXDGiCG2LWz/GItNMj4nNhxOyDIIi483qHhoKIRUaQkOBASiAWG35DolMpJ2LRsctUgLkQiw/8pgRMjchi1Dw1YCpENlMOOQBjI7Kar8kFGAuR3WRXTsBQRJYzhbkBfRHZTrOWAHRFZD1HvVblYjDL7QyiUown+EsC2iIqrnglT2GX05ktHhdAH0Q238vhAuiCyOpLTZwANxaveewCjPAOloCs5p1RGd4lYicdcBMAwQIRzPFeZzqWTWnENXO8aW+7nWlrbmq1mQr0wRu4ViIqwFOcEVEJHltEVITHEhGV4bFDRIV4rBBRKR4bRFSMxwIRleMVR0QDeEUR0QheMUQ0hFcEEY3hZUcMAmR+YbYVovnFpvyAlVzVnhwRDeNlQUTjeMkRIQAvKSKE4CVDhCC8JIgQhhcdEQLxoiJCKF40RAjGe4++74MQEYIXerFyC4iQjheKCEe8Z3qi29bwQhDhiDeoxsMB8WZagdsFzxnxcQr4Y8FzRvyvAl8WPGfEtyngblyx4Fkh6k706QxoetVbyl/mjmHB+4A4GBtt9I3WvRfcavk7jLD4J8AAOuAam2/BASgAAAAASUVORK5CYII=") center center no-repeat;
	margin-top: 10px;
	background-size: 20px;
}

/*兼容处理*/

@media screen and (max-width: 1000px) {
	.fullscreenVideo {
		height: 90vw;
	}
}

.webapp .aboutWrap {
	flex-wrap: wrap;
	padding: 30px 15px;
}

.webapp .aboutWrap .aboutLeft {
	padding: 0;
	font-size: 16px;
	line-height: 30px;
}

.webapp .aboutWrap .aboutLeft::after {
	font-size: 100px;
	line-height: 80px;
}

.webapp .aboutWrap .aboutLeft .bt {
	font-size: 30px;
	padding-top: 20px;
	margin-bottom: 25px;
	padding-bottom: 30px;
}

.webapp .aboutWrap .aboutLeft .bt::after {
	height: 4px;
	width: 50px;
}

.webapp .aboutWrap::after {
	width: 0;
}

.webapp .aboutWrap .more {
	margin: 30px 0;
	font-size: 14px;
	width: 140px;
}

.webapp .inproWrap .inproNav li {
	margin: 0 10px;
}

.webapp .inproWrap .inproNav li a {
	font-size: 15px;
	padding: 0;
	white-space: nowrap;
	;
}

.webapp .inproWrap {
	padding: 0px 0;
}

.webapp .myProduct .li {
	width: 50%;
	padding: 0 10px;
}


.webapp .myProduct {
	width: 100%;
	box-sizing: border-box;
	padding: 0 5px;
}

.webapp .myProduct .li .pic {
	padding: 0;
}

.webapp .inproWrap .inproNav {
	margin-bottom: 20px;
	padding: 20px 0;
}

.webapp .myProduct .li .titleBox .subbt {
	display: none;
}

.webapp .myProduct .li .titleBox {
	padding: 20px 0;
}

.webapp .myProduct .li .titleBox::after {
	width: 0;
	height: 0;
}

.webapp .myProduct .li .titleBox .u-line-1 {
	margin-bottom: 0;
	font-size: 14px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: inherit
}

.webapp .newsWrap {
	padding: 0;
}

.webapp .newsWrap .inNewNav {
	padding: 30px 0;
}

.webapp .newsWrap .inNewNav li {
	margin: 0 10px;
}

.webapp .newsWrap .inNewNav li a {
	font-size: 18px;
}

.webapp .newsWrap .newsBox {
	flex-wrap: wrap;
}

.webapp .newsWrap .newsBox>div {
	width: 100%;
	margin-bottom: 30px;
}

.webapp .newsWrap .newsBox {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
}

.webapp .newsWrap .newsBox .topImg {
	height: auto;
}

.webapp .newsWrap .newsBox .topText,
.webapp .newsWrap .newsBox .u_list a {
	font-size: 14px;
}


#div_page_list {
	text-align: center;
	padding: 50px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#div_page_list a,
#div_page_list span {
	display: block;
	margin: 0 5px;
	padding: 5px 10px;
	/* border: 1px solid #ccc; */
	background: #ED7020;
	color: #FFF;
	border-radius: 5px;
}

#div_page_list span.disabled {
	background: #ccc;
}

#div_page_list span.current {
	background: #EDDED4;
	color: #ED7020;
}

#div_page_list span:nth-child(1) {
	background: none;
	color: #5f5f5f;
}

.webapp .search-box {
	display: none;
}

.webapp .nyaboutWrap {
	padding-top: 50px;
	min-height: auto;
}

.webapp .nyaboutTitle {
	padding: 40px 0 20px;
	font-size: 30px;
}

.webapp .nyaboutbox {
	flex-wrap: wrap;
	padding: 0 15px;
}

.webapp .nyaboutbox .nyabouttext.lt,
.webapp .nyaboutbox .nyabouttext.rt {
	margin: 0;
}

.webapp .nyaboutbox .nyabouttext.rt {
	margin-top: 15px;
}

.webapp .nyaboutbox>div {
	font-size: 15px;
	line-height: 32px;
}

.webapp #allmap {
	height: calc(100vh - 180px - 50px) !important;
}

.webapp .in_cnt2 {
	margin: 0;
	left: 0;
	bottom: 0;
	top: 0;
	height: 150px;
	right: 0;
	width: 80%;
	margin: auto;
}

.webapp .s_h_gmi_left_content {
	font-size: 14px;
	line-height: 20px;
	padding: 15px;
}

.webapp .goodsListWrap {
	padding: 15px;
}

.webapp .goodsListWrap .goodsListBox {
	margin: 50px auto;
}

.webapp .locRight {
	display: none;
}

.webapp .pclocomotionBox .locLeft .li {
	margin: 0;
}

.webapp .pclocomotionBox .locLeft {
	justify-content: space-between;
	width: 100%;
}

.webapp .nynewslis {
	flex-wrap: wrap;
}

.webapp .nynewslis li {
	width: 100%;
	border-right: 0;
}

.webapp .nynewslis li a .img {
	width: 100px;
	height: 80px;
}

.webapp .nynewslis li a .text {
	margin-left: 10px;
}

.webapp .newsShowBox {
	padding: 70px 15px;
}

.webapp .newsShowBox .new_bt {
	font-size: 24px;
}

.webapp .newsShowBox .training_data span:nth-child(1) {
	display: none;
}

.webapp .newsShowBox .training_nr {
	font-size: 14px;
	line-height: 30px;
}

.webapp .prolist_nr {
	flex-wrap: wrap;
	padding: 15px 5px;
}

.webapp .prolist_nr li {
	width: 50%;
	padding: 0 5px;
}

.webapp .prolist_nr li .text .look {
	display: none;
}


.tb-toolkit {
	position: fixed;
	right: 0;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	z-index: 999;
	background-color: #fff;
	-webkit-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
	-moz-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
	box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
	border-radius: 18px 0 0 18px;
	width: 70px;
	padding: 0 0 26px;
}

.tb-toolkit .toolkit-item {
	position: relative;
	text-align: center;
	height: 47px;
	margin-top: 36px;
	z-index: 1;
}

.tb-toolkit .toolkit-item a {
	display: block;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}

.tb-toolkit .toolkit-item a span {
	display: block;
	width: 100%;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px;
	margin-bottom: 5px;
}

.tb-toolkit .toolkit-item .tk-qr-wrapper {
	position: absolute;
	right: 70px;
	padding-right: 5px;
	top: -26px;
	width: 124px;
	display: none;
}

.tb-toolkit .toolkit-item .tk-qr-wrapper .tk-qr-inner {
	text-align: center;
	padding: 12px 5px 8px;
	background: #fff;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 12px 24px 0 rgb(0 0 0%);
	-moz-box-shadow: 0 12px 24px 0 rgb(0 0 0%);
	box-shadow: 0 12px 24px 0 rgb(0 0 0%);
	border-radius: 12px;
	font-size: 12px;
}

.tb-toolkit .toolkit-item .tk-qr-wrapper .tk-qr-inner #tk-qr-container img {
	width: 100px;
	display: block;
	margin: 0 auto;
}

.tb-toolkit .toolkit-item.qrItem:hover .tk-qr-wrapper {
	display: block;
}


.tb-toolkit .toolkit-item.kfItem:hover .tk-qr-wrapper {
	display: block;
}

.tb-toolkit .toolkit-item.backItem {
	display: none;
}


/*注册登录*/
.loginWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1001;
	display: none;
	align-items: center;
	justify-content: center;
}

/*会员登录*/
.loginBox {
	width: 330px;
	margin: 0 auto;
	overflow: hidden;
	-moz-box-shadow: 0 0 5px #bed2df;
	-webkit-box-shadow: 0 0 5px #bed2df;
	box-shadow: 0 0 5px #bed2df;
	background: #FFF;
	padding-bottom: 30px;
	color: #000;
	position: relative;
}

.loginBox .loginTitle{
	font-size: 22px;
	text-align: center;
	padding: 30px 0;
}

.loginBox .loginewm{
	display: flex;
	align-items: center;
	justify-content: center;
}


.loginBox .colse{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	cursor: pointer;
	height: 50px;
	background: url(../images/Bullet_Colse.png) center center no-repeat;
	background-size:30% ;
}



/*会员中心*/
.memberBox{
	max-width: 1200px;
	margin: 0 auto ;
	padding: 140px 0 40px;
	display: flex;
	
}

.memberBox .boxLeft{
	width: 200px;
	background: #fff;
	margin-right: 30px;
	border-radius: 5px;
}

.memberBox .boxLeft .bt{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding:15px 0 15px 20px;
}

.memberBox .boxLeft .ul_list{
	font-size: 18px;
}
.memberBox .boxLeft .ul_list a{
	font-size: 15px;
	line-height: 45px;
	display: block;
	padding-left: 20px;
}

.memberBox .boxLeft .ul_list a:hover,.memberBox .boxLeft .ul_list a.cur{
	background: #f5f5f5;
	color: #e94718;
	font-weight: bold;
}

.memberBox .boxRight{
	flex: 1;
	background: #fff;
	min-height: 400px;

}
.memberBox .headTop{
	display: flex;
	justify-content: space-between;
	padding:30px 30px;
	background: #fff;
}


.memberBox .headTop .head_mem{
	display: flex;
	align-items: center;

}

.memberBox .headTop .head_mem .avatarImg{
	border-radius: 50%;
	overflow: hidden;
	margin-right: 20px;
}

.memberBox .headTop .head_mem .wyz_title{
	font-size: 20px;
	color: #000;
}

.memberBox .headTop .MyInte{
	display: flex;
}

.memberBox .headTop .MyInte > a{
	display: flex;
	margin-left: 50px;
	font-size: 14px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #6c6c6c;
}

.memberBox .headTop .MyInte > a p{
	font-size: 26px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 5px;
	color: #f56c6c;
}

.memberBox .headTop  P{
	font-size: 26px;
	color: #000;
	margin-bottom: 5px;
	text-align: center;
}




/***订单列表**/


/**********************时间：2016-08-29**************我的订单************************************/
.order_bt{ position:relative; border-bottom:2px solid #eaeaea; color:#3c3c3c; font-size:14px; margin:0 0 20px;  height:50px; line-height:50px;}
.order_bt .orderSearch{ position:absolute; right:0px; top:5px}
.order_bt .orderSearch #order_keywords{ border:1px solid #eaeaea; height:35px; padding-right:5px; float:left; width:200px; padding-left:5px; border-right:0}
.order_bt .orderSearch input[type='button']{ border:1px solid #dddddd; cursor:pointer; background:#f5f5f5; color:#9f9f9f; float:left;  width:60px; height:37px;}
.order_bt .orderSearch input[type='button']:hover{ background:#ededed}
.order_bt .cur{ color:#e94718; border-bottom:2px solid #e94718}
.order_bt li{display:inline-block; margin:0 10px;}
.order_bt li a{ font-size:14px; display:inline-block; padding:0 5px; height:50px; text-align:center;}
.order_bt li a:hover{ color:#e94718; border-bottom:2px solid #e94718}

.Z_order_list{width:100%; position:relative;padding-bottom:40px}
.Z_order_list .Z_order_top{ display: flex; background:#f5f5f5; height:40px; margin-bottom:10px;}
.Z_order_list .Z_order_top li{ text-align:center; line-height:40px; width:120px; font-size:12px;}
.Z_order_list .Z_order_top li:nth-child(1){flex: 1;}
.Z_order_list .Z_order_top li:nth-child(3){ margin-right:12px;}

.Z_order_nr{ box-sizing: border-box; border:1px solid #e8e8e8; margin-bottom:20px;}
.Z_order_nr:hover{ border:1px solid #e94718}
.Z_order_nr .Z_order_date{width:auto; padding-left:10px; color:#999999; border-bottom:1px solid #e8e8e8; font-size:12px; height:40px; line-height:40px; background:#f7f7f7;}
.Z_order_nr .Z_order_date span{ padding-left:10px;}
.Z_order_nr .Z_order_nr_list{ display: flex; }
.Z_order_nr .Z_order_nr_list> li{box-sizing: border-box;  position:relative; border-right:1px solid #e6e6e6; display: flex; justify-content: center; text-align:center; width:123px; align-items: center; }
.Z_order_nr .Z_order_nr_list > li:nth-child(1){width:; flex: 1;}
.Z_order_nr .Z_order_nr_list > li:nth-child(3){color:#e94718; }
.Z_order_nr .Z_order_nr_list > li:nth-child(4){ border-right:0; color:#e94718; }



.order_act01_list{ overflow:hidden}
.order_act01_list .ImgList{  display: flex; align-items: center; overflow:hidden; border-bottom:1px solid #e6e6e6; }
.order_act01_list .ImgList:nth-last-child(1){ border-bottom:0}
.Z_order_nr .Z_order_nr_list> li p.p_a04 span{ color:#999999; display:block}
.order_act01_list p{ padding: 10px; }
.order_act01_list p.p_a01{  width:120px; }
.order_act01_list p.p_a04{  width:300px; line-height:20px; display: flex;  text-align:left;}
.order_act01_list p.p_a04 img{border:1px solid #e9e9e9; margin-right:15px; }

/*状态*/
.Z_order_nr .Z_order_nr_list .status{display: flex;flex-direction: column; justify-content: center;}
.Z_order_nr .Z_order_nr_list a:hover{color:#e94718}

/*交易操作*/
.Z_order_nr .Z_order_nr_list .operat{ }
.operat a{ display:block; margin:0 auto; width:70px; line-height:25px; height:25px; margin:5px 0; }
.operat a.operatA,.operat a.operatD{ color:#e94718; border:1px solid #e94718;}
.operat a.operatC{ background:#e94718; color:#FFF;}
.Z_order_nr .Z_order_nr_list a.operatC:hover{ color:#FFF;}


/**收货地址**/

.address_all li .eidt{ position:absolute; right:80px; top:20px; display:none; cursor:pointer; color:#157efb}
.address_all li .del{ position:absolute; right:30px; top:20px; display:none; cursor:pointer;color:#157efb}

.address_all li:hover .eidt{ display:block}
.address_all li:hover .del{ display:block}
/*收货地址窗框**/
.address_all{width:100%; display: flex; flex-wrap: wrap; }

.address_all li{ position:relative; width:33.33%; box-sizing: border-box;  padding:10px;   cursor:pointer;}
.address_all li .listWrap{border:1px solid #eaeaea; padding:15px; position: relative;}


.address_all li .address_title{ width:100%; height:24px; border-bottom:1px solid #F2F2F2; font-size:14px; color:#333333; font-weight:bold; overflow:hidden; position:relative}
.address_all li .address_title span{ position:absolute; right:0; top:0; color:#999999; font-weight:normal}
.address_all li .address_nr{ padding-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333333}
.address_all li.address_windowsa .listWrap{ border:1px solid #e94718; background:url(../images/zfgou.jpg) right bottom no-repeat #fdf4f3}
.address_all li a{ display:block; line-height:133px; height:133px; background:url(../images/jia.png) 80px center no-repeat; text-align:center; color:#999999; font-size:18px; padding-left:40px; border:1px solid #eaeaea;}


.addWrap{padding:20px; overflow:hidden}
.addWrap .address_all {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 0;
}
.addWrap .address_all li{ position:relative;  cursor:inherit;}
.addWrap .address_all li a{ background:url(../images/jia.png) 60px center no-repeat; padding-left:60px;}



/**通用表单列表**/
.from_list{width:auto;  background:#FFF; }
.from_list > li{ position:relative; padding:10px 0; overflow:hidden;}
.from_list > li .from_list_L{width:100px; text-align:right; color:#000; line-height:35px; float:left; font-size:14px}
.from_list > li .from_list_R{  display: flex; font-size:14px;  color:#666666;}
.from_list li .from_list_R input{  width:240px; height:35px; padding-left:5px; color:#666666; background:#FFF;}
.from_list li .from_list_R select{ width:247px; margin-right: 10px; height:35px; box-sizing: border-box; border:1px solid #d4d4d4;  color:#666666; padding-left:5px; background:url(../images/icon/x.png) 95% center no-repeat #FFF; cursor:pointer}
.from_list li .from_list_R .Sendcode{ width:100px; cursor:pointer; margin-left:10px; height:35px; border:2px solid #bbbbbb; color:#bbbbbb; text-align:center; padding-right:5px; -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.from_list li .from_list_R .Sendcode:hover{ border:2px solid #e94718; color:#e94718; }
.from_list li .from_list_R input[type='radio']{ width:15px; height:25px; margin-top:-3px;margin-right:5px;}
.from_list li .from_list_R label{ line-height:35px; margin-right:15px; padding-top:5px;}

.from_list li .from_list_R .R_text{ line-height:35px;}
.from_list li .from_list_R .R_text span{color:#e94718}
.from_list li .from_list_R .R_text a{ color:#005ea7;}
.from_list li .from_list_R .R_text a:hover{ text-decoration:underline}

.from_list_btn{ margin:10px 0 0 100px}
.from_list_btn input{border:0; width:120px; cursor:pointer;}

.Validform_wrong{ font-size:12px; color:#e94718; padding-left:5px;}

.form-control {
	width: 100%;
	border: 1px solid #d4d4d4;
  
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	 -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }
  .form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
  }
  .form-control:-ms-input-placeholder {
	color: #999;
  }
  .form-control::-webkit-input-placeholder {
	color: #999;
  }

  /*勾选按钮美化*/
.CheckButton label{display:inline;}
.CheckButton .regular-checkbox{display: none;}
.CheckButton .regular-checkbox + label{background: #FFF;border: 1px solid #cacece; margin-right: 5px; padding:2px;  display: inline-block; position: relative;}
.CheckButton .regular-checkbox:checked + label{background:url(../images/Sgou.png) center center no-repeat #e94718; background-size:12px; border: 1px solid #e4393c; color: #FFF;}
.CheckButton .big-checkbox + label{padding:8px;}
.CheckButton .big-checkbox:checked + label:after{font-size:18px; font-family:"微软雅黑"; left:5px;}

.btn_submit{background:#e94718; overflow:hidden; margin:0 auto; font-size:14px; height:40px; line-height:40px;  text-align:center; width:150px; color:#FFF; border:0; cursor:pointer;-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.btn_submit:hover{ background:#ea271e}



/*注册登录*/
.addressNewWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1001;
	display: none;
	align-items: center;
	justify-content: center;
}

/*会员登录*/
.addressNewBox {
	margin: 0 auto;
	overflow: hidden;
	-moz-box-shadow: 0 0 15px #a9a9a9;
	-webkit-box-shadow: 0 0 15px #a9a9a9;
	box-shadow: 0 0 15px #a9a9a9;
	background: #FFF;
	padding: 0;
	color: #000;
	position: relative;
}

.addressNewBox #address_form{
	padding:0 30px 30px;
}

.addressNewBox .addNewBt{
	padding:20px 30px;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
}
.addressNewBox .addNewBt .cose{
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/Bullet_Colse.png) right center no-repeat;
	background-size:20px ;
}

/*购物车*/
.putWrap{
	padding: 140px 0 60px;
	background: rgba(240, 235, 230, 0.5);

}
.ShopCartOme{width:1200px; margin: 0 auto 0; background:#FFF; border-radius: 10px; overflow:hidden;

	-moz-box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);
	box-shadow: 0 0 15px rgba(146, 146, 146, 0.1);}



.ShopCartWrap{ background:#f2f2f2; padding:120px 0 50px; overflow: hidden;}
.ShopCartTitle{ font-size:20px; color:#333333; font-weight:bold; width:1200px; margin:0 auto; line-height:50px;}
.ShopCart{width:1160px; margin:0 auto; background:#FFF; border:1px solid #f8f8f8; border-radius: 10px; padding:0 20px 20px; overflow:hidden}

.cart_tableWrap{
	padding: 20px;
}
.cart_table{ border: 1px solid #E6E4E3;}
.cart_table th{padding:0.6em;color:#444;font-weight:400;background:#f3f3f3;border-bottom:1px solid #E6E4E3;}
.cart_table td{padding:0.6em;border-bottom:1px solid #E6E4E3;}
.cart_table tr:nth-last-child(1) td{ border-bottom:0}
.cart_table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}

.cart_table .reduce,.cart_table .subjoin{ cursor:pointer; width:30px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; line-height:30px; height:30px;  text-align:center; font-size:20px; background:#FFF; display:block; float:left}
.cart_table .reduce{border-right:0; border-left:1px solid #cccccc; margin-left:16px; display:inline}
.cart_table .Showquantity{float:left; width:50px; line-height:30px; text-align:center; height:30px;border:1px solid #cccccc;}

.cart_table td.userprice{ font-size:14px; font-weight:bold; line-height:18px;}
.cart_table td span{ color:#999999; font-weight:normal; font-size:12px;}
.cart_table td.spec_content span{color:#999999; display:block}

.CartBilling{border-top:1px solid #f5f5f5; display: flex; justify-content: space-between; background:#ffff; padding: 20px 20px; position:relative;  overflow:hidden;}
.CartBilling .CartBillingLeft{
	display: flex;
	align-items: center;
}
.CartBilling .CartBillingRight{display: flex;}
.CartBilling .CartBillingRight .btn{  background:#e94718; width:120px; border-radius: 50px; padding: 10px 0; display:block; text-align:center; color:#FFF; font-size:16px; margin-left: 20px; -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.CartBilling .CartBillingRight .btn:hover{ background:#e7281e}
.CartBilling .CartBillingRight font{ font-size:18px; font-weight:bold; color:#e94718}
.CartBilling .CartBillingRight span {color:#333333}
.CartBilling .CartBillingRight span i{ font-size:18px; font-weight:bold; color:#e94718}
.CartBilling .CartBillingRight .text{ color:#999999; display: flex;
align-items: center; height: 100%;}



/********************************************弹窗样式******************************************************************************/


.WYZ_alert{width:244px; left:0; right:0; margin:0 auto;  color:#000; -moz-user-select: none;/*Unselectable*/ -webkit-user-select: none; user-select: none;  z-index:1002}
.WYZ_alert_bg{position:fixed; top:0px; z-index:1001;  left:0px; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000',endColorstr='#80000000');/*For IE7-*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000',endColorstr='#80000000')";/*For IE8*/ background:rgba(0,0,0,0.3)/*For IE9*/;  -moz-user-select: none;/*Unselectable*/ -webkit-user-select: none; user-select: none;
cursor:default;}


.WYZ_alert .side_top{ font-size:17px; height:35px; padding-top:10px; background:#FFF;  border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;  -o-border-radius:5px 5px 0 0 ; text-align:center; line-height:35px;} /*弹框标题*/


.WYZ_alert .alt_bg{background:#FFF;   overflow:hidden; text-align:center; padding-top:8px; padding-bottom:0; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;  -o-border-radius:0 0 5px 5px ;} /*弹框背景*/
.WYZ_alert .alt_content{padding:7px 5px 15px; font-size:15px;  }

/*自动消失提示框*/
.WYZ_alert .autoClose{width:auto; overflow:hidden; margin:0 auto; padding:10px 5px; text-align: center; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px; border-radius:5px;  background:rgba(0,0,0,0.6);}
.WYZ_alert .autoClose .alt_content{ padding:0}

/*一个按钮是的样式*/
.WYZ_alert .alt_button{ margin:0 auto; cursor:pointer; height:45px; border-top:1px solid #eeeeee; color:#5b5b5b; width:100%; line-height:45px;}
.WYZ_alert .alt_button .No_one:active{background:#f3f3f3;}

/*两个按钮是的样式*/
.WYZ_alert .alt_button_def{ display: -webkit-box; display: -o-box; display: -moz-box; display:box;  -webkit-box-orient: horizontal;   -o-box-orient: horizontal; -moz-box-orient: horizontal;  box-orient: horizontal;}
.WYZ_alert .alt_button_def .alt_button_bg{-webkit-box-flex:1; -moz-box-flex:1; -o-box-flex:1; box-flex:1;}
.WYZ_alert .alt_button_def .alt_button_bg:nth-child(1){ border-right:1px solid #eeeeee}
.WYZ_alert .alt_button_def .No_not:active{background:#f3f3f3;}
.WYZ_alert .alt_button_def .No_ok:active{background:#f3f3f3;}


/* Animation Effect */
.WYZ_alert.WYZ_alertpopup{-webkit-animation:WYZ_alert_popup .35s ease-in-out; animation:WYZ_alert_popup .35s ease-in-out; z-index:1002;}

@-webkit-keyframes WYZ_alert_popup{
	0%{opacity:0;-webkit-transform:scale(.65,.65);}
	33%{opacity:100;-webkit-transform:scale(1.05,1.05);}
	66%{-webkit-transform:scale(.95,.95);}
	100%{-webkit-transform:scale(1,1);}
}
@keyframes WYZ_alert_popup{
	0%{opacity:0;transform:scale(.65,.65);}
	33%{opacity:100;transform:scale(1.05,1.05);}
	66%{transform:scale(.95,.95);}
	100%{transform:none;}
}
.WYZ_alert.WYZ_alertclose{
	-webkit-animation:ios6alert_close .1s ease-out;
	animation:WYZ_alert_close .1s ease-out;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
@-webkit-keyframes WYZ_alert_close{
	0%{opacity:1;-webkit-transform:scale(1,1);}
	100%{opacity:0;-webkit-transform:scale(.9,.9);}
}
@keyframes WYZ_alert_close{
	0%{opacity:1;transform:none;}
	100%{opacity:0;transform:scale(.9,.9);}
}
.WYZ_alertbgpop{
	-webkit-animation:WYZ_alert_bgpop .7s ease-in-out;
	animation:WYZ_alert_bgpop .7s ease-in-out;
}
@-webkit-keyframes WYZ_alert_bgpop{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes WYZ_alert_bgpop{
	0%{opacity:0;}
	100%{opacity:1;}
}
.WYZ_alertbgclose{
	-webkit-animation:WYZ_alert_bgclose .1s ease-out;
	animation:WYZ_alert_bgclose .1s ease-out;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
@-webkit-keyframes WYZ_alert_bgclose{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes WYZ_alert_bgclose{
	0%{opacity:1;}
	100%{opacity:0;}
}
/*******************************************--/弹窗样式******************************************************************************/



/****************************************下单页面*************************************************/


.btn_submit{background:#e94718; overflow:hidden; margin:0 auto; font-size:14px; height:40px; line-height:40px;  text-align:center; width:150px; color:#FFF; border:0; cursor:pointer;-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.btn_submit:hover{ background:#ea271e}
/*收货地址弹框*/

.bar_content{ width:100%; clear:both; overflow:hidden; }
.bar_left{ width:50%; float:left; overflow:hidden;}
.bar_tit{ font-size:16px; line-height:60px;}

/*支付方式*/
.item_box{ display:none}

/*运送方式*/
.ShippMethod{ width:auto; overflow:hidden; padding-bottom:20px; margin-bottom:10px;}
.ShippMethod li{width:180px; font-size:14px; line-height:40px; height:40px; background:url(../images/g01.jpg) left center no-repeat; padding-left:30px; cursor:pointer}
.ShippMethod li span{ padding-left:15px;}
.ShippMethod li.cur{ background:url(../images/g02.jpg) left center no-repeat}


/**优惠券**/
.VouchersWrap{ overflow:hidden;padding-bottom:20px; padding-top:15px}
.VouchersWrap .VouchersLeft{ width:560px; float:left; overflow:hidden}
.VouchersWrap .VouchersLeftTitle{ font-size:16px; font-weight:bold; color:#333333}
.VouchersWrap .VouchersLeft .UseVouchers{ display:inline-block; background:url(../images/jia.jpg) left center no-repeat; color:#666666; padding-left:30px; font-size:14px; cursor:pointer}
.VouchersWrap .VouchersLeft .cur{ background:url(../images/jian.jpg) left center no-repeat;}

.VouchersWrap .VouchersLeft .Top{ padding:15px 0}
.VouchersWrap .VouchersLeft .Top .UseVouch_Box{ display:none; padding:15px 0}
.VouchersWrap .VouchersLeft .Top .UseVouch_Box li{ background:url(../images/d1.jpg) left center no-repeat; cursor:pointer; line-height:32px; color:#999999; padding-left:15px;}
.VouchersWrap .VouchersLeft .Top .UseVouch_Box li.cur{ background:url(../images/d0.jpg) left center no-repeat; color:#333333}

.VouchersWrap .VouchersLeft .Btoom{ padding:15px 0}

.VouchersWrap .VouchersLeft .Btoom .cur{ background:url(../images/jian.jpg) left center no-repeat;}
.VouchersWrap .VouchersLeft .Btoom .integral_Box{  padding:15px 0; display:none}
.VouchersWrap .VouchersLeft .Btoom .integral_Box input{ width:80px; padding:0 5px; margin:0 5px; height:24px}


.orderMessage{ width:560px; float:right;  overflow:hidden; margin-bottom:10px; }
.orderMessage textarea{ width:548px; font-family:"微软雅黑"; height:140px; margin-top:15px; line-height:20px; padding:5px; border:1px solid #eeeeee; resize:none;}


/**发票信息**/
.InvoiceWrap{ overflow:hidden; padding-bottom:20px; padding-top:25px}
.InvoiceWrap .InvoiceWrapTitle{font-size:16px; font-weight:bold; color:#333333}
.InvoiceWrap .InvoiceList{width:85px; font-size:14px; color:#666666; line-height:40px; height:40px; background:url(../images/g01.jpg) left center no-repeat; padding-left:30px; cursor:pointer}
.InvoiceWrap .cur{ background:url(../images/g02.jpg) left center no-repeat;}
.InvoiceWrap .InvoiceBox{ margin-left:30px; display:none; color:#999999; line-height:35px; position:relative}

.InvoiceWrap  .InvoiceBox .invoice_top{ position:absolute; left:90px; top:0; overflow:hidden;}
.InvoiceWrap  .InvoiceBox .invoice_top li { text-align:center; margin-right:5px; display:inline-block }
.InvoiceWrap  .InvoiceBox .invoice_top li:last-child{ margin-right:0}
.InvoiceWrap  .InvoiceBox .invoice_top li .radio { display:none}
.InvoiceWrap  .InvoiceBox .invoice_top li .trigger {cursor: pointer; display:block;  width:90px; margin:0 auto; height:35px; line-height:35px; font-size:12px; border:1px solid #d4d4d4; overflow: hidden;}
.InvoiceWrap  .InvoiceBox .invoice_top li label{ width:atuo; display:block;}
.InvoiceWrap  .InvoiceBox .invoice_top li .radio:checked + label .trigger { display:block; border:1px solid #fb3242; margin:0 auto; width:atuo;  color:#fb3242; height:35px; }
.InvoiceWrap  .InvoiceBox .invoice_num{ margin-top:10px;}
.InvoiceWrap  .InvoiceBox .invoice_num input{ width:282px; height:35px; padding:0 5px; margin-left:5px}


/*下单结算*/

.Settlement{  overflow:hidden; background:#fafafa; box-sizing: border-box; border-top:0; margin:0 auto; padding:30px; text-align:right;}
.Settlement .priceBuill{  line-height:26px}
.Settlement .priceBuill span{color:#e94718}
.Settlement .priceTotal{ font-size:22px; color:#e94718}

.Settlement .yhq{color:#e94718}
.Settlement .jfdk{  color:#e94718}

.Settlement .priceBtn{ float:right; overflow:hidden; margin:15px auto 0}
.Settlement .priceBtn a{ border:1px solid #e94718; background:#FFF; margin-right:15px; color:#e94718; display:block; float:left; text-align:center; line-height:33px; width:130px; height:33px;  font-size:12px;  -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.Settlement .priceBtn a:hover{ background:#fff6f6}
.Settlement .btn{ border:1px solid #e94718; background:#e94718; color:#FFF;  width:130px; height:35px; font-family:"微软雅黑"; float:left;  font-size:14px; cursor:pointer;-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.Settlement .btn:hover{border:1px solid #e7281e; background:#e7281e}




/****************************************end 下单 页面*************************************************/



/****************************************选择支付方式页面*************************************************/

.paymentTop{  width:1200px; overflow:hidden; padding:10px 15px 0;  margin:20px auto 0}
.paymentTop .paymentTopTitle{ border-bottom:1px solid #ebebeb; color:#999999; padding-bottom:20px; padding-left:65px; background:url(../images/icon_tips03.png) left 12px no-repeat; line-height:25px;}
.paymentTop .paymentTopTitle strong{ font-size:16px; color:#333333; font-weight:normal}
.paymentTop .paymentTopTitle span{ font-size:14px;color:#333333;}
.paymentTop .paymentTopTitle i{ color:#e94718}

.paymentTop .paymentTopNr{ padding:20px 0 20px 65px; font-size:14px; color:#999999}
.paymentTop .paymentTopNr span{color:#202020}

.paymentBottom{ border:1px solid #dddddd; width:1118px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; padding:0 40px 10px; background:#FFF; margin:0 auto 50px}
.paymentBottom .paymentPrice{ border-bottom:1px solid #ebebeb; padding:15px 0;  height:45px; line-height:45px;}
.paymentBottom .paymentPrice span{ font-size:18px; font-weight:bold; color:#e94718}

.paymentBottom .paymentBalance{ border-bottom:1px dashed #e5e5e5; margin-bottom:20px; padding-top:20px;}
.paymentBottom .paymentBalance .paymentWay li label{ line-height:50px;}
.paymentWay li font{ font-size:14px }
.paymentWay li i{color:#999999; font-size:14px }

.paymentBottom .paymentBalance_title{ color:#666666; font-size:16px;}

.paymentWay{width:auto;  background:#FFF; margin:30px 0; overflow:hidden}
.paymentWay li{width:auto; position:relative; overflow:hidden; }
.paymentWay li { float:left; width:230px;  position:relative; text-align:center; margin-right:25px; font-size:18px;}
.paymentWay li img{width:45px; margin-right:5px;}
.paymentWay li .radio { display: none;}
.paymentWay li .trigger {cursor:pointer; display:block; position:absolute; right:2px; top:43px; width:41px; height: 41px; overflow: hidden;}
.paymentWay li label{padding:15px 10px; display:block;  height:50px;margin:2px; border:1px solid #ccc; cursor:pointer;}
.paymentWay li .radio:checked + label .trigger { display:block; background:url(../images/zfgou.jpg) center center no-repeat; }
.paymentWay li .radio:checked + label{ border:2px solid #e94718;margin:1px;  }


.paymentWay li #payment_id_8 + label{ background:url(../images/icon/pay_wei.jpg) center center no-repeat;}
.paymentWay li #payment_id_3 + label{ background:url(../images/icon/pay_zhi.jpg) center center no-repeat;}
.paymentWay li #payment_id_4 + label{ background:url(../images/icon/pay_cai.jpg) center center no-repeat;}

.paymentBottom .payment_passd{ display:none; line-height:35px; font-size:14px; color:#666666}
.paymentBottom .payment_passd input{ width:200px; margin-bottom:30px; height:35px; padding:0 5px;}

.paymentBtn input{width:110px; height:45px; background:#e94718; cursor:pointer; margin:0 0 20px; color:#FFF; text-align:center; line-height:45px; font-size:18px; border:0;}
/****************************************选择支付方式页面*************************************************/


.addpre{
	padding: 30px;
}


/*我的收藏*/
.collectBox{
	margin: 30px;
	padding: 0;
	box-sizing: border-box;
	border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
}
.collectBox li{ width: 25%;}

.collectBox li .del{
	background: #f8f8f8;
	color: #999;
	width: 100%;
	text-align: center;
	padding: 5px 0;
}

.collectBox li .del:hover{
	background: #e94718;
	color: #fff;
}



/**************************优惠券*************************/
.coupon{ padding:30px; overflow:hidden}
.coupontitle{ position:relative; border-bottom:2px solid #eaeaea; color:#3c3c3c; font-size:14px; margin:0 0 20px;  height:40px; line-height:40px;}
.coupontitle .cur{ color:#e94718; border-bottom:2px solid #e94718}
.coupontitle li{display:inline-block; margin:0 10px;}
.coupontitle li a{ font-size:14px; display:inline-block; padding:0 5px; height:40px; text-align:center;}
.coupontitle li a:hover{ color:#e94718; border-bottom:2px solid #e94718}


.My_bag_list{width:auto; display: flex;
flex-wrap: wrap; justify-content: space-between; }


.My_bag_list li{  margin:20px;}
.My_bag_list li .couponWrap{ width:370px; margin:0 auto; border:1px dashed #e7e7e7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding-top:15px;}
.My_bag_list li .couponWrap .couponTop{ width:336px; height:173px; position:relative;  margin:0 auto; color:#FFF}
.My_bag_list li .couponWrap .couponTop .A { font-size:20px; position:absolute; top:75px; left:20px;}
.My_bag_list li .couponWrap .couponTop .A i{ font-size:50px;}
.My_bag_list li .couponWrap .couponTop .C{ position:absolute; top:50px; left:120px; font-size:30px; font-weight:bold}
.My_bag_list li .couponWrap .couponTop .B{ position:absolute; top:100px; left:160px; font-size:24px; font-weight:bold}

.My_bag_list li .couponWrap .coupon_title{ width:302px; margin:10px auto; color:#000; font-weight: bold; border-bottom:1px solid #e5e5e5; background:url(../images/icon/m13.png) left center no-repeat; height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;   padding-left:24px; line-height:32px;}
.My_bag_list li .couponWrap .coupontext{ width:336px; margin:10px auto;}
.My_bag_list li .couponWrap .coupontext p{ background:url(../images/icon/dian02.png) left center no-repeat ; padding-left:8px; height:26px; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.My_bag_list li .couponWrap .coupontext p span{ color:#999999}


/*红包*/
.My_bag_list li.RedEnvelope .couponWrap .couponTop{background:url(../images/hb.png) center center no-repeat;}

/*折扣券*/
.My_bag_list li.DiscountCoupons .couponWrap .couponTop{background:url(../images/zkq.png) center center no-repeat;}

/*代金券*/
.My_bag_list li.Vouchers .couponWrap .couponTop{background:url(../images/djq.png) center center no-repeat;}

/*已过期*/
.My_bag_list li.ygq .couponWrap .couponTop{background:url(../images/ygq.png) center center no-repeat;}






/***订单详情***/
.ordershowwrap{overflow:hidden; padding: 30px;}
.ordershowwrap .ordershowA{border:1px solid #eaeaea; display: flex; padding:20px; overflow:hidden}
.ordershowwrap .ordershowA .ordershowA_left{ width:200px; ; text-align:center;}
.ordershowwrap .ordershowA .ordershowA_left strong{ display:block; margin-top:30px; font-size:24px; color:#e94718; margin-bottom:5px;}
.ordershowwrap .ordershowA .ordershowA_left .Surplustime{ background:url(../images/icon/m14.jpg) left center no-repeat; padding-left:20px; display:inline-block; color:#999999}
.ordershowwrap .ordershowA .ordershowA_left .btn-success{ border:1px solid #e94718;  color:#e94718; display:block; width:100px; margin:15px auto 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;}
.ordershowwrap .ordershowA .ordershowA_left .btn-success:hover{ background:#e94718; color:#FFF}
.ordershowwrap .ordershowA .ordershowA_left .Order_btn02{ background:url(../images/icon/m15.jpg) left center no-repeat; color:#999999; padding-left:20px; margin-top:5px; display:inline-block}
.ordershowwrap .ordershowA .ordershowA_left .Order_btn02:hover{ text-decoration:underline}
.ordershowwrap .ordershowA .ordershowA_left .Order_btn03{ margin-top:35px}
.ordershowwrap .ordershowA .ordershowA_right{flex: 1; border-left:1px solid #f5f5f5; padding-left:30px; color:#999999}
.ordershowwrap .ordershowA .ordershowA_right img{ margin-top:50px; max-width: 100%;}

.ordershowwrap .ordershowB{border:1px solid #eaeaea;  padding:30px;margin-top:20px ; overflow:hidden}


.ordershowwrap .ordershowC{border:1px solid #eaeaea; display: flex; background:#FFF; color:#333333; padding:30px; margin:20px 0; overflow:hidden}
.ordershowwrap .ordershowC strong{ display:block; font-size:18px; margin-bottom:15px}
.ordershowwrap .ordershowC .ordershowC_left{ padding-right:40px; border-right:1px solid #f5f5f5;}

.ordershowwrap .ordershowC .ordershowC_left span{ }
.ordershowwrap .ordershowC .ordershowC_right{  padding-left:50px }
.ordershowwrap .ordershowC .ordershowC_right span{ display:block; }

.ordershowwrap .ordershowD{ background:#FFF;border:1px solid #e8e8e8; overflow:hidden}


.ordershowwrap .ordershowD .ordershowD_list{border-bottom:1px solid #e8e8e8; background:#FFF; overflow:hidden; }
.ordershowwrap .ordershowD .ordershowD_list .Title{ height:45px; width:auto; padding:0 15px; overflow:hidden; background:#f9f9f9; font-size:14px; color:#999999;}
.ordershowwrap .ordershowD .ordershowD_list .Title li{ line-height:45px;}
.ordershowwrap .ordershowD .ordershowD_list .Title li.A{ line-height:45px;}
.ordershowwrap .ordershowD .ordershowD_list .Nr{ color:#333333;font-size:12px; height:80px; width:auto; margin:0 15px; overflow:hidden; border-bottom:1px solid #f0f0f0; }
.ordershowwrap .ordershowD .ordershowD_list li{width:130px;  overflow:hidden;  line-height:80px; height:80px; float:left; text-align:center; }
.ordershowwrap .ordershowD .ordershowD_list li.A{ width:580px; line-height:20px;text-align:left; }
.ordershowwrap .ordershowD .ordershowD_list li.A .img{ position:relative; float:left; width:60px; border:1px solid #eeeeee; margin-top:10px; height:60px; margin-right:15px}
.ordershowwrap .ordershowD .ordershowD_list li.A img{  margin:auto; position:absolute; right:0; top:0; bottom:0; left:0; max-width:60px; max-height:60px;}
.ordershowwrap .ordershowD .ordershowD_list li.A .text{ width:460px; float:left; margin-top:10px;}
.ordershowwrap .ordershowD .ordershowD_list li.A .text span{color:#999999; display:block}
.ordershowwrap .ordershowD .ordershowD_list .Nr:nth-last-child(1){ border-bottom:0}

.ordershowwrap .ordershowD .ordershowD_bottom{ padding:30px; text-align:right; color:#333333; line-height:28px;}
.ordershowwrap .ordershowD .ordershowD_bottom strong{ color:#e94718;}
.ordershowwrap .ordershowD .ordershowD_bottom strong i{ font-size:18px;}

/************************************时间：2016-08-29**************我的订单*****************************************************************************/
/*快递信息*/
.Kuaidi_ul{width:auto; margin:0 auto;position:relative; }
.Kuaidi_ul .img{display:block; max-width:85px;}
.Kuaidi_ul .img img{width:85px; height:85px;  border:1px solid #efefef;}
.Kuaidi_ul .text{width:auto;  min-height:85px;color:#999999; }
.Kuaidi_ul .text strong{ font-size:16px; color:#e94718; display:block}

.Kuaidi_list{ padding:10px 15px; background:#FFF; height:150px;}
.Kuaidi_list .Kuaidi_title{ font-size:18px; border-bottom:1px solid #eeeeef; line-height:40px;}
.Kuaidi_list .express_no{ font-size:14px; color:#333333; line-height:30px;}
.Kuaidi_nr{padding:15px;}

.Kuaidi_nr li{ position:relative; border-left:1px solid #eeeeef; width:auto; background:#FFF; padding-bottom:10px;}
.Kuaidi_nr li span{ display:block; width:13px; height:13px; background:#eeeeef; position:absolute; left:-7px; top:3px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.Kuaidi_nr li .text{ margin-left:15px; border-bottom:1px solid #eeeeef; padding-bottom:10px; font-size:12px; color:#a1a1a1}

.Kuaidi_nr li:nth-child(1) .text{ color:#e94718}
.Kuaidi_nr li:nth-child(1) span{ background:#e94718;}
.ordershowkuaidi{
	display: flex;
}

.ordershowkuaidi .Kuaidi_ul{ width:270px;}
.ordershowkuaidi .Kuaidi_list{ flex: 1; padding:0; }
.ordershowkuaidi .Kuaidi_nr{padding:0;}
.ordershowkuaidi .Kuaidi_nr li span{  width:8px; height:8px;  left:-5px; top:7px; }
.ordershowkuaidi .Kuaidi_nr li .text{  border-bottom:0; padding-bottom:0px; }

