.cates {margin: 0 0 4rem 1rem;overflow: visible;}
.cates li {float: left;width: 6.5rem;text-align: center;}
.cates a {display: inline-block;height: 1.8rem;line-height: 1.8rem;}
.cates .active a {background: #ECECEC;padding: 0 1.2rem;border-radius: 1rem;}
figure {position: relative;float: left;overflow: hidden;width: 100%;text-align: center;cursor: pointer;margin: 0;}
figure img {position: relative;display: block;}
figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before,figure figcaption::after {pointer-events: none;}
figure figcaption,figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure figcaption > a {z-index:996;text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
figure h2 {	word-spacing: -0.15em;	font-size: 1.2rem;	font-weight: 300;}figure h2 span {font-weight: 800;}
figure h2,figure p {margin: 0;}
figure p {letter-spacing: 1px;font-size: 0.5rem;font-family: Century Gothic, "微软雅黑", Times, serifCentury Gothic}

/***** Winston *****/
figure.effect-winston {text-align: left;background: #ccc;}
figure.effect-winston:hover{background: #333;}
figure.effect-winston img { -webkit-transition: opacity 0.45s;transition: opacity 0.45s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure.effect-winston figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background: url(triangle.svg) no-repeat center center;background-size: 100% 100%;	content: '';-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;	transition: opacity 0.45s, transform 0.45s;    -webkit-transform: rotate(45deg);    -ms-transform: rotate(0deg);    transform: rotate(45deg);	-webkit-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;*/}
figure.loading{display: flex;   justify-content: center;}
/* figure.loading img{width: 10%;  margin:55% 45%;} */
figure.effect-winston h2 {letter-spacing: 2px;text-align: center;margin-top: 49%;opacity: 0;transition: opacity 0.45s;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
figure.effect-winston h2 span {font-weight: normal;font-size: 1rem;}
figure.effect-winston h2 div {font-size: 0.9rem;margin-top: .2rem;margin-left: 1.4rem;}
figure.effect-winston p {text-align: center;position: absolute;bottom: 10px;width: 100%;left: 0;transition: opacity 0.45s;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,30px,0);transform: translate3d(0,30px,0);}
figure.effect-winston figcaption > a {/*-webkit-transform: rotate3d(0,0,1,73deg);transform: rotate3d(0,0,1,73deg);*/}
figure.effect-winston p>a {margin: 0 10px;color: #626262;}
figure.effect-winston p>a:hover,figure.effect-winston p>a:focus {color: #F00;}
figure.effect-winston p>a>i {float: right;margin-right: 10px;font-size: 1rem;color: #EEE;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}
figure.effect-winston:hover img {opacity: 0.6;}
figure.effect-winston:hover h2 ,figure.effect-winston:hover p {opacity: 1;-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;transition: opacity 0.45s, transform 0.45s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}figure.effect-winston:hover figcaption::before {opacity: 0.7;-webkit-transform: rotate(25deg);-ms-transform: rotate(25deg);transform: rotate(25deg);}
figure.effect-winston:hover p i {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);float: right;margin-right: 10px;}
figure.effect-winston:hover p a i {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;float: right;margin-right: 10px;}

/***** Jazz *****/
figure.effect-jazz{	background: #3C3C3C;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption {padding: 2em 0.5em; text-align:center}
figure.effect-jazz figcaption::after {position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
figure.effect-jazz p,figure.effect-jazz h2{padding: 0.5em 0em;text-transform: none;	opacity:0;	-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1); font-size:0.5rem;}
figure.effect-jazz h2 { font-size:1.5rem;font-family: Georgia, "Times New Roman","微软雅黑", Times, serif;	letter-spacing: 2px;	padding-top: 28%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-jazz:hover img {opacity: 0.2;	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
/**figure.effect-jazz:hover figcaption::after {opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}**/
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {opacity: 1;	-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
figure.effect-jazz:hover p,figure.effect-jazz p{ width:100%; text-align:center; position:absolute; bottom:10px; left:0}
.items {margin: 0 auto;	overflow: hidden;}
.items li,.artist li {position: relative;width: 24%;margin:0 1% 1% 0;float: left; }
.items li figure.effect-winston{/**min-height:465px;*/}
.items li .out{ position:absolute; bottom:2%; right:2%; z-index:99; font-size:0.5rem; background-color:#eee; padding:1em; font-family:Verdana, Arial, Helvetica, sans-serif }
.artist li h2{ font-size:1em; float:left; width:100%; margin-top:50%}
.artist li span{ float:right}
.items .w50{width:49%; height:auto:}
.over{filter:grayscale(100%);   -webkit-filter:grayscale(100%);   -moz-filter:grayscale(100%);   -ms-filter:grayscale(100%);   -o-filter:grayscale(100%);   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);    -webkit-filter:grayscale(1)}
.over:hover{filter:grayscale(0%);   -webkit-filter:grayscale(0%);   -moz-filter:grayscale(0%);   -ms-filter:grayscale(0%);   -o-filter:grayscale(0%);   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);    -webkit-filter:grayscale(0)}

.in_banner{ width:100%; height:100%; overflow:hidden;}
.in_banner li{list-style-type:none; float:left; width:100%; height:100%;}

.banner{ width:100%; height:auto; overflow:hidden; background-color:#000;cursor: pointer; position:relative}
.banner img{opacity: 0.6;}
.login_banner{ width:100%; height:70%; overflow:hidden;}
.banner img:hover,.magazine img:hover{opacity:1;	-webkit-transition: opacity 0.45s;transition: opacity 0.45s;}
.banner h2{ width:100%; text-align:center;top:50%; position:absolute; left:0; color:#FFF; font-size:2em; font-family:Geneva, Arial, Helvetica, sans-serif; }
.magazine{width:100%; float:left}
.magazine li{list-style-type: none;    overflow: hidden; width:49%; float:left;margin: 0.5%;  background-color:#000;cursor: pointer;height:20rem;position:relative}
.magazine img{opacity: 0.6;}
.magazine p,.magazine h2{ position:absolute; top:30%; left:15%; color:#eee; width:70%; overflow:hidden;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;display: -webkit-box; font-size:0.7em; opacity: 0.8;}
.magazine h2{ top:38%; font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:100;}

.in_banner h2,.in_banner p{ position:absolute; right:10rem; bottom:11rem; font-size:1.2em; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif }
.in_banner p{bottom:10rem;font-size:0.8em;opacity: 0.6;}
.icon-prev,.icon-next,.shuliang{position:absolute; right:12rem; font-size:1.2em; bottom:3rem; cursor:pointer; color:#FFFFFF}
.shuliang{ right:14rem;}
.icon-next{ right:10rem;}
.icon-prev:hover,.icon-next:hover{ color:#dbb16e; -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s;}
.ico-map{ background: url(/image/map.png) no-repeat; width:16px; height:16px;float:left; margin-right:10px;}


/**商品详情***/

.details_img{ position:relative; float:left}
.large_img{ overflow:hidden; width:33rem; height:39rem}
.large_img ul{ width:100%;}
.large_img li{ width:33rem; height:40rem; position: absolute;transition:all1s;webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
.large_img img{ width:100%;}
.small_img ul{  margin-right:-2%}
.small_img li{ float:left; width:5.7rem; height:5.7rem; background-color:#000; margin:20px 20px 0 0; list-style-type:none; cursor:pointer}
.small_img li img{opacity: 0.8;}
.small_img li img:hover{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;opacity:1;}
.small_img li.active img{border:2px solid  #dbb16e;opacity:1;}
.more_goods{width: 100%;float:left;margin-top: 50px; background-color:#242621; padding-left:10px;}
.more_goods dl{margin-left:-1%;width: 100%;}
.more_goods dd{ width:24%; margin-right:1%; float:left;}
.more_goods h3{ line-height:48px; margin-bottom:10px; color:#fff}
.shop-details{width:40rem; float:right}
.shop-details h2{margin:0 0 20px 0; float:left; width:100%;letter-spacing: 2px;}
.shop-details h2 p{ padding:0;margin:0.6rem 0 1rem 0;}
.shop-details h2 a{ color:#666; font-size:18px;}
.shop-details h2 a:hover{ color:orange}
.shop-details h3{ font-size:14px; color:#666;}
.details-introduce{ font-size:0.7em; font-family:"times new roman",Verdana, Arial, Helvetica, sans-serif; color:#666; float:left; width:100%; line-height:1.25rem;letter-spacing: 1px;}
.details-goods { margin-top:1rem; width:100%; float:left}
.details-goods li{ width:100%;  float:left; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; margin:0.5rem 0;}
.details-goods li .box{padding:0.5rem; border:1px solid #ddd; padding-right:1rem; color:#666; font-size:0.8em; float:left; cursor:pointer; min-width:15rem}
.details-goods li .box img{ width:32px; height:32px; float:left; margin-right:10px;}
.details-goods li .active{border:2px solid #5dca6f; color:#333; background:url(../image/goods-active.png) no-repeat  right bottom; }
.price{ font-size:1em; margin-top:1.5rem; float:left}
.buy,.buy2,.buy_mt2,.buynow{border:2px solid  #dbb16e; float:left; line-height:2.5rem; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;width:14rem; margin:1rem 1rem 1rem 0; text-align:center; cursor:pointer; color: #dbb16e;}
.buy a,.buy2 a,.buy_mt2 a{ color: #dbb16e; display:block;color: #dbb16e;}
.buy a:hover,.buy2 a:hover,.buy_mt2 a:hover{background:#fffbf6;  -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s;}
.ex_buy{ margin-left:30%; margin-bottom:30px;} 
.share{float:left;margin-top: 1rem}
.share a{ margin:0 0.5rem}
.works{ border-top:1px solid #ddd; width:100%; float:left; margin-top:3rem; padding-top:2rem}
.artist-works li{ width:8rem; height:9.7rem; overflow:hidden}
.exhibition-banner{height:85%; width:100%; overflow:hidden}
.exhibition-box{ background-color:#fff; width:100%; float:left}
.exhibition-information{ margin:30px 0; width:100%; float:left;}
.exhibition-information li{ width:22%; margin:20px 20px 0 0; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;padding-left:25px;}
.tim{ background:url(../image/exhibition_03.png) no-repeat}
.tim2{ background:url(../image/exhibition_05.png) no-repeat}
.add{ background:url(../image/exhibition_07.png) no-repeat}
.piao{ background:url(../image/exhibition_09.png) no-repeat}
.exhibition-artist{position: absolute; right:23%; top:82%;}
.exhibition-artist a{ width:50px; height:50px; overflow:hidden; display:block; border-radius: 100%; margin:0 10px; float:left; border:2px solid #fff;}
.exhibition-introduce{ font-size:14px; line-height:30px; color:#666}
.Available h2{ line-height:0; margin:0}
.Available li{ width:23%; height:11.9em}
.magazine_bug h2{ float:left; margin-right:50px; font-size:1.25em;}
.magazine_bug2{position:fixed; width:100%; bottom:0; left:0; height:5rem; background:rgba(230,230,230,.9);}
.magazine_no{ display:none}
.magazine_cross{position:absolute; right:20px; top:40px; cursor:pointer}
.magazine_more li{ width:48%; height:250px; overflow:hidden; position:relative}
.magazine_more li p{ position:absolute; top:100px; left:0; width:100%; color:#FFF; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif}
.magazine_more li img{opacity: 0.6;}

/* 购物车 */
.buy_box {font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 410px;
	position: fixed;
	height: 100%;z-index: 99999;
	right: 0;
	top: 0;
	background-color: #fff;
	box-shadow: 0 0 5px #888888;
	padding: 0 20px;
	display: none
}

.buy_active {
	display: block
}

.buy_title {
	font-size: 24px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.buy_now {
	width: 90%;
	height: 2.5em;
	line-height: 2.5em;
	cursor: pointer;
	text-align: center;
	background: #5dca6f;
	clear: both;
	font-size: 24px;
	margin: 30px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

.buy_now:hover {
	background: #4fbd61;
	-webkit-transition: ease-in-out .5s;
	transition: ease-in-out .5s;
}

.buy_goods ul {
	width: 100%;
	height: auto;
	display: block;
	white-space: nowrap;
	overflow: auto;
	text-overflow: ellipsis;
	overflow-x: hidden;
	margin-bottom: 30px;
}

.buy_goods li {
	width: 100%;
	border-bottom: 1px dashed #ddd;
	margin-top: 20px;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.buy_goods li i {
	width: 16px;
	float: left;
	margin: 20px 10px 0 0;
	cursor: pointer;
	font-size: 14px
}

.buy_goods li img {
	width: 50px;
	height: 50px;
}

.buy_cross {
	position: relative;
	top: 30px;
	left: 340px;
	cursor: pointer;
	font-size: 20px;
	color: #bfbfbf;
}

.checkboxs {
	border: 1px solid #ccc;
	cursor: pointer; margin-right: 10px;
	-webkit-appearance: auto;
}
/* .buy_goods li input[type="checkbox"]:checked{content: " ";}
.buy_goods li input[type="checkbox"]:checked::before{content: "\2713";background-color: #5dca6f;border: 1px solid #5dca6f;color:#fff;font-size: 20px;font-weight: bold;} */

.all_checked {font-size: 14px;
	width: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.all_checked_box {
	display: flex;
}

.all_checked_p {
	width: 50%;
	text-align: right;
	margin: 0; font-size: 14px;
}

.buy-name p {
	margin: 0;
	padding: 0;
}

.buy-name .buy-del-cont .prices{
	margin-right: 0.7rem;
}

.buy-name .buy-del-cont .del{
	margin: 5px 0 0 0;
	font-size: 14px;
	color: #888;
	cursor: pointer;
}

.buy-name .buy-del-cont .del:hover{
	color: #5dca6f;
}

.buy-price {
	width: 20%;
}

.quantity {
	border: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}




/* 购物车 */
.buy_box{font-family: Verdana, Arial, Helvetica, sans-serif; width:410px; height:100%; position: fixed;z-index:99999;right:0; top:0; background-color:#fff;box-shadow: 0 0 5px #888888; padding:0 20px; display:none}
.buy_active{ display:block}
.buy_title{ font-size:24px; border-bottom:1px solid #eee; padding-bottom:20px;}
.buy_now{ width:90%; height:2.5em; line-height:2.5em; color:#FFF; text-align:center; background:#5dca6f; font-size:24px; position:absolute; bottom:30px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif}
.buy_now:hover{ background:#4fbd61;   -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s; }
.buy_goods ul{ width:100%;  display:block;   white-space:nowrap;  overflow: auto;  text-overflow:ellipsis;overflow-x:hidden}
.buy_goods li{ width:100%; border-bottom:1px dashed #ddd; margin-top:20px; padding-bottom:20px; float:left}
.buy_goods li i{ width:16px; float:left; margin:20px 10px 0 0; cursor:pointer; font-size:14px}
.buy_goods li img{ width:50px; height:50px; float:left}
.buy_cross{position: relative; top: 30px; left: 340px; cursor:pointer}
.buy-name{width:70%;overflow: hidden; margin-left:15px;text-overflow: ellipsis;  white-space: nowrap; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
.buy-price{ width:25%; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
.buy-price-cont{ font-size:14px; margin-right:5px;}
.pro-tiny-tip { color: #e2231a;  border: 1px solid #f9d2d3;  padding: 1px 2px;  cursor: pointer;}
.buy-quantity {float: right;  width: 84px;}
.quantity {   width: 80px;   border: 0;  overflow: hidden;}
.quantity button,.quantity input {  position: static; float: left;  outline: 0; text-align: center;box-sizing: border-box;  height: 20px; color: #232326;  border: 1px solid #cbcbcb; background: #fff;  line-height: 18px; vertical-align: middle;  padding: 0;}
.quantity button { cursor:pointer; border-width: 1px; background: #f1f1f1; width: 17px; height: 20px;  line-height: 16px; background:#f8f8f8;  vertical-align: middle;}
.quantity input { border-width: 1px 0;  width: 46px;}
.buy-subtot { width:100%; float:left; text-align:center; line-height:3em; font-size:16px; margin-top:20px; border-top:1px solid #ddd; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100}
.test::-webkit-scrollbar { /*滚动条整体样式*/  width :5px;   height: 1px;  }
.test::-webkit-scrollbar-thumb { /*滚动条里面小方块*/  border-radius   : 5px;  background-color:#ccc;  }
.test::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow  : inset 0 0 5px rgba(0, 0, 0, 0.2); background   : #f8f8f8;  border-radius: 5px; }

.login_box{ background-color:#fff; height:400px; width:520px; position: absolute;top:30%; left:50%; margin-left:-250px; z-index:996;border-radius: 6px; text-align:center}
.login_box h2{ text-align:center; font-size:1.5em; margin-top:2rem}
.login_box input{ border:0; background-color:#eee; line-height:2.5rem; height:2.5rem ;margin:10px auto; width:280px; border-radius: 3px;}
.login_box input.determine {color:#fff; background-color:#5dca6f; cursor:pointer}
.login_box input.determine:hover{ background:#4fbd61;  -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s;}
.btn{ position:relative;width: 280px;   left: 50%;   margin-left: -140px;}
.btn input{ padding-left:10px;outline: none; }
.btn-control{ position:absolute; right:5px; top:20px; line-height:1.5rem; border:0; color:#0066FF; background:none; cursor:pointer}
.btn-control:hover{ color:#f60}
.btn .icon-tel{position:absolute; left:130px;top:20px; }
input.form-mobile { padding-left:35px; background:#eee url(../image/mobile.png) no-repeat 10px 10px}
.order_box h2{ font-size:1em}
.cart-thead{display: flex;justify-content: center; width:100%; line-height:3em; border-bottom:1px solid #ddd; color:#666}
.cart-thead div,.p-box div{ margin-right:20px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; float:left;}
.cart-thead .t-goods, .p-goods {   width:19%; padding-left:10px;}
.cart-thead .t-props,.p-props {  width: 20%;}
.cart-thead .t-type,.p-type {width: 10%;}
.cart-thead .t-price,.p-price{  width:10%;}
.cart-thead .t-freight,.p-freight{  width:8%;}
.cart-thead .t-quantity, .p-quantity{ width:8%; }
.cart-thead .t-sum,.p-sum{ width:10%;}
.cart-thead .t-action,.p-action { width:14%;}
.p-box{ line-height:64px; display: flex;justify-content: center;width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; border-bottom:1px dashed #ddd; padding:20px 0; color:#999999}
.p-box:hover{ cursor: pointer; background-color:#fff;}
.p-box a{ color:#0099FF}
.p-goods img{ width:64px; height:64px; margin-right:20px; float:left}
.p-box .p-goods{ text-align:left}
.p-price,.p-freight{ color:#f60}
/* .p-action input{ min-width:100px; background-color:#eee; border:0; line-height:32px; cursor:pointer; margin-top:10px} */
/* .p-action input:hover{ background:#ddd;  -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s;} */
input.orange{ background:#f60; color:#fff;}
input.orange:hover{background:#f30;  -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s;}
input.green{ background:#5dca6f; color:#fff;}
input.green:hover{ background:#4fbd61;  -webkit-transition: ease-in-out .5s;   transition: ease-in-out .5s;}

.order_box h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16PX;line-height:16px; margin-bottom:30px;}
.order-process{ width:900px; margin:0 auto; height:100px; padding-left:75px;}
.order-process .node {  position: relative;  float: left;   width: 45px;   height: 43px;}
.order-process .node .node-icon { position: absolute;  display: block; left: 1px;top: 0;width: 43px;height: 43px;background: url(/image/node-icons.png) no-repeat;overflow: hidden;}

.order-process .proce{position:relative;float:left;top:16px; width:104px;height:9px;background:url(/image/proce-icons02.png) no-repeat}
.order-process .done{background-position:0 -38px}
.order-process .done .txt1{color:#71b247;font-weight:700}
.order-process .doing{background-position:0 0}
.order-process .proce { width: 124px; background-image: url(/image/proce-icons.png);}
.order-process .wait{background-position:0 -19px}

/* 未完成 */
.order-process .node .icon-start{background-position:0 -108px}
.order-process .none .icon-start{background-position:0 -310px}
.order-process .node .icon-pay{background-position:-54px 0}
.order-process .node .icon-store{background-position:-108px 0}
.order-process .node .icon-finish{background-position:-216px 0}
.order-process .node .icon-express{background-position:-270px 0}、

/* 已完成 */
.order-process .ready .icon-start { background-position: 0 -108px;}
.order-process .ready .icon-pay { background-position: -54px -108px;}
.order-process .ready .icon-store { background-position: -108px -108px;}
.order-process .ready .icon-express { background-position: -270px -108px;}

.order-process .ready .icon-finish { background-position: -216px -54px;}

.order-process .doing .icon-start{background-position:0 -54px}
.order-process .doing .icon-pay{background-position:-54px -54px}
.order-process .doing .icon-store{background-position:-108px -54px}
.order-process .doing .icon-finish{background-position:-216px -54px}
.order-process .doing .icon-express{background-position:-270px -54px}


.doing .txt1 {  color: #e4393c;  font-weight: 700;}
.order-process .done .done_txt{ color: #e4393c;  font-weight: 700;}
.order-process .node ul { z-index: 1; width: 189px; margin-left: -72px;}
.order-process ul { position: absolute; width: 100%;  margin-top: -20px; text-align: center;}
.order-process .txt1 { height: 36px;   margin-bottom:25px; font-size: 12px;}
.order-process .txt2 { font-size: 14px; line-height: 25px; color: #aaa;}
.order-process .txt2,.order-process .txt3 { color: #333;}
.order-process .txt3 { color: #aaa; font-size:12px;  line-height: 15px; font-family:Verdana, Arial, Helvetica, sans-serif}

.order-info-mod{ min-height:250px; margin-top:30px; border-top:3px solid #ddd; float:left; width:100%; padding:20px; background-color:#f8f8f8}
.order-info-mod dl{ width:32%; margin-right:20px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif}
.order-info-mod dl dt{ font-size:16px; line-height:36px;}
.order-info-mod dl dd{ font-size:12px; line-height:30px; color:#999}

/* <!----------购物---------> */
.checkout-box {width: 900px;margin: 0 auto;font-family: Verdana, Arial, Helvetica, sans-serif}
._1c3bAhglM {flex-grow: 1;}.checkout_button {display: none;float: right;font-size: 11px;cursor: pointer;text-transform: uppercase;}
._3i7k-Veat._3T2WL_M4S ._1Ba4Mb-yn._3T2WL_M4S, ._3i7k-Veat._2eOklNldR ._1Ba4Mb-yn._2eOklNldR, ._3i7k-Veat._3rSR7juWQ ._1Ba4Mb-yn._3rSR7juWQ {display: block;}
.checkout-box input[type=text],.checkout-box input[type=email], .checkout-box input[type=password], .checkout-box input[type=tel] {
	-webkit-appearance: none;appearance: none;
}
/* .box_border {
	box-sizing: border-box;padding: 20px;background-color: white;border: 1px solid #e4e4e4;border-radius: 3px;
} */
.box_bj {background-color: #fbfbfb;color: #666}
.shipping_inpput {
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	color: #313131;
	font-family: Clarkson, Helvetica, sans-serif;
	font-size: 14px;
	height: 44px;
	line-height: 22px;
	padding: 11px;
	position: relative
	;width: 100%;
}
.continue_btn {
	-webkit-appearance: none;
	appearance: none;
	background-color: #313131;
	border-radius: 4px;
	border: none;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 22px;
	padding: 11px;
	text-align: center;
	text-transform: capitalize;
	transition: background-color 0.1s ease-in-out;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.email_tips {margin: 5.5px 0;color: #999;font-size: 12px;line-height: 46px;}
.small_box {margin-top: 0;margin-bottom: 11px;}.gLFu1xGD0 {margin-right: 11px;}
.firstname, .lastname {width: calc(50% - 5.5px);display: inline-block;float: left;margin-bottom: 20px;}
.lastname{ margin-left:10px;}
/* .checkout-right {width: calc(50% - 16.5px);float: right} */
/* ._1pmzKV_BJ {margin-left: -22px;margin-right: -22px;margin-top: 11px;margin-bottom: 20px;color: #ffffff;background: #ec3e3d;padding: 11px 22px;font-size: 12px;line-height: 22px;font-weight: 400;} */
/* ._1rcOQD4ez {box-sizing: border-box;padding-right: 33px;flex-grow: 1;font-size: 14px;font-weight: normal;color: #313131;}
._17ts9iOpT {display: none}input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;} */
/* .checkout-right .buy_goods ul {height: auto} */
/* .all_box {margin-top: 22px;}.flex_box {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;height: 36px;color: #767676;line-height: 36px;display: flex;}
.flex_box_left {word-wrap: normal;width: 50%;}
.flex_box_right {width: 48%;text-align: right;}
.flex_box2:last-child {margin-top: 20px;font-weight: 500;border-top: 1px solid #ddd;}
.flex_box2 {color: #313131;font-weight: 400;line-height: 48px;} */
.address_detail {display: flex;justify-content: space-between;}
.address_detail input {width: 32%;}
.shipping_options {width: 100%;}
.shipping_options ._17P-DNuik {width: calc(33% - 22px);margin-right: 0;float: right;}
.about_bj {background: url(/image/bj.jpg) repeat-x;min-height: 500px;width: 100%;float: left;padding-bottom: 50px;}
.about_box h2,.Contact_box h2 {text-align: center;padding-top: 100px;}
.about-introduce {font-size: 14px;color: #666;line-height: 24px;font-family: Verdana, Arial, Helvetica, sans-serif}
.Contact_box li {float: left;width: 50%;text-align: center;margin: 80px 0;font-family: Verdana, Arial, Helvetica, sans-serif}
.Contact_box li img {display: block;width: 32px;height: 32px;margin: 20px auto}
.map {width: 100%;padding-top: 100px;float: left;position: relative}
.map_foot {width: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 30px;position: absolute;bottom: 0;left: 0;text-align: center;color: #ccc;}.map_foot a {color: #ccc}
.Shipping_returns h2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.e-zine_box {min-height: 730px;text-align: center; left:50%; margin-left:-550px}
.download {background-color: #eee;float: left;height: 30px;padding: 0 15px;line-height: 30px;border: 1px solid #eee;}

/* 搜索框 */
.search {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(250,250,250,.98);z-index: 99999;display: none}
.search.active {display: block}.search_box {width: 400px;position: absolute;top: 45%;left: calc(50% - 232px);}
.search input {width: 500px;padding-left: 64px;background-color: #fff;border: none;font-size: 14px;line-height: 60px;height: 60px;outline: none;border-radius: 3px;}
.search .icon-search {position: absolute;left: 10px;top: 10px;font-size: 36px;color: #ccc}
.search .icon-cross {position: absolute;right: 40px;top: 40px;font-size: 36px;cursor: pointer;}
.page {margin: 30px auto;height: 40px;width: 400px;background: url(/image/page.png) repeat-x bottom;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.page li {float: left;height: 40px;width: 14%;text-align: center;line-height: 30px;}
.page li a {display: block;text-align: center}
.page li.active {background: url(/image/page2.png) no-repeat center bottom;}
.page li.active a,.page li a:hover {color: #d1a86e}
.page li.p_no a {color: #ccc}