@charset 'utf-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    color: #000;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    /*font-family: inherit;*/
}


/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    /*min-width:auto;*/
    min-width: 1200px;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

a {
    text-decoration: none;
    cursor: pointer;
}

.clear {
    clear: both;
}
/* @font-face{font-family: 'proxima_nova';src:url('/fonts/ProximaNova-Light-webfont.woff2'),url('/fonts/ProximaNova-Reg-webfont.woff2'),url('/fonts/ProximaNova-Sbold-webfont.woff2');} */
@font-face {  
    font-family: 'DRF-R5';
    src:url('../../fonts/DFYuan-W5-WINP-BF-02.woff'),url('../../fonts/DFYuan-W5-WINP-BF-02.ttf'),url('../../fonts/DFYuan-W5-WINP-BF-02.otf'),url('../../fonts/DFYuan-W5-WINP-BF-02.eot');
    font-weight: normal;  
    font-style: normal;  
}
@font-face{
    font-family: "proxima_nova";
    src:url('/fonts/ProximaNova-Regular.otf');
    font-weight: normal;  
    font-style: normal; 
} 
body {
    font-family:"Microsoft Yahei","Arial","sans-serif";
/*font-family: 'DRF-R5',"Arial","Microsoft JhengHei";*/
}

p.errorTip {
    width: 654px;
    margin-left: 150px;
    font-size: 12px;
    color: #ff0000;
    margin-top: 3px;
}
.agree p.errorTip{
    margin-left:0;
}
.loginerrorTip {
    margin-left: 100px;
    font-size: 12px;
    color: #ff0000;
    margin-top: 3px;
}

[v-cloak] {
    display: none;
}

/*common*/
.modal{
    display: none!important;
}
#main-content {
    width: 1200px;
    margin: 30px auto 80px;
}
.dis-price{
    font-size:12px;
    color:#ff0000;
    margin-right:10px;
    font-weight:normal;
}
.hide-language{
    display:none;
}
/*header*/

.header-main {
    margin: 0 auto;
    width:1200px;
    height: 90.5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.get-box{
	
}
.get-box a{
	color:#6ba487;
	font-size: 18px;
}
.l-box {
    float: right;
}

.l-box p {
    cursor: pointer;
}

.l-box p span {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    height: 15px;
    line-height: 15px;
    color: #333;
}

.l-box p .select-arrow {
    margin-left: 10px;
    width: 11px;
    background-image: url("../../Images/select-down-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px auto;
}

.header-main .l-box .select {
    float: right;
    margin-left: 18px;
}
.header-main .l-box .l-select select{
    width: auto;
}

.select #language-select{
    text-align-last: right;
    padding-right: 16px;
}

.select #code-select{
    width: auto;
    text-align-last: right;
    padding-right: 16px;
    font-size: 16px;
    background-size: 14px auto;
}
.top-news {
    width: 475px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    height:19px;
    position: relative;
}
.top-news-content{
    margin-top:19px;
}
.top-news p {
    font-size: 13px;
    color: #333;
}

select::-ms-expand { display: none; }  

.select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance:none;
    outline: none;
    border: none;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    background-color: transparent;
    color: #333;
    width: 48px;
    background-image: url("/Images/select-down-arrow.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px auto;
    cursor: pointer;
}
.l-select select{
    width:60px;
}

/*头部购物车弹框 css*/
.top-window {
    display: none;
    font-family: 'Arial';
    position: absolute;
    z-index: 12;
    box-sizing: border-box;
    padding: 14px 14px 30px 14px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}

.top-cart-detail {
    top: 60px;
    left: -426px;
    width: 480px;
}

.window-top {
    position: absolute;
    right: 20px;
    top: -18px;
    width: 24px;
    height: 18px;
    background: url('../../Images/window-top.png') no-repeat center center;
}

.window-detail-title {
    background-color: #A61C3C;
    text-align: center;
}

.window-detail-title strong {
    display: inline-block;
    width: 70px;
    height: 3px;
    border-top: 1px solid #fff;
}

.window-detail-title span {
    font-family: 'Arial';
    display: inline-block;
    padding: 0 30px;
    color: #fff;
    vertical-align: middle;
    font-size: 17px;
    line-height: 40px;
}

.cart-window-content table {
    width: 100%;
}

.void-cart {
    text-align: center;
    margin-top: 20px;
}

.void-cart img {
    width: 120px;
}

.void-cart p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.cart-window-content table tr {
    border-bottom: 1px solid #d9d9d9;
}

.cart-window-content table td,
.cart-window-content table th {
    box-sizing: border-box;
    padding: 10px;
    font-size: 13px;
    text-align: center;
}

.cart-window-content table td:nth-of-type(2) {
    text-align: left;
}

.cart-window-content table th {
    font-size: 14px;
    color: #666;
    padding: 15px 10px;
}

.cart-window-content table th:nth-of-type(1) {
    text-align: left;
}

.top-cart-detail .cart-delete {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: none;
    background-color: #6ba487;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;

}

.window-cart-num,
.window-cart-price {
    color: #dc1010;
}

.s-img {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    border: 1px solid #f0f0f0;
}

.s-img img {
    width: auto !important;
    border: none !important;
    max-width: 60px;
    max-height: 100%;
}

.window-cart-pic img {
    border: 1px solid #f0f0f0;
    width: 68px;
}

.cartSubtotal {
    text-align: right;
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 20px;
}

.cartSubtotal b {
    margin-left: 30px;
    font-size: 18px;
    color: #dc1010;
    line-height: 20px;
    font-weight: normal;
}

.goToCart {
    margin-top: 30px;
}

.goToCart a {
    display: inline-block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    background-color: #A61C3C;
}
.goToCart a:hover{
    background-color: #6ba487;
    color: #ffffff;
    transition: 0.3s ease;
}

/*cat-part*/
.cat-part-main .delivery-box{
	width:16%;
	height:57px;
	float:left;
	box-sizing: border-box;
}
.cat-part-main .delivery-box .deliCar{
	width:27%;
	height:100%;
	background:url(/Images/deliCar.png) left center no-repeat;
	background-size: 100%;
	margin-right:5%;
	float:left;
}
.cat-part-main .delivery-box .deliText{
	width:68%;
	height:100%;
	float:left;
	padding-top: 5px;
}
.deliText p{
	color:#6ba487;
	font-size: 18px;
	    line-height: 1.1em;
    white-space: nowrap;
    width:150px;
}
.cat-part-main .cat-box{
	display: flex;
    justify-content: space-between;
}
.cat-box-first{
	margin-right: 30px;
	display: inline-block;
	float:left;
}

.cat-box-first span,
.cat-box-one span{
	height: 40px;
    line-height: 40px;
    font-size: 18px;
    color:#666;
    cursor:pointer;
}
.cat-box-one{
	position: relative;
}
.cat-box-one ul{
	position: absolute;
	left:0;
	top:100%;
	transform: translateX(-50%);
	background-color:#fff;
	display: none;
	transition: all .3s;
	box-sizing: border-box;
	z-index: 1000;
}
.cat-box-one ul li{
	
}
.cat-box-one ul li a{
	display: block;
	white-space: nowrap;
	padding:15px 30px;
	font-size: 14px;
	transition: all .3s;
}
.cat-box-one ul li a:hover{
	background-color:#6ba487;
	color:#fff;
    transition: all .3s;
}
.cat-box-one:hover ul{
	display: block;
    transition: all .3s;
}
/*.cat-part-main .cat-box a{
	display: block;
	margin-left:4%;
	height:57px;
	line-height: 57px;
	float:left;
	font-size: 16px;
	color:#6ba487;
}*/
.search-box {
	width:33%;
    position:relative;

}
.search-box a{
    display: block;
}
.search-change-box{
    margin-top:5px;
    text-align: left;
}
.search-box .search-change-box span{
    display: inline-block;
    margin-left:5px;
}
.search-change-box input[type='radio']{
    display: none;
}
.search-change-box label{
    display: inline-block;
    font-size:14px;
    line-height:20px;
    cursor:pointer;
    position:relative;
    vertical-align: top;
}
.search-change-box label:before{
    content:'';
    display: inline-block;
    width:20px;
    height:20px;
    background-color: #ccc;
    border-radius:50%;
    vertical-align: top;
    margin-right:5px;
}
.search-change-box label:after{
    content:'';
    display: none;
    position:absolute;
    width:14px;
    height:14px;
    background-color: #666;
    border-radius:50%;
    top:3px;
    left:3px;
}
.search-change-box input:checked+label:after{
    display: block;
}
.search-input-box{
    /*position:absolute;
    left:42px; 
    top:0;
    width:202px;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    opacity:0;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    z-index:-1;
    */
}
.search-input-box form,.search-input-box .searchForm {
    border:3px solid #d1cbc9;
    border-radius:5px;
}
.search-input-box .key{
    width:71%;
    height:35px;
    color:#333;
    line-height: 35px;
    font-size:14px;
    border:none;
    border-radius:5px 0 0 5px;
    box-sizing:border-box;
    padding:0 5px;
    outline:none;
}
.search-input-box .search-top-btn{
    width: 11%;
    height: 35px;
    font-size: 14px;
    outline: none;
    border: none;
    cursor: pointer;
    background: url(/Images/glass.png) center center no-repeat #fff;
    background-size: 40%;
    border-radius: 5px 0 0 5px;
}
.search-input-box-a{
    opacity:1;
    z-index:3;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
}
.searchCat{
	width:18%;
	height:35px;
	float:left;
	background-color:#d1cbc9;
	position: relative;
}
.searchCat span{
	display: block;
    width: 100%;
    height: 35px;
    border-radius: 0 5px 5px 0;
    background-size: 24%;
    color: #1b5b34;
    font-size: 20px;
    line-height: 30px;
    box-sizing: border-box;
    text-align: center;
    font-family: '微軟正黑體' , 'Microsoft JhengHei';
    cursor: pointer;
}
.searchCatList{
	position: absolute;
	right:-3px;
	top:52px;
	width:200px;
	border:1px solid #ccc;
	/*height:400px;*/
	background-color:#fff;
	overflow-y:auto;
	z-index: 2;
}
.searchCatList ul{
	width:100%;
}
.searchCatList ul li{
	width:100%;
	height:24px;
	line-height: 24px;
	color:#666;
	float:left;
	font-size: 14px;
	overflow: hidden;
}
.toggle-fade-enter-active {
  transition: all .3s ease;
}
.toggle-fade-leave-active {
  transition: all .3s ease;
}
.toggle-fade-enter, .toggle-fade-leave-active{
  opacity:0;
}
.search-input-box input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d1cbc9;
    font-size: 20px;
}

.search-input-box input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:#d1cbc9;
    font-size: 20px;
}

.search-input-box input:-ms-input-placeholder {
    color: #d1cbc9;
    font-size: 20px;
}

.search-input-box input::-webkit-input-placeholder {
    color: #d1cbc9;
    font-size: 20px;
}

.h-box {
	width: 35px;
    margin-left: 20px;
    display: inline-block;
}

.h-box .top-icon {
	width:100%;
    float: right;
    position:relative;
}

.h-box .top-icon>a {
    display: block;
    width:100%;
    height:40px;
}

.h-box .top-cart-icon>a {
    position: relative;
    background-image: url("../../Images/cart-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100%;
}

.h-box .top-cart-icon>a strong {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6ba487;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    top: -12px;
    left: -8px;
}

.h-box .logistics-s-icon {
    background-image: url("../../Images/search-s-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.menu-box{
	width:2.5%;
}
.menu-box .menu-icon{
	display: block;
	
	height:43px;
	background:url(/images/menu-icon.png) center center no-repeat;
	background-size:100%;
}
.menu-box .menu-list{
	display: none;
}
.header-big-box{
	position: relative;
}
.menu-list{
	background-color:#fff;
	width:1200px;
	height:650px;
	border: 1px solid #ccc;
	position: absolute;
/*	left:50%;
	top:147.5px;
	transform: translateX(-50%);*/
	z-index: 19;
	overflow-x: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.menu-list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
  }
.menu-list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #6ba487;
  }
.menu-list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }
.menu-list dl{
	width:200px;
	padding:30px 35px;
	border-left:1px solid #f0f0f0;
	box-sizing: border-box;
	flex-grow:1;
}
.menu-list dt{
	margin-bottom:10px;
}
.menu-list dt a{
	font-size: 18px;
	line-height: 1em;
	color:#6ba487;
}
.menu-list dd{
	margin-bottom:5px;
}
.menu-list dd a{
	font-size: 16px;
	line-height: 1em;
	color:#333;
}
/*nav*/
#nav {
    background-color: #6ba487;
}

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

.nav-main .first-menu>li {
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 0 60px 0 0;
}

.nav-main .first-menu>li .menu-btn {
    display: block;
    color: #fff;
    font-size: 19px;
    height:38px;
    line-height: 38px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.nav-main .first-menu>li .menu-btn:hover {
    border-bottom: 5px solid #6ba487;
    text-decoration:none;
}

/*nav meassge*/
#topMessage {
    background-color: #6ba487;
}

.topMessage-main {
    width: 1200px;
    margin: 0 auto;
}

.topMessage-left {
    padding: 15px 0;
    float: left;
}

.topMessage-left strong,
.topMessage-left a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-right: 8px;
       
}
.topMessage-left a:nth-child(odd) {
    color: #ffeb3b;
}
.topMessage-left a:nth-child(even){
color: #fff;
}
.topMessage-left a:hover{
    text-decoration: underline;
    transition: 0.3s ease;
}

.topMessage-right {
    padding: 11px 20px;
    float: right;
    border-top: 4px solid #06624c;
    border-bottom: 4px solid #2d9f7d;
    background-color: #2d9f7d;
}

.topMessage-right .topMessage-content {
    font-size: 14px;
    color: #fff;
    height:21px;
    width:252px;
    overflow: hidden;
}
.topMessage-right .topMessage-content p{
    font-size: 14px;
    color: #fff;
    white-space:nowrap;
}
.topMessage-right .topMessage-content p span{
    color:#fff;
    display: inline-block;
}
.topMessage-right .topMessage-content p strong{
    display: inline-block;
}
/*banner*/
.banner-main {
    width: 100%;
    margin: 0 auto;
    height: 544px;
    overflow: hidden;
}

.banner-main img {
    width: 100%
}

.swiper-slide {
    line-height: 0;
}
#banner-box {overflow: hidden; zoom: 1; position: relative;}
#index_b_hero { width: 960px; height: 410px; margin: auto; position: relative; }
#index_b_hero img { width: 960px; height: 400px; }
#index_b_hero .hero { width: 960px; height: 410px;position:relative;}
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev {
    filter: alpha(Opacity=70); 
    opacity: .7; 
    position: absolute; 
    top: 50%; 
    margin-top: -25px; 
    margin-left: 5px; 
    background-color: #303030; 
    z-index: 3; 
    cursor:pointer;
}
#index_b_hero .next { margin: -25px 5px 0 0; left:0;}
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; padding:5px 0; z-index: 1; position: absolute; top: 0; left: 0; width: 960px; height: 400px; overflow: hidden; left: 1920px; }
#index_b_hero .mask-right, #index_b_hero .mask-left {
    z-index: 4; 
    left: -960px; 
    filter: alpha(Opacity=50); 
    opacity: .7; 
    background: #000; 
    overflow: hidden;
}
#index_b_hero .mask-right { left: 960px; }
#index_b_hero .active { z-index: 2; left: 0; }
#index_b_hero .prev{
    right: 0;
    background: url("/Images/turn-s-right.png") no-repeat center center; 
    background-color:#333;
}
#index_b_hero .next{
    background: url("/Images/turn-s-left.png") no-repeat center center; 
    background-color:#333;
}
#index_b_hero .next:hover, #index_b_hero .prev:hover{
    background-color:#333;
    opacity:1;
}
.banner-tip{
    width:90%;
    background: rgba(0,0,0,0.5);
    color:#fff;
    position:absolute;
    bottom:2%;
    font-size:16px;
    padding:5px 0;
    text-align: center;
    left:5%;
    z-index:10;
}
.banner-tip-box{
    width:100%;
    background-color:#047559; 
}
.banner-tip-box .banner-tip{
    position:static;
    width:100%;
    background: transparent;
    width:1200px;
    margin:0 auto;
    text-align: left;
    padding: 12px 0;
}
.banner-tip-bg { line-height: 48px; height: 48px; }


/*PC Banner*/
.BannerSwiper {
  width: 100%
}

.BannerSwiper .swiper-slide {
    width: 100%; 
    height: 600px;
    position: relative;
}

.BannerSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.BannerSwiper .block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.BannerSwiper .block .mask {
    width: 960px;
    height: 400px;
    position: relative;
}

.BannerSwiper .block .mask .mask-left {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 960px;
    height: 400px;
    z-index: 1;
    left: -960px;
}

.BannerSwiper .block .mask .mask-right {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 960px;
    height: 400px;
    z-index: 1;
    left: 959px;
}

.BannerSwiper .block .mask .swiper-button-prev {
    height: 50px;
    width: 50px;
    opacity: .7;
    position: absolute;
    top: 50%;
    z-index: 3;
    cursor: pointer;
    background: url(/Images/turn-s-left.png) no-repeat center center;
    background-color: #333;
    margin: -25px 5px 0 0;
    left: 0;
}
.BannerSwiper .swiper-button-prev {
    height: 50px;
    width: 50px;
    opacity: .7;
    position: absolute;
    top: 30%;
    z-index: 3;
    cursor: pointer;
    background: url(/Images/product-list-left.png) no-repeat center center;
    margin: -25px 5px 0 0;
    left: 0;
}
.BannerSwiper .swiper-button-next{
    height: 50px;
    width: 50px;
    opacity: .7;
    position: absolute;
    top: 30%;
    right: 0;
    z-index: 3;
    cursor: pointer;
    background: url(/Images/product-list-right.png) no-repeat center center;
}

.BannerSwiper .block .mask .swiper-button-prev:hover {
    opacity: 1;
}

.BannerSwiper .block .mask .swiper-button-next{
    height: 50px;
    width: 50px;
    opacity: .7;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 3;
    cursor: pointer;
    background: url(/Images/turn-s-right.png) no-repeat center center;
    background-color: #333;
}

.BannerSwiper .block .mask .swiper-button-next:hover {
    opacity: 1;
}

.BannerSwiper .stop-btn {
    width: 70px;
    height: 70px;
    background: rgb(255 255 255 / 80%);
    border-radius: 50%;
    position: absolute;
    bottom: 45px;
    left: 40px;
    z-index: 11;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    appearance: none;
    border: 0;
    outline: 0;
}

/*-------*/



/*main*/
.part-one-title {
    padding: 15px 0;
}

.part-one-title p {
    width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    color: #000;
    line-height: 16px;
}
.part-one-title .title-content{
    font-size:16px;
    line-height:20px;
    font-weight:bold;
}
.part-one-title .title-decoration{
    font-size:14px;
    line-height: 16px;
}
.part-one-title p span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: center;
    line-height: 16px;
}

.part-one-title p span:nth-of-type(1) {
    font-size: 16px;
    margin-right: 5px;
    font-style: italic;
}

.part-one-title p span:nth-of-type(2) {
    margin-left: 5px;
}

.part-one-main {
    padding: 20px 0;
    margin: 0 auto;
    width: 1200px;
}
.part-one-main .index_top {
  background-position: 30px;
}

.top-ten-banner a {
    display: block;
}

.top-ten-banner a img {
    width: 100%;
}

.part-product-list {
    position: relative;
}
.part-product-list .swiper-container{
    position:relative;
    padding-top: 14px; 
    padding-bottom: 4px;
}
.part-product-list .swiper-slide {
    width: 230px;
}


.part-product-list .swiper-slide a {
    display: block;
    position: relative;
    border:1px solid #ccc;
    transition:0.3s ease;
    top:0;
    height:auto;
}
  .part-product-list .pro-store-collectionh a{
        height: auto;
        border:none;
    }
   .part-product-list .pro-store-collectionh a:hover {
    border:none!important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .3)!important;
   }
   .part-product-list  .detail-p-name-collect:hover {
    background-image: url(/Images/heart-green.png);
    background-color: transparent;
   }
   .part-product-list  .pro-store-collectionh .detail-p-name-collect-active {
    background-image: url(/Images/heart-green.png);
     }
    .part-product-list .detail-p-name-collect {
       height: auto; 
           width: 20px;
    height: 20px;
    line-height: 20px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    border: none;
    }
.part-product-list .swiper-slide a:hover{
  /*  text-decoration:none;
    top: -3px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
     border:1px solid #089874;*/
}
.part-product-list .p-img {
    /*width: 100%;*/
    box-sizing: border-box;
    padding: 15px;
}

/*.part-product-list .p-img img {
    width: 100%;
}*/
.part-proudct-select-one a:hover{
    text-decoration: none;
}
.discount-show {
    width: 100%;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #6ba487;
    font-size:13px;
}

.discount-show-none {
    background-color: transparent;
}

.p-message {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 10px;
}

.p-message-left {
    width: 100%;
}

.p-message-right {
    width: 100%;
}

.p-message-left .p-message-name {
    line-height: 17px;
    height: 34px;
    font-size:16px;
    text-align:left;
    margin-top:3px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.p-star {
    width: 100%;
    line-height: 13px;
    margin: 2px 0 5px 0;
    text-align: left;
    height: 15.33px;
}

.p-star strong {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 13px;
}

.p-star .star1 {
    background-image: url("../../Images/heart01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.p-star .star2 {
    background-image: url("../../Images/heart02.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.p-star .star3 {
    background-image: url("../../Images/heart.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.p-message-right .old-price {
    font-size: 12px;
    color: #666;
    width: 100%;
    line-height: 13px;
    height:13px;
    margin-top: 4px;
    text-decoration: line-through;
    text-align: left;
}

.p-message-right .now-price {
    font-size: 16px;
    width:auto;
    color: #333333;
    height: 25px;
    line-height: 25px;
    font-weight:bold;
    text-align: left;
}

.p-message-icon {
    margin-top: 10px;
}

.p-message-icon b {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.p-message-icon .p-message-new {
    background-image: url("../../Images/new-icon.png");
}

.p-message-icon .p-message-car {
    background-image: url("../../Images/car-icon.png");
}

.p-message-icon .p-message-hot {
    background-image: url("../../Images/hot-icon.png");
}

.top-ten-num {
    position: absolute;
    top: 15px;
    right: -4px;
    color: #fff;
    font-size: 16px;
    width: 39px;
    height: 44px;
    line-height: 40px;
    text-align: center;
    background-image: url("../../Images/top-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
}
/*decoration-icon*/
.decoration-icon {
        position: absolute;
    top: 0;
    left: 0;
    min-width: 60px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    font-style: italic;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
    text-align: center;
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.decoration-icon.hot {
    /*background: url(/Images/hot-bg.png) no-repeat center;*/
    background: #c1560C;
}

.decoration-icon.new {
    /*background: url(/Images/new_icon.png) no-repeat center;*/
    background: #ba4567;
}

.decoration-icon.discount {
    background: #2b7f1c;
}

.decoration-icon.free-delivery {
    color: #333333;
    background: #faeec6;
}

.decoration-icon.brand {
    background: url(/Images/brand-bg.png) no-repeat center;
}
.decoration-icon-new{
    background:url("/Images/icon-bg-purple.png") no-repeat center 0;
}
.shop-product-one .decoration-icon{
    top:0;
}

.top-ten-prev,
.top-ten-next {
    width: 40px;
    height: 40px;
    background-color: #089874;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px auto;
    transition: 0.3s ease;
}
.top-ten-prev:hover, .top-ten-next:hover{
    background-color: #006442;
    transition: 0.3s ease;
}
.top-ten-prev {
    left: -5%;
    background-image: url("../../Images/turn-s-left.png");
}

.top-ten-next {
    right: -5%;
    background-image: url("../../Images/turn-s-right.png");
}

.part-one-main-title {
    min-width: 100px;
    display: inline-block;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 3px;
    font-size: 16px;
    color: #faf345;
    font-weight:bold;
    text-shadow: 1px 1px 3px #000;
    background-image: url("../../Images/tmp_icon.png");
    background-position: 50px;
    background-repeat:no-repeat;
    padding: 0 50px 0 95px;
}

/*绿色*/
.free-block-green {
    /*background-color: #fcfbe6;*/
}

.free-block-green .part-one-main-title {
    background-color: #009876;
}

.free-block-green .part-one-main-box {
    border: 7px solid #009876;
}

.part-one-main-box {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-top: -7px;
    background-color: #fff;
}
.part-one-main-box .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 21px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    border: none;
}
.part-one-main-box .detail-p-name-collect-active{
    width: 24px;
    height: 22px;
    line-height: 21px;
    background-image: url("/Images/heart-green.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 22px; 
}
.part-one-main-box .detail-p-name-collect:hover {
    background-image: url(/Images/heart-green.png);
    background-color: transparent;
}
.part-one-main-text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}
.part-one-main-text span {
        padding: 5px 14px;
    background-color: #6ba487;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    margin-left: 10px;
}
.part-product-list-adv {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 15px;
    height: auto;
}

.part-product-list-adv img {
    width: 100%;
       /* height: 100%;*/
}

.free-block .part-product-list {
    width: 66%;
}

/*=====================================*/
/*图片不显示*/
.free-block-none .part-product-list {
    width: 100%;
}

.free-block-none .part-proudct-select-one{
    width: 22%;
}

/*图片在上*/
.free-block-top .part-product-list {
    width: 100%;
}

.free-block-top .part-proudct-select-one{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 72px) / 6);
    position: relative;
    max-width: 190px;
    border: 1px solid #fff;
    background-color: #f7f7f7;
}

.free-block-top .cover-top{
    width: 100%;
    margin-bottom: 15px;
}

/*图片在左*/
.free-block-left .part-product-list-adv {
    float: left;
    padding-top: 3px;
}

.free-block-left .part-product-list {
    float: right;
}

/*图片在下*/
.free-block-bottom .part-product-list {
    width: 100%;
}

.free-block-bottom .part-proudct-select-one{
    width: 22%;
}

.free-block-bottom .cover-bottom{
    width: 100%;
    margin-top: 20px;
}

/*图片在右*/
.free-block-right .part-product-list-adv {
    float: right;
}

.free-block-right .part-product-list {
    float: left;
}

.free-block1 .HeaderType1{
    background-color: #fff !important;
    padding: 0;
}

/*边框不显示*/
.no-border .part-one-main-box{
    border: none !important;
}

.no-border .list-turn{
    border-radius: 0;
    width: 40px;
    height: 40px;
    background-size: 28%;
}

.no-border .list-turn-prev{
    left: -6%;
}

.no-border .list-turn-next{
    right: -6%;
}


/*边框显示*/
.have-border .part-one-main-box{
    border: 7px solid #009876;
}

/*===============================*/
.part-proudct-select {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: nowrap;
    overflow: hidden;
     padding-top: 3px;
}

.part-proudct-select-one {
    position:relative;
    top:0;
    width: 30%;
    margin-right: 4%;
    flex-shrink: 0;
    background-color: #f7f7f7;
    /*border:1px solid #ccc;*/
     box-sizing: border-box;
    transition:top 0.3s ease;
    cursor: pointer;

}
.part-proudct-select-one:hover {
    top: -3px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
     /*border:1px solid #089874;*/
}

.list-turn {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: 40%;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 1px 1px 3px #000;
    cursor: pointer;
}

.list-turn-prev {
    left: -2%;
    background-image: url("../../Images/turn-b-left.png");
}

.list-turn-next {
    right: -2%;
    background-image: url("../../Images/turn-b-right.png");
}

/*绿色*/
.free-block-green .list-turn {
    background-color: #fff;
    transition: 0.3s ease;
    cursor: pointer;
}
.free-block-green .list-turn:hover{
    background-color: #fff;
    transition: 0.3s ease;
}

.free-block1 .part-one-main-title {
    float: right;
    width: 99%;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    background-image: none;
}

.free-block1 .part-one-main-box {
    margin-top: 7px;
}

.free-block1 .part-one-main-title span {
    float: left;
}

.part-one-main-title-mark {
    min-width: 90px;
    height: 57px;
    line-height: 57px;
    /*margin-left: -10px;*/
    position: relative;
        margin-bottom: 10px;
    /*top: -15px;*/
}

.part-one-main-title-mark strong {
    display: inline-block;
    height: 57px;
    vertical-align: middle;
}
.part-one-main-title-mark .more {
    vertical-align: middle;
    margin-left: 30px;
    color: #6ba487
}
.part-one-main-title-mark .mark-border {
    width: 4px;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
}

.part-one-main-title-mark .mark-text {
    min-width: 90px;
    padding: 0 42px 0 0px;
  /*  margin-left: -4px;
    clip-path: polygon(0% 0%, 100% 0%, calc(100% - 32px) 100%, 0% 100%);*/
    font-size: 16px;
    text-shadow: none;
    text-align: center;
    color: #000;

/*    background-color: #009876;
    background-image: url(../../Images/tmp_icon.png);
    background-position: 10px;
    background-size: 40px;
    background-repeat: no-repeat;*/
}

.free-block-pink .part-one-main-title-mark .mark-text {
    /*background-color: #eb456b;*/
}

.free-block-pink .part-one-main-title-mark .mark-border {
    background-color: #ac072d;
}

.part-one-main-title-text {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    width: 80%;
    margin-left: 3%;
    overflow: hidden;
}

.part-one-main-title-text b {
    text-shadow: none;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    flex-shrink: 0;
}

/*footer*/
.normal-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.footer-main {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.footer-search {
    display: block;
    width: 1300px;
    margin: 0 auto;
}

.footer-top {
    padding: 22px 0;
    border-bottom: 1px solid #047559;
}

.footer-top p {
    float: left;
    
}
.footer-top p label{
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
}

.footer-search-box {
    float: left;
    margin-left: 24px;
}

.footer-search-box .search-text {
    float: left;
    width: 380px;
    height: 50px;
    background-color: #fff;
    border: 0;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 20px;
    outline: none;
}

.footer-search-box .search-btn {
    float: left;
    width: 125px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background-color: #A61C3C;
    border: none;
    font-size: 14px;
    transition: 0.3s ease;
}
.footer-search-box .search-btn:hover{
    background-color: #06624c;
    transition: 0.3s ease;
    cursor: pointer;
    color: #fff;
}

.footer-center {
    padding: 25px 0;
    border-bottom: 1px solid #047559;
}

.footer-center-main {
    width: 1300px;
    margin: 0 auto;
}

.footer-code-box {
    width: 40%;
    float: left;
    box-sizing: border-box;
    /* padding-left: 26px; */
}

.footer-code {
    display: block;
    /* display: -webkit-flex;
    justify-content: space-between;
    background: #fff;
    padding: 20px 10px;
    justify-items: center;
    align-items: center;
    border-radius: 8px; */
}

.footer-code-box p {
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    margin: 8px 0;
    line-height: 16px;
}

.footer-code-box span {
    width: auto;
    /* margin-right: 10px; */
}

.footer-code-box span strong {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px;
}

.footer-bottom {
    text-align: center;
	background: #fff;
    padding: 25px 0 85px 0;
}

.footer-bottom p {
    color: #000;
    font-size: 12px;
    text-align: center;
    margin-bottom: 16px;
	margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-bottom p img {
    margin: 0 10px;
}

.footer-Cookie{
    box-sizing: border-box;
    padding: 18px;   
    background-color:#FFF8E9;   
    margin-top: 50px;
    margin-bottom: -20px;
}
.footer-Cookie-box { 
    /*width: 1300px;*/
    margin: 0 auto;
    display:flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content: space-between;
}
.footer-Cookie p {
    font-size: 14px;
    color: #000;
    line-height: 20px;
  
}

.footer-Cookie-btn .float_close{width: 60px;}
.footer-Cookie-btn .float_close strong {
    display: block;
    width: 40px; 
    height: 40px;
    margin-left: 7px; 
    background-image: url(../../Images/delete_icon.png);
    background-repeat: no-repeat;
    -webkit-transition: all 400ms;
    background-position: center center;
    cursor:pointer;
 }

.footer-remark {
    position: absolute;
    width: 320px;
    box-sizing: border-box;
    padding: 18px;
    bottom: 40px;
    background-color: #047559;
    right: 5%;
}

.footer-remark p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

.footer-remark-btn {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 20px;
}

.footer-remark-btn .sure {
    padding: 5px 30px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
}

.footer-remark-btn .moreInfo {
    padding: 6px 0;
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
}
.footer-bottom img{
    margin:0 20px;
}
/*回到頂部*/
.gotop {
    position: fixed;
    bottom: 200px;
    right: 5%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #097c69;
    z-index: 20;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 1px 1px 3px #000;
    background-image: url("../../Images/gotop.png");
    transition: all 1s;
    transform: translateY(40px);
    opacity: 0;
}

.gotop-show {
    opacity: 1;
    transform: translateY(0);
    cursor: pointer;
}

.faq{
    position: fixed;
    bottom: 200px;
    right: 5%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 20;
    box-shadow: 1px 1px 3px #000;
    background-color: #A61C3C;
    bottom:120px;
    text-align: center;
    line-height: 60px;
    color:#fff;
}

.faq .footer-common-icons{
    position: absolute;
    top:0;
    left:0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color:#fff;
    background-color: #A61C3C;
    cursor:pointer;
}

.faq .footer-common-icons:hover{
    text-decoration:none;
    color:#fff;   
}
.faq .footer-common-icons img{
    display: inline-block;
    vertical-align: middle;
}
.faq .start-animate{
    z-index: 5;
}
.faq .footer-common-icon{
    transition:all 0.5s ease;
    opacity: 0;
}
.faq .footer-common-icon:hover{
    background-color: #910424;
}
.faq .faq-icon{
    /*transform:translate(-90px,-70px);*/
    transform: translate(-100px,-38px);
    opacity: 1;
}
.faq .email-icon{
    /*transform:translate(-130px,0px); */
    transform: translate(-98px,55px);
    opacity: 1;
}
.faq .chat-icon{
    transform:translate(-90px,70px);
    opacity: 1;
}

/*
产品列表
 */
.p-total-num{
    font-size:16px;
    padding-bottom:7px;
    text-indent: 3.5%;
}
.p-total-num b{
    font-size:16px;
    font-weight:bold;
    color:#047559; 
} 
.product-sort{
    text-align: right;
    font-size:14px;
    color:#999999;
    line-height: 30px;
    display: flex;
    align-items: center
}
.product-sort select{
    display: inline-block;
    font-size:14px;
    vertical-align: top;
    color:#333;
    padding:0;
    outline:none;
    cursor: pointer;
    line-height: 30px;
    height:30px;
    background-color: #fff;
    border: 1px solid #87ab85;
    border-radius: 5px;
}
.merchant-main .product-sort select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    color: #333;
    padding: 0;
    outline: none;
    cursor: pointer;
    border: 1px solid #87ab85;
    background: url(/images/merchant_ico.png) no-repeat 95% transparent;
    background-size: 13px;
    /* line-height: 30px; */
    height: 30px;
    padding: 0px 15px;
    border-radius: 5px;
}
.product-sort select option{
    padding:0;
    font-size:14px;
}
.main-banner {
    width: 100%;
    margin: 30px auto 18px;
    position: relative;
}
.main-banner .proCatName {
    position: absolute;
    top: calc(50% - 1.9rem);
    right: 0;
    background-image: url(/Images/catbg.png);
    height: 3.8rem;
    min-width: 47.5%;
    font-size: 1.5rem;
    color: #333333;
    padding: 1rem 1rem 1rem 3.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}
 
.main-banner img {
    width: 100%;
    max-height:240px;
}

.main-box {
    width: 1200px;
}

.main-box-left {
    float: left;
    width: 20%;
}

.p-category-box {
    background-color: none;
}

.p-category-box-title {
    background-color: #6ba487;
    box-sizing: border-box;
    padding: 14px 26px;
    border-radius: 8px;
}

.p-category-box-title span {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 5px;
}

.p-category-box-title strong {
    float: right;
    width: 28px;
    height: 16px;
    background-image: url(../../Images/window-top.png);
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(180deg);
    background-size: 15px;
}
.p-category-bg {
    border: 1px solid #6ba487; 
    border-top: none;
    margin-top: -10px;
}
.p-category-nav {
    width: 90%;
    margin: 0 auto;
     padding-top: 10px;
    padding-bottom: 20px;
}

.p-category-nav-one {
    /*background-image: url("../../Images/cat-border-bottom.png");*/
    background-repeat: repeat-x;
    background-position: 0 bottom;
    border-bottom: 1px solid #6ba487;
}

.p-category-nav-btn {
      display: block;
    font-size: 16px;
    color: #6ba487;
    padding: 17px 0;
}
.p-category-nav-btn:hover{
    color: #047559;
    padding-left: 15px;
    transition: 0.3s ease;
}
.main-box-right {
    width: 77.5%;
    float: right;
}

.main-box-right-top {
    border: 1px solid #A61C3C;
        background: none
}

.main-box-right-top .main-box-right-title {
   float: left;
    padding: 14px 15px;
    color: #A61C3C;
    font-size: 16px;
    line-height: 16px;
    border-left: 7px solid #A61C3C;
    margin-left: 5px;
}

.main-box-right-top .top-position {
    float: right;
}

.top-position a {
   display: inline-block;
    padding: 14px 15px 14px 30px;
    font-size: 16px;
    color: #A61C3C;
    line-height: 16px;
}

.top-position a:hover {
    text-decoration: underline;
}

.top-position .p-other {
    background-color: #A61C3C;
    color: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 7% 50%);
    -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
}
.top-position .p-other:nth-of-type(3){
    background-color: #089874;
}
.product-list-page .part-proudct-select {
    /*display: block;*/

    display: flex;
    flex-wrap: wrap;
}

.product-list-page .part-proudct-select .part-proudct-select-one {
    width: 18%;
    /*height:380px;*/
    float: left;
    margin: 0 3.5%;
    margin-bottom: 45px;
}
.cat-product-list .part-proudct-select .part-proudct-select-one{
    width:26%;
    /*height:400px;*/
    background-color: #f7f7f7;
    border:none;
}
/*.cat-product-list .part-proudct-select .part-proudct-select-one .p-message {
    height: 86px;
}*/
/*
產品詳情
 */
.main-top-nav {
    width: 1200px;
    margin: 0px auto 15px;
}

.main-top-nav-content {
    width: 100%;
    float: right;
    background-color: #f4f4f4;
}

.main-top-nav-content .top-detail-p-name {
    float: left;
    width: 340px;
    height: 40px;
    background-color: #079774;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    -moz-clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    position: relative;
    top: 10px;
    left: -24px;
    font-size:14px;
}

.main-top-nav-content .top-detail-p-name span {
    color: #fff;
    font-size: 17px;
    line-height: 40px;
    vertical-align: middle;
}

.main-top-nav-content .top-detail-p-name b {
    background-color: #57327f;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 40px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 30%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 30%);
    -moz-clip-path: polygon(0% 0%, 100% 0%, 0% 30%);
}

.top-detail-p-position {
    margin-bottom: 5px;
}
.top-detail-p-position a {
    display: inline-block;
    color: #333;
    font-size: 15px;
}
.top-detail-p-position a span {
    display: inline-block;
    color: #333;
    font-size: 15px;
    text-decoration: underline;
}

.top-detail-p-position a span:last-child{
    text-decoration: none;
}
.top-detail-p-position a span:hover{
    color: #089874;
    transition: 0.3s ease;
}
.top-detail-p-position a b{
    color: #333;
    font-size: 15px;
    font-weight:normal;
    text-decoration: none;
}

.detail-left {
    float: left;
    width: 80%;
}

.detail-p-img {
    width: 52%;
    float: left;
    position:relative;
}
.detail-p-bottom {
    margin-top: 5px;
    text-align: left;
}
.detail-p-bottom a { 
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
    color: #66b9f3;
    text-decoration: underline;
    width: 100%
}
.detail-p-name-collect {
    border: 1px solid #6ba487;
    padding: 14px 0px;
    color: #6ba487;
    font-size: 20px;
    transition: 0.3s ease;
    width: 48%;
    text-align: center;
}
.detail-p-name-collect:hover {
    background-color: #6ba487;
    color: #fff;
}
#bigpic{
    width: 400px;
    height: 400px;
    position:relative;
    float:left;
}
.detail-p-big-img {
    width: 380px;
    height: 380px;
    position:relative;
    display: table; 
     table-layout: fixed;
     z-index: 1;
}

.detail-p-big-img p {
    height: 100%;
    /*text-align: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
}

/*放大镜*/
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("/Images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.detail-p-big-img img {
    /*width: 100%;*/
    display: none;
}

.detail-p-big-img .show-img {
    width: auto;
    max-width: 320px;
    height: auto;
    max-height: 100%;
    display: block;
}

.detail-p-small-img {
    float: left;
    width: 75px;
    margin-left: 18px;
}
.small-img-controll { margin-bottom: 20px; }
.small-img-controll a {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.small-img-controll .small-img-up {
    background-image: url("../../Images/p-d-up-arrow.png");
        position: absolute;
    top: 0px;
    left: 0px;
}

.small-img-controll .small-img-down {
    background-image: url("../../Images/p-d-down-arrow.png");
        position: absolute;
    bottom: 0px;
    left: 0;
}

.detail-p-small-img-box {
    margin-top: 15px;
    height: 352px;
    overflow: hidden;
        position: relative;
}
.detail-p-small-img-box ul {
    margin-top: 20px;
    margin-bottom: 20px;
}
.detail-p-small-img-box ul li {
    height: 76px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
}

.detail-p-small-img-box ul li img {
    width: auto;
    max-width: 73px;
    height: auto;
    max-height: 100%;
}
.detail-p-small-img-box ul li:hover{
    cursor: pointer;
    border: 1px solid #089875;
    transition: 0.3s ease;
}
.p-d-vedio-icon {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.p-d-vedio-icon img {
    width: 42px;
}

.detail-p-message {
    float: right;
    width: 45%;
}

.detail-p-name span {
    float: left;
    height: 32px;
    line-height: 32px;
}
.detail-p-name .detail-p-name-sname {
    font-size: 22px;
     color: #000;
}
.detail-p-name .detail-p-name-text {
    font-size: 26px;
    color: #6ba487;
    /*width: 85%;*/
    height: auto;
}
.detail-discount-show{
   font-size:22px;
   color:#009876; 
   font-weight:normal;
   margin-left:5px;
}
.detail-product-handle .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url("/Images/heart-green-o.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 21px; 
}
.detail-product-handle .detail-p-name-collect:hover{
    background-image: url("/Images/heart-green.png");
}
.detail-product-handle .detail-p-name-collect-active{
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url("/Images/heart-green-o.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 21px; 
}
.detail-p-message .detail-titlename{
    margin-top: 0px;
}
.detail-v-box {
    width: 100%;

    display: inline-block;
}
.detail-p-attr {
    margin-top: 10px;
    width: 70%;
    display: inline-block;
}
.detail-p-video{
    width: 100%;
  
        text-align: center;
        position: relative;
}
.detail-p-video img {
    cursor: pointer;
}
.detail-p-code {
    margin-top: 5px;
}
.detail-p-code p span{
    color: #b9b9b9
}
.detail-p-code .detail-select-title {
        margin-top: 10px;
    font-size: 16px;
}
.pro-detail-tips {
    font-size: 14px;
    color: #666666;
}
.detail-p-code .detail-select-content {
       margin-top: 5px;
    color: #666666;
    font-size: 16px;
}
.detail-p-attr .common-num-title {
    color: #5d5d5d!important;
    font-size: 20px!important;
        margin-bottom: 5px;
}
.detail-p-attr .detail-select-title {
    color: #424242!important;
    font-size: 20px!important;
}
.detail-p-attr .detail-select-content {
    color: #787878!important;
    font-size: 20px!important;
}
.detail-p-attr .common-num input {
    width: 60px;
}
.detail-p-attr p {
    font-size: 22px;
    color: #b1b1b1;
    float: left;
    line-height: 34px;
}
.detail-p-attr .option{
    width: 140px;
    height: 40px;
    position: relative;
  }
 .detail-p-attr .option select{
    outline: none;
    width: 100%;
    height: 40px;
    line-height: 35px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding-right: 30px;
  }
/*.detail-p-attr p select{
   border:none;
   font-size: 14px;
   color:#000;
   width:70px;
   outline:none;
   background-color: #eaece9;
   padding:7px 0;
   cursor: pointer;
   appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}*/
 .detail-p-attr .option:after{
  content: "";
    width: 14px;
    height: 18px;
    background: url(/Images/select-down-arrow.png) no-repeat center;
    position: absolute;
    right: 12px;
    top: 35%;
    background-size: contain;
    pointer-events: none;
 /*   border-left: 2px solid #6ba487;*/
    background-size: 10px;
    background-position: 4px 5px;
    }
/*.detail-p-attr .option:before{
    content: "";
    right: 18px;
    top: 32%;
    width: 10px;
    height: 18px;
    border-left: 2px solid #6ba487;
    position: absolute;
}*/
.detail-p-attr p:nth-of-type(1) {
        width: 100%;
    color: #666666;
    font-size: 24px;
}
.detail-p-attr p:nth-of-type(2) {
    color: #6ba487;
    font-size: 26px;
}
.color-list{
    float:left;
}
.color-list li{
    float:left;
    width:32px;
    height:32px;
    margin-right:5px;
    border:1px solid #fff;
    transition: 0.3s ease;
    cursor: pointer;
}
.color-list li.select{
    border:1px solid #333;
    box-shadow:0 0 5px #333 inset;
    cursor: pointer;
}
.color-list li img{
    width:100%;
}
/*數量處理*/
.detail-p-attr .common-num {
    float: left;
}

.common-num strong {
    cursor: pointer;
    user-select: none;
    float: left;
    /*background-color: #eaece9;*/
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #333;
    font-size: 14px;
    text-align: center;
}

.common-num input {
    float: left;
    padding: 0;
    width: 40px;
    height: 32px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    border: 1px solid #cccccc;
}
.common-num .lt {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-radius: 10px 0 0 10px;
}
.common-num .rt {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-radius: 0px 10px 10px 0px;
}
.common-num p{
    height: 32px;
    line-height: 32px;
}
.detail-p-attr .old-price {
    display: inline-block;
    text-decoration: line-through;
    font-size: 18px;
    color: #999999;
    vertical-align: top;
    /*font-weight:bold;*/
}

.detail-p-attr .now-price {
    display: inline-block;
    font-size: 26px;
    color: #3a3a3a;
    /*font-weight: bold;*/
    vertical-align: top;
}
.d-share-box{
    text-align: left;
    margin-bottom:5px;
    margin-top: 5px;
    position: relative;
}
.d-share-box a {
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    margin-right: 10px;
}

.d-share-box a img {
    width: 100%;
}
.d-share-box a img:hover{
    transform: rotate(360deg);
    transition: 0.3s ease;
}

.buyBtn-box {
    /*display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;*/
    margin-top: 25px;
    margin-bottom: 20px;
}

.d-buy-btn {
    color: #fff;
    font-size: 20px;
    padding: 14px 40px;
    background-color: #047559;
    transition: 0.3s ease;
}

.add-buy-btn {
    color: #fff;
    font-size: 20px;
    padding: 14px 0px;
    background-color: #A61C3C;
    transition: 0.3s ease;
    width: 48%;
    text-align: center;
}
.buyBtn-box .add-buy-btn {
    float: none;
    color: #fff;
    font-size: 1.4rem;
    background-color: #6ba487;
}
.add-buy-btn:hover{
    background-color: #6ba487;
    transition: 0.3s ease;
}
.buyBtn-box .common-btn {
   width: 100%;
    font-size: 16px;
    border: 1px solid #6ba487;
    box-sizing: border-box;
    margin: 1rem 0;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
.buyBtn-box .common-btn:hover {
    border: 1px solid #A61C3C;
    background: #A61C3C
}
.buyBtn-box .common-btn span {
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
    line-height: 1.7rem;
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
}
.buyBtn-box .detail-p-name-collect {
    border: 1px solid #6ba487;
    padding: 10px 0px;
    color: #6ba487;
    font-size: 20px;
    transition: 0.3s ease;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.buyBtn-box .detail-p-name-collect span {
     color: #6ba487;
    font-size: 20px;
    margin-right: 5px;
}
.buyBtn-box .detail-p-name-collect img {
    width: 25px;
    height: 23px;
}
.buyBtn-box .detail-p-name-collect:hover {
    border: 1px solid #6ba487;
    color: #6ba487;
    background: none

}
.OffShelves{
    background-color: #bdbdbd !important;
    cursor:not-allowed;
     border: 1px solid #bdbdbd!important;
}

/*兼容IE11*/
.d-buy-btn-ie {
    color: #fff;
    font-size: 20px;
    padding: 14px 40px;
    background-color: #6ba487;
    transition: 0.3s ease;
}

.d-buy-btn-ie:hover{
    background-color: #6ba487;
    transition: 0.3s ease;
}

.d-buy-btn-grey{
    background-color: #ccc;
}

.d-buy-btn-grey:hover{
    background-color: #ccc;
    cursor: not-allowed;
}

.detail-p-decoration {
    margin-top: 45px;
}
.detail-p-box {
    border: 1px solid #6ba487;
    border-radius: 0px 10px 10px 10px;
}
.detail-p-decoration-nav {
    width: 100%;
   /* border: 1px solid #ccc;
    background-color: #f6f6f6;
    box-shadow: 0 2px 3px #666;*/
}

.detail-p-decoration-nav a {
   float: left;
    padding: 10px 45px;
    color: #666;
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
    background: #6ba487;
    border-top: 1px solid #6ba487;
    border-radius: 10px 10px 0px 0px;

}
.detail-p-decoration-nav a.current {    
     background: #fff;
    color: #6ba487;
    border-left: 1px solid #6ba487;
    border-right: 1px solid #6ba487;
    /*border-bottom: 1px solid #6ba487;*/
    border-top: 1px solid #6ba487;
    border-radius: 10px 10px 0px 0px;
}
.detail-p-decoration-content-box {
    padding: 20px 20px;
    margin-top: 5px;
    /*background: #f4f4f4;*/
}
.detail-p-decoration-content {
    padding: 20px;
    
}

.detail-p-decoration-content img{
    width: 100%;
}

.detail-p-decoration-content-box .title{
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    background: #6ba487;
    font-size: 16px;
    border-radius: 20px;
        text-indent: 20px;
}


.detail-p-decoration-content h3 {
    font-size: 16px;
    color: #000;
}

.detail-p-decoration-content p {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
}

.detail-block-bg {
    width: 100%;
    height: 7px;
    background-image: url("../../Images/detail-block-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.detail-block-review-top { height: 20px; } 

.detail-block-review {
    margin-top: 5px;
    /*background: #f4f4f4;*/
     padding: 20px 20px;
}
.detail-p-decoration .detail-block-review  { display: block; }
.detail-p-decoration .detail-block-review .to-comment {padding: 20px;
    font-size: 14px;}
.detail-block-review .review-num {
    font-size: 16px;
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    background: #6ba487;
    border-radius: 20px;
    text-indent: 20px;
}

.detail-block-review .review-num span {
    font-size: 16px;    
    color: #fff;
    padding-right: 5px;
}

.all-review-num {
    width: 100%;
    border-bottom: 1px solid #6ba487;
}

.all-review-num p {
    font-size: 14px;
    color: #089874;
    padding: 0 26px;
    text-align: center;
    border-bottom: 5px solid #6ba487;
    position: relative;
    top: 1px;
    display: inline-block;
    padding-bottom: 5px;
}

.all-review-num p span {
    font-size: 14px;
    color: #089874;
}

.all-review-num {
    margin-top: 28px;
}

.review-box .review-left {
    float: left;
    width: 20%;
}

.review-box .review-box-one {
    padding: 20px 25px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #6ba487;
}

.review-box .review-left p {
    font-size: 14px;
    color: #000;
    padding: 6px;
}

.review-box .review-left .review-date {
    color: #666;
}

.review-box .review-right {
    float: left;
    width: 80%;
}

.review-star,
.review-text {
    padding: 6px;
    box-sizing: border-box;
    border-bottom: 1px solid #6ba487;
}

.review-star {
    /*background-color: #fefce5;*/
}

.review-star strong {
    display: inline-block;
    width: 15px;
    height: 18px;
    background-image: url("/Images/review-star.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.review-star .star-grey{
    background-image: url("/Images/review-star-grey.png");
}
.review-star span,.review-text span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: top;
    width: 15%;
}

.review-star span:nth-of-type(2),
.review-text span:nth-of-type(2) {
    width: 70%;
    white-space: pre;
}
.product-review-reply {
    margin: 30px 0 0 0; 
}
.product-review-user .review-username, .product-review-reply .review-username {
    font-weight: bold;
}
.product-review-reply>span {
    display: inline-block;
    font-size: 14px;
}

.product-review-reply .review-username {
    color: #089874;
    font-size: 14px;
}
.product-review-user .review-date, .product-review-reply .review-date {
    color: #777;
    font-size: 14px;
}
.review-date {
    margin-right: 3px;
}
.product-review-reply .product-review-detail {
    position: relative;
    background-size: 100%;
    word-wrap: break-word;
    font-size: 14px;
    background: #fff;
}
.product-review-reply .product-review-detail {
    margin: 10px 0 0 0;
    padding: 15px;
    border: 1px solid #089874;
    border-radius: 7px;
}
.product-review-reply .product-review-detail  .review-title  span{ font-size: 14px;}
.product-review-reply .product-review-detail  .review-content span{ font-size: 14px;}
.product-review-reply .product-review-detail:before {
    position: absolute;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #36b449;
    border-left: 7px solid transparent;
    left: 20px;
    top: -7px;
    content: '';
}
.product-review-reply .product-review-detail:after {
    position: absolute;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    left: 21px;
    top: -6px;
    content: '';
}
.review-title {
    margin-bottom: 10px;
}
.sticky {
    position: fixed;
    width: 962px;
    z-index: 99;
    top: 0;
    background: #fff;
}
.detail-relate-product { 
    margin-top: 5px;
    /*background: #f4f4f4;*/
    padding: 20px 20px;
 }

.detail-relate-product-title {
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    background: #6ba487;
    font-size: 16px;
    border-radius: 20px;
    text-indent: 20px;

}

.detail-relate-box {
    /*background-color: #f4f4f4;*/
    padding: 30px 0;
}

.detail-relate-box .part-proudct-select-one {
    background-color: #f7f7f7;
    width: 26%;
    margin-right: 0;
    border: none;
}
.detail-relate-box .part-proudct-select-one:first-child {
    margin-left: 0px;
}

.p-message-icon span {
    font-size: 12px;
    color: #fff;
    padding: 5px 9px;
    display: inline-block;
}

.p-message-icon .p-message-new-a {
    background-color: #c40202;
}

.p-message-icon .p-message-hot-a {
    background-color: #ff7d01;
}

.p-message-icon .p-message-cart-a {
    background-color: #22b4e5;
}

.detail-right {
    float: right;
    width: 17%;
    padding: 30px 16px;
    border: 1px solid #6ba487;
    box-sizing: border-box;
    border-top: 5px solid #6ba487;
}

.shop-box {
    text-align: center;
}
.shop-logo img{
    width:100%;
}
.shop-name {
    font-size: 12px;
    margin: 20px 0;
}

.gp-to-shop {
    display: inline-block;
    width:100%;
    text-align: center;
    padding: 7px 0;
    color: #ffffff;
    font-size: 14px;
    background-color: #6ba487;
    transition: 0.3s ease;
}
.gp-to-shop:hover{
    background-color: #a61c3c;
    color: #ffffff;
    transition: 0.3s ease;
}

.shop-product {
    margin-top: 20px;
}

.shop-product-one {
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #6ba487;
}
.merchant-product-name{
    position:absolute;
    top:0;
    height:204px;
    width:100%;
    background: rgba(0,0,0,0.6);
    color:#fff;
    text-align: center;
    font-size:14px;
    z-index:10;
    opacity:0;
    padding-bottom: 10px;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    justify-content: center;
}
.merchant-product-name p{
    color:#fff;
}
.shop-product-one a:hover .merchant-product-name{
    opacity:1;
}

.shop-product-one-img {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    height: 170px;
}
.shop-product-one-img img {
    max-width: 100%;
    max-height: 100%;
}
.shop-product-one .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 21px;
    vertical-align: middle;
    /* margin-right: 10px; */
    display: inline-block;
    border: none;
}
.shop-product-one .detail-p-name-collect:hover {
    background-image: url(/Images/heart-green.png);
    background-color: transparent;
}

.shop-product-one .detail-p-name-collect-active {
    background-image: url("/Images/heart-green.png");
}

.shop-product-one  .pro-store-collectionh {
    bottom: 0px;
}

.shop-product-old-price{
    font-size: 14px;
    color: #cccccc;
    margin-top: 5px;
    text-decoration: line-through;
    text-align: left;
}

.shop-product-one-price {
    font-size: 16px;
    color: #6ba487;
    font-weight: bold;
    margin: 6px 0;
    /*padding-bottom: 10px;*/
    text-align: left;
}
.shop-product-name {
    font-size: 1.2rem;
    line-height: 1.4rem;
    height: 2.6rem;
    text-align: left;
    color: #000;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.detail-login-box{
    width:100%;
    height: 100%;
    background:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    top:0;
    z-index:10;
    display: none;
}
.detail-login{
    width:100%;
    position:fixed;
    left: 26%;
    top: 20%;
    z-index:1000;
    display: none;
}
.detail-login #login-login-box{
    padding:10px 20px;
    width:400px;
}
/*
產品分類
 */
.category-page-right {
    overflow: hidden;
}

.category-box {
    width: 100%;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    flex-wrap: wrap;
    margin-left: -4px;
}

.category-box a {
    float: left;
    width: 220px;
    margin-right: 10px;
    margin-left: 9px;
    margin-top: 20px;
    height: 45px;
    border: 1px solid #6ba487;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.category-box a:nth-child(2n) {
margin-right: 0px; 
margin-left: 0px;
}
.category-box a img {
        width: 450px;
    height: 225px;
}

.category-box a p {
    font-size: 16px;
    text-align: center;
    transition: top 0.3s ease;
    position: relative;
    top:0;
}
.category-box a p:hover { 
    color: #089874; top: -3px;
}
.category-product-box {
    margin-top: 85px;
}
.category-product-none-box p{
    font-size:25px;
    text-align:center;
    padding:20px 0;
    margin-top:20px;
    background-color: #f4f4f4;
}
.category-product {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.category-product-one {
    width: 30%;
    /*height:395px;*/
    float: left;
    margin: 0 1.5%;
    margin-bottom:20px;
    position:relative;
    /*border: 1px solid #03785b;*/
    box-sizing: border-box;
    transition: top 0.3s ease;
    border-radius: 8px;
    top: 0px;
    padding: 8px;
    background-color: #f7f7f7;
    cursor: pointer;
}
.category-product-one .pro-store-name {
    text-align: left;
}

.category-product-one .p-message-right {
    position: relative;
}

.category-product-one:hover {
    top: -3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    /*border: 1px solid #089874;*/
}
.category-product-one p {
    font-size: 14px;
    text-align: center;
    box-sizing:border-box;
    /*padding:0 8px;*/
}
.category-product-one .category-product-one-img {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
}
.category-product-one .p-star{
    text-align: left;
}
.category-product-one .category-product-one-name {
    margin: 10px 0;
    text-align:left;
    height:40px;
    line-height: 17px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    border-top: 1px solid #03785b;
    padding-top: 3px;
}

.category-product-one .category-product-one-price {
    color: #0b9675;
}
.category-product-one .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 21px;
    vertical-align: middle;
    margin-right: 10px;
    display:inline-block;
    border: none;
}
.category-product-one .detail-p-name-collect-active{
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url("/Images/heart-green.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 21px; 
}
.category-product-one .detail-p-name-collect:hover{
    background-image: url("/Images/heart-green.png");
    background-color: transparent;
}

/*.category-product-one-img img{
    width:100%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}*/
/*會員註冊*/
#login-register-box {
    width: 860px;
    margin: 60px auto 0;
}
.content_login .fblogin {
    text-align: center;
    width: 370px;
    margin: 0 auto;
    padding: 24px 0;
}
.LoginasFacebook {
    background-color: #3975ea;
    width: 100%;
    height: 40px;
    border: none;
    /* position: relative; */
    color: #FFF;
    font-size: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 40px;
    overflow: hidden;
    margin-top: 10px;
    letter-spacing: 1px;
        cursor: pointer;
}
.LoginasFacebook::before {
    position: relative;
    top: -2px;
    margin-right: 10px;
    content: "";
    vertical-align: middle;
    background-image: url(/Images/snsLogin-s52903e3675.png);
    background-position: 0 -32px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 22px;
    width: 22px;
    border-radius: 50%;
}
.content_login>.or {
    text-align: center;
    font-size: 16px;
    position: relative;
    color: #333333;
    margin: 1rem 0;
}
.content_login>.or::before {
    content: '';
    width: 45%;
    height: 1px;
    background-color: #999999;
    position: absolute;
    top: 10px;
    right: 0;
}
.content_login>.or::after {
    content: '';
    width: 45%;
    height: 1px;
    background-color: #999999;
    position: absolute;
    top: 10px;
    left: 0;
}
.login-register-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
}

.login-form {
    margin-top: 0;
    margin-bottom: 40px;
}

.login-register-content {
    margin: 0 auto;
}
.register-content-box {line-height: 28px;}
.form-input-box {
    float: left;
    width: 650px;
    display: inline-block;
    margin-left: 10px;
}

.select-box {
    height: 40px;
    width: 675px;
}

.pickup-big-box .select-box {
    height: auto;
}
.multi-addr-box{
    height:auto;
}
.select-box .common-select {
    margin-left: 0;
    border-radius: 0;
}

.radio-box input {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.select-box .common-select .common-select-btn {
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 16px;
    width: 100%;
    background: url(../../Images/select-down-arrow.png) no-repeat 98% center;
}

.select-box .select-menu {
    top: 45px;
    border-radius: 0;
}

.select-box .select-menu a {
    color: #999;
    font-size: 16px;
    padding: 0;
    height: 45px;
    line-height: 45px;
}

.login-register-content .form-group {
    margin: 0 auto;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.login-register-content .form-group label {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #4c4c4c;
    width: 140px;
    text-align: right;
}

.login-register-content .form-group .input-text {
    float: left;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #4c4c4c;
    width: 650px;
    outline: none;
    margin-left: 10px;
    padding-left: 20px;
   border-radius: 5px;
    border: 1px solid #6ba487;
}

.login-register-content .form-group .input-text:focus {
    border: 1px solid #bfbfc1;
}

.login-register-content .form-group .input-tip {
    color: #666;
    font-size: 15px;
    float: right;
    height: 44px;
    line-height: 44px;
}

.login-register-handle {
    margin: 0 auto;
    float: right;
    width: 710px;
}

.login-register-handle .remember {
    float: left;
    padding-bottom: 15px;
}

.remember input {
    margin: 0;
    vertical-align: middle;
}

.remember label {
    font-size: 15px;
    color: #808080;
    vertical-align: middle;
}

.login-register-handle .remember .forget {
    float: left;
    font-size: 15px;
    color: #bebec0;
    line-height: 17px;
}

.login-register-handle .remember .login-register {
    float: right;
    font-size: 15px;
    color: #3aa988;
    line-height: 17px;
}
.login-register-handle a.remember-success{
    text-decoration: underline;
    
    transition: 0.5s ease;
    font-size:15px;
}
.login-register-handle .remember-success:hover{
    text-decoration: underline;
    color: #1d9d7a;
    transition: 0.5s ease;
    font-size:15px;
}
.login-register-content .radio-box label {
    float: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-size: 15px;
    color: #666666;
    margin-left: 6px;
    margin-right: 20px;
}

.btn-box {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.btn-box .btn {
    display: inline-block;
    width: 350px;
    /* height: 40px; */
    word-wrap: break-word;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif";
}

.btn-box .login-btn {
    background-color: #1d9d7a;
}

.btn-box .fb-login-btn {
    background-color: #69a4d7;
    border: 1px solid #5e92bf;
}

.btn-box .register-btn {
    background-color: #6ba487;
    border: 1px solid #6ba487;
    width: 680px;
    margin-right: 35px;
}

.btn-box .register-btn:hover {
    background-color: #A61C3C;
    border: 1px solid #A61C3C;
    transition: 0.3s ease;
        color: #fff;
}

.btn-box .restart-pwd {
    /*margin-top:10px;*/
}
.common-select {
    position: relative;
    margin-left: 15px;
    border: 1px solid #bfbfc1;
    border-radius: 3px;
}

.common-select .common-select-btn {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-indent: 9px;
    background: url(../../Images/select-down-icon.png) no-repeat 88% center;
}

.select-menu {
    position: absolute;
    top: 29px;
    left: -1px;
    z-index: 9;
    width: 100%;
    background-color: #fff;
    display: none;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-radius: 0 0 3px 3px;
}

.select-menu a {
    display: block;
    text-align: left;
    padding: 10px 0;
    color: #666666;
    text-indent: 10px;
}

.agree input {
    width: 15px;
    height: 15px;
}

.agree label {
    color: #6ba487;
    margin-left: 10px;
}

.select-box .select-one {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #4c4c4c;
    border: 1px solid #bfbfc1;
    font-size: 16px;
    box-sizing:border-box;
    padding-left:20px;
    outline:none;
}

/**
*注册成功
*/
.email-send-success{
    display: none;
}
.email-send-success .btn-box {
    justify-content: center;
}
.email-send-success .success-contact {
    text-align: center;
    line-height: 32px;
    padding-top: 15px;
}
.email-send-success .btn-box a {
    background-color: #047559;
}
.email-send-failure{
    display: none;
}
.email-send-failure .success-contact {
    text-align: center;
    line-height: 32px;
    padding-top: 15px;
}
.email-send-title {
    text-align: center;
    color: #666;
    font-size: 23px;
    line-height: 30px;
}
.email-send-success .btn-box a {
    background-color: #047559;
}
.email-send-failure .btn-box a {
    background-color: #047559;
}
.lock-icon {
    display: block;
    margin: 80px auto 30px;
}

.send-title {
    text-align: center;
    color: #666;
    font-size: 23px;
    line-height: 30px;
}

.send-email {
    text-align: center;
    font-size: 23px;
    color: #679926;
    line-height: 30px;
}

.password-send-success .btn-box {
    justify-content: center;
}
.password-send-success .success-contact {
    text-align: center;
    line-height: 32px;
    padding-top: 15px;
}
.password-send-success .btn-box a {
    background-color: #a61c3c;
}

.btn-box {
    margin-top: 55px;
}

/*注册成功页面*/
.register-success {
    margin-top: 55px;
}

.send-title b {
    font-size: 23px;
    color: #88bd43;
}

.password-send-success .btn-box {
    margin-bottom: 55px;
}

/*會員登入*/
#login-login-box {
    width: 100%;
    margin: 60px auto 0;
    background-color: #fff;
    position: relative;
}

.login-login-title {
   text-align: left;
    font-size: 28px;
    padding-bottom: 5px;
}

.login-login-content {
    margin: 0 auto;
    margin-bottom:20px;
}

.login-login-content .form-group {
    margin: 0 auto;
    margin-top: 20px;
    display: inline-block;
    position: relative;
    width: 100%
}

.login-login-content .form-group label {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #4c4c4c;
    width: 90px;
    text-align: right;
}

.login-login-content .form-group .input-text {
    float: left;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #4c4c4c;
    width: 374px;
    outline: none;
    margin-left: 10px;
    padding-left: 20px;
    border: 1px solid #bfbfc1;
}

.login-login-content .form-group .input-text:focus {
    border: 1px solid #bfbfc1;
}

.login-login-content .form-group .continue-btn {
    background-color: #1d9d7a;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    left: 106%;
    border: none;
}

.login-login-content .loginRegister {
    margin-top: 10px;
}

.login-login-content .loginRegister a {
    font-size: 15px;
    color: #3aa988;
    line-height: 17px;
    cursor: pointer;
    padding-left: 15px;
}

.login-login-content .form-group .continue-btn:hover {
    background-color: #006442;
    transition: 0.3s ease;
}

.login-login-handle {
    margin: 0 auto;
}

.login-login-handle .remember {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.login-login-handle .remember .forget {
    float: left;
    font-size: 15px;
    color: #bebec0;
    line-height: 17px;
}

.login-login-handle .remember .login-register {
    float: right;
    font-size: 15px;
    color: #3aa988;
    line-height: 17px;
}

.btn-box1 {
    text-align: center;
    margin: 0 auto;
    /*padding-left: 15px;*/
}

.btn-box1 .btn {
    display: inline-block;
    width: 350px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.btn-box1 .login-btn {
    background-color: #6ba487;
    border: none;
    transition: 0.3s ease;
}
.btn-box1 .login-btn:hover{
    background-color: #006442;
    transition: 0.3s ease;
}

.login-checkout-delete {
    float: right;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #089874;
    color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -20px;
}
.login-checkout-delete:hover{
    background-color: #089874;
    color: #ffffff;
    transition: 0.3s ease;
}

/*购物车*/
.give-icon{
    position: absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    line-height: 85px;
    background-color: #047559;
    font-size:12px;
    color:#fff;
    text-align: center;
    transform:rotate(45deg) translateY(-35px);
}
.favorite-box {
    margin-top: 40px;
}

.favorite-box .login-register-title {
    margin-left: 0;
    text-align: left;
    margin-bottom: 0;
}

.no-item-cart{
    text-align: center;
}
.no-item-cart img{
    width:180px;
}
.no-item-cart p{
    font-size:18px;
    margin-top:10px;
}
.favorite-box .login-register-title .check-title {
    float: left;
    font-size: 28px;
}

.favorite-box .login-register-title .check-pic {
    float: right;
    margin-top: 10px;
}

.favorite-box .login-register-title .check-pic strong {
    display: inline-block;
    width: 35px;
    height: 28px;
    vertical-align: middle;
    background: url(../../Images/Check_pic_230718.png) no-repeat center center;
    background-size: 100% auto;
}

.favorite-box .login-register-title .check-pic .check-pic-s {
    display: inline-block;
    width: 35px;
    height: 28px;
    vertical-align: middle;
    background: url(../../Images/Check_pic.png) no-repeat center center;
    background-size: 100% auto;
}

.favorite-box .login-register-title .check-pic span {
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
    font-size: 16px;
    margin-left: 5px;
}

.favorite-box-content {
    transition:all 0.5s;
    margin-bottom:40px;
    border: 1px solid #6ba487;
    border-radius: 0px 10px 10px 10px;
    padding-bottom: 40px;
}
.checkout-box-split .favorite-box-content{
    border:none;
}
/*.shoppingcart-one {
    margin-bottom: 60px;
}*/

/*.shoppingcart-one-title {
    border-bottom: 1px solid #e3e2e7;
    padding: 0 0 0 20px;
}*/

.shoppingcart-one-title span {
    float: left;
}

/*.shoppingcart-one-title .order-merchant {
    width: 54%;
    font-size: 18px;
    float: left;
    text-align: left;
}*/
.shoppingcart-one-title .order-merchant strong{
    display: inline-block;
    width:40px;
    height:40px;
    line-height: 40px;
    text-align:center;
    color:#fff;
    background-color: #9db0a3;
    vertical-align: middle;
    margin-right:10px;
}
/*.shoppingcart-one-title .order-merchant .gb{
    background-color: #089874;
}*/
/*.shoppingcart-one-title .order-quantity {
    width: 11%;
    margin-left: 3.3%;
    text-align: center;
    font-size: 18px;
}*/

/*.shoppingcart-one-title .order-price {
    margin-left: 1.9%;
    width: 15.2%;
    text-align: center;
    font-size: 18px;
}*/

.shoppingcart-one-title .order-close {
    width: 54.5%;
    float: left;
}

.shoppingcart-one-title .order-fz {
    width: 11.5%;
    float: right;
    font-size: 18px;
    background: #2c7147;
    color: #FFF;
    text-align:center;
    cursor: pointer;
}
.shoppingcart-one-title .order-fz-none {
    width: 11.5%;
    float: right;
    font-size: 18px;
    background: #2c7147;
    color: #FFF;
    text-align:center;
    cursor: pointer;
}

.shoppingcart-one-title .order-fz strong {
    display: inline-block;
    width: 28px;
    height: 27px;
    vertical-align: middle;
    background: url('/Images/split-icon.png') no-repeat center center;
    background-size: 100% auto;
    margin-left: 5px;
    margin-right: 5px;
    background-size:auto 25px;
}

.shoppingcart-one-title .order-fz-none strong {
    display: inline-block;
    width: 28px;
    height: 27px;
    vertical-align: middle;
    background: url('/Images/split-icon.png') no-repeat center center;
    background-size: 100% auto;
    margin-left: 5px;
    margin-right: 5px;
    background-size:auto 25px;
}
.shoppingcart-one-title .order-fz-de {
    width: 11.5%;
    float: right;
    font-size: 18px;
    background: #f95108;
    color: #FFF;
    text-align:center;
    cursor: pointer;
}

.shoppingcart-one-title .order-fz-de strong {
    display: inline-block;
    width: 28px;
    height: 27px;
    vertical-align: middle;
    background: url('/Images/delete-split-icon.png') no-repeat center center;
    background-size: 100% auto;
    margin-left: 5px;
    margin-right: 5px;
    background-size:auto 25px;
}
.order-one-title .split-sure{
    width: 11.5%;
    float: right;
    font-size: 18px;
    background: #2c7147;
    color: #FFF;
    text-align:center;
    cursor: pointer;
}
.shoppingcart-one-title .split-sure b {
    display: inline-block;
    width: 28px;
    height: 27px;
    vertical-align: middle;
    background: url('/Images/split-icon.png') no-repeat center center;
    background-size: 100% auto;
    margin-left: 5px;
    margin-right: 5px;
    background-size:auto 25px;
}
.checkout-box-split .split-sure{
    float:right;
    background-color: #2c7147;
    padding:5px 30px;
    color:#fff;
    font-size:22px;
    cursor:pointer;
}
.checkout-box-split .shoppingcart-one-title .order-quantity{
    width: 15%;
}
.checkout-box-split .shoppingcart-one-title .order-price {
    width: 22%;
}
.checkout-box-split .shoppingcart-one .merchant-one-calc {
    width: 12.3%;
}
.checkout-box-split .shoppingcart-one .merchant-one-calc .common-num {
    margin-top: 0px;
}
.checkout-box-split .shoppingcart-one .split-one-calc {
        width: 26%;
}
.favorite-one .product-img {
    float: left;
    width: 10%;
    /*height: auto;*/
    height: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    border: 1px solid #e6e6e6;
}

/*.favorite-one .product-img img{
    max-width:114px;
    max-height:100%;
}*/

.favorite-one-messge {
    float: left;
    margin-left: 1.7%;
    width: 43%;
    padding-top: 45px;
}

.favorite-one-messge .product-title {
    color: #333;
    font-size: 18px;
}

.favorite-one-messge .product-discount {
    color: #079d78;
    font-size: 14px;
    line-height: 22px;
}

.merchant-one-calc {
    width: 11.2%;
    margin-left: 4.3%;
    float: left;
    text-align: center;
}
.merchant-one-calc-height{
    height:32px;
}
.checkout-box-split .merchant-one-quantity{
    margin-top:30px;
}
.checkout-box-split .merchant-one-quantity p{
    font-size:14px;
    line-height:32px;
}
/*.merchant-one-calc .common-num {
    display: inline-block;
    margin-top: 30px;
}*/
.merchant-one-calc .common-num-no {
    margin-top:0;
}
.merchant-one-calc .common-num .num-content {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.merchant-one-calc .common-num select {
    height: 40px;
    background: #f4f4f4;
    width: 70px;
    font-size: 14px;
    border: none;
    padding-left: 5px;
}
.merchant-one-calc .common-num .add-num {
    height: 40px;
    background: #f4f4f4;
    width: 70px;
    font-size: 14px;
    border: none;
    padding-left: 5px;
    outline: none;
    margin:0;
}

.merchant-total-price {
    float: left;
    width: 180px;
    margin-left: 1.5%;
    margin-top: 40px;
}
.merchant-total-price-no{
    margin-top:14px;
}

/*.merchant-total-price p {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #000000;
    line-height: 20px;
}*/

.merchant-del-box {
    float: right;
    margin-top: 33px;
}

/*.cart-delete {
    display: inline-block;
    width: 30px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: url(/Images/delete-icon-hover.png) no-repeat;
    cursor: pointer;
}
*/
.merchant-one {
    border-top: 0;
    border-bottom: 1px solid #e6e6e6;
    width: 95%;
    margin: 0 auto;
}

.merchant-one:last-child {
    border-bottom: 0px solid #e6e6e6;
}

.shoppingcart-handle {
    text-align: right;
}
/*.pay-method-box-top{
    box-sizing:border-box;
    padding:20px 30px;
}*/
/*.pay-method-box-top p{
    font-size:18px;
    line-height:30px;
    text-align: left;
    color:#999;
}*/
/*.pay-method-box-top .address-top-btn{
    border-bottom:0;
    background-color: #fff;
}*/
/*.pay-method-box-top .address-top-btn a{
    width:33.2%;
    padding:14px 0;
    background-color: #f4f4f4;
    border-top:1px solid #dcdbde;
    border-left:1px solid #dcdbde;
    border-bottom:2px solid #089874;
    border-right:0;
}*/
.pay-method-box-top .address-top-btn a:nth-of-type(6){
    border-right:1px solid #dcdbde;
}
.pay-method-box-top .address-top-btn a:nth-of-type(7){
    border-right:1px solid #dcdbde;
}
.pay-method-box-top .address-top-btn a:nth-of-type(8){
    border-right:1px solid #dcdbde;
}
.pay-method-box-top .address-top-btn .Check-map-none{
    background-color: #e3e3e3;
}
.pay-method-box-top .address-top-btn .Check-map-none-m{
    background-color: #e3e3e3;
}
.Check-map-none{
    background-color: #e3e3e3;
}
.Check-map-none-m{
    background-color: #e3e3e3;
}
.shoppingcart-handle .btn {
    display: inline-block;
    width: 200px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 26px;
    text-align: center;
    margin-top: 50px;
    background-color: #047559;
    margin-bottom: 15px;
    transition: 0.3s ease;
}
.shoppingcart-handle .btn:hover{
    background-color: #6ba487;
    transition: 0.3s ease;
}

.split-one{
    position:relative;
}
.favorite-box-content .split-one{
    border:1px solid #e3e2e7;
    margin-bottom:10px;
}
.delete-split{
    position:absolute;
    top:0;
    right:0;
    width:40px;
    height:30px;
    color:#fff;
    text-align:center;
    line-height:30px;
    font-size:20px;
    background-color:#f95108;
    cursor:pointer;
}
.split-handle-box {
    margin-top: 30px;
    box-sizing: border-box;
    text-align: center;
}

.split-handle-box .split-content {
    background: #f4f4f4;
    width: 95%;
    margin: 0 auto;
    display: inline-block;
    padding: 20px 0px;
}

.split-handle-price {
    margin: 0 auto;
    width: 95%;
    display: inline-block;
    margin-top: 20px;
}

/*.split-handle-price .lr {
    width: 50%;
    float: right;
}*/

/*.split-handle-price p {
    margin-bottom: 5px;
    text-align: right;
}*/

/*.split-handle-price p span {
    display: inline-block;
    font-size: 16px;
    color: #079d78;
    line-height: 40px;
    text-align: right;
    width: 210px;
    vertical-align: top;
    margin-left: 30px;
}*/

/*.split-handle-price p span:first-child {
    width: 90px;
    text-align: right;
    color: #079d78;
    margin-left: 30px;
}*/

.split-handle-left {
    width: 80%;
    float: left;
}

.split-handle-right {
    width: 19%;
    float: right;
    border-left: 1px solid #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.split-handle-right .Check-map {
    cursor:pointer;
    width:90%;
    margin: 0 atuo;
}

.split-handle-right .Check-map strong {
    display: inline-block;
    width: 36px;
    height: 37px;
    vertical-align: middle;
    background: url(../../Images/Check_map.png) no-repeat;
    margin-right: 5px;
}

.split-handle-right .Check-map span {
    font-size: 20px;
    margin-top: 5px;
    float: right;
    color:#089874;
    width: 100%;
}

.split-handle-left p {
    margin-bottom: 5px;
    text-align: left;
}

.split-handle-left p span {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    width: 620px;
    vertical-align: top;
    margin-left: 30px;
}

.split-handle-left p span:first-child {
    width: 100px;
    text-align: left;
    color: #000;
    margin-left: 30px;
}

.split-price-left,
.split-price-right {
    margin-top: 20px;
}

/*.split-price-left {
    width: 50%;
    float: left;
    margin-left:2.5%;
}*/

/*.split-price-right {
    width: 40%;
    float: right;
    margin-right:2.5%;
}
*/
/*.split-price-right .g {
    color: #522a80;
    font-size:25px;
}*/

.split-price-left p {
    margin-bottom: 5px;
    text-align: left;
    
}

/*.split-price-left p span {
    font-size: 18px;
}*/

/*.split-price-right p {
    margin-bottom: 15px;
    text-align: right;
}

.split-price-right p span {
    display: inline-block;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    width: 210px;
    vertical-align: top;
    margin-left: 30px;
}

.split-price-right p span:first-child {
    width: 150px;
    text-align: right;
    color: #522a80;
    margin-left: 0px;
    font-size:25px;
}*/

.pc-body-block {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    display: none;
}

.checkout-box-2 {
    position: fixed;
    top: 0;
    width: 1200px;
    padding:30px 40px 30px 40px;
    background: #fff;
    height: 400px;
    z-index: 999;
    overflow-x: hidden;
    display: none;
}

.login-register-title .checkout-title {
    float: left;
    width: 300px;
    height: 45px;
    line-height: 45px;
    text-align: left;
    color: #363636;
    font-size: 28px;
}

.checkout-box-2 .checkout-delete {
    float: right;
    margin-top: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #6ba487;
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}
.checkout-box-2 .checkout-delete:hover{
    background-color: #6ba487;
    color: #ffffff;
    transition: 0.3s ease;
}

.address-top-btn {
    background-color: #f4f4f4;
    border-bottom:2px solid #089874;
}

.address-top-btn a {
    float:left;
    padding: 14px 56px;
    font-size: 16px;
    color: #333;
    border-right:1px solid #dcdbde;
}
.address-top-btn a strong{
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:top;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    margin-right:3px;
    position:relative;
}
.address-top-btn a strong:before{
    content:'';
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#047559;
    position:absolute;
    top:4px;
    left:4px;
    display: none;
}
.address-top-btn .select{
    color:#fff;
    background-color:#089874;
}
.address-top-btn .select strong:before{
    display:block;
}
/*.select-mothod {
    float: none;
    padding: 36px 0;
    background-color: #089874;
    box-sizing:border-box;
    padding-left:6%;
    display:none;
}*/
.select-mothod-default{
    display: block;
}
/*.select-mothod .detail-select-title {
    float: left;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
}*/
.select-mothod .normal-select select{
    border:0;
    color:#000;
}
/*.delivery-sure-btn{
    float:right;
    padding:0 60px;
    height:38px;
    line-height:38px;
    font-size:16px;
    color:#fff;
    background-color: #522a80;
    margin-right:10px;
}*/
.express-select {
    float: left;
    width: 33%;
}

.express-select select {
    margin-left: 1%;
    width: 100%;
}

.normal-select select {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    outline: none;
    color: #000;
    border: 1px solid #6ba487;
    box-sizing:border-box;
    padding-left:15px;
    background-color:#fff;
    border-radius: 5px;
}

.select-delivery-address {
    margin-top: 30px;
}

.select-delivery-address .common-title {
    font-size: 22px;
    color: #666;
    padding: 10px 0;
    /*text-indent:30px;*/
}
.select-delivery-address .common-title span{
    font-size: 22px;
    color: #666;
    padding: 10px 0;
    text-indent:30px;
    float:left;
}
/*.select-delivery-address .common-title .add-new-address-btn{
    float:right;
    background-color:#6ba487;
    color:#fff;
    text-indent:0;
    padding:10px 30px;
    margin-right:10px;
    cursor:pointer;
}
.select-delivery-address .common-title .add-new-address-btn:hover {
    background-color: #522A80;
}*/

.myDeliveryAddress .select-delivery-address .common-title .add-new-address-btn{
    float:right;
    background-color:transparent;
    color:#6ba487;
    text-indent:0;
    padding:15px 30px;
    margin-right:10px;
    cursor:pointer;
    border:1px solid #6ba487;
}
.myDeliveryAddress .select-delivery-address .common-title .add-new-address-btn:hover {
    background-color: #6ba487;
    color: #fff;
}

/*.select-delivery-one {
    box-sizing: border-box;
    padding-top: 20px;
    border-top: 1px solid #dcdbde;
    position:relative;
}*/
/*.select-delivery-one:nth-of-type(odd){
    background-color: #f7f7f7;
}*/
.select-delivery-one .left-part {
    float: left;
    width: 70%;
    margin-left:5%;
    padding-bottom:20px;
}

.select-delivery-one .left-part p {
    margin-top: 25px;
}

.select-delivery-one .left-part p:nth-of-type(1) {
    margin-top: 0;
}

/*.select-delivery-one .left-part p span {
    display: inline-block;
    font-size: 16px;
    color: #999;
}*/

/*.select-delivery-one .left-part p span:nth-of-type(1) {
    width: 15%;
    margin-right: 2%;
    text-align: left;
}*/

/*.select-delivery-one .left-part p span:nth-of-type(2) {
    color: #666;
    width: 80%;
}*/

.select-delivery-one .right-part {
    float: right;
    margin-right:2%;
    padding-bottom:20px;
}

.select-delivery-btn {
    margin-top: 30px;
    opacity: 1;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
}

.select-delivery-btn a {
    display: inline-block;
    padding: 45px 18px 0 18px;
    color: #fff;
    font-size: 17px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}
/*.select-delivery-btn a p{
    font-size:14px;
    color:#089874;
    opacity: 0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}*/
/*.select-delivery-btn .selected-icon{
    background: url(/Images/select-icon-hover.png) no-repeat center 0;
}
.select-delivery-btn .edit-icon{
    background:url('/Images/edit-icon-hover.png') no-repeat center 0;
}
.select-delivery-btn .delete-icon{
    background: url(/Images/delete-icon-hover.png) no-repeat center 0;
}
.select-delivery-btn a:hover p{
    opacity: 1;
}
.select-delivery-btn .selected-icon:hover{
    background:url('/Images/select-icon-hover.png') no-repeat center 0;
}
.select-delivery-btn .edit-icon:hover{
    background:url('/Images/edit-icon-hover.png') no-repeat center 0;
}
.select-delivery-btn .delete-icon:hover{
    background:url('/Images/delete-icon-hover.png') no-repeat center 0;
}*/
.delivery-list-num{
    position:absolute;
    top:0;
    left:0;
    text-align: center;
    width:40px;
    height:40px;
    color:#fff;
    font-size:16px;
    line-height:40px;
    background-color:#047559;
}

.new-address-content{
    display:none;
}
.pickup-box{
    display:block;
}
.new-address-content .login-form{
    margin-bottom:0;
}
/*.new-address-content .register-content{
    border-top:1px solid #dcdbde;
    border-bottom:1px solid #dcdbde;
    background-color:#f6f6f6;
    padding-top:20px;
}*/
.new-address-content .btn-box{
    margin-top:20px;
    margin-left:0;
    text-align:right;
    background-color:#fff;
    padding:18px 0 28px 0;
    
}
.new-address-content .split-btn-box .btn{
    margin-right:20px;
    margin-left:0;
    width:200px;
    vertical-align: top;
    padding:0;
}
.new-address-content .split-btn-box .btn:hover {
    background-color: #047559;
}

#new-address-form .split-btn-box .btn, #new-address-form2 .split-btn-box .btn, #new-address-form3 .split-btn-box .btn{
    background-color: #6ba487;
}

/*#new-address-form .split-btn-box .btn:hover, #new-address-form2 .split-btn-box .btn:hover, #new-address-form3 .split-btn-box .btn:hover {
    background-color: #6ba487;
}*/

.new-address-content .login-register-content .form-group{
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
/*.new-address-content .login-register-content .form-group label{
    width:20%;
    text-align:left;
    margin-left:5%;
}*/
/*.new-address-content .login-register-content .form-group .input-text{
    width:70%;
    box-sizing:border-box;
    background-color:#dddbdb;
    color:#000;
    border:0;
}*/
.new-address-content .login-register-content .form-group .multi-addr-box .input-text:nth-of-type(1){
    margin-top:0;
}
.new-address-content .login-register-content .form-group .multi-addr-box .input-text{
    width:100%;
    margin-left:0;
    margin-top:10px;
}
.pickup-box .login-register-content .form-group .input-text{
    width:100%;
    height:38px;
    line-height:38px;
    margin-left:0;
}
/*.new-address-content .login-register-content .form-group p.errorTip{
    margin-left:330px;
}*/
/*.new-address-content .select-box{
    width:70%;
}*/
/*.new-address-content .normal-select select{
    width:100%;
    background-color:#dddbdb;
    color:#000;
    box-sizing:border-box;
    padding-left:15px;
    border:0;
}*/
.pickup-box .login-register-content .form-group{
    display:block;
}
.pickup-box .select-box{
    width:30%;
}
.pickup-box .login-register-content .form-group label{
    width:12%;
}
#addressTXT{
    clear:both;
    font-size:18px;
    color:#000;
    text-indent:18%;
    padding:10px 0;
}
.send-free-box{
    float:left;
    margin-left:10px;
    width:60%;
}
.send-free-box p{
    font-size:18px;
    line-height:25px;
    color:#089874;
}
.station-address{
    color:#000;
    font-size:14px;
    line-height: 16px;
    margin:5px 0;
    width:100%;
}
.pickup-box .login-register-content .form-group label{
    font-size:18px;
}
.pickup-box .login-register-content .form-group .top-label{
    line-height:24px;
}

.pickup-box .login-register-content .form-group .radio-one-box  label{
    width:60%;
    position:relative;
    padding-left:30px;
    margin-left:0;
    height:30px;
    cursor: pointer;
}
.pickup-box .login-register-content .form-group .radio-one-box label:before{
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    background-color: #ccc;
    top:0;
    left:0;
    border-radius:50%;
}
.pickup-box .login-register-content .form-group .radio-one-box label:after{
    content:'';
    position:absolute;
    top:5px;
    left:5px;
    width:10px;
    height:10px;
    background-color: #089874;
    border-radius:50%;
    display: none;
}
.pickup-box .login-register-content .form-group .radio-one-box input[type='radio']{
    opacity:0;
}
.pickup-box .login-register-content .form-group .radio-one-box input[type='radio']:checked + label:after{
    display: block; 
}
.radio-show{
   display:none; 
   clear:both;
}
.radio-show .btn{
    display:inline-block;
    color:#fff;
    font-size:14px;
    height:38px;
    line-height:38px;
    padding:0 15px;
}
#new-address-form3 .radio-show .btn{
    background-color: #6ba487;
}

#new-address-form3 .radio-show .btn:hover {
    background-color: #047559;
    transition: 0.3s ease;
}
.radio-show span{
    float:left;
    height:36px;
    width:20%;
    line-height:36px;
    font-size:18px;
    color:#000;
}
.pickup-box .login-register-content .form-group .radio-one-box input[type='radio']:checked + label + .radio-show{
    display:block; 
}
.login-register-content .form-group .radio-show .input-text{
    margin-left:0;
    width:280px;
    border:0;
    margin-bottom:10px;
}
.imail-pickup-addr{
    padding:5px 10px;
    font-size:14px;
    color:#000;
    margin-top:5px;
}
.is-same-box{
    margin:10px 0;
}
.is-same-box input{
    vertical-align: top;
    font-size:13px;
    color:#000;
}
.grey-btn {
    background-color: #999999;
}

.red-btn {
    background-color: #be1d2c;
}

.yellow-btn {
    background-color: #fabd4a;
}

.green-btn {
    background-color: #6ba487;
}
.purple-btn{
    background-color: #A61C3C;
}

.new-address .common-title {
    color: #fff;
    font-size: 22px;
    padding: 0 45px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    cursor: pointer;
}

.split-btn-box {
    display: block;
    text-align: right;
}

.split-btn-box .btn {
    display: inline-block;
    margin-left: 2.5%;
    border: none;
    width:auto;
    padding:0 10px;
    min-width: 200px;
}
.split-btn-box .sure-split-btn{
    width:300px;
}
.pick-up-block {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 30px;
}

.pick-up-block>p {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.pick-up-block .date-select {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ccc;
    color: #ccc;
    font-size: 14px;
    outline: none;
}

.pick-up-block .pickuptime {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    outline: none;
}

.new-num {
    height: 40px;
    line-height: 40px;
    background: #f4f4f4;
    width: 70px;
    font-size: 14px;
    border: none;
    text-align: left;
    text-indent: 10px;
}
.pay-box .pay-select-method{
    display:block;
    margin-right:10px;
    border:1px solid #fff;
    width:170px;

}
.pay-box .pay-select-method .pay-select-method-box{
    /*width:340px;*/
    display:inline-block;
    text-align: left;
    padding:15px 10px;
}
.pay-box .pay-select-method .pay-select-method-box label{
    display: inline-block;
    position:relative;
}
.pay-box .pay-select-method .pay-select-method-box label:before{
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    background-color: #ccc;
    top:20px;
    border-radius:50%;
}
.pay-box .pay-select-method .pay-select-method-box label:after{
    content:'';
    position:absolute;
    top:25px;
    left:5px;
    width:10px;
    height:10px;
    background-color: #089874;
    border-radius:50%;
    display: none;
}
.pay-box .pay-select-method .pay-select-method-box input:checked+label:after{
    display: block;
} 
.pay-box a img{
    height:100px;
    
}
.pay-box .pay-select-method img{
    height:65px;
    display:inline-block;
    vertical-align:middle;
    margin-left:35px;
}
.pay-box .pay-select-method input{
    opacity:0;
}
.pay-box .select-one{
    border:1px solid #542e81;
}

.address-select{
    border:1px solid #542e81;
}

/*.delivery-address{
    margin-top:10px;
    border:1px solid #dcdbde;
}*/
.checkout-ask-box{
    position:fixed;
    background-color: #fff;
    z-index:999;
    top:20%;
    left:20%;
    padding:10px 0;
    display: none;
    width:413px;
    text-align: center;
    height:300px;
    box-shadow: 0 0 3px #000;
}
.checkout-ask-box .btn-box{
    margin-top:20px;
}
.checkout-ask-box .btn-box .btn{
    width:auto;
    font-size:12px;
    height:auto;
    padding:5px 10px;
    line-height: 14px;
    margin:0 10px;
}
.ask-box{
    display:none;
}
/**
*订单完成
*/
.complete-box-content {
    padding:117px 30px 30px 30px;
    text-align: center;
    width: 600px;
    margin: 0 auto;

    font-size: 18px;
    line-height: 40px;
    background: url(../../Images/Complete_04.png) right top no-repeat;
}

.complete-box-content p {
    font-size: 18px;
    text-align: center;
}

.complete-box-content .btn {
    display: inline-block;
    width: 250px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    background-color: #A61C3C;
    margin-bottom: 50px;
}

.complete-box-content a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

/*.complete-box-content span {
    font-size: 14px;
}
*/
.complete-box-content .complete-pic {
    display: inline-block;
    margin:0 65px;
    margin-top:113px;
}

/**
*订单失敗
*/
/*.PayFail-box-content {
   padding: 117px 30px 30px 30px;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    margin-top: 20px;
    background: url(../../Images/orderfail.png) top right no-repeat;
}*/

/*.PayFail-box-content p {
    font-size: 18px;
    text-align: center;
    display: inline-block;
    width: 70%;
}*/
.PayFail-box-content p span{ float: left;}
.PayFail-box-content p .f-span { width:100px; }
.PayFail-box-content .btn {
    display: inline-block;
    width: 250px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    background-color: #A61C3C;
    margin-bottom: 50px;
}

.PayFail-box-content a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}
.Payfail_img { background: url(../../Images/PayFail_icon1.png)  top center no-repeat; width: 56px; height: 56px; padding-top:65px; position:relative; top: 0px; transition: all 0.3s ease;}
.Payfail_img:hover{ background: url(../../Images/PayFail_icon1_back.png) top center no-repeat;width: 56px; height: 56px;top: -3px;color:#089874;}
.Payfail_img:hover span {color:#089874;}
/*.Payfail_01_img { background: url(../../Images/PayFail_icon2.png)  top center no-repeat;  height: 56px; padding-top:65px; position:relative; top: 0px; transition: all 0.3s ease;}
.Payfail_01_img:hover{ background: url(../../Images/PayFail_icon2_back.png) top center no-repeat; height: 56px;top: -3px;color:#089874;}
.Payfail_01_img:hover span {color:#089874;}*/

/*.PaySuccess_img { background: url(../../Images/Complete_02.png)  top center no-repeat; height: 56px; padding-top:65px; position:relative; top: 0px; transition: all 0.3s ease;}
.PaySuccess_img:hover{ background: url(../../Images/Complete_02_back.png) top center no-repeat; height: 56px;top: -3px;color:#089874;}
.PaySuccess_img:hover span {color:#089874;}
.PaySuccess_01_img { background: url(../../Images/Complete_03.png)  top center no-repeat;  height: 56px; padding-top:65px; position:relative; top: 0px; transition: all 0.3s ease;}
.PaySuccess_01_img:hover{ background: url(../../Images/Complete_03_back.png) top center no-repeat; height: 56px;top: -3px;color:#089874;}
.PaySuccess_01_img:hover span {color:#089874;}*/

/*.PayFail-box-content span {
    font-size: 14px;
}*/

.PayFail-box-content .complete-pic {
    display: inline-block;
    margin:0 65px;
    margin-top:33px;
}
.complete-boottom {
    margin-bottom: 20px;
}

/*会员资料页*/
.form-common-title-box{
   margin: 30px 0;
    text-align: center;
}
.form-common-title-box .form-common-title{
    display: inline-block;
    text-indent: 0;
    color:#fff;
    background-color: #6ba487;
    
    padding:10px 30px;
    cursor: pointer;
        border-radius: 8px;
}
.form-common-title-box .form-common-title:hover{
    background-color: #A61C3C;
    transition: 0.3s ease;
}
.form-common-title-box .form-common-title-border{
    padding:0;
}
.form-common-title-box .form-common-title-now{
    
    background-color: #A61C3C;
    
}
/*我的最爱*/
.favorite-box .login-register-title {
    margin-left: 0;
}

/*.favorite-box {
    font-family: 'Arial', '微软雅黑';
}*/
.favorite-one {
    position:relative;
    box-sizing: border-box;
    padding: 30px 0;
    width:95%;
    margin:0 auto;
    overflow: hidden;
    border-bottom: 1px solid #6ba487;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    border-radius: 8px;
}
.favorite-one:
.favorite-one-no-border{
    border-top:0;
}

.favorite-one .favorite-one-messge {
    width: 44%;
    padding-top:0;
}
.favorite-one .favorite-one-messge-no{
    width:54%;
}

.favorite-one-messge .product-title {
    color: #333;
    font-size: 18px;
}

.favorite-one-messge .product-code {
    color: #b2b2b2;
    font-size: 14px;
    margin: 15px 0;
}

.product-price .p-price-discount {
    font-size: 18px;
    color: #d92526;
}

.favorite-one-handle {
    float: right;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
}

.favorite-one-handle a {
    display: block;
    width: 200px;
    height: 30px;
    background-color: #6ba487;
    line-height: 30px;
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
}

.favorite-one-handle a:nth-of-type(3) {
    margin-bottom: 0;
}

.favorite-one-handle a:hover {
    background-color: #a61c3c;
    color: #fff;
}

/*我的订单*/
.orderingDetail {
  
}
.orderingDetail .pro_left { 
  width:20%;
  float:left;
  }
.orderingDetail .pro_right {
	width: 77.5%
	;float: right;
	padding-top: 20px;
	}
.orderingDetail .pro_right .p-box-right-title {    
    width: 100%;
    margin-bottom: 20px;
	}
.orderingDetail .p-right-title-description { 
    display:inline-block;
	}
.orderingDetail .p-right-title-Details { 
    float:right
	}
.orderingDetail .pro_right .right-btn { 
    padding:8px 10px;
	}
.orderingDetail .pro_right .xzdg { 
    padding: 10px 15px;
    font-size: 18px;
}
.orderingDetail	.proList {    box-shadow: none;}
.orderingDetail .order-list-box .order-one {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 20px;
}
.orderingDetail .favorite-one { 
    border: none;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    
    align-items: center;
    width: 100%;
	padding:0px;
   
   }
.orderingDetail  .favorite-one-messge .product-title {
    color: #b2b2b2;
    font-size: 16px;
	padding:5px 0px;
}
.orderingDetail .favorite-one .favorite-one-messge { width:59%}
.orderingDetail .favorite-one .product-img {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: auto;
    border: none;
	}
.orderingDetail .favorite-one .product-img img { 
     max-width:100%;
	 max-height:150px;
     flex-shrink: 0;
	 }	
.orderingDetail .p-main-box {
	 margin-top:20px; 
	 margin-bottom:20px;
	 display:inline-block;
	 width:100%;
	 }

.orderingDetail .p-box-title { 
       box-sizing: border-box;
    padding: 14px 26px 14px 0px;
    font-size: 22px;
    font-weight: bold;
   }
.orderingDetail .details-list-box {}
.orderingDetail .details-list-box .favorite-one { 
    margin-bottom:10px;
	}
.orderingDetail .p-nav { width:100%;}
.orderingDetail .p-nav ul {
    display: inline-block; 
	width:100%;
    border: 1px solid #ededed;
    }
.orderingDetail .p-nav li {
    display: block;
    vertical-align: middle;
}
.orderingDetail .order-list-box .favorite-one .favorite-one-messge { 
   margin-left:2%;
   margin-right: 10px;
   }
.orderingDetail .p-nav li a {
 display: inline-block;
    /* padding: 8px 50px 8px 30px; */
    width: 100%;
    color: #121212;
    font-size: 15px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-indent: 29px;
    letter-spacing: 1px;
    border-bottom: 1px solid #ededed;
    background-color: #f8f8f8;
}
/*.orderingDetail .p-nav a:hover {
    color: #fff;
    background-color: #018867;
}*/
.orderingDetail .p-nav li.current a {
    
    color: #fff;
    background-color: #018867;
}
.orderingDetail .proList table th:first-child {
	text-align:left;
	padding-left:10px;
}
.orderingDetail .proList .tablebg th {
  background-color:#018867;
  color: #fff;
  }
.orderingDetail .proList table th span { 
 color:#018867
 }
.orderingDetail .proList table tr:last-child {
	  border-bottom:0px solid #fff;
	  }
.orderingDetail .proList table th, .proList table td {
    padding: 12px 5px;
    color: #707070;
    font-size: 14px;
}
.orderingDetail .btnList { 
   text-align:right;
  margin-top: 20px;
   }
.orderingDetail .btnList a {
	padding: 8px 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
	}  
.orderingDetail .order-Payment { 
   border:1px solid #ebebeb;
    padding:10px;
	}
.orderingDetail .order-Payment .price-left {
	 width: 50%;
    float: left;
    margin-left: 2.5%;
	border-bottom: 1px solid #ededed;
}
.orderingDetail .order-Payment .price-left  p {
    margin-bottom: 15px;
        text-align: left;
}
.orderingDetail .order-Payment .price-left p span {
	line-height: 35px;
	}
.orderingDetail .order-Payment .price-right {
    width: 40%;
    float: right;
    margin-right: 2.5%;
}
.orderingDetail .order-Payment .price-right .g{ 
  background:#018867;
  padding:20px;
  margin-bottom:20px;
  }
.orderingDetail .order-Payment .price-right .g p { 
  line-height:30px;
  width:100%;
  display:inline-block;
  }
.orderingDetail .order-Payment .price-right .g .gl {
    width: 100%;
    text-align: right;
}
.orderingDetail .order-Payment .price-right .g p span { 
   color:#fff; 
   display:inline-block;
   }
.orderingDetail .order-Payment .price-right .g p span:last-child {
   float:right
   }
.orderingDetail .order-Payment .price-right .link { 
   border-bottom:1px solid #ededed;
   padding-bottom:5px;
   margin-bottom:5px;
    color:#c1c1c1; 
   }
.orderingDetail .order-Payment .price-right p { 
  line-height:30px;
  }
.orderingDetail .order-Payment .price-right p span {
	 color:#c1c1c1; 
   display:inline-block;
	}
.orderingDetail .order-Payment .price-right  p span:last-child {
   float:right
   }
.orderingDetail .price-left .order-Payment-input {
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-color: #f4f4f4;
    border: 1px solid #e8e8e8;
    height: 35px;
    line-height: 35px;
    outline: none;
    padding: 0 5px;
    width: 200px;
    box-sizing: border-box;
    vertical-align: top;
	}
.orderingDetail .Account-box .tipsred {
	color: #ff0101;
    float: left;
    font-size: 20px;
    margin-top: 20px;
	    background: #ededed;
    width: 300px;
    padding: 5px;
	}
.orderingDetail .step2 .btnList { 
   margin-top: 20px;
   margin-bottom: 20px;
   
   }
.orderingDetail .step2 .btnList a {
   padding: 8px 60px;
   }
.orderingDetail .p-box-right-title .ordering-date {
	 float: right;
	 margin-left:5px;
	}
.orderingDetail .p-box-right-title .ordering-date span {
	 padding-right:5px;
	}
.orderingDetail .p-box-right-title .ordering-date .inputdata  {
	min-width: 70px;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #ededed;
    padding: 5px;
    border-radius: 5px;
}
.orderingDetail .Account-box {    
   box-sizing: border-box;
   }
.orderingDetail .Account-box .p-title {
	background: #018867;
    padding: 10px;
    color: #fff;
    font-size: 16px;
	}
.orderingDetail .Account-box .member-information-content {
	width: 95%;
    margin: 0 auto;
	margin-bottom: 20px;
    margin-top: 20px;
	}
.orderingDetail .Account-box .member-information-content .form-group {
    padding: 6px 0;
    font-size: 0;
}
.orderingDetail .Account-box .member-information-content .form-group p{
       display: inline-block;
       vertical-align: middle;
}

.orderingDetail .Account-box .member-information-content .form-group.AddrInfo .disabledAddr p {
    padding: 8px 0;
    font-size: 15px;
    color: #707070;
}


.orderingDetail .Account-box .member-information-content .form-group .addclass {
	/*display: inline-block;
    margin-bottom: 10px;
    width: 400px;*/
}
.orderingDetail .Account-box .member-information-content .form-group label {
    font-size: 16px;
    color: #707070;
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}
.orderingDetail .Account-box .member-information-content .form-group input {
        font-size: 14px;
    color: #707070;
    padding: 8px 0;
    /* margin: 8px 0; */
    outline: none;
    width: 300px;
    box-sizing: border-box;
	border: 0;
    background-color: #fff;
    vertical-align: middle;
}
/*.orderingDetail .Account-box .member-information-content .form-group .highlight { 
border:1px solid #ccc;
margin-bottom:10px;
}*/
.orderingDetail .Account-box .member-information-content .form-group input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.orderingDetail .Account-box .member-information-content  .checkboxUpDown input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.orderingDetail .Account-box .member-information-content .checkbox input[type="checkbox"] {
	    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.orderingDetail .editAddress {
    padding-bottom: 40px;
}
.orderingDetail  .fillForm .editAddress .addrInfo {
    padding: 20px 0 30px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
}
.orderingDetail .editAddress .editBtn {
    padding: 10px 20px;
    font-size: 16px;
    float: right;
}
.orderingDetail .Account-box .member-information-content .form-group span:first-child {
	 width: 250px;
     float: left;
	}
.orderingDetail .Account-box .member-information-content .form-group span {
	color:#707070
	}
.orderingDetail .Account-box .integral p:first-child { 
     margin-left:0px;
	 }
.orderingDetail .Account-box .integral .current span:first-child{ 
   color:#522D7E
   }
.orderingDetail .Account-box .integral .current span:last-child{
	 color:#018867
	 }
.orderingDetail .Account-box .integral p {
	 margin-left:10px;    
	 padding: 2px 0px;
	 display: inline-block;
     width: 100%;
	 }
.orderingDetail .Account-box .integral p span {	 
	 width: 200px;
     float: left;
  
}
.orderingDetail .Account-box .integral p span:last-child {	 
	
    margin-left: 5%;
  
}
.orderingDetail .Account-box .member-information-content p.group_label {
    padding: 8px 0;
    font-size: 16px;
    color: #707070;
}
.orderingDetail .Account-box .member-information-content .checkboxUpDown label {
       display: block;
    width: 100%;
    padding: 8px 0;
    
    font-size: 16px;
    color: #707070;
}
.orderingDetail .Account-box .member-information-content .btn {
	    float: right;
    padding: 10px 60px;
    margin-top: 20px;
	    margin-right: 10px;
	}
.orderingDetail .infoForm { 
    border: 1px solid #ccc;
	padding:20px;
}
.orderingDetail .fillForm {
	 margin-top:20px;
}
.orderingDetail .infoForm .getAddrSelect .About .group_label {
    width: 150px;
}
.orderingDetail .infoForm .About select {
    width: 300px;
	background-color: #fff;
}
.orderingDetail .infoForm .form_group {
	padding: 10px 0;
	}
.orderingDetail .stepped {
    padding: 50px 0 0;
}
.orderingDetail .infoForm .form_group input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.orderingDetail .fillForm .selectAddr {
    text-align: center;
    padding: 50px 0;
}
.orderingDetail .fillForm .selectAddr a {
    padding: 10px 15px;
    display: inline-block;
    min-width: 200px;
    text-align: center;
    margin: 0 8%;
    box-sizing: border-box;
    font-size: 16px;
}
.all-order-select{
    text-align: center;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    flex-wrap:nowrap;
    justify-content: center;
}
.all-order-select a{
   padding: 10px 20px;
    color: #6ba487;
    margin-right: 10px;
    flex-shrink: 1;
    border: 1px solid #6ba487;
    border-radius: 5px;
}
.all-order-select a:hover {
    color:#000;
    text-decoration: none; 
}
.order-one-handle .order-pay-hide {
    display: none;
}

.order-one-handle {
    float: right;
}

.order-one-handle a {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    background-color: #6ba487;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #fff;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
}

.order-one-handle a:hover {
    background-color: #a61c3c;
}

.order-one-title {
    box-sizing: border-box;
    width:95%;
    margin:0 auto;
    position:relative;
    padding:20px 0;
}

.order-one-title span {
    display: inline-block;
    color: #999;
    font-size: 18px;
    height:55px;
    line-height: 55px;
}

.order-one-title span i{
    display: inline-block;
    font-size:16px;
    color:#fff;
    font-style:normal;
    vertical-align: middle;
    width:65%;
    line-height:55px;
}

.order-one-title span em{
    display: inline-block;
    font-size:16px;
    color:#fff;
    font-style:normal;
    vertical-align: middle;
    width:65%;
    line-height:55px;
}

.order-one-title .order-status {
    float: right;
    color: #e31b1b;
    font-size: 17px;
}

.order-one-title .processing {
    color: #88bd43;
}

.order-one-title .deliveryArranged {
    color: #ff9d81;
}

.order-one-title .order-num b {
    font-size: 14px;
    color: #666;
}

.order-one .product-quantity {
    font-size: 14px;
    color: #999;
    margin-top: 14px;
}

.order-one .product-price {
    margin-top: 14px;
}

.order-one .product-price .p-price-discount {
    color: #999;
}

.product-total-price {
    color: #e31b1b;
    font-size: 18px;
    margin-top: 14px;
}
.product-total-price strong{
    color: #333;
    font-weight:normal;
    font-size: 13px;
    margin-left: 5px;
    text-decoration:line-through;
    display: none!important;
}
.order-sort{
    float:right;
    height:37px;
    line-height:37px;
    background-color: #f8f8f8;
    outline:none;
    font-size:14px;
}

.order-list-box{
    border:none;
}
.order-list-box .order-one-title{
    width:100%;
    padding:0;
}
.order-list-box .order-one-title span{
    height:24px;
    line-height:24px;
}
.order-list-box .favorite-one{
    width:100%;
    border-top:0;
    padding:0;
    margin-top:10px;
    border-bottom: 0px;
}
.order-list-box  .favorite-one .favorite-one-messge{
    margin-left:0;
}
.order-list-box .order-one{
     margin-bottom: 35px;
    box-sizing: border-box;
    padding: 20px 0px;
    border-bottom: 1px solid #6ba487;
}
.order-list-box .order-time{
    color:#999;
    font-size:18px;
    line-height:24px;
}
/*我的订单详情*/
.order-find{
    position:absolute;
    right:0;
    bottom:20px;
    background-color: #6ba487;
    color:#fff;
    font-size:14px;
    padding:5px 0; 
    width:100px;
    text-align:center;
    cursor:pointer;
}
.order-one .product-price .p-price-discount {
    color: #d92526;
}

.order-one-title .order-quantity {
    margin-left: 60px;
}

.order-one-detail-quantity {
    float: right;
    font-size: 14px;
    color: #666;
}

.order-one-detail-quantity span {
    font-size: 14px;
    color: #666;
    margin-left: 100px;
    margin-right: 20px;
}

.order-detail-calc {
    box-sizing: border-box;
    padding: 0 20px;
    border-top: 1px solid #e6e6e6;
}

.order-one-detail-quantity strong {
    display: inline-block;
    font-size: 16px;
    color: #666;
    vertical-align: middle;
    font-weight: normal;
}

.order-detail-calc p {
    text-align: right;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    margin: 15px 0;
}

.order-detail-calc p span {
    display: inline-block;
    font-size: 20px;
    color: #333;
    vertical-align: top;
    font-weight: normal;
    line-height: 26px;
}

.order-detail-calc p span:nth-of-type(2) {
    display: inline-block;
    font-size: 20px;
    color: #d92526;
    vertical-align: top;
    font-weight: normal;
    line-height: 26px;
    width: 240px;
}
.order-detail-calc p span:nth-of-type(2) strong{
    font-weight:normal;
    font-size:14px;
    color:#333;
    margin-right:5px;
    text-decoration: line-through;
    display: none!important;
}

.order-detail-calc .order-detail-calc-deliveryarranged b {
    color: #ff9d81;
}

.order-detail-calc .order-detail-calc-processing b {
    color: #88bd43;
}

.order-detail-box .btn-box {
    display: block;
    text-align: right;
    box-sizing: border-box;
}

.order-detail-box .btn-box .btn {
    display: inline-block;
    width: 328px;
    background-color: #6ba487;
    margin-left: 10px;
}

.order-detail-box .btn-box .btn:hover {
    background-color: #6ba487;
}

.order-detail-box .btn-box .payNow {
    background-color: #A61C3C;
}


.merchant-order-box .favorite-box-content{
    border:none;
}
.order-one-detail{
    /*border:1px solid #e3e2e7;*/
}
.total-order-num {
    box-sizing:border-box;
    margin-top:10px;
    border-bottom: 1px solid #6ba487;
}
.total-order-num span{
    display: inline-block;
    line-height: 50px;
    height:50px;
    color:#999;
    font-size:18px;
}
.merchant-order-title{
    background-color: #6ba487;
    margin-top:10px;
    box-sizing:border-box;
    padding:10px;
}
.merchant-order-title span{
    color:#fff;
    display: inline-block;
    font-size:18px;
    vertical-align: middle;
}
.merchant-order-title span:nth-of-type(1){
    width:40px;
    text-align:center;
    height:40px;
    line-height: 40px;
    background-color:#a61c3c;
    margin-right:10px;
}
.merchant-order-box .order-one-title span{
    height:30px;
    line-height: 30px;
}

.detail-review-btn{
    position:absolute;
    bottom:20px;
    right:120px;
    width:100px;
    text-align: center;
    padding:5px 0;
    background-color: #6ba487;
    color:#fff;
    font-size:14px;
}

.order-box-price p{
    text-align: right;
    padding:5px 0;
}
.order-box-price p span{
    font-size:18px;
    display: inline-block;
}
.order-box-price{
    width:95%;
    margin:20px auto 0;
    
}
.order-box-price p span:nth-of-type(2){
    color:#d92526;  
    width:240px;
}
.order-box-price p span:nth-of-type(2) strong{
    font-weight:normal;
    font-size:14px;
    color:#333;
    margin-right:5px;
    text-decoration:line-through;
    display: none!important;
}
.order-check-box{
    width:600px;
    height:400px;
    background-color: #fff;
    border-radius:5px;
}

.order-check{
    width:500px;
    height:350px;
    margin:25px auto;
    overflowY: auto;
}
.order-check p{
    padding:5px 0;
}
.order-check p:nth-child(odd){
    background-color: #f4f4f4;
}
.order-check p span{
    display: inline-block;
    width:30%;
    font-size:14px;
    margin-left: 3%;
}
.order-check p span:nth-of-type(2){
    width:60%;
    margin-left:5%;
}

.order-check .title {
    min-height: 30px;
    color: #fff;
    background-color: #089874;
}

.order-check .title span{
    display: inline-block;
    width:30%;
    padding: 7px 0;
    font-size: 16px;
    color: #fff;
    margin-left: 3%;
}
.order-check .title span:nth-of-type(2){
    width:56%;
    margin-left:5%;
}

/*cms*/
.cms-container{width:1200px;margin:0 auto;padding:20px 0;}
.cms-search{
    float:right;
}
.cms-search #foundCMS{
    display: inline-block;
    width:150px;
    height:24px;
    line-height: 24px;   
    padding:0 5px;
    background-color: #fff; 
    vertical-align: middle;
    outline: none;
    border:none;
    margin:0;
}
.cms-search #foundCMS-btn{
    display: inline-block;
    width:45px;
    height:24px;
    line-height: 24px;
    background: url('/Images/cms-search-icon.png') no-repeat center center;
    background-color: #A61C3C; 
    color:#fff;
    outline: none;
    border:none;
    vertical-align: middle;
    background-size:auto 20px; 
}
/*分页器*/
.page-box {
    text-align: center;
    margin-top: 40px;
    width:100%;
}

.page-box a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #047559;
    padding: 0 15px;
    border-top: 1px solid #047559;
    border-bottom: 1px solid #047559;
    border-right: 1px solid #047559;
    vertical-align: middle;
    cursor: pointer;
}

.page-box a:first-child {
    border-left: 1px solid #047559;
}
.page-box a:hover{
    background-color: #047559;
    color: #ffffff;
    transition: 0.3s ease;
}

.page-box #prePage,
.page-box #nextPage {
    padding: 0;
    width: 40px;
}

.page-box #prePage {
    background: url('../../Images/page-last.png') no-repeat center center;
}
.page-box #prePage:hover{
    background: url('../../Images/page-preva-back.png') no-repeat center center;
    transition: inherit;
}

.page-box #nextPage {
    background: url('../../Images/page-next.png') no-repeat center center;
}
.page-box #nextPage:hover {
    background: url('../../Images/page-nexta-back.png') no-repeat center center;
    transition: inherit;
}

.page-box .current {
    background-color: #047559;
    color: #fff;
}

.Merchant-box {margin:0 auto;}
.Merchant-box .top_bg { }
.Merchant-box .mc-container {width: 1200px; margin: 0 auto;}
.Merchant-box .title { width:1200px; margin:0 auto; line-height:77px;height: 77px;display: flex;
    align-items: center;}
.Merchant-box .main-box-title{ 
  float: left;
    color: #fff;
    font-size: 16px;
    width: 150px;
    background: #87ab85;
    height: 35px;
    line-height: 35px;
    text-align: center;
    /* border-radius: 8px; */
    margin-left: 23px;
}
.Merchant-box .main-box-home{ float: right; font-size:14px;}
.Merchant-box .main-box-home a {display: inline-block; padding: 14px 15px 14px 30px; font-size: 16px; color: #323232; line-height: 16px; }
.Merchant-box .main-box-home img{ vertical-align:middle}
.Merchant-box .main-product {margin-top: 10px;}
.Merchant-box .main-product .main-product-one { 
    position: relative;
    width: 20.8%;
    float: left;
    margin: 0 2%;
    margin-bottom: 30px;
}
.Merchant-box .main-product .main-product-one a { 
    text-decoration: none;
    border: 1px solid #e5e5e5;
    /*border-radius: 8px;*/
    display: block;
}
.Merchant-box .main-product .main-product-one-img { 
    padding: 10px; 
        height: 228px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.Merchant-box .main-product .main-product-one a:hover {border:1px solid #047559;text-decoration:none;}
.Merchant-box .main-product .main-product-one p {font-size: 16px; text-align: center;}
.Merchant-box .main-product-one .main-product-one-name { margin: 15px 0;height: 48px;}
.Merchant-icon{
    position: absolute; 
    top: 0; 
    left:3%;
    color: #fff;
    font-size: 18px;
    width: 64px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    background-image: url('../../Images/trust.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.col-sm-12 {padding-top: 10px; padding-bottom: 10px;}
.col-sm-6 input ,.col-sm-6 select{    border: 1px inset rgb(0, 0, 0);cursor: pointer;} 
.col-xs-12 input ,.col-sm-6 select{    border: 1px inset rgb(0, 0, 0);cursor: pointer;} 
.col-sm-12 h3 { font-weight: bold;}
.proce-btn {text-indent: 0;
    color: #fff;
    background-color: #047559;
    padding: 5px 20px;
    border: 0px;}
.proce-btn:hover, .cancel-btn:hover{
    background-color: #089874;
    transition: 0.3s ease;
}    
.cancel-btn{text-indent: 0;
    color: #fff;
    background-color: #047559;
    padding: 5px 35px;
    display: inline-table;
    border: 0px;}
.cancel-btn a ,.cancel-btn a:hover {color:#fff; text-decoration: none;}
.main-product-one-img img{
    max-width: 100%;
    max-height: 100%;
}
/*商家主頁*/
.merchant-home-top{
   /* background-color:#f6f7f9;
    border-top:1px solid #f6f7f9;*/
}
.merchant-home-name{
    font-size:14px;
    margin:0 auto;
    width:1200px;
    padding:10px 0;
}
.merchant-home-change{
    width:100%;
    margin:20px auto 0;
}
.merchant-home-change a{
    display: inline-block;
    padding:5px 14px;
    background-color:#fff;
    color:#000;
    margin-right:5px;
}
.merchant-home-change .select{
    padding:5px 14px;
    /*background-color:#1a9b75;*/
    color:#fff;
}
.merchant-home-name img{
    vertical-align: middle;
    height:40px;
    margin-right:14px;
    
}
.merchant-banner-box {
    width: 1200px;
    margin: 15px auto 50px;
}
.merchant-banner-box img{
    width:100%;
}
.merchant-about-box{
    /*border-top:1px solid #fff;*/
        height: 300px;
    overflow: auto;
}
.merchant-main .part-one-main-box{padding: 0px;}

.merchant-about p{
    font-size:16px;
    line-height:25px;
}
.merchant-about .merchant-about-title{
    margin:20px 0;
}
.merchant-about-block{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1) 50%);
    bottom:0;
}
.merchant-about-block strong{
    color:#999;
    font-size:20px;
    display:block;
    text-align:center;
}
.merchant-about-block span{
    color:#999;
    font-size:20px;
    display:block;
    text-align:center;
        cursor: pointer;
    }
.merchant-about-block .rb{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.merchant-main .part-one{
    background: none;
}
.merchant-main .merchant-banner-box{
  margin-top: 10px;
}
.menchantInfo {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
}

.merchant-product-box{
    flex-wrap:wrap;
    margin: 0 15px;
}
.merchant-product-box .part-proudct-select-one{
    width:28%;
    margin:0 2.3%;
    margin-bottom:60px;
    border-radius: 8px;
    padding: 10px;
    background-color: #f7f7f7;
    border: none;
}
.merchant-product-box .p-message {
        padding: 0 ;
}
.merchant-product-box .p-img img {
    width: 100%
}
.p-img{
    /*text-align: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
}
/*.p-img img{
    max-width: 100%;
    max-height: 100%;
}*/
.merchant-product-title{
    font-size: 20px;
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    margin-top: 20px;
    justify-items: center;
}


/*new product block*/
.pro-item {
    box-sizing: border-box;
}

.pro-item .pro-name {
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    height: 54px;
    margin: 10px 0;
}

.pro-item .pro-name > span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: #999;
    padding: 2px 8px;
    margin-right: 5px;
}

.pro-item .pro-name > span.new {
    background-color: #6ba487;
}

.pro-item .pro-name > span.hot {
    background-color: #d83e04;
}

.pro-item .pro-name > span.discount {
    background: #EAC100;
}

.pro-item .pro-shop {
    margin: 10px 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.pro-item .pro-shop > img {
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.pro-item .pro-shop > span {
    font-size: 14px;
    color: #6ba487;
    font-weight: bold;
    vertical-align: middle;
}

.pro-item .pro-price {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.pro-item .pro-price .now-price {
    font-size: 25px;
    font-weight: bold;
}

.pro-item .pro-price .old-price {
    font-size: 16px;
    color: #999999;
    font-weight: bold;
    text-decoration: line-through;
}

.merchant-product-box .pro-list {
    display: flex;
    flex-wrap: wrap;
}

.merchant-product-box .pro-item {
    padding: 10px;
    width: 22%;
    margin-bottom: 50px;
    border: 2px solid transparent;
    border-radius: 5px;
}

.merchant-product-box .pro-item:not(:nth-child(4n)) {
    margin-right: 4%;
}

.merchant-product-box .pro-item:hover {
    border-color: #15907e;
}

/*编写评论*/
.write-comment-block{
    width:800px;
    margin:20px auto;
}
.write-comment-block table{
    width:100%;
}
.write-comment-block .review-star span,.write-comment-block .review-text span{
    width:100%;
}
.write-comment-block .product-message{
    width:200px;
    box-sizing:border-box;
    padding-right:20px;
}
.write-comment-block .product-message img{
    width:100%;
}
.write-comment-block .product-message p{
    font-size:18px;
    color:#000;
    text-align:center;
}
.write-comment-block .comment-title{
    font-size:18px;
}
.write-comment-block .comment-area{
    width:100%;
    outline:none;
}
.write-comment-block ul{
    line-height: 0;
}
.write-comment-block .padding-td{
    padding:20px 0;
}
.comment-save{
    font-size:14px;
    padding:10px 40px;
    color:#fff;
    background-color:#047559;
    border:0;
    cursor:pointer;
}
.upload-btn{
    font-size:14px;
    padding:5px 20px;
    color:#fff;
    background-color:#047559;
    border:0;
    cursor:pointer;
    margin-top:10px;
}
.review-pic p{
    display:inline-block;
    width:80%;
}
.review-pic p img{
    height:100px;
    margin-right:10px;
}
.comment-img-box li{
    margin-right:10px;
    position:relative;
}
.img-close{
    background-color:#047559;
    color:#fff;
    width:16px;
    height:16px;
    border-radius:50%;
    position:absolute;
    line-height:16px;
    text-align:center;
    font-size:12px;
    border:1px solid #333;
    top:-8px;
    right:-8px;
}
#faqSection .title_bg {
    background-color: #6ba487;
    color: #FFF;
    padding: 10px;
    position: relative;
    margin-top: 20px;
}
#faqSection .title_bg:hover{
    color: #fff;
}
#faqSection dt{
    position:relative;
    cursor:pointer;
}

#faqSection dt:hover{ color:#6ba487;}

#faqSection dt .icon{
    background:url('../../Images/menu-arrow-down.png') no-repeat;
    height:12px;
    right:10px;
    position:absolute;
    top:11px;
    width:12px;
}

#faqSection dt.opened .icon{ background:url('../../Images/menu-arrow-up.png') no-repeat;}

#faqSection dd{
    line-height:1.5;
    padding:20px 0 20px 5px;
    margin-top: 5px;
    display:none;
    background: #f3f3f3;
}

/*CMSfaq*/
#faqSection dt{
    position:relative;
    cursor:pointer;
}
#faqSection .title_bg {    
    background: #089874;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
}
#faqSection .title_bg:hover{    
    color: #fff; 
}
#faqSection dt:hover{ color:#6ba487;}

#faqSection dt .icon{
    background:url('../../Images/menu-arrow-down.png') no-repeat;
    height:12px;
    right:10px;
    position:absolute;
    top:11px;
    width:19px;
}

#faqSection dt.opened .icon{ background:url('../../Images/menu-arrow-down.png') no-repeat;}

#faqSection dd{
    line-height:1.5;
    padding:20px 0 20px 5px;
    margin-top: 5px;
    display:none;
    background: #f3f3f3;
}

#faqSection dd li { line-height: 32px; }
/*忘记密码*/
.forgetpassword {  
    margin: 0 auto; 
    text-align: center; 
}
.forgetpassword .password-title {   
   background: #f4f4f4;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}
.forgetpassword p {
    line-height: 32px;
    margin-left:0;
    text-align: center;
}
.forgetpassword p.errorTip{
    width:100%;
}
.forgetpassword .input-container input{
    text-indent: 20px;
    border:0;
    border-radius: 6px;
    height: 42px;
    outline:none;
    color:#fff;
}
.forgetpassword .input-container .w-email { 
    width: 300px;
    outline:none;
    background-color: #f4f4f4;  
    border:1px solid #d5d5d5;
    color:#333;
}
.forgetpassword .input-container .w-btn {
    width: 100px; 
    text-indent: 0px;
    cursor: pointer;
    outline:none;
}

.password-SuccessTips {
    text-align: center;
    padding-top: 20px;
    line-height: 26px;
    display: none;
}
.password-SuccessTips a{ 
    border-bottom: 1px solid #6ba487;
    color: #6ba487;
}
/*重設置密码*/
.updatpassword {  
    margin: 0 auto; 
    text-align: center; 
}
.updatpassword .password-title {   
    background: #f4f4f4;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}
.updatpassword  .input-container { margin-top: 20px; }
.updatpassword p { line-height: 32px;  }
.updatpassword p.errorTip { text-align: left; }
.updatpassword .updatpassword-handle{
    margin: 0 auto;
    text-align: center;
    margin-left: 180px;
}
.updatpassword .input-container .w-btn {width: 100px; text-indent: 0px;}

.iframe-box-video{
    position:fixed;
    width:560px;
    height:315px;
    top:25%;
    left:35%;
    display:none;
    z-index:999;
    background-color: #fff;
    padding:20px;
    border-radius:5px;
    box-shadow: 0 0 3px #000;
}

.sellout-window{
    position:fixed;
    width:560px;
    height:315px;
    top:25%;
    left:35%;
    display:none;
    z-index:999;
    background-color: #fff;
    padding:20px;
    border-radius:5px;
    box-shadow: 0 0 3px #000;
}
.sellout-window p{
    font-size:20px;
    color:#333;
    text-align: center;
    margin-top:20px;
}
.sellout-input-box{
    text-align:center;
    margin-top:40px;
}
.sellout-input-box input{
    display:inline-block;
    width:280px;
    height:35px;
    line-height: 25px;
    background-color: #cccccc;
    font-size:14px;
    box-sizing:border-box;
    padding:0 10px;
    border:none;
    vertical-align: top;
    outline:none;
}
.sellout-input-box a{
    display:inline-block;
    width:80px;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background-color:#6ba487;
    vertical-align: top;
}
.sellout-window.policy-window .policy {
    height: 100%;
    overflow-y: auto;
}
.subscription-show{
    position:fixed;
    display: flex;
    width:30%;
    height:20%;
    text-align:center;
    top:calc(40% - 20px);
    top:-webkit-calc(40% - 20px);
    top:-moz-calc(40% - 20px);
    left: 35%;
    display:none;
    z-index:999;
    background-color: #fff;
    padding:20px;
    border-radius:5px;
    box-shadow: 0 0 3px #000;
}
.subscription-show .contact-box {
    display: inline-block;
    vertical-align: middle;
    font-size:30px;
    line-height: 100%;
}
.subscription-show .contact-box-ve {
    display: inline-block;
    vertical-align: middle;
    font-size:30px;
    line-height: 100%;
}
.subscription-show-box{
    width:100%;
    background:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    display: none;
}

.register-window {
    position: fixed;
    width: 750px;
    height: 400px;
    top: 25%;
    left: 35%;
    display: none;
    z-index: 999;
    background-color: #fff;
    padding: 20px;
   
}
.register-window .register-window-contact {overflow-x: hidden; height: 100%;}

/*退货*/
.refundList-one {
    margin-bottom: 20px;
}

.refundList-one_link {
    border-bottom: 1px solid #e6e6e6;
}

.refundList-title {
    padding: 10px 20px;
    width: 95%;
    margin: 0 auto;
}

.refundList-title .order-price {
    float: left;
}

.refundList-title .order-price span {
    float: left;
    line-height: 40px;
    font-size: 16px;
}

.refundList-title .order-red {
    color: #e31b1b;
    margin-left: 10px;
}

.refundList-title .order-btn {
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #a61c3c;
    padding: 0;
    cursor: pointer;
}

.refundList-title .order-btn a {
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.refundList-title .order-btn:hover {
    background-color: #6ba487;
    transition: 0.3s ease;
}

.refundList-search-box {
    margin-left: 24px;
}

.refundList-search-box .search-text {
    float: left;
    width: 225px;
    height: 40px;
    background-color: #e8e8e8;
    border: 0;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 20px;
    outline: none;
}

.refundList-search-box .search-btn {
    float: left;
    width: 125px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background-color: #009b7a;
    border: none;
    font-size: 14px;
    transition: 0.3s ease;
}

.order-detail-box .btn-box .refundList-btn {
    display: inline-block;
    width: 200px;
    background-color: #047559;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding: 0;
    cursor: pointer;
}

.order-detail-box .btn-box .refundList-btn:hover {
    background-color: #6ba487;
    transition: 0.3s ease;
}

.refundList-search-box .red {
    color: #e31b1b;
    margin-right: 10px;
}

.refundList-search-box .search-btn:hover {
    background-color: #047559;
    transition: 0.3s ease;
    cursor: pointer;
}

.refundList-one-detail {
    margin-bottom: 20px;
}

.refundList-memess {
    border-top: 1px solid #e6e6e6;
    padding: 10px 0px;
    width: 95%;
    margin: 0 auto;
}

.refundList-memess p {
    line-height: 24px;
}

.order-one-refundList {
    position:absolute;
    bottom:30px;
    right:0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #6ba487;
    padding: 5px 30px;
    cursor: pointer;
}

.order-one-refundList:hover {
    background-color: #047559;
    transition: 0.3s ease;
    cursor: pointer;
}

/*订单详情页退货操作*/
.refundList-content1{
    display:none;
    margin-top:20px;
    padding-bottom:45px;
}
.editrefund-content{
    background-color:#f6f6f6; 
    padding:20px 0 50px 0;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}
.refundList-content1 .normal-select select{
    width:360px;
    background-color: #dcdada;
    color:#000;
}
.refundList-content1 .login-register-content .form-group{
    display: block;
}
.refundList-content1 .login-register-content .form-group label{
    width:140px;
    text-align:right;
}
.refundList-content1 .form-input-box{
    width:360px;
    margin-left:75px;
    
}
.editrefund-text{
    width:360px;
    height:137px;
    background-color: #dcdada;
    padding:0;
    border:1px solid #ccc;
    box-sizing:border-box;
    padding:5px 15px;
    outline: none;

}
.order-detail-box .refundList-content1 .btn-box .btn{
    width:200px;
}

/*电子优惠券*/
/*.promotion_code{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance:none;
    background-color: #f4f4f4;
    border:1px solid #e8e8e8;
    height: 40px;
    line-height: 40px;
    outline:none;
    padding:0 5px;
    width:130px;
    box-sizing:border-box;
    vertical-align: top;
}*/
.coupon-select{
    background-color: #f4f4f4;
    border:1px solid #e8e8e8;
    height: 40px;
    line-height: 40px;
    outline:none;
    padding:0 5px;
    width:150px; 
    box-sizing:border-box;
    vertical-align: top;
}

.no-coupon{
    text-align: center;
    padding:50px 0;
    font-size:25px;
}

/*.select-coupon-btn{
    display: inline-block;
    width:150px;
    background-color: #522a80;
    color:#fff;
    text-align: center;
    height:40px;
    line-height: 40px;
}

.select-coupon-btn:hover {
    background-color: #6ba487;
    transition: 0.3s ease;
}*/

.coupon-box{
    display: none;
    position:absolute;
    top:0;
    left:0;
    width:400px;
    height:400px;
    background-color: #fff;
    box-shadow: 0 0 3px #000;
    z-index:10;
}

.delete-coupon-box{
    position:absolute;
    right:-15px;
    top:-15px;
    font-size:20px;
    color:#999;
    width:30px;
    height:30px;
    text-align: center;
    line-height:30px;
    background-color: #fff;
    border-radius:50%;
    border:1px solid #999;
    box-shadow: 0 0 2px #000;
}
/*.coupon-box-list{
    overflow-y: auto;
    height:350px;
}*/
/*.coupon-list{
    float:left;
    width:45%;
    margin:0 2.5%;
}*/

/*.coupon-type{
    font-size:16px;
    color:#000;
}*/
/*.coupon-list li{
    position:relative;
    background-color: #089874;
    box-sizing:border-box;
    padding:10px;
    margin-top:10px;
    cursor:pointer;
    overflow: hidden;
}*/
/*.coupon-list .li-disable{
    background-color: #ccc;
}*/
.coupon-list li b{
    position:absolute;
    right:0;
    top:0;
    width:20px;
    height:20px;
    transform: rotate(45deg) translateY(-15px);
    background-color: #047559;
}

/*.coupon-list li strong{
    position:absolute;
    right:0;
    top:0;
    width:20px;
    height:20px;
    transform: rotate(45deg) translateY(-15px);
    background-color: #522a80;
}*/
/*.coupon-list li .coupon-title{
    font-size:20px;
    color:#fff;
}
.coupon-list li .coupon-end-time{
    font-size:12px;
    color:#fff;
    margin-top:5px;
}*/

.selected-coupon b{
    display: inline-block;
    background-color: #089874;
    color:#fff;
    font-size:20px;
    width:150px;
    line-height: 30px;
    height:30px;
    font-weight:normal;
    text-align: center;
    position:relative;
    margin-left:15px;
}
/*.selected-coupon strong{
    display: inline-block;
    background-color: #089874;
    color:#fff;
    font-size:20px;
    min-width:140px;
    line-height: 30px;
    height:30px;
    font-weight:normal;
    text-align: center;
    position:relative;
    margin-left:15px;
    padding: 0 10px;
}*/
.selected-coupon b i{
    position:absolute;
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: #cd0007;
    color:#fff;
    text-align: center;
    line-height: 14px;
    font-size:12px;
    right:-7px;
    top:-7px;
    cursor: pointer;
}
/*.selected-coupon strong i{
    position:absolute;
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: #cd0007;
    color:#fff;
    text-align: center;
    line-height: 14px;
    font-size:12px;
    right:-7px;
    top:-7px;
    cursor: pointer;

}*/
/*.promotion-code-btn{
    background-color: #522A80;
    display: inline-block;
    vertical-align: top;
    height:40px;
    line-height:40px;
    padding:0 15px;
    color:#fff;
    font-size:12px;
}
.promotion-code-btn:hover {
    background-color: #6ba487;
    transition: 0.3s ease;
}*/
.mall-fun{
    display: inline-block;
    width: 100%;
    line-height: 20px;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    margin-top: 10px;
}
.mall-fun-use{
    background-color: #089874;
}

/*================================================================*/
/*电子优惠券*/
.MallFun{
    background-color: #6ba487;
    margin: 10px 0;
}

.MallFun .login-register-title{
    padding: 6px 0 6px 20px; 
    color: white; 
}

.coupon-one {
    border: 1px solid #ccc;
    margin-bottom: 35px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px;
}

.coupon-img{
    width: 30%;
    height: 170px;
    float: left;
    background-color: #fff;
}

.coupon-img img{
    width: 100%;
    height: 100%;
}

.DiscountRange{
    font-size: 13px;
    display: block;
    color: red;
}

.coupon-desc{
    width: 70%;
    border-top: 0;
    padding: 0;
    float: left;
}

.coupon-two{
    padding-left: 52px;
    color: #636363;
    position: relative;
}

.font-color{
    color: #828282; 
}

.coupon-title{
    font-size: 20px;
    padding: 11px 0;
    margin-bottom: 0;
}

.coupon-status{
    color: #fff;
    height: 72px;
    width: 136px;
    position: absolute;
    right: -45px;
    top: -13px;
    text-align: center;
    line-height: 90px;
    font-family: "黑体";
    background-color: #4c8eff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.coupon-two .detail{
    position: relative;
}

.coupon-two .detail span{
    width: 14px;
    position: absolute;
    display: block;
    height: 15px;
    background-image: url(/Images/p-d-down-arrow.png);
    background-repeat: no-repeat;
    cursor: pointer;
    left: 86px;
    top: 30%;
    background-size: 100%;
}

.coupon-two .detail.hover span{
    background-image: url(/Images/p-d-up-arrow.png);
}

.coupon-two .openDetail{
    margin: 0;
    padding: 16px;
    color: #828282;
    background-color: #f6f6f6;
    display: none;
}

/*==============================*/
.overhidden{
    overflow: hidden;
}

.noMargin{
    margin: 0 !important;
}

.totalpage{
    margin: 8px 20px 8px 0;
}

/*商品详情页分享按钮*/
.btn_social {
    background: url(../../Images/btn_social.png) no-repeat 0 0;
}

.btn_social:hover, .btn_social.focus, .btn_social.active{
    background-position: 0 -34px;
}

#social_media_wrap {
    position: absolute;
    top: 36px;
    right: -90%;;
    width: 251px;
}

#social_media_wrap .top {
    width: 100%;
    background: url(../../Images/subnav_social_arrow.png) no-repeat 72% 0;
    height: 6px;
}

#social_media_main {
    display: flex;
    align-items: center
}

#social_media_main span {
    color: #b7b7b7
}

/*#social_media_main:after {
    background: url(../../Images/subnav_social_bg_r.png) no-repeat 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 12%;
    width: 9px;
}*/

#social_media_main .smicon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    margin-left: 6px;
    margin-right: 0 !important;
}

#social_media_main .inner {
    position: relative;
    padding: 7px;
}

#social_media_main .fb {
    background-image: url(../../Images/Share_fb.png);
        background-size: 100%;
    margin-left: 0;
}
#social_media_main .whatsapp {
     background-image: url(../../Images/Share_wapp.png);
         background-size: 100%;
}
/*#social_media_main .fb:hover{
    background-position: 0 -30px;
}*/

#social_media_main .twitter {
      background-image: url(../../Images/Share-tw.png);
          background-size: 100%;
          background-position: 0px 4px;
}

/*#social_media_main .twitter:hover {
    background-position: -30px -30px;
}
*/
#social_media_main .weibo {
    background-position: -60px -30px;
}

#social_media_main .weibo:hover{
    background-position: -60px -30px;
}

#social_media_main .googleplus {
    background-position: -90px -30px;
}

#social_media_main .googleplus:hover {
    background-position: -90px -30px;
}

#social_media_main .linkedin {
    background-position: -120px -30px;
}

#social_media_main .linkedin:hover {
    background-position: -120px -30px;
}

#social_media_main .email {
    background-position: -150px -30px;
}

#social_media_main .email:hover {
    background-position: -150px -30px;
}

#social_media_main .sharelink {
    background-image: url(/Images/Share_link.png);
    background-size: 100%;
    background-position: 0px 4px;
}

/*默认主题样式*/
.free-block-style1 {
    /*background-color: #e6f9fd;*/
}

.free-block-style1 .part-one-main-title {
    background-color: #0874AA;
}

.free-block-style1 .part-one-main-box {
   background-color: rgb(255,255,255,0);
    padding: 20px 0px;
}

.free-block-style1 .list-turn{
    background-color: rgb(255,255,255,1);
}

.free-block-style1 .list-turn:hover{
    background-color: rgba(255,255,255,1);
}

.free-block-style1 .list-turn-prev:hover {
     background-image: url(../../Images/turn-b-left-hover.png);
}
.free-block-style1 .list-turn-next:hover {
       background-image: url(../../Images/turn-b-right-hover.png);
 
}
.free-block-style1 .part-one-main-title-mark .mark-text{
    /*background-color: #0874AA;*/
}

/*Recommend主题样式*/
.free-block-Recommendstyle {
    background-color: #fce6eb;
}

.free-block-Recommendstyle .part-one-main-title {
    color: #FFF705;
    background-color: #D01641;
}

.free-block-Recommendstyle .part-one-main-box {
    border: 7px solid #D01641;
}

.free-block-Recommendstyle .list-turn{
    background-color: #D01641;
}

.free-block-Recommendstyle .list-turn:hover{
    background-color: #D01641;
}

.free-block-Recommendstyle .part-one-main-title-mark .mark-text{
    background-color: #D01641;
}

/*已退货按钮*/
.alReturn{
    position: absolute;
    bottom: 30px;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 5px 30px;
}

/*是否使用优惠码或优惠券*/
.UsedCoupon{
    color: red;
    font-size: 15px;
    margin-top: 6px;
}

/*退货图片上传*/
.return-img-box li{
    margin-right: 10px;
    position: relative;
}

/*图片点击放大*/
.galley{
    display: inline-block;
    width: 80%;
}

.galley li{
    display: inline-block;
    margin-right: 20px;
}

.galley .pictures img{
   cursor: -webkit-zoom-in;
   cursor: zoom-in;
}

/*退货单图片点击放大*/
.refundList-memess .galley{
    display: inline-block;
    width: 80%;
}

.refundList-memess .galley li{
    display: inline-block;
    margin-right: 20px;
}

.pictures img{
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

/*购物车商品属性*/
.nature{
    margin-top: 8px;
}

.no_left{
    left: 0;
}

.no_right{
    right: 0;
}

/*搜索值*/
.searchKey{
    text-indent: 3.5%;
    font-size: 20px;
    margin-bottom: 20px;
}

.eye_img{
    position: absolute;
    right: 0;
    padding: 4px;
}

.all-review-num .review-star{
    background-color: #f4f4f4;
}

.cmsSearch{
    color: #fff !important;
    background-color: #3390ff !important;
}

.merchant-product-title span{
    padding: 5px 0px;
    /*background-color: #6ba487;*/
    color: #6ba487;
    font-size: 16px;
    border-radius: 8px;
}

/*收货地址选中图标高亮*/
.Addselect{
    background:url('/Images/select-icon_230718.png') no-repeat center 0 !important;
}

.Addselect p{
    color: #A61C3C !important;
}

/*退货单商家*/
.goMerchant{
    margin-top: 10px;
}

.goMerchant a{
    font-size: 18px;
    color: #333;
}

.header-img{
    width:100%;
}

/*智邮站*/
#new-address-form3 .send-free-box:first-child {
    margin-left: 5%;
}

/*商家列表无数据提示*/
.merchant-none-box p {
    font-size: 25px;
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    margin: 30px auto;
    width: 760px;
}

/*session timeout*/
.timeout-login-top {
    height: 110px;
    margin-bottom: 20px;
}

.timeout-login-top .login-login-title {
    text-align: left;
}

.timeout-login-top img{
    width: 30%;
    float: left;
}

.login-top-right {
    width: 70%;
    float: left;
    margin: 14px 0;
}

/*myMessage*/
.message-box .favorite-one-handle a {
    margin: 20px 0;
}

/*自写模态框*/
#messageModal {
    width: 100%;
    height: 100%;
    background: #5a5a5acc;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.ModalBox {
    display: table-cell;
    vertical-align: middle;
}

.message-dialog {
    width: 90%;
    height: 96%;
    margin: 0 auto;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
     box-shadow: 0 3px 9px rgba(0,0,0,.5); 
    background-color: #fff;
}

.mModal-Header {
    border-bottom: 1px solid #e5e5e5;
}

.mModal-Header div {
    padding: 15px;
}

.mModal-Header p {
    font-size: 18px;
}

.mModal_close {
    margin-top: -2px;
    float: right;
    cursor: pointer;
    background: 0 0;
    border: 0;
    color: #000;
    opacity: .2;
    font-size: 21px;
    font-weight: 700;
}

.mModal-body {
    padding: 15px;
    overflow: auto;
}

.mModal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mModal-footer button{
    color: #fff;
    background-color: #6ba487;
    border-color: #2e6da4;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}

.header_logo {
    width: 100%;
}

/*.footer_logo {
    width: 241px;
}*/

.footer_icons img {
    max-height: 57px;
}

.noCertain {
    border: 1px solid red !important;
}

.errorBox {
    text-align: center;
    padding: 100px 50px;
}

.errorTips {
    font-size: 24px;
    margin-bottom: 50px;
}

/*.orderSureTips {
    line-height: 26px;
    margin: 16px 0;
}*/

.footer-pay-icons {
    margin-top: 15px;
}

.footer-pay-icons img {
     width:90px;
        padding: 5px;
}

/*邮品订购*/
.purple_btn {
    background-color: #522D7E;
    color: #fff;
}

.green_btn {
    background-color: #0D9775;
    color: #fff;
}

.SelectArea {
    padding: 20px 0;
}

.SelectArea .title {
    color: #0D9775;
    font-size: 30px;
    margin-bottom: 30px;
}

.SelectArea .area a {
    position: relative;
}

.SelectArea .area a:hover::before {
    background-color: rgba(82, 42, 128, .8);
} 

.SelectArea .area a::before {
    background-color: rgba(107, 107, 107, .5);
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 4px 3px;
    left: -2px;
    top: 5px;
    z-index: -1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 0px #fff;
    -o-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
}

.SelectArea .area a:first-child {
    width: 48%;
    float: left;
}

.SelectArea .area a:last-child {
    width: 48%;
    float: right;
}

.SelectArea .area img {
    width: 100%;
    box-shadow: #9e9e9e 0px 0px 10px 0px;
    border-radius: 6px;
}

.ds_title {
    font-size: 16px;
    color: #0D9775;
    margin: 30px 0;
}

.ds_title2 {
    font-size: 16px;
    color: #522D7E;
    margin: 30px 0;
    text-align: center;
}

.ds_list li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 15px;
    float: left;
}

.ds_list li:nth-child(2n) {
    margin-right: 0;
}

.ds_list li .imgBox {
    height: 279px;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ds_list li .imgBox img {
    max-width: 576px;
    max-height: 100%;
}

.ds_list li p {
    color: #707070;
    font-size: 16px;
    text-align: center;
    padding: 10px;
}

.orderSerBlock {
    width: 100%;
    min-width: 760px;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orderSerWindow {
    width: 850px;
    min-height: 500px;
    max-height: 100%;
    overflow-y: auto;
    border: 1px solid #707070;
    background-color: #fff;
    padding: 60px;
    box-sizing: border-box;
    position: relative;
}

.exitWindow {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    cursor: pointer;
}

/*.orderSerWindow .exitWindow {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    cursor: pointer;
}*/

.orderSerWindow p {
    color: #707070;
    font-size: 16px;
}

.orderSerWindow .WinTop {
    padding: 20px 30px;
}

.orderSerWindow .WinCotent {
    padding: 20px 30px 0;
}

.orderSerWindow .WinBottom {
    padding: 0 30px 20px;
}

.orderSerWindow .WinTop {
    border: 5px solid #d1d1d1;
}

.orderSerWindow .btnBox {
    text-align: center;
}

.orderSerWindow .WinBottom {
    border: 5px solid #d1d1d1;
    border-top: 0;
}

.orderSerWindow .orderBtn {
    background-color: #0D9775;
    color: #fff;
    font-size: 20px;
    padding: 10px 25px;
    margin: 10px 0;
    display: inline-block;
}

.orderSerWindow .WinCotent {
    margin-top: 35px;
    border: 5px solid #d1d1d1;
    border-bottom: 0;
}

.orderSerWindow .WinCotent .Title {
    margin-bottom: 15px;
}

.orderSerWindow .WinCotent .LargeTitle {
    font-size: 30px;
    margin-bottom: 15px;
    color: #522D7E;
}

.WinForm > label {
    font-size: 16px;
    color: #707070;
    margin-right: 4%;
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    max-width: 47%;
}

.WinForm > label:nth-child(2n) {
    margin-right: 0;
}

.WinForm input[type="radio"] {
    width: 20px;
    height: 20px;
    /*vertical-align: sub;*/
    margin: 2px 10px 0 0;
    flex-shrink: 0;
}

.WinForm .Form {
    padding: 20px 25px;
}

.WinForm .FormGroup {
    margin-bottom: 15px;
}

.WinForm .FormGroup label {
    font-size: 16px;
    color: #707070;
    width: 32%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: middle;
}

.WinForm .FormGroup input[type="text"] {
    outline: none;
    width: 50%;
    padding: 3px 5px;
    font-size: 15px;
}

.WinForm table.form-tip td {
    color: #707070;
    font-size: 16px;
    padding: 5px;
}

.WinForm table.form-tip tr:first-child td:first-child {
    padding-right: 15px;
}

.WinForm table.form-tip td.symbol {
    padding-right: 8px;
} 

.orderSerWindow .ConnectBtn {
    background-color: #522D7E;
    color: #fff;
    font-size: 20px;
    padding: 10px 25px;
    margin: 15px 0;
    display: inline-block;
}

.orderSerWindow .codeBtn {
    background-color: #0D9775;
    color: #fff;
    font-size: 20px;
    padding: 10px 25px;
    margin: 20px 0 30px;
    display: inline-block;
}

.WinForm .Form .tips {
    color: #522D7E;
    margin-bottom: 20px;
}

.WinForm .Form p.errorTip {
    color: #ff0000;
    margin-left: 36%;
    margin-top: 5px;
    font-size: 13px;
    width: auto;
}

/*PlanSelect*/
.PlanSelect .title {
    color: #0D9775;
    margin: 25px 0;
    font-size: 16px;
}

.PlanSelect .subTitle{
    color: #707070;
    font-size: 16px;
    margin-bottom: 25px;
}

.PlanSelect .planBox li {
    width: 48%;
    margin-right: 4%;
    float: left;
    margin-bottom: 40px;
}

.PlanSelect .planBox li:nth-child(2n) {
    margin-right: 0;
}

.PlanSelect .planBox img {
    max-width: 100%;
}

.PlanSelect .planBox .desc {
    padding: 30px 0;
}

.PlanSelect .planBox a {
    display: block;
    background-color: #0D9775;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.PlanSelect .tips {
    color: #522D7E;
    font-size: 14px;
}

.PlanSelect .tips a {
    color: #1500FF;
    font-size: 14px;
}

.PlanSelect .orderSerWindow .WinCotent {
    margin-top: 20px;
}
/*-------*/

/*StampIssueList*/
.StampIssueList .title {
    color: #0D9775;
    margin: 35px 0;
    font-size: 16px;
}

.issueList {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    flex-wrap: wrap;
}

.issueList li {
    width: 23%;
    margin-right: 2.6%;
    margin-bottom: 50px;
    float: left;
    border: 1px solid #707070;
    box-sizing: border-box;
    cursor: pointer;
}

.issueList li:nth-child(4n) {
    margin-right: 0;
}

.issueList .imgbox {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    padding: 12px;
    box-sizing: border-box;
}

.issueList .imgbox img {
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0;
}

.issueList p {
    color: #707070;
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
}

.issueList p:last-child {
    margin-bottom: 20px;
}
/*------------*/

/*ProductSelect*/
.grey-topbar {
    background-color: #F4F4F4;
}

.grey-topbar .content {
    width: 1200px;
    margin: 0 auto;
    height: 66px;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items: center;
}

.grey-topbar .content img {
    max-height: 75%;
    margin-right: 30px;
}

.grey-topbar .content p {
    display: inline-block;
    font-size: 16px;
    color: #707070;
}

.left_menu {
    float: left;
    width: 20%;
    box-shadow: #cccccc 0px 0px 10px 0px;
}

.left_menu .title {
    background-color: #522D7E;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 12px;
}

.left_menu li {
    text-align: center;
    border-bottom: 1px dashed #707070;
}

.left_menu li:last-child  {
    border-bottom: 0;
}

.left_menu li a {
    display: block;
    padding: 14px 12%;
    font-size: 15px;
    color: #707070;
    word-break: break-word;
}

.ProSelectBox {
    width: 77.5%;
    float: right;
}

.ProSelectBox .title {
    background-color: #0D9775;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 12px 25px;
    display: inline-block;
}

.ProSelectBox .issueInfo {
    margin: 40px 0;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items: start;
}

.ProSelectBox .issueInfo img {
    /*float: left;*/
    max-width: 40%;
    max-height: 240px;
    margin-right: 45px;
    flex: 0 0 auto;
    height: 100%;
}

.ProSelectBox .issueInfo .Info {
    /*float: left;*/
    flex: 1 1 auto;
}

.ProSelectBox .issueInfo .Info p {
    color: #707070;
    font-size: 16px;
    padding: 5px 0;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
}

.ProSelectBox .issueInfo .Info p:nth-child(2) {
    color: #66CCCC;
}

.ProSelectBox .issueInfo .Info p.Msg {
    padding: 10px;
    margin-top: 20px;
    box-shadow: #dcdcdc 0px 0px 10px 0px;
    display: inline-block;
    color: red;
}

.ProSelectBox .issueInfo .Info input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 2px 12px 0 2px;
    flex-shrink: 0;
}

.ProSelectBox .ViewCategory {
    margin-bottom: 30px;
}

.ProSelectBox .ViewCategory .CatTitle {
    background-color: #522D7E;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 12px 60px;
    display: inline-block;
    background-image: url(/Images/menu-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    box-sizing: border-box;
    cursor: pointer;
}

.ProSelectBox .ViewCategory ul {
    box-shadow: #cccccc 0px 0px 10px 0px;
    padding: 10px 0;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    flex-wrap: wrap;
    display: none;
}

.ProSelectBox .ViewCategory > ul > li {
    width: 25%;
    text-align: center;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}

.ProSelectBox .ViewCategory > ul > li > a {
    color: #707070;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    word-break: break-word;
}

.proList {
    margin-bottom: 35px;
    box-shadow: #cccccc 0px 2px 10px 0px;
}

.proList table th {
    background-color: #fff;
}

.proList table th, .proList table td {
    padding: 20px 5px;
    color: #707070;
    font-size: 14px;
}

.proList table th p, .proList table th a, .proList table td p, .proList table td a {
    color: #707070;
    font-size: 14px;
}

.proList table td p {
    color: #707070;
    font-size: 14px;
}

.proList table tr:first-child {
    border-bottom: 1px solid #BFBFBF;
}

.proList table tr:nth-child(odd) {
    background-color: #C7ECEC;
}

.proList table tr td:first-child {
    padding: 20px 20px 20px 45px;
    position: relative;
}

.proList table tr td .anchor {
    position: absolute;
    top: 0;
    left: 0;
}

.s-common-sum strong {
    cursor: pointer;
    user-select: none;
    background-color: #F7F7F7;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #707070;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}

.s-common-sum input {
    padding: 0;
    width: 40px;
    height: 22px;
    border: none;
    background-color: #F7F7F7;
    font-size: 14px;
    color: #707070;
    line-height: 22px;
    text-align: left;
    padding: 0 6px;
    outline: none;
    box-sizing: border-box;
}

.ProSelectBox .switch a {
    background-color: #0D9775;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 8px 25px;
    display: inline-block;
    font-weight: bold;
    margin-right: 15px;
}

.ProSelectBox .switch a.disabled {
    background-color: #bbbbbb;
    cursor: not-allowed;
}

.ProSelectBox .switch a:last-child {
    margin-right: 0;
}

.ProSelectBox .Remarks {
    float: left;
    width: 50%;
    margin-top: 30px;
}

.ProSelectBox .shoppingBox {
    float: right;
    margin: 30px 0;
    min-width: 40%;
}

.ProSelectBox .shoppingBox.haveRemarks {
    max-width: 50%;
}

.ProSelectBox .shoppingBox .totalPrice {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.ProSelectBox .shoppingBox .totalPrice p {
    display: inline-block;
    color: #707070;
    font-size: 16px;
    padding: 0 12px;
}

.ProSelectBox .shoppingBox .totalPrice .PriceTitle {
    background-color: #522D7E;
    color: #fff;
    font-weight: bold;
    padding: 8px 20px;
    font-size: 16px;
}

.ProSelectBox .shoppingBox a {
    display: block;
    color: #fff;
    padding: 8px 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.ProSelectBox .shoppingBox a.addBtn {
    background-color: #0D9775;
}

.ProSelectBox .shoppingBox a.submitBtn {
    background-color: #522D7E;
    position: relative;
}

.ProSelectBox .shoppingBox a.submitBtn span {
    position: absolute;
    top: -15px;
    left: 100%;
    background-color: #fff;
    min-width: 30px;
    height: 30px;
    border: 1px solid #522D7E;
    border-radius: 50%;
    color: #707070;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    margin-left: -15px;
    box-sizing: border-box;
}

.ProSelectBox .shoppingBox a.resetBtn {
    background-color: #BFBFBF;
    color: #0A0A0A;
    display: inline-block;
    font-weight: normal;
    float: right;
}
/*----------*/

/*AutoPlanProductSelect*/
.autoPlanProSelect .ProSelectBox {
    width: 90%;
    float: none;
    margin: 0 auto;
    padding-top: 25px;
}

.autoPlanProSelect .ProSelectBox .title {
    margin-left: -2%;
}

.autoPlanProSelect .ProSelectBox .proList {
    margin-bottom: 60px;
}

.autoPlanProSelect .ProSelectBox .backBtn {
    background-color: #0D9775;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 8px 25px;
    font-weight: bold;
    float: left;
    margin: 30px 0;
}
/*---------*/

/*OrderSummary*/
.orderSummary .ProSelectBox {
    width: 92%;
    float: unset;
    margin: 0 auto;
}

.L_title {
    font-size: 28px;
    color: #707070;
    text-align: center;
    margin: 50px 0;
}

.ProSelectBox .L_title {
    font-weight: bold;
}

.proList .partTitle {
    background-color: #0D9775;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 12px 25px;
    display: inline-block;
    margin: 15px;
}

.orderSummary .autoPlanSumBox {
    margin-bottom: 100px;
}

.orderSummary .StampCategory {
    padding: 0 0 20px;
}

.orderSummary .StampCategory .catTitle {
    color: #707070;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}
.orderSummary .StampCategory p { 
    line-height:40px;
	color:#707070;
	font-size:16px;
	}
.catList .partTitle {
    background-color: #C3A5FC;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}

.orderSummary .ProSelectBox .shoppingBox .totalPrice {
    width: 420px;
    float: right;
}

.AccountNum {
    font-size: 15px;
}

.ProSelectBox .shoppingBox .orderInfo {
    margin-bottom: 45px;
}

.ProSelectBox .shoppingBox .orderInfo div {
    text-align: right;
    padding: 6px 0;
}

.ProSelectBox .shoppingBox .orderInfo div p {
    display: inline-block;
    font-size: 16px;
}

.ProSelectBox .shoppingBox .orderInfo div p:first-child {
    color: #522D7E;
}

.ProSelectBox .shoppingBox .orderInfo div p:last-child {
    color: #0D9775;
    width: 135px;
}

.ProSelectBox .shoppingBox .orderInfo div p.totalPrice {
    color: #707070;
    margin: 0;
}

.ProSelectBox .shoppingBox .btnList {
    text-align: right;
}


.ProSelectBox .shoppingBox .btnList a {
    display: inline-block;
}

.ProSelectBox .shoppingBox .btnList a.submitBtn {
    margin-left: 20px;
}

.pointBox {
    font-size: 0;
    margin-bottom: 20px;
    text-align: right;
}

.pointBox label {
    display: inline-block;
    color: #707070;
    height: 40px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    line-height: 40px;
    background-color: #E8E8E8;
    box-sizing: border-box;
    vertical-align: top;
}

.pointBox input {
    width: 120px;
    height: 40px;
    border: none;
    background-color: #CCCCCC;
    font-size: 16px;
    color: #707070;
    line-height: 40px;
    text-align: right;
    padding: 0 15px;
    outline: none;
    box-sizing: border-box;
}

.pointBox .points {
    min-width: 120px;
    height: 40px;
    border: none;
    background-color: #CCCCCC;
    font-size: 16px;
    color: #707070;
    line-height: 40px;
    text-align: right;
    padding: 0 15px;
    outline: none;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.pointBox a {
    display: inline-block !important;
    margin-left: 15px;
}

.proList table td:last-child {
    position: relative;
}

.proList table td:last-child strong {
    position: absolute;
    top: 5px;
    right: 12px;
    font-size: 15px;
    color: #707070;
    font-weight: normal;
    cursor: pointer;
}

.orderSumWindow {
    width: 1150px;
    min-height: 500px;
    max-height: 100%;
    overflow-y: auto;
    /*border: 1px solid #707070;*/
    background-color: #fff;
    padding-top: 45px;
    box-sizing: border-box;
    position: relative;
    box-shadow: #cccccc 0px 0px 10px 0px;
}

/*.orderSumWindow .exitWindow {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    cursor: pointer;
}*/

.orderSumWindow .WinTop {
    padding: 0 60px 35px;
    border-bottom: 1px solid #BFBFBF;
}

.orderSumWindow .WinTop p {
    display: inline-block;
    font-size: 16px;
}

.orderSumWindow .WinTop .validPoints {
    margin-bottom: 10px;
}

.orderSumWindow .WinTop .validPoints p:first-child {
    color: #522D7E;
    margin-right: 30px;
}

.orderSumWindow .WinTop .validPoints p:last-child {
    color: #0D9775;
}

.orderSumWindow .WinTop .expire p {
    color: #707070;
}

.orderSumWindow .WinTop .expire p:last-child {
    margin-left: 15px;
}

.orderSumWindow .WinCenter {
    padding: 30px 60px;
}

.orderSumWindow .WinCenter .plsChoose {
    color: #707070;
    font-size: 16px;
    margin-bottom: 20px;
}

.inReturnList li {
    margin-bottom: 50px;
}

.inReturnList li .title {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    margin-bottom: 40px;
}

.inReturnList li .title strong {
    min-width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #FF9966;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 0 8px;
    box-sizing: border-box;
}

.inReturnList li .title p {
    margin-left: 20px;
    line-height: 30px;
    width: 100%;
    font-size: 16px;
    color: #FF9966;
    border-bottom: 2px solid #FF9966;
}

.inReturnList li .giftBox {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    margin-bottom: 50px;
}

.inReturnList li .giftBox .imgBox {
    width: 30%;
    margin-right: 5%;
    float: left;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: flex-start;
}

.inReturnList li .giftBox .imgBox img {
    max-width: 303px;
    max-height: 200px;
}

.inReturnList li .giftBox .giftInfo {
    width: 65%;
    float: right;
}

.inReturnList li .giftBox p {
    color: #707070;
    font-size: 16px;
}

.inReturnList li .giftBox .giftName {
    margin-bottom: 12px;
}

.inReturnList li .giftBox .giftInfo .needPoint {
    color: #ED0D1A;
    font-size: 26px;
    font-weight: bolder;
}

.inReturnList li .giftBox .giftInfo > div > p:first-child {
    color: #522D7E;
    margin-right: 20px;
}

.inReturnList li .giftBox .giftInfo > div {
    padding: 10px 0;
}

.inReturnList li .giftBox .giftInfo > div > p {
    display: inline-block;
}

.inReturnList li .giftBox .giftInfo .s-common-sum {
    display: inline-block;
}


.orderSumWindow .WinBottom {
    padding: 20px 60px 100px;
}

.orderSumWindow .WinBottom a.sureBtn{
    padding: 10px 45px;
    font-size: 16px;
    float: right;
}

.giftsList .partTitle {
    background-color: #FF9966;
}

.rewardList .partTitle {
    background-color: #CC66CC;
}

.rewardList table tr:nth-child(odd) {
    background-color: unset;
}

.rewardList table td {
    padding: 10px 5px;
}

.rewardList table tr td:first-child {
    padding: 10px 15px;
}

.rewardList table tr td:first-child strong {
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    background-color: #cc66cc;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.AutoRemarks {
    font-size: 15px;
    color: #707070;
    margin-bottom: 60px;
}
/*-----------*/

/*MemberRegister*/
.MemberRegister .regContent {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 60px;
}

/*进度条*/
.progressBar {
    width: 92%;
    margin: 0 auto;
    padding: 20px 0;
}

.progressBar ul {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
}

.progressBar ul li {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items: flex-end;
    width: 120px;
}

.progressBar ul li p {
    width: 100%;
    padding: 7px 5px;
    text-align: center;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    box-sizing: border-box;
}

.progressBar ul li.active p {
    background-color: #0D9775;
    color: #fff;
    position: relative;
}

.progressBar ul li.active p::after {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    top: 100%;
    width: 0;
    height: 0;
    border-top: 8px solid #0D9775;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.progressBar .bar {
    height: 10px;
    width: calc(100% - 110px);
    margin: 0 auto;
    background-color: rgba(13, 151, 117, 0.16);
    margin-top: 20px;
    border-radius: 20px;
}

.progressBar .bar span {
    display: block;
    height: 100%;
    background-color: #0d9775;
    border-radius: 20px;
    width: 2%;
    /*position: relative;*/
    transition: width 0.5s;
}

/*手机版当前步骤圆点css*/
/*.progressBar .bar span::after {
    content: "";
    position: absolute;
    right: -10px;
    top: -50%;
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 50%;
}*/

.MemberRegister p.errorTip {
    color: #ff0000;
    margin-left: 0;
    font-size: 14px;
    width: auto !important;
    margin: 0;
}

/*step1*/
/*会员申请信息填写表格*/
.MemberRegister .infoForm {
    margin-top: 50px;
}

.MemberRegister .form_title {
    font-size: 16px;
    color: #707070;
    padding: 8px 0;
    border-bottom: 1px solid #707070;
    margin-bottom: 20px;
}

.MemberRegister .editAddress {
    padding-bottom: 40px;
}

.MemberRegister .editAddress .addrInfo {
    padding: 20px 30px 30px;
}

.MemberRegister .editAddress .addrInfo p {
    padding-bottom: 5px;
}

.MemberRegister .editAddress .editBtn, .MemberRegister .newAddr_o .editBtn {
    padding: 10px 20px;
    font-size: 16px;
    float: right;
}

.MemberRegister .addrForm .editBtn {
    padding: 10px 20px;
    font-size: 16px;
    float: right;
    margin-top: 30px;
}

.MemberRegister .addrForm {
    margin: 50px 0;
}

.MemberRegister .form_group {
    padding: 10px 0;
}

.infoForm .form_one {
    margin-bottom: 50px;
}

.infoForm p, .infoForm label {
    font-size: 16px;
    color: #707070;
}

.infoForm p.group_label {
    padding: 8px 0;
}

.infoForm input {
    font-size: 14px;
    color: #707070;
    padding: 10px 12px;
    margin: 8px 0;
    outline: none;
    box-sizing: border-box;
}

.infoForm select {
    padding: 8px 12px;
    font-size: 15px;
    color: #707070;
    outline: none;
}

.infoForm .upDown input {
    width: 100%;
}

.infoForm .upDown select {
    width: 100%;
}

.infoForm .checkboxUpDown label {
    display: block;
    width: 100%;
    padding: 8px 0;
}

.infoForm .form_group input[type="radio"] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

.infoForm .radio_group label {
    margin-right: 50px;
}

.infoForm .radio_group label:last-child {
    margin-right: 0;
}

.infoForm .form_group input[type="checkbox"] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.infoForm .checkbox_group .form_group {
    padding: 0 0 10px;
}

.infoForm .checkbox_group label {
    margin-right: 50px;
}

.infoForm .checkbox_group label:last-child {
    margin-right: 0;
}

.infoForm .birthDate, .infoForm .birthDate .formItem {
    font-size: 0;
}

.infoForm .birthDate p {
    display: inline-block;
    width: 10%;
    text-align: center;
}

.infoForm .birthDate p.group_label {
    display: block;
    margin: 0;
    width: 100%;
    text-align: left;
}

.infoForm .birthDate input {
    width: 40%;
}

.infoForm .birthDate select {
    width: 40%;
    margin: 8px 0;
}

.infoForm .form_tips {
    margin: 8px 0;
}

.infoForm .form_tips p {
    font-size: 14px;
    padding: 5px 0;
}

.infoForm .newAddress {
    text-align: center;
    padding: 20px 0 40px;
}

.infoForm .newAddrBtn {
    display: inline-block;
    padding: 10px 20px;
    min-width: 180px;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
}

.infoForm .About {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.infoForm .About .group_label {
    width: 130px;
    margin-right: 20px;
    padding: 0;
}

.infoForm .About input {
    width: calc(100% - 150px);
    margin: 0;
}

.infoForm .AboutItem p.errorTip {
    margin-left: 150px;
}

.infoForm .About select {
    width: calc(100% - 150px);
}

.infoForm .About .formItem {
    width: calc(100% - 150px);
}

.infoForm .About .formItem input, .infoForm .About .formItem select {
    width: 100%;
}

.MemberRegister .preStep, .MemberRegister .nextStep {
    font-size: 16px;
    padding: 12px 40px;
    float: right;
    font-weight: bold;
}

.MemberRegister .preLeft {
    margin-left: 30px;
}

.MemberRegister .goShopCart {
    margin-top: 30px;
}

.memRegWindow {
    width: 1100px;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    padding: 60px 0;
    box-sizing: border-box;
    position: relative;
    box-shadow: #cccccc 0px 0px 10px 0px
}

.memRegWindow .newAddrWin {
    padding: 0 60px;
}

.memRegWindow .newAddrWin .title {
    font-size: 16px;
    color: #707070;
    margin-bottom: 20px;
}

.memRegWindow .newAddrWin .addrArea {
    height: 300px;
    border: 1px solid #707070;
    width: 96%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: center;
    align-items: center;
}

.memRegWindow .newAddrWin .addrArea a {
    padding: 10px 15px;
    display: inline-block;
    font-size: 16px;
    min-width: 200px;
    text-align: center;
    margin-right: 15%;
    box-sizing: border-box;
}

.memRegWindow .newAddrWin .addrArea a:last-child {
    margin-right: 0;
}

.memRegWindow .searchAddrWin {
    /*min-width: 700px;*/
    padding: 30px 60px 0;
}

.memRegWindow .searchAddrWin .title {
    font-size: 16px;
    color: #707070;
    padding: 8px 0;
    border-bottom: 1px solid #707070;
    margin-bottom: 20px;
}

.memRegWindow .searchAddrWin .selectBox {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.memRegWindow .searchAddrWin .selectArea p {
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin-right: 15px;
    width: 50px;
}

.memRegWindow .searchAddrWin .selectArea .select_group {
    max-width: 45%;
    font-size: 0;
}

.memRegWindow .searchAddrWin .selectArea .select_group select {
    width: calc(100% - 65px);
}

.memRegWindow .searchAddrWin select {
    padding: 8px 12px;
    font-size: 15px;
    color: #707070;
    outline: none;
}

.memRegWindow .searchAddrWin select[disabled] {
    opacity: 0.5;
}

.memRegWindow .searchAddrWin .selectArea {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-around;
    padding: 20px 0 60px;
}

.memRegWindow .searchAddrWin .searchBtn {
    padding: 8px 40px;
    font-size: 16px;
    float: right;
    display: inline-block;
}

.selectForm {
    border: 1px solid #707070;
    padding: 40px 8%;
}

.selectForm p {
    width: 80px;
    font-size: 16px;
    color: #707070;
    display: inline-block;
    margin-right: 15px;
}

.selectForm .select_group {
    font-size: 0;
    margin-bottom: 40px;
}

.selectForm .select_group.highlight p {
    color: red;
}

.selectForm .select_group.highlight select {
    border: 2px solid red;
}

.selectForm select {
    width: calc(100% - 95px);
}

.selectForm .row {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
}

.memRegWindow .searchAddrWin .selectForm .street .select_group:first-child {
    width: 65%;
}

.memRegWindow .searchAddrWin .selectForm .street .select_group:first-child select {
    width: calc(100% - 130px);
}

.memRegWindow .searchAddrWin .selectForm .street .select_group:last-child {
    width: 35%;
}

.selectForm .upDownSelect p {
    display: block;
    margin: 0 0 10px;
}

.memRegWindow .searchAddrWin .selectForm .floor .select_group {
    width: 50%;
}

.memRegWindow .searchAddrWin .selectForm .formBottom {
    padding: 40px 0 10px;
}

.memRegWindow .searchAddrWin .selectForm .formBottom a {
    margin-left: 30px;
}

.memRegWindow .searchAddrWin .bottomTips {
    font-size: 15px;
    color: #707070;
    padding: 40px 0;
}

.memRegWindow .searchAddrWin .bottomTips a {
    font-size: 15px;
    color: #951F1F;
}

.memRegWindow .addrInfoWin {
    padding: 30px 60px;
}

.memRegWindow .addrInfoWin .title{
    font-size: 16px;
    color: #707070;
    padding: 8px 0;
    margin-bottom: 20px;
}

.memRegWindow .addrInfoWin .addrInfoBox {
    border: 1px solid #707070;
    padding: 10%;
    background-color: #F7F7F7;
}

/*.memRegWindow .addrInfoWin .addrInfoBox p {
    font-size: 16px;
    color: #707070;
    margin-bottom: 8px;
}*/

.memRegWindow .addrInfoWin .addrInfoBox input {
    outline: none;
    font-size: 16px;
    color: #707070;
    margin: 4px 0;
    padding: 5px;
    width: 50%;
    box-sizing: border-box;
}

.memRegWindow .addrInfoWin .addrInfoBox input:disabled {
    border: 0;
    background-color: transparent;
    margin: 0;
}

.memRegWindow .addrInfoWin .InfoBottom {
    margin-top: 50px;
}

.memRegWindow .addrInfoWin .InfoBottom a {
    padding: 8px 40px;
    font-size: 16px;
    float: right;
    display: inline-block;
    margin-left: 30px;
}

/*step1 over*/

/*step2*/
.MemberRegister .step2 .infoForm .form_tips {
    margin: 8px 0 15px;
}
/*step2 over*/

/*step3*/
.step3 .infoForm .checkbox_group .form_group .group_label, .infoForm .checkbox_group label {
    font-size: 14px;
}

.step3 .infoForm .checkbox_group {
    margin-top: 30px;
}

.step3 .infoForm .checkbox_group > .group_label:first-child {
    display: inline-block;
}

.step3 .blockTip {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.step3 .blockTip strong {
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    line-height: 22px;
    background-color: #707070;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.step3 .blockTip .tipBox {
    width: 400px;
    border: 2px solid #707070;
    padding: 40px 20px;
    position: absolute;
    border-radius: 10px;
    left: 120%;
    top: 50%;
}

.step3 .blockTip .tipBox p {
    font-weight: bold;
}

.step3 .blockTip .exitTip {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 12px;
    cursor: pointer;
}
/*step3 over*/

/*step4*/
.step4 .fillForm {
    padding: 6%;
    box-shadow: #cccccc 0px 0px 10px 0px;
    margin: 30px 0;
}

.step4 .infoForm .getAddrSelect .About .group_label {
    width: 150px;
}

.step4 .infoForm .About select {
    width: 300px;
}

.step4 .stepped {
    padding: 50px 0 0;
}

.step4 .checkBottom {
    padding: 30px 0;
}

.step4 .infoForm .form_tips p {
    padding: 0;
}

.step4 .fillForm .selectAddr {
    text-align: center;
    padding: 50px 0;
}

.step4 .fillForm .selectAddr a {
    padding: 10px 15px;
    display: inline-block;
    min-width: 200px;
    text-align: center;
    margin: 0 8%;
    box-sizing: border-box;
    font-size: 16px;
}

.step4 .checkboxBottom {
    padding: 50px 0;
} 

.step4 .checkboxBottom .form_group:first-child {
    margin-bottom: 20px;
}

.step4 .fillForm .editAddress .addrInfo {
    padding: 20px 0 30px;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
}

.step4 .fillForm .newAddr_o {
    padding: 50px 0;
}

.step4 .fillForm .registeredSer {
    padding: 10px 0 40px;
}

.editAddress .label {
    margin-right: 30px;
}

.memRegWindow .deliveryArrWin {
    padding: 20px 60px 50px;
}

.memRegWindow .deliveryArrWin .title {
    font-size: 16px;
    color: #707070;
    padding: 8px 0;
    margin-bottom: 20px;
}

.addrSelectBox {
    border: 1px solid #707070;
}

.addrSelectBox .addrSelectTitle {
    padding: 30px 50px 15px;
    font-size: 18px;
    color: #707070;
}

.addrSelectBox li {
    background-color: #F7F7F7;
    border-top: 1px solid #707070;
    padding: 40px 0;
    position: relative;
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
}

.addrSelectBox li strong {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    background-color: #522D7E;
    color: #fff;
    top: 0;
    left: 0;
}

.addrSelectBox li .InfoBox {
    padding-left: 70px;
    width: 75%;
}

.addrSelectBox li .InfoBox p {
    font-size: 16px;
    color: #707070;
    padding-bottom: 10px;
}

.addrSelectBox li .InfoBox .addrInfo {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
}

.addrSelectBox li .InfoBox .addrInfo .label {
    margin-right: 20px;
}

.addrSelectBox li .InfoBox .addrInfo p {
    padding: 0;
}

.addrSelectBox li .selectBtn {
    width: 25%;
    /*background: url(/Images/select-icon_230718.png) no-repeat center center;*/
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
}

.addrSelectBox li .selectIcon p {
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    color: #522D7E;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.addrSelectBox li .selectIcon:hover p {
    opacity: 1;
}

.addrSelectBox .bottomBlock {
    height: 80px;
    background-color: #0D9775;
}

.step4 .noOpen {
    padding-bottom: 30px;
}

.step4 .noOpen .title {
    padding: 40px 0;
} 

.step4 .noOpen .radio_group:first-of-type {
    margin-bottom: 10px;
}

.step4 .noOpen .postSelect select {
    margin-left: 40px;
}

.step4 .personInfo {
    font-size: 16px;
    color: #707070;
    text-decoration: underline;
}

.personalWin {
    padding: 20px 60px;
}
/*step4 over*/

/*step5*/
.payForm {
    padding: 50px 20px;
}

.payForm .form_one {
    padding: 25px 50px;
    margin-bottom: 0;
}

.payForm .form_one:first-child {
    border-bottom: 1px solid #BFBFBF;
}

.payForm .form_one .orderInfo .title {
    margin-bottom: 10px;
}

.payForm .form_one .orderInfo .info_one {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
    padding: 5px 0;
}

.payForm .form_one .fillBankInfo {
    margin-left: 35px;
}

.payForm .form_one .fillBankInfo .form_tips {
    margin: 0;
}

.payForm .form_one .fillBankInfo .About .group_label {
    width: 100px;
}

.payForm .form_one .fillBankInfo .effeDate .group_label {
    display: inline-block;
    margin-right: 20px;
}

.payForm .form_one .fillBankInfo .effeDate input {
    width: 100px;
    text-align: center;
}

.payForm .form_one .fillBankInfo p.errorTip {
    margin-left: 120px;
}

.payForm .form_one .fillBankInfo .effeDate p.errorTip {
    margin-left: 156px;
}
/*step5 over*/

/*确认弹窗*/
.confirmWin .message {
    min-height: 200px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content:  center;
    align-items:  center;
}

.confirmWin .message p {
    font-size: 22px;
}

.confirmWin .btn {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-evenly;
    margin-top: 50px;
}

.confirmWin .btn a {
    padding: 10px 50px;
    background-color: #0d9775;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
/*--------*/

/*Stamp Order shopCart*/
.cart-window-content table .StampOrder td {
    padding: 25px 10px;
}

.cart-window-content table .StampOrder td:nth-of-type(2) {
    text-align: center;
}

.StampOrder .favorite-one-messge .product-title {
    margin-top: 35px;
}

.StampOrder .merchant-one-calc .Qty {
    margin-top: 42px;
    font-size: 14px;
}

.StampOrder .editStampOrder {
    width: 10%;
    float: left;
    margin-top: 30px;
}

.StampOrder .editStampOrder a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.checkStampOrder .favorite-one-messge {
    width: 54%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.checkStampOrder .merchant-one-calc .common-num .num-content {
    border: 0;
}

.checkStampOrder .new-num {
    background: unset;
}

.checkStampOrder .split-handle-price {
    margin-top: 0;
}

/*OrderConfirm*/
.orderMessage {
    padding: 50px;
    box-shadow: #a5a5a5 0px 0px 10px 0px;
    text-align: center;
    margin: 150px 0 200px;
}

.orderMessage img {
    margin-bottom: 20px;
}

.orderMessage p {
    font-size: 20px;
}
/*------------*/

/*ProgramAgreement*/
.programmeIntro {
    margin: 50px 0;
    padding: 40px 30px;
    border: 1px solid #707070;
}

.ProgramAgreement .btn {
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: bold;
    float: right;
    margin-left: 20px;
}

.programmeIntro td.h1 {
    font-weight: bold;
    font-size: 18px;
    color: #000080;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.programmeIntro td.content, .programmeIntro td.footer {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.programmeIntro td.contentheader, .programmeIntro td.formheader, .programmeIntro td.gridheader, .programmeIntro td.msgheader, .programmeIntro td.stampcontentheader {
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.programmeIntro a:link, .programmeIntro a:visited, .programmeIntro a:active {
    color: #0033ff;
    text-decoration: underline;
    font-size: 100%;
}

.programmeIntro a:hover {
    color: #000000;
}

/*MemberRegister linkup*/
.personalData {
    padding-top: 5px;
}

.personalData > div {
    margin: 10px 0;
}

.personalData > div > p {
    display: inline-block;
}

.personalData > div > p:first-child {
    margin-right: 30px;
}

.MemberRegister .linkupEditAddr .addrInfo {
    padding: 20px 0 30px;
}

.MemberRegister .linkupEditAddr .addrInfo > p {
    display: inline-block;
}

.MemberRegister .linkupEditAddr .addrInfo > p:first-child {
    margin-right: 20px;
}

.MemberRegister .linkupEditAddr .editBtn {
    float: none;
    width: 200px;
    display: block;
    text-align: center;
    margin: 20px auto;
}

.MemberRegister .linkupEditAddr .tips {
    text-align: center;
    padding: 15px 0 20px;
}

.MemberRegister .saveBtn {
    width: 200px;
    display: block;
    text-align: center;
    margin: 0 auto 60px;
    padding: 10px 20px;
    font-size: 16px;
}

/*OrderedQtyWindow*/
.OrderedQtyWin {
    width: 600px;
    padding: 40px;
    min-height: 100px;
    max-height: 100%;
    overflow-y: auto;
    border: 1px solid #707070;
    background-color: #fff;
    box-sizing: border-box;
}

.OrderedQtyWin .item {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.OrderedQtyWin .item p {
    font-size: 16px;
    font-weight: bold;
}

.OrderedQtyWin a {
    padding: 8px 30px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 35px;
    display: inline-block;
}

.AColMethod {
    display: flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
}

.AColMethod label {
    flex-shrink: 0;
    padding-top: 8px;
}

/*orderingDetail 戶口資料重构样式*/
.Account-box .editData .member-information-content input {
     border: 1px solid #ccc !important;; 
     /*margin-bottom: 10px; */
     padding: 8px 12px !important;;
}

.Account-box .member-information-content .AddrInfo {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    /* justify-content: center; */
    /*align-items: center;*/
}
.Account-box .member-information-content .AddrInfo label {
    padding-top: 8px;
    flex-shrink: 0;
}

.Account-box .member-information-content .AddrInfo input {
    width: 100% !important;
}

.Account-box .editData .member-information-content .AddrInfo input {
    margin-bottom: 10px;
}

.Account-box .editData .member-information-content .AddrInfo .disabledAddr input {
    border: 0 !important;
    padding: 8px 0 !important;
    margin-bottom: 0 !important;
}

.Account-box .member-information-content .ShipAddr p {
    display: block !important;
    font-size: 14px;
    color: #707070;
    padding: 8px 0;
}

.orderingDetail .Account-box .member-information-content .changeAddrBtn {
    float: right;
    padding: 10px 35px;
    margin: 10px 0 25px;
    margin-right: 10px;
}

.Account-box .member-information-content .OContactAddr {
    flex-direction: column;
}

.Account-box .member-information-content .OContactAddr .addclass {
    margin-top: 20px;
    margin-left: 50px;
}

.Account-box .member-information-content .OContactAddr .group {
    margin-bottom: 10px;
}

.Account-box .member-information-content .OContactAddr .group p {
    width: 130px;
    margin-right: 20px;
    padding: 0;
    display: inline-block;
}

.Account-box .member-information-content .OContactAddr .group p.errorTip {
    width: auto;
}

.Account-box .member-information-content .OContactAddr .group input {
    width: calc(100% - 160px) !important;
    margin-bottom: 0 !important;
}

.Account-box .member-information-content .OContactAddr .group select {
    width: calc(100% - 160px) !important;
    margin-bottom: 0 !important;
    font-size: 14px;
    color: #707070;
    outline: none;
    padding: 8px 12px;
}

.orderingDetail .Account-box .member-information-content .member_Editor label, .orderingDetail .Account-box .member-information-content .member_Editor p {
    vertical-align: unset;
}

.orderingDetail .Account-box .member-information-content .member_Editor span {
    width: 100% !important;
    display: block;
    padding: 5px 0;
}

/*orderingDetail 表单*/
.orderingDetail .step3 .form_group.upDown p.errorTip {
    font-size: 12px;
    color: #ff0000;
    margin: 0;
}

.orderingDetail .step3 p.errorTip {
    font-size: 12px;
    color: #ff0000;
}

.orderingDetail .requiredPay {
    color: red;
    font-size: 14px;
    margin-bottom: 20px;
}


/*sos地址搜索工具楼层、单位信息输入框*/
.selectForm .FreeTextInput {
    margin-top: 10px;
}

.selectForm .FreeTextInput select {
    width: 50%;
    vertical-align: middle;
}

.selectForm .FreeTextInput input {
    padding: 8px;
    font-size: 15px;
    color: #707070;
    outline: none;
    box-sizing: border-box;
    width: 30%;
    vertical-align: middle;
}

.autoPlanProSelect .ProSelectBox .proList .noMapProTitle {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.orderingDetail #CommInfoForm p.errorTip {
    margin-left: 200px;
}

.upgradeText {
    color: red;
    font-weight: bold;
    font-size: 22px;
    margin: 20px 0;
    display: block;
    padding-left: 15px;
}

.upgradeText a {
    color: red;
    font-size: 22px;
    text-decoration: underline;
}

.ViewStampOrder {
    text-align: center;
    padding: 15px 0;
}

.ViewStampOrder a {
    font-size: 30px;
    color: red;
    text-decoration: underline;
}

.LinkPopupLarge {
    text-align: left;
}

.LinkPopupLarge .Title {
    font-size: 30px;
    color: #522D7E;
}

/*--------*/

.MPGS {
    font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif";
}


/* buydong shopping -------- edit by vicky */
/*shop cart*/
.dong-page-title {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    background-color: #6ba487;
    padding: 16px 15px;
    border-radius: 10px;
    margin-bottom: 17px;
}

.shop-cart .favorite-box-content {
    border: 2px solid #6ba487;
    transition: all 0.5s;
    margin-bottom: 40px;
    border-radius: 10px;
    margin-top: 0;
}

.shoppingcart-one {
    padding: 10px;
}

.shoppingcart-one .hr {
    height: 6px;
    background-color: #6ba487;
    border-radius: 10px;
}

.shoppingcart-one-title .order-merchant {
    width: 46%;
    font-size: 26px;
    color: #6ba487;
    float: left;
    text-align: left;
    padding-right: 10px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.shoppingcart-one-title .order-quantity {
    width: 13%;
    text-align: center;
    font-size: 26px;
    color: #6ba487;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.shoppingcart-one-title .order-price {
    width: 20%;
    text-align: center;
    font-size: 26px;
    color: #6ba487;
    padding: 0 10px;
    box-sizing: border-box;
}

.shoppingcart-one .order-one-title {
    padding: 10px 0;
}

.shoppingcart-one .favorite-one {
    padding: 15px 0;
}

.shoppingcart-one .favorite-one .product-img {
    width: 160px;
    height: 160px;
    box-sizing: border-box;
}

.shoppingcart-one .favorite-one-messge .product-title {
    color: #6ba487;
    font-size: 20px;
}

.shoppingcart-one .nature p {
    font-size: 18px;
    color: #808080;
}

.merchant-one-calc .common-num {
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #000;
    border-radius: 5px;
}

.shoppingcart-one .common-num input {
    float: left;
    padding: 0;
    width: 40px;
    height: 32px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    border: 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.merchant-total-price p {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #6ba487;
    line-height: 20px;
}

.cart-delete {
    display: inline-block;
    width: 20px;
    height: 30px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: url(/Images/delete-icon-hover.png) no-repeat;
    cursor: pointer;
    background-size: contain;
}

.favorite-one .product-img img{
    max-width: 100%;
    max-height: 100%;
}

.shoppingcart-one .favorite-one .favorite-one-messge {
    width: 31%;
    padding-top: 0;
}

.shoppingcart-one .merchant-one-calc {
    width: 12.2%;
    margin: 0 0%;
    float: left;
    text-align: center;
}

.shoppingcart-one .merchant-one-calc .common-num {
    display: inline-block;
    margin-top: 35px;
    border: 1px solid #000;
    border-radius: 5px;
}

.shoppingcart-one .merchant-total-price {
    float: left;
    width: 180px;
    margin: 40px 2.5% 0 5%;
}

.shoppingcart-one .merchant-del-box {
    float: left;
    margin-top: 38px;
}

.dong-btn {
    min-width: 116px;
    font-size: 28.5px;
    color: #fff;
    padding: 16px 15px;
    background-color: #6ba487;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
}

.shoppingcart-handle .dong-btn {
    margin: 0 12px;
}

.shoppingcart-handle .dong-btn:first-child {
    margin-left: 0;
}

.shoppingcart-handle .dong-btn:last-child {
    margin-right: 0;
}

/*checkout*/
.checkout .shoppingcart-one .merchant-total-price {
    margin: 40px 2.5% 0 4%;
}

.checkout .favorite-box-content {
    border-radius: 10px;
    background-color: #fafafa;
    /* padding: 1rem; */
    border: 1px solid #ebebeb;
}
.checkout .dong-page-title {
        color: #333333;
        background-color: rgba(0,0,0,0);
        margin-bottom: 0px;
}
.pay-method-box-top{
    text-align: left;
}

.dong-order-one .merchant-one {
    border-bottom: 0;
}

.pay-method-box-top .address-top-btn{
    border-bottom:0;
    background-color: #fff;
    margin: 10px 0;
}

.pay-method-box-top .address-top-btn a{
    width: 100%;
    color: #6ba487;
    text-align: center;
    font-size: 22px;
    border: 1px solid #6ba487;
    /*background: #00816c;*/
    border-radius: 5px;
    padding: 15px 15px;
    box-sizing: border-box;
   /* -moz-box-shadow: 0 -13px 0px -8px #006655 inset;
    -webkit-box-shadow: 0 -13px 0px -8px #006655 inset;
    box-shadow: 0 -13px 0px -8px #006655 inset;*/
    transition: all 0.3s;
    outline: none;
    position: relative;
    background: url(/Images/select-down-arrow.png) 98% 25px no-repeat;
}
.pay-method-box-top .address-top-btn a:hover {
    /* background:#00816c;*/
     -moz-box-shadow: 0 -13px 0px -8px #6ba487 inset;
    -webkit-box-shadow: 0 -13px 0px -8px #6ba487 inset;
    box-shadow: 0 -13px 0px -8px #6ba487 inset;
    top: 1px;
    color: #fff;
    background: url(/Images/select-down-arrow-white.png) 98% 25px no-repeat #00816c;
}
.split-handle-price .lr {
    width: 80%;
    float: right;
}

.split-handle-price p {
    margin-bottom: 8px;
    text-align: right;
}

.split-handle-price p span {
    display: inline-block;
    font-size: 22px;
    color: #333333;
    line-height: 40px;
    text-align: right;
    width: 36%;
    vertical-align: top;
}
.split-handle-price p span:nth-child(2) {
    color: #333333;
    margin-left: 3%;
}
.promotion_code{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance:none;
    border: 1px solid #6ba487;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 5px;
    width: 130px;
    box-sizing: border-box;
    vertical-align: top;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: -10px;
}

.promotion-code-btn{
    background-color: #6ba487;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    font-size: 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.select-coupon-btn{
    display: inline-block;
    width: 150px;
    background-color: #6ba487;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 20px;
}

.dong-order-one .bottom-hr {
    width: 100%;
    height: 3px;
    background-color: #6ba487;
     margin: 0 auto;
    margin: 25px 0;
    border-radius: 3px;
}

/*.dong-order-one:last-child .bottom-hr {
    height: 0;
}*/

.delivery-address{
    margin-top: 10px;
    border: 2px solid #6ba487;
    border-radius: 10px;
    padding: 10px;
}

.select-delivery-address .common-title .add-new-address-btn{
    float: right;
    background-color: #6ba487;
    color: #fff;
    text-indent: 0;
    padding: 10px 20px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 10px;
    font-size: 25px;
}

.new-address-content .login-register-content .form-group label{
    width:30%;
    text-align:left;
    margin-left:5%;
    font-size: 22px;
    color: #6ba487;
    height: auto;
    line-height: unset;
}

.new-address-content .login-register-content .form-group .input-text{
    width: 60%;
    box-sizing: border-box;
    color: #333;
    border: 1px solid #6ba487;
    border-radius: 8px;
    height: 40px;
    line-height: unset;
    padding: 0 15px;
    font-size: 18px;
}

.new-address-content .select-box{
    width:60%;
}

.new-address-content .normal-select select{
    width: 100%;
    color: #333;
    box-sizing: border-box;
    padding-left: 15px;
    border: 1px solid #6ba487;
    border-radius: 8px;
}

.new-address-content .register-content{
    padding-top:20px;
}

.dong-btn-box .btn {
    padding: 0 8px !important;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.dong-btn-box .btn:nth-child(odd) {
    background-color: #fff !important;
    color: #6ba487;
    border: 2px solid #6ba487;
    box-sizing: border-box;
    border-radius: 8px;
}

.dong-btn-box .btn:nth-child(even) {
    background-color: #6ba487 !important;
    color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
}

.select-delivery-one {
    box-sizing: border-box;
    padding-top: 20px;
    border-top: 3px solid #6ba487;
    position:relative;
}

.select-delivery-one .left-part p span {
    display: inline-block;
    font-size: 22px;
    color: #6ba487;
}

.new-address-content .login-register-content .form-group p.errorTip{
    margin-left:38%;
    width: auto;
    font-size: 15px;
}

.select-delivery-one .left-part p span:nth-of-type(1) {
    width: 32%;
    margin-right: 2%;
    text-align: left;
}

.select-delivery-one .left-part p span:nth-of-type(2) {
    color: #666;
    width: 55%;
}

.select-delivery-btn > a {
    background-size: 35px;
}

.select-delivery-btn .selected-icon{
    background: url(/Images/select-icon-hover.png) no-repeat center 0;
}
.select-delivery-btn .edit-icon{
    background:url('/Images/edit-icon-hover.png') no-repeat center 0;
}
.select-delivery-btn .delete-icon{
    background: url(/Images/delete-icon-hover.png) no-repeat center 0;
    background-size: 30px !important;
}
.select-delivery-btn a:hover p{
color:#6ba487
}

.select-delivery-btn a p{
    font-size:14px;
    color: #666666;
    margin-top: 5px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}

.select-mothod {
    float: none;
    padding: 25px 0;
    background-color: #6ba487;
    box-sizing: border-box;
    padding-left: 5%;
    display:none;
}

.select-mothod .detail-select-title {
    float: left;
    line-height: 38px;
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
}

.delivery-sure-btn{
    float: right;
    padding: 0 60px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    background-color: #53906b;
    margin-right: 10px;
    border-radius: 3px;
}

.split-handle-box .split-content.msg {
    background-color: #fff;
    border: 1px solid #6ba487;
    width: 100%;
    border-radius: 10px;
}


.msg .split-handle-left p span {
    font-size: 22px;
}

.msg .split-handle-left p span:first-child {
    width: 210px;
    text-align: right;
    color: #999999;
    margin-left: 30px;
}

.split-price-right p {
    margin-bottom: 15px;
    text-align: right;
}

.split-price-right p span {
    display: inline-block;
    font-size: 18px;
    color: #6ba487;
    line-height: 40px;
    width: 42%;
    vertical-align: top;
    margin-left: 3%;
}

.split-price-right p span:first-child {
    width: 50%;
    text-align: right;
    color: #6ba487;
    margin-left: 0px;
    font-size: 25px;
}

.split-price-right .g {
    color: #6ba487;
    font-size:25px;
}

.split-price-left {
    width: 30%;
    float: left;
    margin-left:2.5%;
}

.split-price-right {
    width: 65%;
    float: right;
    margin-right: 2.5%;
}

.dong-pc-btn {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    background-color: #6ba487;
    padding: 16px 15px;
    border-radius: 10px;
}

.checkout-btn {
    margin: 50px 2.5% 50px 0;
}

.checkout-btn .dong-pc-btn {
    margin-left: 10px;
}

.checkout-btn .dong-pc-btn:first-child {
    margin-left: 0;
}

.coupon-list>p {
    background-color: #6ba487;
    box-sizing: border-box;
    text-align: center;
    padding: 1rem 0.5rem;
}

.coupon-box-list{
    overflow-y: auto;
    height:100%;
}

.coupon-list{
    float: left;
    width: 50%;
}

.coupon-type{
    font-size:20px;
    color:#fff;
}

.coupon-list:first-child > p {
    border-right: 1px solid #fff;
    border-top-left-radius: 3px;
}

.coupon-list ul {
    padding: 10px;
}

.coupon-list li{
    position: relative;
    background-color: #689e7d;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
}

.selected-coupon strong{
    display: inline-block;
    color: #333;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    border: 1px solid #6ba487;
    border-radius: 3px;
    line-height: 20px;
    margin-left: 10px;
}

.selected-coupon strong i{
    margin-left: 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #999999;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    font-style: normal;
    font-weight: lighter;
    line-height: 20px;
}

.coupon-list li strong{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 25px;
    transform: rotate(45deg) translateX(3px) translateY(-18px);
    background-color: #689e7d;
}

.coupon-list li .coupon-title{
    font-size:20px;
    color:#fff;
    padding: 8px 0;
}
.coupon-list li .coupon-end-time{
    font-size:14px;
    color:#fff;
    margin-top:5px;
}

.coupon-list .li-disable{
    background-color: #ebebeb;
}

.coupon-list .li-disable p {
    color: #666666;
}

.order-sure .promotion_code {
    margin-right: 0;
    border-radius: 5px;
}

.pay-tip {
    margin: 15px 0;
    color: #ff0000;
    font-size: 17px;
}

.orderSureTips {
    line-height: 32px;
    margin: 15px 0 30px;
    font-size: 20px;
    color: #ff0000;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
}

.payment .favorite-box-content {
    border: 0;
}

.payment .complete-box-content p {
    font-size: 28px;
    text-align: left;
    color: #6ba487;
    padding: 100px 0;
    text-align: center;
}

.PaySuccess_img { 
    background: url(../../Images/Complete_05.png)  top center no-repeat; 
    height: 56px; 
    padding-top:65px; 
    position:relative; 
    top: 0px; 
    transition: all 0.3s ease;
}

.PaySuccess_01_img { 
    background: url(../../Images/Complete_06.png)  top center no-repeat;  
    height: 56px; 
    padding-top:65px; 
    position:relative; 
    top: 0px; 
    transition: all 0.3s ease;
}

.complete-box-content span {
    font-size: 20px;
    color: #6ba487;
}

.payment .complete-box-content {
    width: 90%;
    padding: 30px;
}

.payment .complete-box-content .complete-pic {
    margin-top: 30px;
}

/**
*订单失敗
*/
.PayFail-box-content {
    text-align: center;
    width: 90%;
    padding: 30px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    margin-top: 20px;
    background: url(../../Images/orderfail.png) top right no-repeat;
}

.PayFail-box-content p {
    font-size: 28px;
    text-align: center;
    color: #6ba487;
    padding: 100px 0;
}

.PayFail-box-content span {
    font-size: 20px;
    color: #6ba487;
}

/*popup Window*/
.popBlock {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0 !important;
}

.popBlock .window {
    border: 1px solid #6ba487;
    border-radius: 15px;
    padding: 60px 30px 40px;
    min-width: 450px;
    max-width: 80%;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
}

.popBlock .window p {
    font-size: 20px;
}

.popBlock .window img {
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 22px;
} 

.popBlock .window #login-btn {
    background-color: #6ba487;
    border: 0;
    padding: 10px;
    font-size: 16px;
    margin-top: 15px;
    width: 60%;
    color: #fff !important;
    box-sizing: border-box;
    cursor: pointer;
}

.popBlock .window #close-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    background-image: url(/Images/close-green.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.popBlock .window.loading {
    padding: 15px 30px;
}

.popBlock .window.loading img {
    margin: 0;
}

/*退换输入*/
.editrefund-box p {
    font-size: 12px;
    margin: 5px 0;
    text-align: right;
}

/*會員註冊四項興趣目錄*/
#login-register-box .select-box {
    width: 650px;
}

.multipleSelect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.multipleSelect .bootstrap-select>.dropdown-toggle {
    height: 40px;
    line-height: 40px;
    color: #4c4c4c;
    border: 1px solid #bfbfc1;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    outline: none;
    border-radius: 0;
}

.multipleSelect .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding-left: 20px;
}

#login-register-box .multipleSelect .bootstrap-select>.dropdown-toggle {
    border: 1px solid #6ba487;
    border-radius: 5px;
}

.Wine-Adult {
    text-align: left;
    margin: 50px 0;
}

.Wine-Adult > label {
    font-size: 16px;
    color: red;
    font-weight: bold;
}

.wine-tips {
    font-size: 15px;
    margin-bottom: 20px;
}


/* 新下單流程css */
/*Header*/
#header {
    box-shadow: #f8f8f8 0 3px 3px 0px;
}

.mid-box {
    width: 1200px;
    margin: 0 auto;
}

#announcement {
    height: 45px;
}

.announcement_box {
    background-color: #15907e;
}

#announcement a {
    display:block;
    line-height:2;
    height: 45px;
    overflow:hidden;
    text-align: center;
}

#announcement a span {
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid;
    line-height: 2.2;
}

.header-middle {
    padding: 22px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-middle > .right {
    display: flex;
    align-items: center;
}

.logo-box {
    display: inline-block;
}
.logo-box > a > img {
    max-width: 150px;
    max-height: 150px;
}

.mix-search-box {
    display: inline-block;
    margin: 0 15px;
    vertical-align: top;
}

.mix-search-box .search-input-box {
    width: 310px;
    height: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.mix-search-box .search-input-box input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    outline: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 0 40px 0 10px;
    box-sizing: border-box;
}

.mix-search-box .search-input-box .search-type {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    outline: 0;
    background: url(/Images/arrow-down-green.png) no-repeat center right 8px;
    height: 20px;
    font-size: 14px;
    color: #15907e;
    border-right: 1px solid;
    padding: 0 25px 0 8px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.mix-search-box .search-input-box .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: url('/Images/search-icon.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

.hot-search-key {
    margin: 10px 0;
    max-width: 392px;
}

.hot-search-key > a {
    font-size: 12px;
    color: #666;
    display: inline-block;
}

.hot-search-key > a:not(:last-child) {
    margin-right: 20px;
}

.join-us {
    font-size: 18px;
    color: #097c69;
    margin: 0 12px;
    white-space: nowrap;
}

.h_select {
    text-align: center;
    outline: none;
    position: relative;
    margin-left: 20px;
    border: 1px solid #097c69;
    border-radius: 5px;
}

.h_select > p {
    font-size: 21px;
    color: #097c69;
    padding: 2px 35px 3px 10px;
    background-image: url(/Images/select-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
    margin: 0;
}

.h_select ul {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 3;
    display: none;
}

.h_select li {
    background-color: #fff;
    margin-top: 6px;
    border: 1px solid #ccc;    
    border-radius: 5px;
    height: 34px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.h_select li p {
    font-size: 16px;
    margin: 0;
    color: #6ba487;
    width: 80%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}

#login,
#login > a {
    font-size: 21px;
    color: #097c69;
    vertical-align: middle;
}

#login {
    display: inline-block;
    padding: 2px 10px 3px;
    border: 1px solid;
    border-radius: 5px;
    position:relative;
    margin: 0 25px;
    flex-shrink: 0;
}

#login .top-menu-btn {
    background: url("/Images/select-down-arrow.png") no-repeat 100% center;
    background-size: 11px auto;
    padding-right: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 84px;
    display: inline-block;
}

#login .top-member-menu{
    position:absolute;
    background-color:#fff;
    padding:10px 0;
    width:200px;
    text-indent:5px;
    box-shadow: 0 0 3px #000;
    border-radius:3px;
    line-height: 30px;
    top: 42px;
    left: 0;
    display: none;
    z-index:99;
}

#login .top-member-menu a{
    display:block;
    font-size:16px;
    color:#333;
    text-align: center;
}

#login .top-member-menu a:hover{
    color: #6ba487;
    background-color: #f4f4f4;
    transition: 0.3s ease;
}

/*Footer*/
#footer {
    background-color: #f2f2f2;
    display:none;
}

.footer-container {
    padding: 90px 0;
}

.footer-main-box {
    display: flex;
    justify-content: space-between;
}

.footer-nav {
    width: 55%;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.footer-nav ul {
    width: 25%;
}

.footer-nav ul li:nth-of-type(1) {
    list-style: disc;
}

.footer-nav ul li:nth-of-type(1) a {
    font-size: 24px;
    color: #1a1a1a;
}

.footer-nav ul li:not(:nth-of-type(1)) a {
    display: block;
    color: #4d4d4d;
    font-size: 18px;
    margin: 25px 0;
    transition: 0.3s ease;
}

.display-msg {
    width: 40%;
}

.trace > p {
    font-size: 24px;
    color: #1a1a1a;
}

.trace > div {
    margin: 55px 0 70px;
    display: flex;
    justify-content: space-between;
}

.display-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.copyright > img {
    margin-bottom: 10px;
}

.copyright p,
.copyright span {
    font-size: 14px;
    color: #999;
}

.lang-switch > a {
    font-size: 18px;
    color: #999;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid;
}

.lang-switch > a:not(:last-child) {
    margin-right: 35px;
}


/* Shop Cart */
.shop-cart {
    padding: 20px 0 50px;
}

.sys-notify {
    background-color: #6ba487;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 35px 20px 15px;
    margin: 20px 0;
    position: relative;
}

.sys-notify > img {
    margin: 0 2%;
    max-width: 6%;
    flex-shrink: 0;
}

.sys-notify .content {
    width: 90%;
    list-style: disc;
}

.sys-notify .content > li {
    font-size: 18px;
    color: #fff;
}

.sys-notify .content > li:not(:last-child) {
    margin-bottom: 10px;
}

.sys-notify .close-btn {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.sys-notify .close-btn::after {
    position: absolute;
    content: '\2716';
    top: 0;
    left: 25%;
    font-size: 18px;
    color: #fff;
}

/*多選框css*/
.cart-list {
    margin-top: 30px;
}

.shop-cart input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 23px;
    height: 23px;
    border: 1px solid #6ba487;
    border-radius: 5px;
    outline: none;
    position: relative;
    vertical-align: text-top;
    margin-right: 15px;
    flex-shrink: 0;
    cursor: pointer;
}

.shop-cart input[type="checkbox"]:checked:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 80%;
    background-color: #6ba487;
    border-radius: 5px;
    top: 10%;
    left: 10%;
}

.cart-list .cart-manager {
    margin-bottom: 10px;
}

.cart-list .cart-manager .cart-title {
    font-size: 21px;
    color: #808080;
    font-weight: bold;
    vertical-align: middle;
}

.cart-list .cart-manager label {
    font-size: 21px;
    color: #15907e;
    font-weight: bold;
    margin: 0 15px 0 40px;
    cursor: pointer;
    vertical-align: middle;
}

.cart-list .cart-manager button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background-color: #6ba487;
    padding: 2px 8px;
    margin: 0 15px;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.cart-list .cart-manager .sel-num {
    font-size: 18px;
    color: #808080;
    font-weight: bold;
    margin-left: 60px;
    vertical-align: middle;
}

.cart-list .cart-item {
    padding: 15px 0;
}

.cart-list .cart-item:not(:last-child) {
    border-bottom: 1px solid #6ba487;
}

.cart-list .cart-item .store {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.cart-list .cart-item .store > img {
    margin-right: 10px;
}

.cart-list .cart-item .store > .store-name {
    font-size: 16px;
    color: #15907e;
    font-weight: bold;
}

.cart-list .pro-one {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.cart-list .pro-one .pro-img {
    width: 162px;
    height: 162px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.cart-list .pro-one .pro-img img {
    max-width: 100%;
    max-height: 100%;
}

.cart-list .pro-one .pro-info {
    position: relative;
    padding: 15px 20px 15px 5px;
    margin-bottom: 50px;
    background-color: #f2f2f2;
    width: 100%;
    min-height: 100px;
}

.cart-list .pro-one .pro-info .pro-name {
    font-size: 21px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cart-list .pro-one .pro-info .pro-attr {
    margin-top: 20px;
}

.cart-list .pro-one .pro-info .pro-attr > span {
    font-size: 18px;
    color: #808080;
}

.cart-list .pro-one .pro-info .pro-attr > span:not(:last-child) {
    margin-right: 10px;
}

.cart-list .pro-one .pro-info .pro-cal {
    float: right;
    width: 280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 15px;
}

.cart-list .pro-one .input-number {
    flex-shrink: 0;
    position: relative;
}

.cart-list .pro-one .quota {
    position: absolute;
    top: calc(100% + 5px);
    font-size: 14px;
    color: red;
    width: 100%; 
    text-align: center;
}

.cart-list .pro-one .input-number > span[role="button"] {
    background: #6ba487;
    font-size: 20px;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
}

.cart-list .pro-one .input-number > input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
    width: 50px;
    height: 22px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

.cart-list .pro-one .input-number > input::-webkit-outer-spin-button,
.cart-list .pro-one .input-number > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.cart-list .pro-one .input-number > input[type="number"] {
  -moz-appearance: textfield;
}

.cart-list .pro-one .pro-price {
    font-size: 21px;
    color: #808080;
    font-weight: bold;
    white-space: nowrap;
    margin-left: 15px;
}

.cart-list .pro-one .delete-btn {
    position: absolute;
    top: 110%;
    right: 22px;
    cursor: pointer;
}

.cart-list .pro-one .delete-btn > img {
    max-width: 25px;
    max-height: 30px;
}

.float-bar-holder .float-bar.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 1200px;
    box-sizing: border-box;
}

.settlement-box {
    padding: 15px 20px;
    background-color: #6ba487;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settlement-box input[type="checkbox"] {
    background: #fff;
}

.settlement-box .cart-manager label {
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    margin-right: 15px;
    cursor: pointer;
    vertical-align: middle;
}

.settlement-box .cart-manager button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    font-size: 18px;
    color: #6ba487;
    font-weight: bold;
    background-color: #ffffff;
    padding: 2px 8px;
    margin: 0 15px;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.shop-cart .total-price {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

.shop-cart .total-price .price {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    margin-right: 40px;
}

.shop-cart .total-price .price > span {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
}

.settlement {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    font-size: 36px;
    color: #6ba487;
    font-weight: bold;
    padding: 5px 25px;
    border-radius: 5px;
    outline: none;
    border: 0;
    background: #fff;
    cursor: pointer;
}

.settlement[disabled] {
    color: #999;
    cursor: not-allowed;
}

.invalid-list {
    padding: 30px 0;
    border-top: 2px solid #6ba487;
}

.invalid-list a {
    cursor: default;
}

.invalid-list .cart-manager {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.invalid-list .cart-manager button {
    margin: 0;
}

.invalid-list .pro-one .pro-info .pro-tip {
    float: right;
    margin-left: 15px;
    font-size: 21px;
    color: #c1272d;
    font-weight: bold;
}

.invalid-list input[type="checkbox"][disabled] {
    visibility: hidden;
}


/* 確認訂單 —— Checkout */
.checkout .container-box {
    margin-top: 35px;
}

.shipping-address {
    padding-bottom: 20px;
}

.unit-title {
    font-size: 21px;
    color: #808080;
    font-weight: bold;
    margin: 20px 0;
}

.address-list {
    display: flex;
    flex-wrap: wrap;
}

.address-list .address-one {
    padding: 12px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    width: 23%;
    margin-bottom: 25px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.address-list .address-one:not(:nth-child(4n)) {
    margin-right: 2.66%;
}

.address-list .address-one p {
    font-size: 21px;
    color: #000;
    margin: 5px 0;
}

.address-list .address-one p.address {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
    height: 54px;
}

.address-list .address-one .recipient {
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    display: flex;
}

.address-list .address-one .recipient > p {
    margin: 0;
}

.address-list .address-one .recipient > p:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.address-list .address-one .recipient > p:last-child  {
    flex-shrink: 0;
}

.address-list .address-one .default-addr {
    font-size: 18px;
    background: #6ba487;
    color: #fff;
    padding: 3px 10px;
    position: absolute;
    border-bottom-left-radius: 10px;
    top: 0;
    right: 0;
}

.address-list .address-one.selected {
    border: 2px solid #6ba487;
}

.address-list .address-one.selected::after {
    position: absolute;
    content: '';
    width: 45px;
    height: 30px;
    background-color: #6ba487;
    background-image: url(/Images/version0/tick.png);
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 10px;
    bottom: 0;
    right: 0;
}

.address-list .address-one > span[role="button"]:first-of-type {
    font-size: 18px;
    color: #6ba487;
    padding: 1px 0;
    border-bottom: 1px solid;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

.address-list .address-one:not(.selected) > span[role="button"]:nth-of-type(2) {
    font-size: 18px;
    color: #fff;
    background: #6ba487;
    padding: 2px 10px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 5px;
    float: right;
}

.address-handle {
    display: flex;
    align-items: center;
}

.address-handle .showAll {
    font-size: 18px;
    color: #6ba487;
    font-weight: bold;
    padding: 0 15px;
    border: 2px solid;
    margin-right: 20px;
    height: 45px;
    line-height: 45px;
}

.address-handle .addAddr {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    background: #6ba487;
    height: 45px;
    line-height: 45px;
}

.address-handle .manageAddr {
    font-size: 18px;
    color: #6ba487;
    font-weight: bold;
    padding: 1px 0;
    border-bottom: 2px solid;
    margin-left: auto;
}

.title-divider {
    display: block;
    height: 2px;
    width: 100%;
    margin: 35px 0;
    position: relative;
    background-color: #6ba487;
}

.title-divider > p {
    font-size: 21px;
    color: #808080;
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    padding-right: 40px;
    left: 0;
    transform: translateY(-50%);
}


.settled-cart-list .cart-item {
    padding: 15px 0;
    overflow: hidden;
}

.settled-cart-list .cart-item:not(:last-child) {
    border-bottom: 1px solid #6ba487;
}

.settled-cart-list .cart-item .operate-box {
    float: right;
    margin-left: 30px;
    display: flex;
    align-items: center;
}

.settled-cart-list .cart-item .operate-box > div:not(:last-of-type) {
    margin-right: 20px;
}

.settled-cart-list .cart-item .operate-box select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    height: 32px;
    padding: 0 30px 0 10px;
    box-sizing: border-box;
    border: 1px solid #6ba487;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    background: url(/Images/version0/arrow-down.png) no-repeat center right 10px;
    background-size: 10px;
    width: 200px;
}

.settled-cart-list .cart-item .operate-box input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    width: 105px;
    height: 32px;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid #6ba487;
    border-radius: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.settled-cart-list .cart-item .operate-box .mer-promo-code input[type="text"] {
    text-align: center;
}

.settled-cart-list .cart-item .operate-box label {
    font-size: 14px;
    color: #1a1a1a;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle;
}

.settled-cart-list .cart-item .mer-promo-code > label,
.settled-cart-list .cart-item .mer-promo-coupon > label {
    color: #15907e;
}

.settled-cart-list .cart-item .operate-box span {
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    color: #15907e;
    vertical-align: middle;
}

.settled-cart-list .cart-item .operate-box button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: 0;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background: #6ba487;
    padding: 3px 12px;
    cursor: pointer;
    border-radius: 5px;
    vertical-align: middle;
}

.settled-cart-list .cart-item .self-lift > select,
.settled-cart-list .cart-item .self-lift > input[type="text"] {
    margin: 0 5px;
}

.settled-cart-list .cart-item .store {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.settled-cart-list .cart-item .store > img {
    margin-right: 10px;
    vertical-align: middle;
}

.settled-cart-list .cart-item .store > .store-name {
    font-size: 16px;
    color: #15907e;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settled-cart-list .pro-one {
    margin-bottom: 15px;
}

.settled-cart-list .pro-one > a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: default;
}

.settled-cart-list .pro-one .pro-img {
    width: 162px;
    height: 162px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.settled-cart-list .pro-one .pro-img img {
    max-width: 100%;
    max-height: 100%;
}

.settled-cart-list .pro-one .pro-info {
    position: relative;
    padding: 15px 20px 15px 5px;
    margin-bottom: 50px;
    background-color: #fff;
    width: 100%;
    min-height: 100px;
}

.settled-cart-list .pro-one .pro-info .pro-name {
    font-size: 21px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.settled-cart-list .pro-one .pro-info .pro-attr {
    margin-top: 20px;
}

.settled-cart-list .pro-one .pro-info .pro-attr > span {
    font-size: 18px;
    color: #808080;
    margin-top: 20px;
}

.settled-cart-list .pro-one .pro-info .pro-cal {
    float: right;
    width: 280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settled-cart-list .pro-one .pro-num {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.settled-cart-list .pro-one .pro-price {
    font-size: 21px;
    color: #808080;
    font-weight: bold;
    white-space: nowrap;
    margin-left: 15px;
}

.settled-cart-list .pro-one .delete-btn {
    position: absolute;
    top: 110%;
    right: 22px;
}

.settled-cart-list .pro-one .delete-btn > img {
    max-width: 25px;
    max-height: 30px;
}

.settled-cart-list .sub-sum {
    float: right;
    text-align: right;
    padding: 12px 0;
    border-top: 1px solid #6ba487;
}

.settled-cart-list .sub-sum > div:not(:last-child) {
    margin-bottom: 12px;
}

.settled-cart-list .sub-sum > div > label {
    font-size: 18px;
    color: #808080;
    font-weight: bold;
}

.settled-cart-list .sub-sum > div > label > span {
    font-size: 21px;
    color: #6ba487;
    font-weight: bold;
    margin-left: 30px;
}

.settled-cart-list .sub-sum > div > span {
    display: inline-block;
    width: 150px;
    text-align: right;
    font-size: 21px;
    color: #808080;
}

.checkout-remark {
    float: right;
    width: 100%;
    display: flex;
    margin: 30px 0;
}

.checkout-remark > p {
    font-size: 21px;
    font-weight: bold;
    color: #808080;
    margin-right: 20px;
    flex-shrink: 0;
}

.checkout-remark > textarea {
    width: 100%;
    height: 80px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
    outline: none;
    border: 2px solid #6ba487;
    border-radius: 5px;
}

.payment-method {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 0;
}

.payment-method > label {
    margin-right: 35px;
    margin-bottom: 20px;
}

.payment-method input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 23px;
    height: 23px;
    border: 1px solid #6ba487;
    border-radius: 5px;
    outline: none;
    position: relative;
    vertical-align: middle;
    margin-right: 20px;
    flex-shrink: 0;
}

.payment-method input[type="radio"]:checked:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #6ba487;
    top: 0;
    left: 0;
}

.payment-method > label > img {
    max-width: 200px;
    max-height: 80px;
    vertical-align: middle;
}

.sum-bottom {
    padding: 15px 20px;
    background-color: #6ba487;
    display: flex;
    justify-content: space-between;
}

.sum-bottom > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sum-bottom > div > .title {
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.sum-bottom > div > .title.disc {
    padding-left: 15px;
    position: relative;
}

.sum-bottom > div > .title.disc::before {
    position: absolute;
    content: '\2022';
    left: 0;
} 

.offer-dtls {
    flex-shrink: 0;
}

.offer-dtls .dtls-box {
    display: flex;
    flex-direction: column;
}

.offer-dtls .dtls-box > div:not(:last-child) {
    margin-bottom: 15px;
}

.offer-dtls .dtls-box label,
.offer-dtls .dtls-box span {
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}

.offer-dtls .dtls-box input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    width: 162px;
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #6ba487;
    border-radius: 5px;
    font-size: 18px;
    color: #000;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.offer-dtls .dtls-box button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: 0;
    font-size: 21px;
    color: #6ba487;
    font-weight: bold;
    background: #fff;
    padding: 3px 21px;
    cursor: pointer;
    border-radius: 5px;
    vertical-align: middle;
}

.sum-bottom .pickup-ser {
    padding: 0 7%;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    margin: 0 20px;
    flex-shrink: 0;
}

.pickup-ser .ser-list {
    display: flex;
    flex-direction: column;
}

.pickup-ser .ser-list > div[role="button"] {
    padding: 0 20px;
    border: 2px solid #fff;
    border-radius: 5px;
    min-height: 35px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pickup-ser .ser-list > div[role="button"]:not(:last-child) {
    margin-bottom: 15px;
}

.pickup-ser .ser-list > div[role="button"] > .ser-logo {
    width: 35px;
    height: 100%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin-right: 5px;
    flex-shrink: 0;
}

.pickup-ser .ser-list > div[role="button"] > .ser-logo > img {
    max-width: 85%;
    max-height: 80%;
    vertical-align: middle;
}

.pickup-ser .ser-list > div[role="button"] > span {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    max-width: 170px;
    text-align: center;
    width: 100%;
}

.pickup-ser .ser-list > div[role="button"].selected {
    background-color: #fff;
}

.pickup-ser .ser-list > div[role="button"].selected > span {
    color: #6ba487;
}

.sum-bottom .pay-amount {
    min-width: 30%;
    min-height: 155px;
}

.pay-amount .mall-discount {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay-amount .mall-discount > label {
    font-size: 21px;
    color: #fff;
    font-weight: bold;
}

.pay-amount .mall-discount > span {
    font-size: 21px;
    color: #fff;
    font-weight: bold;
}

.pay-amount .total-price {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px;
}

.pay-amount .total-price .price {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
    line-height: 1;
    max-width: 65%;
}

.pay-amount .total-price .price > span {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}

/*地址彈窗統一樣式*/
.mDialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 99;
    display: none;
}

.m-bg-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
}

.mDialog .content-box {
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ebeef5;
    padding: 70px 100px;
    box-sizing: border-box;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    z-index: 2;
}

.mDialog .addr-title {
    font-size: 24px;
    color: #15907e;
    font-weight: bold;
    margin-bottom: 20px;
}

.mDialog .bottom-btns {
    margin-top: 45px;
    text-align: center;
}

.mDialog .bottom-btns > button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: 0;
    min-width: 110px;
    height: 42px;
    padding: 3px 5px;
    box-sizing: border-box;
    background: transparent;
    font-size: 21px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
}

.mDialog .bottom-btns > button:not(:last-child) {
    color: #fff;
    background: #15907e;
    margin-right: 50px;
}

.mDialog .bottom-btns > button:last-child {
    color: #15907e;
    border: 1px solid;
}

.mDialog .scroll-box {
    max-height: 60vh;
    overflow-y: auto;
    padding-right: 20px;
}

.mDialog .scroll-box::-webkit-scrollbar {
    width: 8px;
    background-color: #eee;
    border-radius: 10px;
}

.mDialog .scroll-box::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border-radius: 10px;
}

/*管理郵寄地址*/
.manageAddr table tr td {
    padding: 15px 0;
}

.manageAddr table tr.firstRow td {
    position: sticky;
    top: 0;
    background: #fff;
}

.manageAddr table tr.firstRow td > p {
    display: inline-block;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    background: #15907e;
    padding: 3px 10px;
}

.manageAddr table tr:not(.firstRow) td {
    border-bottom: 1px solid #ccc;
}

.manageAddr table tr:not(.firstRow) td > p {
    font-size: 21px;
    color: #333;
    font-weight: bold;
    padding: 0 10px;
}

.manageAddr table tr td:last-child > button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
    font-size: 21px;
    font-weight: bold;
    cursor: pointer;
}

.manageAddr table tr td:last-child > button:not(.set-default) {
    padding: 0;
    color: #6ba487;
    border-bottom: 1px solid;
    margin-right: 30px;
}

.manageAddr table tr td:last-child > button.set-default {
    color: #fff;
    background: #6ba487;
    padding: 2px 10px;
    border-radius: 5px;
}

.manageAddr table tr td:last-child .default-addr {
    font-size: 21px;
    color: #6ba487;
    font-weight: bold;
    padding: 2px 10px;
}

/*創建 / 修改郵寄地址*/
.editAddr .form_group {
    margin-bottom: 30px;
}

.editAddr .form_group > label {
    font-size: 21px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
}

.editAddr .form_group > label[required] {
    position: relative;
    padding-right: 20px;
}

.editAddr .form_group > label[required]::after {
    position: absolute;
    content: "*";
    font-size: 20px;
    right: 5px;
    color: #c1272d;
}

.editAddr .form_group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    height: 48px;
    padding: 0 35px 0 15px;
    box-sizing: border-box;
    border: 1px solid #6ba487;
    border-radius: 10px;
    font-size: 21px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    background: url(/Images/version0/arrow-down.png) no-repeat center right 10px;
    background-size: 15px;
}

.editAddr .form_group input[type="text"]:not(.dest-combobox-input) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    width: 100%;
    height: 48px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #6ba487;
    border-radius: 10px;
    font-size: 21px;
    color: #333;
    font-weight: bold;
}

/*Autocomplete*/
.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dest-combobox {
    position: relative;
    display: block;
    overflow: hidden;
    width: 120px;
    margin-right: 18px;
    flex-shrink: 0;
}

.dest-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin-left: -1px;
    padding: 0;
    outline: none;
    /* 支持： IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.dest-combobox-input {
    width: 100% !important;
    margin: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    height: 48px;
    padding: 0 35px 0 15px;
    box-sizing: border-box;
    border: 1px solid #6ba487;
    border-radius: 10px;
    font-size: 21px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    background: url(/Images/version0/arrow-down.png) no-repeat center right 10px;
    background-size: 15px;
}

.ui-menu {
    z-index: 1000;
}
/* -- */

.editAddr .form_group .location-group {
    display: flex;
    justify-content: space-between;
}

.editAddr .form_group .location-group select {
    width: 120px;
    margin-right: 18px;
    flex-shrink: 0;
}

.editAddr .form_row {
    display: flex;
}

.editAddr .form_row > .form_group {
    width: 32%;
}

.editAddr .form_row > .form_group:not(:last-child) {
    margin-right: 35px;
}

.editAddr .set-default {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.editAddr .set-default > label {
    margin-top: 55px;
    margin-bottom: 0;
    display: flex;
}

.editAddr input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #6ba487;
    border-radius: 5px;
    outline: none;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
    flex-shrink: 0;
}

.editAddr input[type="checkbox"]:checked:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #15907e;
    background-image: url(/Images/version0/tick.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    bottom: 0;
    right: 0;
}

.pay-amount .submit-btn {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    font-size: 30px;
    color: #6ba487;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    outline: none;
    border: 0;
    background: #fff;
    cursor: pointer;
    flex-shrink: 0;
}

#addrForm p.errorTip {
    width: auto;
    margin: 10px 0;
}

/*優惠券*/
.mDialog.coupon .bottom-btn {
    text-align: center;
    margin-top: 45px;
}

.mDialog.coupon .bottom-btn > button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    border: 0;
    width: 110px;
    height: 42px;
    padding: 3px 5px;
    box-sizing: border-box;
    background: transparent;
    font-size: 21px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    background: #15907e;
}

.mDialog.coupon .content-box {
    border-radius: 10px
}

.coupon-tab {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}

.coupon-tab > div {
    font-size: 21px;
    color: #808080;
    font-weight: bold;
    width: 40%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.coupon-tab > div.active {
    color: #6ba487;
    position: relative;
}

.coupon-tab > div.active::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #6ba487;
    border-radius: 10px;
    top: 100%;
    left: 0;
}

.bd-coupon-list {
    display: flex;
    flex-wrap: wrap;
    padding-left:20px;
}

.bd-coupon-list .bd-coupon-one {
    padding: 12px;
    border: 2px solid #fff;
    border-radius: 10px;
    width: 30%;
    margin-bottom: 20px; 
    box-sizing: border-box;
}

.bd-coupon-list .bd-coupon-one:first-child {
    display: flex;
    align-self: center;
    margin-bottom: 52px;
}

.bd-coupon-list .bd-coupon-one:not(:nth-child(3n)) {
    margin-right: 5%;
}

.bd-coupon-list .bd-coupon-one.selected {
    border-color: #6ba487;
}

.bd-coupon-list .bd-coupon-one > .display-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.bd-coupon-list .bd-coupon-one > .display-box > p {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    margin-left: 20px;
    background-color: #6aa386;
    padding: 5px 15px;
    border-radius: 10px;
}

.bd-coupon-list .bd-coupon-one > .display-box > input[type="radio"] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    position: relative;
    border: 1px solid #6ba487;
    background-color: #fff;
    border-radius: 50%;
}

.bd-coupon-list .bd-coupon-one > .display-box > input[type="radio"]:checked:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    background-color: #6ba487;
    border-radius: 50%;
}

.bd-coupon-list .bd-coupon-one > .display-box > .img-box {
    width: 85%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bd-coupon-list .bd-coupon-one > .display-box > .img-box img {
    max-width: 100%;
    max-height: 100%;
}

.bd-coupon-list .bd-coupon-one .dtls {
    background-color: #f2f2f2;
    margin-top: 15px;
    border-radius: 8px;
    cursor: pointer;
}

.bd-coupon-list .bd-coupon-one .dtls .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bd-coupon-list .bd-coupon-one .dtls .title > span:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    padding: 0 8px;
}

.bd-coupon-list .bd-coupon-one .dtls .title > span:last-child {
    background-color: #6aa386;
    color: #fff;
    font-size: 14px;
    padding: 3px 28px 3px 8px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
}

.bd-coupon-list .bd-coupon-one .dtls > div.describe {
    padding: 15px 12px;
    line-height: 22px;
    display: none;
}

.bd-coupon-list .bd-coupon-one .dtls .title > span:last-child > i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/Images/menu-arrow-up.png) no-repeat center;
    background-size: 12px;
    position: absolute;
    right: 7px;
    top: calc(50% - 7.5px);
    transform: rotate(180deg);
    transition: transform .3s;
}

.bd-coupon-list .bd-coupon-one .dtls.open .title > span > i {
    transform: rotate(0);
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/*我的收貨地址*/
.myDeliveryAddress {
    margin: 50px 0;
}

.myDeliveryAddress .address-handle {
    margin-bottom: 30px;
}

.whatsapp-subscribe {
    width: 1200px;
    margin: 20px auto;
}

.whatsapp-subscribe img {
    width: 100%;
}

/* 首頁專區 */
.zone-list {
    width: 1020px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.zone-list .zone-one {
    display: block;
    width: 45.2%;
    height: 280px;
    padding: 10px;
    background: #489662;
    border-radius: 15px;
    position: relative;
    margin-bottom: 20px;
}

.zone-list .zone-one > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.zone-list .zone-one .zone-title {
    background: #489662;
    position: absolute;
    top: 20%;
    left: 0;
    min-width: 260px;
    max-width: 92%;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 4px 10px 4px 20px;
    box-sizing: border-box;
    box-shadow: 10px 10px 0 0 rgb(72 150 98 / 50%);
}

.zone-list .zone-one .zone-title > p {
    display: inline-block;
    font-family: 'DRF-R5';
    font-size: 35px;
    color: #fff;
    letter-spacing: 5px;
    position: relative;
    margin: 0 32px;
}

.zone-list .zone-one .zone-title > p::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background: url(/Images/lines.png) no-repeat center;
    background-size: contain;
    left: -22px;
    top: 0;
}

.zone-list .zone-one .zone-title > p::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background: url(/Images/lines.png) no-repeat center;
    background-size: contain;
    right: -22px;
    top: 0;
    transform: rotate(180deg);
}

.pc-cms-banner,
.mobile-cms-banner {
    display: none;
}


/*ESG*/
.ESG-banner-box {
    margin-bottom: 30px;
}

.ESG-banner-box .swiper-slide img {
    width: 100%;
}

.ESG-title {
    width: 344px;
    height: 134px;
    background: url(/Images/ESG-title.png) no-repeat center;
    background-size: contain;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 55px 0 10px;
    box-sizing: border-box;
    margin: 30px auto;
}

.ESG-list .list-box {
    width: 1200px;
    margin: 0 auto;
}

.expand-all-btn {
    width: 200px;
    height: 50px;
    font-size: 18px;
    color: #2b6340;
    border: 1px solid;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0 auto 100px;
    border-radius: 3px;
    cursor: pointer;
}

.expand-all-btn img {
    margin-left: 10px;
}

.merchant-product-box .part-proudct-select-one.ESG {
    width: 20%;
    margin: 0 6.66% 50px 0;
    margin-bottom: 50px;
}

.merchant-product-box .part-proudct-select-one.ESG:nth-child(4n) {
    margin-right: 0;
}

.ESG-page .merchant-main .detail-content {
    margin: 30px 0;
}

.ESG-page .pro-record {
    font-size: 18px;
    color: #ccc;
    margin: 30px 0;
}

.ESG-page .pro-record span {
    font-size: 18px;
    color: #2b6340;
}


/* leaflet */
.Leaflet-page {
  width: 100%;
  display: inline-block;
  background-color: #f8f9fa;
  padding: 50px 0;
}
.Leaflet-page .leaflet .download_title {
  max-width: 1200px;
  max-height: 50px;
  min-width: 960px;
  min-height: 50px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.Leaflet-page .leaflet .download_title h1 {
  margin: 0;
  padding: 0;
  color: #006837;
  font-size: 24px;
  padding-top: 15px;
}
.Leaflet-page .leaflet .download {
  width: 1200px;
  margin: 0 auto;
  display: table;
}
.Leaflet-page .leaflet .download ul {
  padding: 0;
  margin: 0;
}
.Leaflet-page .leaflet .download ul li {
  padding: 0;
  margin: 0;
  float: left;
  width: 23%;
  border: 1px #cceada solid;
  margin-bottom: 30px;
  margin-left: 1%;
  margin-right: 1%;
}
.Leaflet-page .leaflet .download ul li:nth-child(4n) {
  margin-right: 0px;
}
.Leaflet-page .leaflet .download .pic {
  text-align: center;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
.Leaflet-page .leaflet .download .leafletpic {
  text-align: center;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 5px;
  overflow: hidden;
}
.Leaflet-page .leaflet .download .leafletpic img {
  height: 100%;
}
.Leaflet-page .leaflet .download .text {
  text-align: center;
  font-family: Microsoft JhengHei, Heiti TC;
  margin-top: 14px;
  margin-bottom: 5px;
}
.Leaflet-page .leaflet .download .link {
  text-align: center;
  font-family: Microsoft JhengHei, Heiti TC;
  margin-top: 5px;
  margin-bottom: 12px;
}
.Leaflet-page .leaflet .download .link a {
  color: #006837;
  text-decoration: underline;
  margin-left: 5px;
  margin-right: 5px;
}
.Leaflet-page .leaflet .terms {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.Leaflet-page .leaflet .speicalContentArea .speicalContentAreaC ul:nth-of-type(2) li:nth-of-type(4) {
  margin-right: 0;
  margin-top: 10px;
}
.Leaflet-page .leaflet .leafletlink {
  width: 85%;
  display: table;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 5px;
  padding: 1px 5px 1px 5px;
}
.Leaflet-page .leaflet .leafletlink1 {
  width: 25%;
  display: table;
  float: left;
  padding: 2px;
  box-sizing: border-box;
  background-color: #419d35;
  border-radius: 5px;
  color: #fff;
}
.Leaflet-page .leaflet .leafletlink1.pdf {
  width: 25%;
  display: table;
  float: left;
  padding: 2px;
  box-sizing: border-box;
  background-color: #c00000;
  border-radius: 5px;
  color: #fff;
}
.Leaflet-page .leaflet .leafletlink2 {
  width: 25%;
  display: table;
  float: left;
}
.Leaflet-page .leaflet .leafletlink3 {
  width: 25%;
  display: table;
  float: left;
}
.Leaflet-page .leaflet .leafletlink4 {
  width: 25%;
  display: table;
  float: left;
}
.Leaflet-page .leaflet .leafletlink2 a,
.Leaflet-page .leaflet .leafletlink2 a:link,
.Leaflet-page .leaflet .leafletlink2 a:visited,
.Leaflet-page .leaflet .leafletlink2 a:hover,
.Leaflet-page .leaflet .leafletlink3 a,
.Leaflet-page .leaflet .leafletlink3 a:link,
.Leaflet-page .leaflet .leafletlink3 a:visited,
.Leaflet-page .leaflet .leafletlink3 a:hover,
.Leaflet-page .leaflet .leafletlink4 a,
.Leaflet-page .leaflet .leafletlink4 a:link,
.Leaflet-page .leaflet .leafletlink4 a:visited,
.Leaflet-page .leaflet .leafletlink4 a:hover {
  text-decoration: none;
}


/*ing...*/


/* ========== 公共css =========== */
/*相对定位*/
.po_relative {
    position: relative;
}

.no_float{
    float: none !important;
}

.no_play{
    display: none;
}

.limitImg{
    max-width: 100%;
    max-height: 100%;
}

/*joe商家页面*/
.merchant-shoppingList {
    width: 1200px;
    margin: 50px auto 80px;
    display: flex;
}
.merchant-shoppingList .thumb {
    width: 250px;
    height: 250px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    flex-shrink: 0;
}
.merchant-shoppingList .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.merchant-shoppingList .productInfo {
    webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.merchant-shoppingList .productInfo .box {
    display: flex;
    width: 100%;
}
.merchant-shoppingList .productInfo .p-heart {
    font-size: 12px;
}
.merchant-shoppingList .productInfo .title {
    font-size: 30px;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.merchant-shoppingList .productInfo .share-box > p {
    font-size: 15px;
    color: #6ba487;
    margin: 0 0 10px;
}

.merchant-shoppingList .productInfo .share-box > a:not(:last-child) {
    margin-right: 35px;
}

.merchant-shoppingList .productInfo .share-box > a img {
    height: 35px;
}

.merchant-shoppingList .productInfo .time {
 color: #999999;
    font-size: 14px;
}
.merchant-shoppingList .productInfo .date {
 color: #6ba487;
 font-size: 14px;
}
.merchant-home-top .btnmore {
    width: 350px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.merchant-home-top .btnmore > a {
    min-width: 150px;
    border: 1px solid #6ba487;
    width: 48%;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:  0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-weight: bold;
}

.merchant-home-top .btnmore .Follow{
    background: #6ba487;
    color:#fff;
}

.merchant-home-top .btnmore .Follow_ico{
    background: url(/Images/heart-white-o.png) no-repeat center;
    width: 22px;
    display: inline-block;
    height: 22px;
    margin-right: 15px;
    background-size: contain;
}

.merchant-home-top .btnmore .Concerned_ico{
    background: url(/Images/heart-white.png) no-repeat center;
    width: 22px;
    display: inline-block;
    height: 22px;
    margin-right: 15px;
    background-size: contain; 
}


.merchant-home-top .btnmore .message{
    color: #6ba487;
}

.merchant-home-top .btnmore .Message_ico{
    background: url(/Images/email-green.png) no-repeat center;
    width: 22px;
    display: inline-block;
    height: 22px;
    margin-right: 15px;
    background-size: contain;
}
.merchant-Shopnotice {
    width: 1200px;
    margin: 0 auto;
    background: #f2f2f2;
    padding: 40px 30px 30px;
    position: relative;
    box-sizing: border-box;
}

.merchant-Shopnotice .content p {
    font-size: 16px;
    color: #333;
    line-height: 28px;
    font-weight: bold;
}

.merchant-Shopnotice .float_close{
       width: 60px;
    position: absolute;
    right: 0;
    top: 5px;
}
.merchant-Shopnotice .float_close strong {
    display: block;
    width: 40px; 
    height: 40px;
    margin-left: 7px; 
    background-image: url(../../Images/delete_icon.png);
    background-repeat: no-repeat;
    -webkit-transition: all 400ms;
    background-position: center center;
    cursor:pointer;
 }
.merchant-Shopnotice span {
    color: #808080;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    min-width: 140px;
    padding: 3px 10px;
    box-sizing: border-box;
    position: absolute;
    top: -18px;
    left: 0;
    background: #fff;
}

.merchant-main .detail-content {
    margin: 60px 0;
}

.merchant-home-change .select {
    padding: 10px 0;
    color: #6ba487;
    border: 1px solid #6ba487;
    width: 100%;
    border-radius: 8px;
    text-indent: 10px;
}

.merchant-about {
    position: relative;
    overflow: hidden;
    /*border-bottom: 1px solid #6ba487;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;*/
}

.merchant-product-box .pro-store-name {
    font-size: 14px;
}
.merchant-main .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 21px;
    vertical-align: middle;
    margin-right: 10px;
    display:inline-block;
    border: none;
}
.merchant-main .detail-p-name-collect-active{
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url("/Images/heart-green.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 21px; 
}
.merchant-main .detail-p-name-collect:hover{
    background-image: url("/Images/heart-green.png");
    background-color: transparent;
}

.merchant-content-select {
    width: 100%;
    padding-bottom: 20px;
    display: flex;
}
.merchant-content-select a {
    float: left;
    font-size: 20px;
    text-align: center;
    padding: 7px 30px;
    color: #808080;
    position: relative;
}
.merchant-content-select .detail-selected-btn {
    color: #6ba487;
}

.merchant-content-select .detail-selected-btn:after {
    position: absolute;
    content: '\25B2';
    top: 75%;
    left: calc(50% - 9px);
    font-size: 18px;
}

.detail-block-one {
    display: none;
}
.detail-block-intro {
    display: block;
    box-sizing: border-box;
    
}
.detail-block-review {
    display: none;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}
.merchant-main .part-one-main {
    width: 100%
}

.merchant-main .part-product-list {
    width: 92%;
    margin:0 auto;
}
.policy-one {
    padding-bottom: 1rem;
}

.policy-one > div p {
    font-size: 1.2rem;
    color: #666;
}

.policy-one > p {
    font-size: 1.2rem;
    color: #6ba487;
    margin: 1rem 0;
}

/* 新增事件css首页 */
.Events {
    width: 100%;
    display: inline-block;
        margin-top: 20px;
        position: relative;
}
.Events .box_bg {
   width: 100%;
    display: inline-block;
    background-image: url(/Images/BDMall/event_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding: 30px 0;
    background-color: #0c8ec8;
        margin-top: 60px;
}
.Events .etitle { width: 1200px; margin: 0 auto;     margin-top: -68px;}
.Events .ptitle { width: 1200px; margin: 0 auto;     margin-top: 10px;}
.Events .ptitle  .el {

    background: #ffee52;
    text-align: center;
    color: #009cd9;
    border-radius: 8px;
    padding: 10px 35px;
    height: 30px;
    line-height: 30px;
    float: left;
        margin-top: 10px;
}
.Events .etitle .el {

    background: #ffee52;
    text-align: center;
    color: #009cd9;
    border-radius: 8px;
    padding: 10px 35px;
    height: 30px;
    line-height: 30px;
    float: left;
        margin-top: 10px;
}
.Events .etitle .ez {
    display: inline-block;
    margin-left: 12%;
        margin-top: -102px;
    
}
.Events .etitle .ez img {
        width: 100px;
}
.Events .etitle .er {
   background-image: url(/Images/BDMall/events_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 40px;
    float: right;
    text-align: center;
    margin-top: -20px;
    
}
.Events .etitle .er span {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding-right: 10px;
}
.Events .etitle .el span {
    color: #009cd9;
    font-size: 24px;
    font-weight:bold;
}
.Events .ptitle .el span {
    color: #009cd9;
    font-size: 24px;
    font-weight:bold;
}
.Events .Events_list {
    width: 1200px;
    margin: 0 auto;
        margin-top: 80px;
        position: relative;
}
.Events .Events_list .part-proudct-select-one{
   background: #f7f7f7;
    border-spacing: 26px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 62px) / 5);
    max-width: 30%;
    padding: 10px;
    top: 0px;
    transition: top 0.3s ease;
    margin-right: 15px;
}
.Events .Events_list .list-turn-prev {
    left: -6%;
    background-image: url(../../Images/BDMall/eturn-b-left.png);
    background-size: contain;
}
.Events .Events_list .list-turn-next {
    right: -6%;
    background-image: url(../../Images/BDMall/eturn-b-right.png);
    background-size: contain;
}
.Events .Events_list .list-turn {
    background-color: #ffee52;
}
.Events .Events_list .part-proudct-select-one .item_cont {
    max-width: 290px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.Events .Events_list .part-proudct-select-one .item_photo_box {
    position: relative;
    overflow: hidden;
    margin: auto;
}
.Events .Events_list .item_cont .image {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    height: 250px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 10px;
}
.Events .Events_list .item_cont img {
    max-width: 100%;
    max-height: 100%;
}
.Events .Events_list  .item_cont .p-message {
    display: flex;
    align-items: flex-end;
    padding: 0px;
}
.Events .Events_list .p-heart {
   text-align: left;
 
}
.Events .Events_list .p-message-right{
    text-align: left;
}
.Events .Events_list .p-message-right .more {
    color: #6ba487;
}
.Events .Events_list .p-message-left .p-message-name {
    color: #6ba487;
}
.Events_plist {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}
.Events_plist .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 21px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    border: none;
}
.Events_plist .part-proudct-select-one{
   background: #f7f7f7;
    border-spacing: 26px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 81px) / 6);
    max-width: 30%;
    padding: 5px;
    top: 0px;
    transition: top 0.3s ease;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
    height: 288px;
}
.even_icon {
    position: absolute;
    right: 12%;
    top: 15%;
    background-image: url(/Images/BDMall/events_icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 222px;
    height: 75px;

}
.even_icon span a{
    color: #fff;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    height: 75px;
    line-height: 60px;
}
/* 新增事件页面css */
.eventdatail {
    width: 100%;
    display: inline-block;
}
.eventdatail .box_bg {
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 600px;
}
.event_item {
    width: 1200px;
    margin: 0 auto;
    padding-top: 600px;
    padding-bottom: 100px;
}
.eventdatail .part-proudct-select-one{
    background: #f7f7f7;
    border-spacing: 26px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 62px) / 3);
    max-width: 30%;
    padding: 10px;
    top: 0px;
    transition: top 0.3s ease;
    margin-right: 25px;
}
.eventdatail .part-proudct-select-one .item_cont {
    max-width: 290px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.eventdatail .part-proudct-select-one .item_photo_box {
    position: relative;
    overflow: hidden;
    margin: auto;
}
.eventdatail .item_cont .image {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    height: 250px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 10px;
}
.eventdatail .item_cont img {
    max-width: 100%;
    max-height: 100%;
}
.eventdatail .item_cont .p-message {
    display: flex;
    align-items: flex-end;
    padding: 0px;
}
.evenr_pro {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.evenr_pro .part-one-main-box {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 0px;
    background-color: transparent;
}
.evenr_pro .part-proudct-select-one {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 72px) / 6);
    position: relative;
    max-width: 190px;
    margin-bottom: 20px;
    min-height: 268px;
    border: 1px solid #fff;
    background-color: #f7f7f7;
}
.evenr_pro-icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.2rem;
    text-indent: 0.2rem;
    text-align: center;
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.evenr_pro-icon span {
    color: #fff;
    width: 100%;
    background: #6ba487;
    display: inline-block;
}
.Events_plist .detail-p-name-collect:hover {
     background-image: url(/Images/heart-green.png); 
     background-color: transparent; 
}
.Events_plist .p-message-left .p-message-name {
    color: #6ba487;
}
.Events_plist .p-message {
    padding: 5px 0px 10px;
}
.Events_plist .p-message-right .now-price {
    font-weight: 500;
    font-size: 14px;
}
.triangle-topleft {
   /* width: 100px;
    height: 100px;
    background-image: url(/Images/BDMall/pevent_icon.png);*/
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    height: 25px;
    background-repeat: no-repeat;
    padding: 0 5px;
    background: #ffa1b1;
}
.triangle-topleft span {
    color: #fff;
    /*width: 50px;*/
    display: block;
    line-height: 25px;
    font-style: normal;
    font-size: 14px;
   /* padding-top: 5px;*/

}
/* ============================= */

/*当屏幕分辨率小于1200时*/
@media only screen and (max-width:1400px){
    /*.header-main{
        width:1000px;
    }
    .cat-part-main{
        width:1000px;
    }
    .nav-main{
        width:1000px;
    }*/
    .topMessage-main{
        width:1000px;
    }
    .part-one-main{
        width:1200px;
    }
    .part-one-title p{
        width:1000px;
    }
    .footer-search{
        width:1000px;
    }
    .footer-center-main{
        width:1000px;
    }
    .footer-Cookie-box{
        width:1000px;
    }
    .footer-code-box{
        /* padding-left:12px; */
    }
    .footer-pay-icons img {
        width:90px;
        padding: 5px;
    }
    #main-content{
        width:1200px;
    }
    .main-box{
        width:1000px;
    }
    .main-banner img {
    width: 100%;
    max-height:200px;
}

   #bigpic{
        width:300px;
        height:300px;
    }
    .tm-video-box {
    width: 300px!important;
    height: 310px!important;
        position: absolute;
    left: 0;
    top: -10px;
    z-index: 999;
}
    .detail-p-big-img{
        width:300px;
        height:300px;
    }
    .detail-p-big-img .show-img {
        max-width: 220px;
    }
    .detail-p-small-img-box{
        height:262px;
    }
    .checkout-box-2{
        width:1000px;
    }
    /*.pay-method-box-top .address-top-btn a{
        width:33%;
    }*/
    .merchant-one-calc{
        width:12%;
    }
    .merchant-product-name{
        height:173px;
    }
    .category-box a img{
        width:380px;
    }
    .sticky{
        width:800px;
    }

   
    .product-list-page .part-proudct-select .part-proudct-select-one{
        /*height:340px;*/
    }
    .cat-product-list .part-proudct-select .part-proudct-select-one{
        /*height:360px;*/
    }
    /*.category-product-one{
        height:345px;
    }*/
    .Merchant-box .mc-container{
        width:1000px;
    }
    .cms-container{
        width:1000px;
    }
    .Merchant-box .title{
        width:1000px;
    }
    .detail-p-attr p:nth-of-type(1){
        width:100%;
    }
    .split-handle-left p span{
        width:550px;
    }
    .select-delivery-one .left-part p span:nth-of-type(1){
        width:25%;
    }
    .select-delivery-one .left-part p span:nth-of-type(2){
        width:65%;
    }
    .split-handle-right .Check-map span{
        float:none;
        display: inline-block;
        width:100%;
        text-align:center;
    }
    .order-one-title span i{
        line-height: 22.5px;
    }
    .order-one-title span strong{
        line-height: 22.5px;
    }
    .shop-product-one-img {
        height: 122px;
    }
    .shop-product-one-img img {
        max-width: 122px;
    }
    .favorite-one .product-img{
        height: 97px;
    }
    /*.favorite-one .product-img img{
        max-width:95px;
     }*/

    .ds_list li .imgBox {
        height: 233px;
    }

    .ds_list li .imgBox img {
        max-width: 480px;
    }

    /*StampIssueList*/
    .issueList .imgbox {
        height: 210px;
    }

    /*ProductSelect*/
    .grey-topbar .content{
        width: 1000px;
    }

    .ProSelectBox .issueInfo img {
        max-height: 200px;
    }

    /*MemberRegister*/
    .memRegWindow .searchAddrWin .selectForm .street .select_group:first-child {
        width: 50%;
    }

    .memRegWindow .searchAddrWin .selectForm .street .select_group:first-child select {
        width: calc(100% - 95px);;
    }

    .memRegWindow .searchAddrWin .selectForm .street .select_group:last-child {
        width: 45%;
    }

    /*Existing Order*/
    .proList table.mult tr td:first-child {
        padding: 20px 10px 20px 20px;
    }

    /* buydong shopping */
    .shoppingcart-one .favorite-one .favorite-one-messge {
        width: 27.5%;
    }

    .shoppingcart-one .merchant-total-price {
        margin: 40px 2.5% 0 9%;
    }

    .checkout .shoppingcart-one .merchant-total-price {
        margin: 40px 1.5% 0 8%;
    }

    .shoppingcart-one-title .order-fz {
    width: 13.5%;
    float: right;
    font-size: 18px;
    background: #2c7147;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
.shoppingcart-one-title .order-fz-none {
    width: 13.5%;
    float: right;
    font-size: 18px;
    background: #2c7147;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
.shoppingcart-one-title .order-fz-de {
    width: 13.5%;
    float: right;
    font-size: 18px;
    background: #f95108;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
    .merchant-Shopnotice {
        width: 1160px
    }
    .merchant-shoppingList {
        width: 1200px;
    }
    .buyBtn-box .detail-p-name-collect {
    width: 100%
}
    .category-box a {
    float: left;
    width: 188px;
   margin-right: 3px;
    margin-left: 4px;
    height: 45px;
    border: 1px solid #6ba487;
    border-radius: 10px
}
.shoppingcart-one-title .order-merchant {
    width: 44%
}
.shoppingcart-one-title .order-price {
    width: 29%
}
.Events .Events_list {
    width: 1100px;
  
    /* margin: 0 auto; */
}
.evenr_pro {
    width: 1100px; 
}

.Events_plist {
    width: 1100px;
  
    /* margin: 0 auto; */
}
.Events .box_bg {
    width: 100%;
    display: inline-block;
     background-image: url(/Images/BDMall/event_bg.jpg);
    background-repeat: no-repeat;
        background-size: 100%;
        padding: 30px 0;
}
.Events .Events_list .item_cont .image {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    height: 200px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 10px;
}
.Events .ptitle {
     width: 1100px;
}
.Events .etitle {
     width: 1100px;
}
        
    .merchant-shoppingList .productInfo .title {
        font-size: 25px;
        margin-top: -8px;
        margin-bottom: 20px;
    }

    .merchant-home-top .btnmore > a {
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }

    .merchant-home-top .btnmore i {
        width: 18px !important;
        height: 18px !important;
    }

    .merchant-shoppingList .productInfo .share-box > p {
        font-size: 14px;
    }

    .merchant-shoppingList .productInfo .share-box > a img {
        height: 30px;
    }

    .pro-item .pro-price .now-price {
        font-size: 22px;
    }

    .pro-item .pro-price .old-price {
        font-size: 14px;
    }
}

.flex-box {
    display: flex;
}

/*当屏幕分辨率小于1200时*/
@media only screen and (max-width:1280px){
    .Events .Events_list .item_cont .image {
        height: 170px;
    }
    .Events .Events_list {
        width: 1100px;
    }
    .evenr_pro {
    width: 1100px; 
}

    .part-one-main{
        width:1000px;
    }
/*    .free-block-backg{
        background-image: url(/Images/BDMall/proudct_bg_1200.jpg)!important;
    }*/
    #main-content {
    width: 1000px;
}
.buyBtn-box .detail-p-name-collect {
    width: 100%
}
.merchant-banner-box {

    width: 1000px;
}
.merchant-shoppingList {
    width: 1100px;
}
.merchant-Shopnotice {
        width: 1080px
    }
.shoppingcart-one-title .order-price {
    width: 27%
}
.shoppingcart-one-title .order-quantity {
    width: 14%;
}
    .checkout .shoppingcart-one .merchant-total-price {
        margin: 40px 1.5% 0 5%;
    }
    .msg .split-handle-left p span:first-child {
        width: 200px;
    }
    .msg .split-handle-left p span {
        width: 450px;
    }
    .new-address-content .login-register-content .form-group label {
           font-size: 20px;
    }
    .login-login-content .form-group .input-text {
        width: 69%;
}
.accountLogin-sections-container .accountLogin-section-container:nth-child(even) {
    padding-left: 40px!important;
}
.accountLogin-sections-container .accountLogin-section-container:nth-child(odd) {
    padding-right: 40px!important;

}
}
@media only screen and (max-width:1200px) {
    .memRegWindow {
        width: 900px;
    }
        .login-login-content .form-group .input-text {
        width: 68%;
}

}

/*当屏幕分辨率小于1000时*/
@media only screen and (max-width:1000px){
    .Events .Events_list {
    width: 630px;
    margin-left: 2%;
    /* margin: 0 auto; */
}
    .login-login-content .form-group .input-text {
        width: 67%;
}
.Events .Events_list .part-proudct-select-one {
    margin-right: 20px;
}
.Events .Events_list .item_cont .image {

    height: 120px;
   
}
    /*.header-main{
        width:760px;
    }
    .cat-part-main{
        width:760px;
    }
    .nav-main{
        width:760px;
    }*/
    .topMessage-right .topMessage-content{
        width:160px;
    }
    #index_b_hero{
        width:600px;
        height:250px;
    }
    #index_b_hero .heros{
        width:600px;
        height:250px;
    }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero{
        width:600px;
        height:250px;
        left:-600px;
    }
    #index_b_hero .mask-right{
        left:600px;
    }
    #index_b_hero img{
        width:600px;
        height:250px;
    }

    /*PC Banner*/
    .BannerSwiper .swiper-slide {
        width:600px;
        height: 600px;
    }

    .BannerSwiper .swiper-slide img {
        width:600px;
        height:250px;
    }

    .BannerSwiper .block .mask {
        width: 600px;
        height: 250px;
    }

    .BannerSwiper .block .mask .mask-left {
        width: 600px;
        height: 250px;
        left: -600px;
    }

    .BannerSwiper .block .mask .mask-right {
        width: 600px;
        height: 250px;
        left: 599px;
    }
    /*----*/

    .topMessage-main{
        width:760px;
    }
    .part-one-title p{
        width:760px;
    }
    .part-one-main{
        width:660px;
    }
    .footer-bottom{
        padding:25px 0 40px 0;
    }
    .footer-search{
        width:760px;
    }
    .footer-center-main{
        width:760px;
    }
    .footer-Cookie-box{
        width:760px;
    }
    .footer-code-box{
        padding-left:10px;
    }
    .footer-Cookie-box{
        width:95%;
    }
    .footer-Cookie p{
        width:600px;
    }
    /*#main-content{
        width:760px;
    }*/
    .main-box{
        width:760px;
    }
    .checkout-box-2{
        width:760px;
    }
    .p-message-right .now-price{
        font-size:15px;
    }
    .p-message-left .p-message-name{
        font-size:14px;
    }
    .gp-to-shop{
        width:100%;
        padding:5px 0;
    }
    .sticky{
        width:610px;
    }
    .footer-code-box{
        float:none;
        width:100%
    }
    .category-box a img{
        width:270px;
    }
    .product-list-page .part-proudct-select .part-proudct-select-one{
        /*height:280px;*/
    }
    .cat-product-list .part-proudct-select .part-proudct-select-one{
        /*height:300px;*/
    }
    .p-message-right .now-price{
        height:20px;
        line-height:20px;
    }
    /*.category-product-one{
        height:265px;
    }*/
    .Merchant-box .mc-container{
        width:760px;
    }
    #login-register-box{
        width:700px;
    }
    .login-register-content .form-group .input-text{
        width:480px;
    }
    .select-box{
        width:500px;
    }
    .login-register-handle{
        width:500px;
        float:none;
        margin:0 0 0 140px;
    }
    .btn-box .register-btn{
        width:500px;
    }
    .new-address-content .login-register-content .form-group label{
        width:95%;
        margin:0 auto;
    }
    .new-address-content .login-register-content .form-group .input-text{
        width:95%;
        margin:0 auto;
    }
    .new-address-content .login-register-content .form-group .radio-one-box .input-text{
        width:80%;
        margin-bottom:10px;
    }
    .new-address-content .select-box{
        width:95%;
        margin:0 auto;
    }
    .cms-container{
        width:760px;
    }
    .Merchant-box .title{
        width:760px;
    }
    .favorite-one .product-img{
        width:14%;
        height: 103px;
    }
    /*.favorite-one .product-img img{
        max-width:101px;
    }*/
    .favorite-one .favorite-one-messge{
        width:25%;
    }
    .merchant-one-calc{
        width:18%;
    }
    /*.shoppingcart-one-title .order-quantity{
        width:18%;
    }*/
    /*.shoppingcart-one-title .order-merchant{
        width:37%;
    }
    .shoppingcart-one-title .order-price{
        width:23%;
    }*/
    .detail-p-small-img-box{
        height:auto;
        overflow: auto;
    }
    .detail-p-small-img{
        width:100%;
        margin-left:0;
    }
    .tm-video-play {
        bottom: 190px!important;
    }
    .detail-p-video{
        position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    }
    .small-img-controll{
        display: none!important;
    }
    .detail-p-small-img ul:after{
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
    }
    .detail-p-small-img-box ul li{
        float:left;
        margin-right:10px;
    }
    .detail-p-small-img-box ul li {
        width:90px;
        height: 92px;
    }
    .detail-p-small-img-box ul li img {
        max-width: 90px;
    }
    .buyBtn-box{
        display: block;
    }
    .buyBtn-box .hk-trust{
        display: block;
        margin-bottom: 20px;
    }
    .buyBtn-box .d-buy-btn{
        display: inline-block;
        margin-top:5px;
    }
    .detail-p-attr p{
        float:none;
    }
    .detail-p-decoration-nav a{
        padding:10px 30px;
    }
    .split-handle-price .lr{
        width:100%;
    }
    .split-handle-price p span:first-child{
        width:130px;
    }
    .pay-box .pay-select-method img{
        height:80px;
    }
    .pay-box .pay-select-method .pay-select-method-box label:before{
        top:30px;
    }
    .split-price-right p span:first-child{
        font-size:20px;
        width:200px;
    }
    .split-price-right .g{
        font-size:20px;
    }
    .split-price-right p span{
        margin-left:10px;
    }
    .select-delivery-one .left-part{
        width:60%;
    }
    .address-top-btn a{
        padding:14px 35px;
    }
    .merchant-product-name{
        height:135px;
    }
    .detail-p-attr p{
        font-size:14px;
    }
    .pay-box .pay-select-method .pay-select-method-box label:after{
        top:35px;
    }
    .shoppingcart-one-title .order-fz{
        font-size:16px;
    }
    .shoppingcart-one-title .order-fz strong{
        margin-left:0;
        background-size:auto 20px; 
    }
    .shoppingcart-one-title .order-fz-de{
        font-size:16px;
    }
    .shoppingcart-one-title .order-fz-none{
        font-size:16px;
    }
    .shoppingcart-one-title .order-fz-none strong{
        margin-left:0;
        background-size:auto 20px; 
    }
    .split-handle-left p span{
        width:400px;
    }
    .split-handle-right .Check-map span{
        float:none;
        display: block;
        font-size:16px;
        width: 100%;
    }
    .select-delivery-one .left-part p span:nth-of-type(1){
        width:25%;
    }
    .select-delivery-one .left-part p span:nth-of-type(2){
        width:60%;
    }
    .header-img{
        width:100%;
    }
    .span-f-image img{
        width:100%;
    }
    .new-address-content .login-register-content .form-group p.errorTip{
        margin-left:20px;
    }
    .Merchant-box .main-product .main-product-one a{
        min-height:185px;
    }
    /*.part-product-list .swiper-slide a{
        height:270px;
    }*/
    .shop-product-one-img {
        height: 85px;
    }
    .shop-product-one-img img {
        max-width: 85px;
    }

    /*邮品订购*/
    .orderSerWindow {
        width: 700px;
        padding: 60px 40px;
    }
    
    .ds_list li .imgBox {
        height: 177px;
    }

    .ds_list li .imgBox img {
        max-width: 364.8px;
    }

    /*StampIssueList*/
    .issueList .imgbox {
        height: 150px;
        padding: 8px;
    }

    .issueList p {
        font-size: 12px;
    }

    /*ProductSelect*/
    .grey-topbar .content{
        width: 760px;
    }

    .ProSelectBox .issueInfo img {
        max-height: 152px;
    }

    .ProSelectBox .proList table tr td.desc {
        padding: 20px 15px 20px 30px;
        width: 38% !important;
    }

    .ProSelectBox .proList table tr td.qty {
        width: 18% !important;
    } 

    .ProSelectBox .proList table tr td.amount {
        width: 13% !important;
    } 

    .ProSelectBox .proList table.mult tr td.desc {
        padding: 20px 10px;
        width: 27% !important;
    }

    /*MemberRegister*/
    .memRegWindow {
        width: 700px;
    }

    .memRegWindow .searchAddrWin {
        padding: 30px 30px 0;
    }

    /*Stamp Order shopCart*/
    .checkStampOrder .favorite-one-messge {
        width: 39%;
    }
}

@media only screen and (max-width:1050px){
body {
    /*min-width:auto;*/
    min-width: auto;
}
  .Events .etitle {
    width: 950px;
  }
  .Events_plist {
    width: 900px;
    /* margin: 0 auto; */
}
   .Events .Events_list {
        width: 900px;
    }
    .evenr_pro {
    width: 900px; 
}
.evenr_pro .part-proudct-select-one {
   width: calc((100% - 62px) / 4); 
}

.Events .Events_list .part-proudct-select-one {
    width: calc((100% - 62px) / 4);
}
.Events_plist .part-proudct-select-one {
    width: calc((100% - 62px) / 4);
}
    .Events .ptitle {
     width: 900px;
}
  .header-main{
    width: 950px;
        padding: 0px 10px;
  }
  .search-box{
    width: 33%;
  }
  .search-input-box .search-top-btn {
    width: 11%;
    height: 20px;
    font-size: 14px!important;
    outline: none;
    border: none;
    cursor: pointer;
    background: url(/Images/glass.jpg) center center no-repeat #fff;
    background-size: 40%;
    border-radius: 5px 0 0 5px;
}
.search-input-box .key {
    width: 71%;
    height: 20px;
    color: #333;
    line-height: 20px;
    /* font-size: 10px; */
    border: none;
    border-radius: 5px 0 0 5px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none;
    font: 200 1px Arial;
}
.searchCat {
    width: 18%;
    height: 20px;
    float: left;
    background-color: #d1cbc9;
    position: relative;
}
.searchCat span {
    display: block;
    width: 100%;
    height: 20px;
    border-radius: 0 5px 5px 0;
    background-size: 24%;
    color: #1b5b34;
    font-size: 14px!important;
    line-height: 20px;
    box-sizing: border-box;
    text-align: center;
    font-family: '微軟正黑體' , 'Microsoft JhengHei';
    cursor: pointer;
}

.get-box a{
  font-size: 14px!important;  
}
#login a{
    font-size: 14px!important; 
}
.cat-part-main{
    width: 950px;
}
.cat-box-one {
    display: inline-block;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}
.cat-box-first span, .cat-box-one span {
    font-size: 14px;
}
.menu-list{
    width: 950px;
}
.menu-list dt a {
    font-size: 16px;
    line-height: 1em;
    color: #6ba487;
}
.menu-list dd a {
    font-size: 14px;
    line-height: 1em;
    color: #333;
}
.topMessage-main {
    width: 950px;
}
.info-container {
    width: 950px!important;
    margin: 0 auto;
    /* margin-top: -178px; */
    z-index: 9;
    position: relative;
}
.part-one-main {
    width: 950px;
}
.footer-search {
    width: 950px;
}
.footer-center-main {
    width: 950px;
}
.footer-Cookie-box {
    width: 950px;
}
.topMessage-left strong, .topMessage-left a {
    font-size: 14px;
}
.searchForm input::placeholder {
        font-size: 12px;

    } 
#main-content{
    width: 950px;
}
.main-box {
    width: 100%;
}
.main-top-nav{
    width: 100%;
}
.shoppingcart-one-title .order-quantity {
    width: 18%;
}
.shoppingcart-one .merchant-one-calc {
    width: 14.2%;
    margin: 0 0%;
    float: left;
    text-align: center;
}
.shoppingcart-one-title .order-price {
    width: 37%;
}
.free-block-top .part-proudct-select-one {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 72px) / 5);
    position: relative;
    max-width: 190px;
    border: 1px solid #fff;
    background-color: #f7f7f7;
}
.merchant-shoppingList {
    width: 950px;
}
.merchant-Shopnotice {
    width: 950px;
}
}
@media only screen and (max-width:810px){
body {
    /*min-width:auto;*/
    min-width: auto;
}
.accountLogin-sections-container .accountLogin-section-container:nth-child(even) {
    padding-left: 20px!important;
}

.accountLogin-sections-container .accountLogin-section-container:nth-child(odd) {
    padding-right: 20px!important;

}
  .login-login-content .form-group .input-text {
        width: 57%;
}
.shoppingcart-one .favorite-one .favorite-one-messge {
    width: 18.5%;
}
.merchant-shoppingList {
    width: 750px;
}
.merchant-Shopnotice {
    width: 750px;
}
.shoppingcart-one .merchant-one-calc {
    width: 16.2%;
    margin: 0 0%;
    float: left;
    text-align: center;
}
.shoppingcart-one .merchant-total-price {
   
    width: 150px;
    
}
  .header-main{
    width: 750px;
  }
  .search-box{
    width: 33%;
  }
  .search-input-box .search-top-btn {
    width: 11%;
    height: 20px;
    font-size: 14px!important;
    outline: none;
    border: none;
    cursor: pointer;
    background: url(/Images/glass.jpg) center center no-repeat #fff;
    background-size: 40%;
    border-radius: 5px 0 0 5px;
}
.search-input-box .key {
    width: 71%;
    height: 20px;
    color: #333;
    line-height: 20px;
    /* font-size: 10px; */
    border: none;
    border-radius: 5px 0 0 5px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none;
    font: 200 1px Arial;
}
.searchCat {
    width: 18%;
    height: 20px;
    float: left;
    background-color: #d1cbc9;
    position: relative;
}
.searchCat span {
    display: block;
    width: 100%;
    height: 20px;
    border-radius: 0 5px 5px 0;
    background-size: 24%;
    color: #1b5b34;
    font-size: 14px!important;
    line-height: 20px;
    box-sizing: border-box;
    text-align: center;
    font-family: '微軟正黑體' , 'Microsoft JhengHei';
    cursor: pointer;
}

.get-box a{
  font-size: 14px!important;  
}
#login a{
    font-size: 14px!important; 
}
.cat-part-main{
    width: 750px;
}
.cat-box-one {
    display: inline-block;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}
.cat-box-first span, .cat-box-one span {
    font-size: 14px;
}
.menu-list{
    width: 750px;
}
.menu-list dt a {
    font-size: 16px;
    line-height: 1em;
    color: #6ba487;
}
.menu-list dd a {
    font-size: 14px;
    line-height: 1em;
    color: #333;
}
.topMessage-main {
    width: 750px;
}
.info-container {
    width: 750px!important;
    margin: 0 auto;
    margin-top: -178px;
    z-index: 9;
    position: relative;
}
.part-one-main {
    width: 750px;
}
.footer-search {
    width: 750px;
}
.footer-center-main {
    width: 750px;
}
.footer-Cookie-box {
    width: 750px;
}
.prod_item_rt .prod_item ul li:last-child{
    display: none;
}
.prod_item_rt .prod_item ul li {
    width: 45%;
}
.prod_item_lt {
    width: 34%!important;
}
.prod_item_rt {
    width: 64%!important;
}
.topMessage-left strong, .topMessage-left a {
    font-size: 14px;
}
.footer-code-box {
    float: none;
    width: 100%;
}
#main-content{
    width: 750px;
}
.free-block-top .part-proudct-select-one {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 72px) / 4);
    position: relative;
    max-width: 190px;
    border: 1px solid #fff;
    background-color: #f7f7f7;
}

.merchant-shoppingList .thumb {
    width: 200px;
    height: 200px;
}

.merchant-shoppingList .productInfo .title {
    font-size: 20px;
    margin-top: -6px;
    margin-bottom: 15px;
}

.merchant-home-top .btnmore > a {
    font-size: 14px;
}

.merchant-home-top .btnmore i {
    width: 15px !important;
    height: 15px !important;
}

.merchant-shoppingList .productInfo .share-box > p {
    font-size: 12px;
    margin: 0 0 8px;
}

.merchant-shoppingList .productInfo .share-box > a img {
    height: 25px;
}

.merchant-Shopnotice span {
    font-size: 18px;
}

.merchant-content-select a {
    font-size: 18px;
}

.merchant-content-select .detail-selected-btn:after {
    font-size: 15px;
    left: calc(50% - 7.5px);
}

.pro-item .pro-name {
    font-size: 16px;
    height: 48px;
}

.pro-item .pro-name > span {
    font-size: 12px;
}

.pro-item .pro-shop > img {
    height: 18px;
}

.pro-item .pro-shop > span {
    font-size: 12px;
}

.pro-item .pro-price .now-price {
    font-size: 18px;
}

.pro-item .pro-price .old-price {
    font-size: 13px;
}

.merchant-product-box .pro-list {
    display: flex;
    flex-wrap: wrap;
}

.merchant-product-box .pro-item {
    width: 30%;
    margin-bottom: 50px;
}

.merchant-product-box .pro-item {
    margin-right: 0 !important;
}

.merchant-product-box .pro-item:not(:nth-child(3n)) {
    margin-right: 5% !important;
}

}
@media only screen and (max-width:769px){
body {
    /*min-width:auto;*/
    min-width: auto;
}
.Events .Events_list {
  width: 96%;
}
.Events .ptitle {
      width: 96%;
}
.Events .etitle {
    width: 96%;
}
.Events_plist {
    width: 96%;
}
.evenr_pro {
    width: 96%; 
}
.evenr_pro .part-proudct-select-one {
   width: calc((100% - 62px) / 3); 
}
.Events .Events_list .part-proudct-select-one {
    width: calc((100% - 62px) / 3);
}
.Events_plist .part-proudct-select-one {
    width: calc((100% - 62px) / 3);
}
.shoppingcart-one .favorite-one .favorite-one-messge {
    width: 18.5%;
}
.merchant-shoppingList {
    width: 98%;
}
.merchant-Shopnotice {
   width: 98%;
}
.shoppingcart-one .merchant-one-calc {
    width: 18.2%;
    margin: 0 0%;
    float: left;
    text-align: center;
}
.shoppingcart-one .merchant-total-price {
   
        margin: 40px 2.5% 0 6%;
    
}
  .header-main{
    width: 96%;
  }
  .search-box{
    width: 33%;
  }
  .search-input-box .search-top-btn {
    width: 11%;
    height: 20px;
    font-size: 14px!important;
    outline: none;
    border: none;
    cursor: pointer;
    background: url(/Images/glass.jpg) center center no-repeat #fff;
    background-size: 40%;
    border-radius: 5px 0 0 5px;
}
.search-input-box .key {
    width: 71%;
    height: 20px;
    color: #333;
    line-height: 20px;
    /* font-size: 10px; */
    border: none;
    border-radius: 5px 0 0 5px;
    box-sizing: border-box;
    padding: 0 5px;
    outline: none;
    font: 200 1px Arial;
}
.searchCat {
    width: 18%;
    height: 20px;
    float: left;
    background-color: #d1cbc9;
    position: relative;
}
.searchCat span {
    display: block;
    width: 100%;
    height: 20px;
    border-radius: 0 5px 5px 0;
    background-size: 24%;
    color: #1b5b34;
    font-size: 14px!important;
    line-height: 20px;
    box-sizing: border-box;
    text-align: center;
    font-family: '微軟正黑體' , 'Microsoft JhengHei';
    cursor: pointer;
}

.get-box a{
  font-size: 12px!important;  
}
#login a{
    font-size: 12px!important; 
}
.cat-part-main{
    width: 98%;
}
.cat-box-one {
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.cat-box-first span, .cat-box-one span {
    font-size: 14px;
}
.menu-list{
        width: 600px;
    margin-left: 20px;
}
.menu-list dt a {
    font-size: 16px;
    line-height: 1em;
    color: #6ba487;
}
.menu-list dd a {
    font-size: 14px;
    line-height: 1em;
    color: #333;
}
.topMessage-main {
    width: 98%;
}
.info-container {
    width: 98%!important;
    margin: 0 auto;
    /* margin-top: -178px; */
    z-index: 9;
    position: relative;
}
.part-one-main {
    width: 95%;
}
.footer-search {
    width: 98%;
}
.footer-center-main {
   width: 98%;
}
.footer-Cookie-box {
    width: 98%;
}
.prod_item_rt .prod_item ul li:last-child{
    display: none;
}
.prod_item_rt .prod_item ul li {
    width: 44%;
}
.prod_item_lt {
    width: 34%!important;
}
.prod_item_rt {
    width: 64%!important;
}
.topMessage-left strong, .topMessage-left a {
    font-size: 14px;
}
.footer-code-box {
    float: none;
    width: 100%;
}
#main-content{
    width: 98%;
}
.free-block-top .part-proudct-select-one {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 62px) / 3);
    position: relative;
    max-width: 190px;
    border: 1px solid #fff;
    background-color: #f7f7f7;
}

.header-main{
    justify-content: space-around;
}
.checkout-box-2 {
    width: 98%;
    /* margin: 0 auto; */
}
.Merchant-list:nth-child(n+3) {
    display: none;
}
.Merchant-list {
        width: 46.8%!important;
}
.footer-Cookie p {
    width: 100%;
}
}
/* 新增样式 */
@media screen and (min-width: 1366px) {
    .blockPage{
        width:956px !important;
        left:50% !important;
        transform: translateX(-50%) !important;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
    .blockPage{
        width:70% !important;
        left:50% !important;
        transform: translateX(-50%) !important;
    }
}
.blockPage{
    border: 0 !important;
    border-bottom: 2px solid #1d9d7a !important;
}
.blockPage div{
    font-size: 22px !important;
}
.blockPage .btn-box{
    text-align: center;
    padding-bottom: 25px;
}
.blockPage .block_page_title{
    background-color: #1d9d7a;
    padding: 12px;
    color: white;
    position: relative;
    text-align: left;
}
.blockPage .block_page_title .block_page_title_close{
    content: " ";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: transparent;
    right: 12px;
    transform: translateY(20%);
    cursor: pointer;


    background-image: url('../../../Images/closeDialog.png');
    background-size: 100% 100%;
}
.blockPage .block_page_content{
    padding: 12px;
    text-align: left;
}
.blockPage .block_page_content a{
    color: #0874AA;
}
#linkMsg{
    font-size: 22px !important;
    line-height: 25px !important;
    padding: 25px !important;
    text-align: left;
    min-height: 0 !important;
}
#linkMsg a{
    font-size: 22px !important;
    line-height: 25px !important;
    padding: 25px !important;
    color: #0874AA;
}
.MigContent1{
    font-size: 16px;
}

.prod_item_lt { width: 24%; display: inline-block;}
.prod_item_lt ul li { width: 100%!important ;    top: 0px!important;
    transition: 0.3s ease!important;}
.prod_item_rt { width: 74.5%; float: right; }
.prod_item .member-name {
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}
.prod_item .member-name img{
    width: 30px;
    margin-right: 5px;
}
.info-container {
    width: 1200px;
    margin: 0 auto;
    /* margin-top: -178px; */
    z-index: 9;
    position: relative;
}
.prod_item {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 30px;
}
.prod_item ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.prod_item ul li {
    background: #f7f7f7;
    border-spacing: 26px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 30%;
    padding: 10px;
    top: 0px;
    transition: top 0.3s ease;
}
.prod_item ul li:hover {
  top:-3px;  
}
.prod_item ul li span {
    font-size: 16px;
    text-align: left;
    width: 100%;
    display: inline-block;
    text-indent: 5px;
}
.prod_item .item_cont {
    max-width: 290px;
    margin: 0 auto;
    padding: 0;
    position: Relative;
}
.prod_item .item_cont .image {
   width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    height: 280px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 10px;
}
.prod_item .item_cont:hover .item_photo_box .image:after {
    display: block;
}
.prod_item .item_cont .p-message {
    display: flex;
    align-items: flex-end;
    padding: 0px;
}
.prod_item .item_cont .image:after {
    display: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.2);
    z-index: 10;
}
.prod_item .item_cont .p-message-right {
    text-align: left;
}
.prod_item .item_cont img {
       max-width: 100%;
    max-height: 100%;
}
.prod_item .fix_bnr{
    position: relative;
    width: 100%;
    /* float: left; */
    background: #ffca7f;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    margin: 0 auto;
    line-height: 400px;
}
.prod_item_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.prod_item_list .item {
    width: 46%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 2px;
    position: relative;
}
.prod_item_list .item a {
   display: flex;
    height: 125px;
    justify-content: center;
    justify-items: center;
    align-items: center; 
}
.prod_item_list .item .filterMask{
    width: 100%;
    height: 99%;
    position: absolute;
    background: rgba(130,196,195,.3);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    z-index: 0;
}
.prod_item_list .item p {
       position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6ba487;
    color: #fff;
    z-index: 9;
    line-height: 30px;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  
}

.prod_item_list .item img {
    max-width: 100%;
    max-height: 100%;
        width: 100%;
}
.prod_item .more {
    color: #6ba487;
    margin-top: 30px;
    margin-bottom: 20px;
}
.item_photo_box {
    position: relative;
    overflow: hidden;
    margin: auto;
}
.item_photo_box a {
    overflow: hidden;
        display: block;
    height: 100%;
}
.pro-store-name {
    color: #666;
    font-size: 12px;
    text-align: left;
}
.pro-store-collectionh {
    position: absolute;
    right: 5px;
    bottom: 10px;
}
.pro-store-collectionh img {
    width: 25px;
}
.item_info_l {

    width: 75%;
    display: inline-block;

}
.item_info_r {
   width: 20%;
   float: right;
   text-align: right;
}
.item_info_r .detail-p-name-collect {
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url(/Images/heart-green-o.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 21px;
    vertical-align: middle;
    display: inline-block;
    border: none;
}
.item_info_r .detail-p-name-collect-active{
    width: 24px;
    height: 22px;
    line-height: 22px;
    background-image: url("/Images/heart-green.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 22px; 
}
.item_info_r .detail-p-name-collect:hover {
    background-image: url(/Images/heart-green.png);
    background-color: transparent;
}
.item_info_r img {
    width: auto!important;
    margin-bottom: 5px;
}
.item_info_l_hot {
    text-align: left;
    color: #000;
    position: absolute;
    top: 0px;
}
.hot-icon {
    background: #fbe8ce;
    width: 30px;
    height: 15px;
    color: #cc3835;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}
.new-icon {
 background: url(/Images/new_icon.png) no-repeat center ;
 width: 50px;
    height: 25px;
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 25px;
}
.p-heart strong {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 13px;
}
.p-heart span {
    text-indent: 0px!important;
}
.p-heart .heart1 {
    background-image: url("../../Images/heart.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.p-heart .heart2 {
    background-image: url("../../Images/heart01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.Merchant-box-index {
    width: 100%;
}
.Merchant-name {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}
.Merchant-list {
    width: 30.8%;
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    top: 0px;
    transition: top 0.3s ease;
       position: relative;
       margin-left: 10px;

}
.Merchant-list:hover {
       top: -3px;
}
.Merchant-list .link {
        width: 100%;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
    justify-items: center;
    align-items: center;
    height: 243px;

}
.Merchant-list .link img {
     max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.Merchant-pic {
    display: flex;
    justify-content: space-between;
    justify-items: center;
    align-items: center;
}

.Merchant-pic .Merchant-products-list img {
    width: 100%
}
.ttl-group {
    zoom: 1;
    vertical-align: top;
    width: calc((100% - 5px) * 2 / 3);
    margin-right: 5px;
    height: 243px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
        height: 243px;
}
.Merchant-products-list {
    display: inline-block;
    width: 33%;
}
.Merchant-lt {
    width: 60%;
    float: left;
}
.Merchant-rt {
    float: right;
}
.Merchant-rt .M-more {
    background: #097c69;
    width: 100px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
}
.Merchant-rt .M-more a {
    color: #fff;
    display: block;
}
.Merchant-rt .M-more:hover {
    background: #214d32;
}
.Merchant-one-main {
    display: flex;
    /*justify-content: space-between;*/
    margin-bottom: 20px;
    margin-left: -10px;
}
.icon-add {
     display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.icon-add::before{ 
    content: '';
  width: 10px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 14px;
    left: 4px;
}
  .icon-add::after{ 
    content: '';
    width: 2px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    left: 8px;
  }
.m-card-product {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    /*margin: 0 1px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 25px) / 8);
    max-width: 190px;
    position: relative;
}
.m-card-product .product-link {
    color: #39393e;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    line-height: 1.4;
    width: 100%;
    position: relative;
}
.m-card-product .link-top {
    display: block;
    position: relative;
}
.m-card-product .image {
    width: 100%;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.m-card-product .image img {
    width: 100%
}
.merchant-title {
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 5px;
    background: #6ba487;
    border-top: 1px solid #6ba487;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
}
.Favorite-title-now {

    background: #fff;
    color: #6ba487;
    border-left: 1px solid #6ba487;
    border-right: 1px solid #6ba487;
    /* border-bottom: 1px solid #6ba487; */
    border-top: 1px solid #6ba487;
    border-radius: 10px 10px 0px 0px;
}
.order-box-top {
    margin-bottom: 20px;
}
.order-title {
background: #6ba487;
    color: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    margin-right: 10px;
    display: inline-block;
}
.order-box-top {
    margin-bottom: 20px;
}
.order-detail-box .order-one-title {
    width: 100%;
    border-bottom: 1px solid #6ba487
}
.order-detail-box .favorite-one {
   width: 100%;
    border-bottom: 1px solid #6ba487
}
.myDeliveryAddress .delivery-address{
    border:0px solid #fff;
}

.myDeliveryAddress .select-delivery-address .common-title span {
    background: #6ba487;
    color: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    margin-right: 10px;
    display: inline-block;
    font-size: 16px;
    text-indent: 0px;
}
.Refusename {
        color: #ff0000;
    display: inline-block;
    font-size: 14px!important;
    padding-right: 5px;
    padding-left: 5px;
    /* border-right: 1px solid #ff0000; */
    padding-bottom: 5px;
}
.banner_pic {
    height: 600px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.extension-show-box{
    width:100%;
    background:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    top:0;
    z-index:999;
        height: 100%;
}
.extension-show{
    position:fixed;
    display: flex;
    width:70%;
   /* height:50%;*/
    text-align:center;
    top:calc(25% - 20px);
    top:-webkit-calc(25% - 20px);
    top:-moz-calc(25% - 20px);
    left: 15%;
    z-index:999;
    background-color: #fff;
    padding:20px;
    border-radius:5px;
    box-shadow: 0 0 3px #000;
}
.extension-show .contact-box {
   display: flex;
    vertical-align: middle;
    font-size: 30px;
    line-height: 100%;
    justify-content: center;
    align-items: center;
}
.extension-show .contact-box img {
        max-width: 100%;
        max-height: 100%;
}
.extension-left-show {

    width: 80px;
    position: fixed;
    top: 20%;
    left: 0px;
    background: #6ba487;
    z-index: 99;
    border: 1px solid #6ba487;
    display: none;
}

.extension-left-show .picimg {

    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    
}
.extension-left-show .picimg img {
    max-width: 100%;
    max-height: 100%;
}
.extension-left-show .moreex {
        width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
        display: block;
}

.Checkout-remarks { width: 100% }
.Checkout-remarks p {
    padding-bottom: 10px;
    color: #6ba487;
    font-size: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;

}
.Checkout-remarks .remark-box {
    display:none;
}
.Checkout-remarks .remark-text{
    width: 98%;
    height: 70px;
    background: #fafafa;
    border: 1px solid #ebebeb;
    padding: 1%;
    border-radius: 5px;
}

/*默认主题背景*/
.free-block-backg {
/*background-image: url(/Images/BDMall/proudct_bg.jpg);*/
    background-repeat: no-repeat;
    background-position: center center;
      background-size: cover;
    /*background-color: #982b3e;*/
}

/*默认主题背景2*/
.free-block-backg2 {
/*background-image: url(/Images/BDMall/proudct_bg1.jpg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.merchant-total-price .ProdCoupon01{
    text-decoration: line-through;
}
.merchant-total-price .ProdCoupon02{
   color: #982b3e;
   padding: 10px 0;
}
.clickDiscount {
   margin: 30px 0% 0 6%;
    float: left;
}
.clickDiscount-box {
        background: #efefef;
    padding: 10px;
}
.clickDiscount-box p{
 color: #982b3e;
 line-height: 30px;
}
.m-react-select{
    position: relative;
}
.m-react-select select {
    position: relative;
    padding: 8px 34px 8px 12px;

    width: 100%;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #6ba487;
    border-radius: 5px;
}
.m-react-select:after {
    content: "";
    position: absolute;
    top: 50%;
    pointer-events: none;
    right: 12px;
    margin-top: -3px;
    border: 6px solid transparent;
    border-top-color: #6ba487;
}
.time-tip  {
    display: block;
    margin-bottom: 10px;
    color: #f44336;
    font-size: 16px;
}
.window-detail-timetip {
    background-color: #f3f3f3;
    text-align: center;
    color: #dc1010;
    line-height: 30px;
}
.shoppingcart-price {
    width: 100%;
    display: inline-block
    
}
.shoppingcart-price p {
    margin-bottom: 25px;
    text-align: right;
    width: 50%;
    float: right;
}

.shoppingcart-price p span {
    display: inline-block;
    font-size: 18px;
    color: #6ba487;
    line-height: 40px;
    width: 42%;
    vertical-align: top;
    margin-left: 3%;
}

.shoppingcart-price p span:first-child {
    width: 50%;
    text-align: right;
    color: #6ba487;
    margin-left: 0px;
    font-size: 25px;
}

.shoppingcart-price .g {
    color: #6ba487;
    font-size:25px;
}
.e_select {
   min-width: 107px;
    text-align: center;
    outline: none;
    position: relative;
    /* margin-right: 18px; */
    background: #fff;
    border-radius: 5px;
    margin-top: 5px;
}
.e_select > p {
    font-size: 16px;
    color: #000;
    background-image: url(/Images/select-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-left: 15px;
    padding-right: 30px;

    height: 36px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
 
    align-items: center;
    cursor: pointer;
    margin: 0;
}
.e_select > p img,
.e_select li p img{
    width: 34px;
    margin-right: 8px;
}
.e_select ul {
    position: absolute;
    top: 100%;
    width: 400px;
    z-index: 3;
    display: none;
}
.e_select li {
    background-color: #fff;
    margin-top: 6px;
    border: 1px solid #ccc;    
    border-radius: 5px;
    height: 34px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.e_select li p {
    font-size: 16px;
    margin: 0;
    color: #6ba487;
    width: 80%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
.Transin-window {
    position: fixed;
    width: 300px;
    height: 315px;
    top: 30%;
    left: 39%;
    display: none;
    z-index: 999;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 3px #000;
}
.Transin-window .titlename {
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
}
.Transin-window .transin-box {
    width: 50%;
    margin: 0 auto;
}
.Transin-window .transin-box span {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px 0;
        font-size: 16px;
    color: #089874;

}


.modal-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 99
}

.player {
  position: fixed;
  width: 50vw;
  height: 60vh;
  background-color: #000;
  top: 20vh;
  left: 25vw;
  display: flex;
  flex-direction: column;
  z-index: 999;
}

.player .timing {
  background-color: #fff8e9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}

.player .timing p {
  font-size: 18px;
  display: inline-block;
}
.player .timing p a {
   font-size: 18px; 
       text-decoration: underline;
    color: #ff5722;
}

.player .timing span {
  font-size: 20px;
  cursor: pointer;
}
.player .timing .sanhuo span:nth-child(1) {
    animation: blink 1s steps(1, start) 1.66s infinite;
}

.player .timing .sanhuo span:nth-child(2) {
  animation: blink 1s steps(1, start) 1.66s infinite;
}



@keyframes blink {
  33% {
    color: #FF4057;
  }
  66% {
    color: #FF8260;
  }
}
.player .player-box {
  width: 100%;
  height: 100%;
  position: relative;
}
/*.player .player-box div{
    width: 100%;
  height: 100%; 
}*/
.player .video-js {
  width: 100%;
  height: 100%;
}

.player .player-box > span {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #fff;
  z-index: 3;
  border: 1px solid #fff;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 10px;
  top: 10px;
}
.Videowindow {
    position: absolute;
    top: 40%;
    width: 200px;
    left: 35%;
    background: rgb(44, 102, 67);
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 10px;
    display: none;
}
.Videowindow p {
    cursor: pointer;
    color: #fff;
    padding: 5px 0;
}
.videolading{
  position: absolute;
    width: 40px;
    margin: 0 auto;
    background: rgba(255,255,255,0.4);  
}
.tm-video-play {
  
    font-family: tm-detail-font;
    font-size: 36px;
    bottom: 10px;
    left: 10px;
}
.tm-video-play, .tm-video-stop {
    font-style: normal;
    cursor: pointer;
    z-index: 900;
    position: absolute;
}
.tm-video-stop {
       font-family: tm-detail-font;
    width: 36px;
    height: 36px;
    line-height: 42px;
    top: -10px;
    right: 100px;
    /* display: none; */
    background: #6ba487;
    border-radius: 18px;
    text-align: center;
    z-index: 999;
}
.tm-video-box {
    width: 400px;
    height: 410px;
        position: absolute;
    left: 0;
    top: -10px;
    z-index: 999;
}
.lib-video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.lib-video video {
     background: #fff; 
     width: 100%; 
     height: 100%; 
}
.lib-video .example_video-dimensions {
    width: 100%;
    height: 100%;
}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.lib-video .video-js {
    background-color: #fff;
}
.Merchant-one-main .part-product-list {
    width: 96%;
    margin: 0 auto;
}
.form-group .Areacode  {
    border-radius: 5px;
    border: 1px solid #6ba487;
        margin-left: 10px;
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    float: left;
        width: 130px;
}
.form-group .Areacodeinput {
    
   width: 400px!important;
}
.prod_item .list-turn {
    background-color: #fff;
    box-shadow: 1px 1px 4px #9e9e9e;
    width: 40px;
    height: 40px;
}
.prod_item .list-turn-next {
    background-size: 22%;
    right: 0%;
}
.prod_item .list-turn-prev {
    left: -2%;
    background-size: 22%;
}
.Merchant-one-main .part-proudct-select-one {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    /* margin: 0 12px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 62px) / 3);
    position: relative;
    max-width: 32.8%;
    margin-right: 2.5%;
}
.prod_item .part-proudct-select-one {
    background: #f7f7f7;
    border-spacing: 26px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: calc((100% - 62px) / 3);
    max-width: 30%;
    padding: 10px;
    top: 0px;
    transition: top 0.3s ease;
}
.prod_item .part-product-list span {
    font-size: 16px;
    text-align: left;
    width: 100%;
    display: inline-block;
    text-indent: 5px;
}
.prod_item .part-product-list .swiper-container {
    padding-top: 0px;
}
.form-group .Areacodeinput500 {
     width: 510px!important;
}
.Merchant-one-main .part-proudct-select-one .link img {
     max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.Merchant-one-main .part-proudct-select-one .link {
        width: 100%;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
    justify-items: center;
    align-items: center;
    height: 243px;

}
.eventpop {
       position: fixed;
    bottom: 40%;
     width: 300px;
    height: 100px;
    background-color: #ff7da2;
    z-index: 20;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 1px 1px 3px #000;
    text-align: center;
    padding: 20px 0;
    z-index: 9999;
    box-sizing: initial;
    -webkit-box-sizing: initial;
}
.eventpop p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    text-indent: 15px;
    line-height: 200%;
}
.eventpop .eventbar {
    width: 25px;
    height: 100px;
    position: absolute;
    right: -25px;
    top: 0px;
    background-image: url(../../Images/turn-b-left-hover.png);
    display: block;
    background-repeat: no-repeat;
    background-color: #ffee52;
    padding: 20px 0;
    background-position: center;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}
.evenr_pro .title span {
    background: #ffee52;
    padding: 5px 20px;
    color: #42a8ca;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}
.eventpop span{
/*    border-radius: 11px;
border: 1px solid #ffee52*/;
width: 16px;
height: 16px;
display: block;
color: #ffee52;
position: absolute;
bottom: 10px;
right: 10px;
padding: 2px;
}



/*新順豐快遞*/
.shipment_btn {
    margin: 100px 0 30px;
    border-radius: 5px;
    position: relative;
}

.shipment_btn .fixed-top-box {
    background-color: #6ba487;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    height: 90px;
    box-sizing: border-box;
}

.shipment_btn .title-top {
    position: relative;
    display: inline-block;
    margin-top: -95px;
    font-size: 0;
}

.shipment_btn .title-top > img {
    width: 160px;
    z-index: 2;
    position: relative;
}

.shipment_btn .title-top > p {
    position: absolute;
    background: #fff;
    color: #6ba487;
    white-space: nowrap;
    padding: 3px 15px 3px 50px;
    font-size: 24px;
    border-radius: 5px;
    left: 43%;
    bottom: 7px;
    border: 1px solid #fff;
    min-width: 230px;
    box-sizing: border-box;
    text-align: center;
}

.select_express {
    padding: 50px 0;
}

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

.select_express li {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}

.select_express li:not(:nth-child(3n)) {
    margin-right: 5%;
}

.select_express li > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.select_express li > div > img {
    width: 150px;
    margin-bottom: 30px;
}

.select_express li > div > p {
    font-size: 22px;
    color: #6ba487;
}

.select_express li > a {
    display: inline-block;
    min-width: 100px;
    background-color: #6ba487;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 22px;
    padding: 3px 10px;
    box-sizing: border-box;
}

.DeliveryAddress {
    margin: 65px 0 12px;
    border: 1px solid #6ba487;
    border-radius: 5px;
    position: relative;
}

.DeliveryAddress .selectedDelMsg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 26px;
    color: #fff;
    background-color: #6ba487;
    padding: 8px 14px;
}

.DeliveryAddress > div {
    padding: 35px 40px;
    border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.DeliveryAddress table {
    margin-top: 35px;
}

.DeliveryAddress table td:first-child {
    padding: 5px 0;
    font-size: 22px;
    color: #999;
}

.DeliveryAddress table td:not(:first-child) {
    padding: 5px 0;
    font-size: 22px;
    color: #6ba487;
}

.DeliveryAddress .changeAddr_btn {
    max-width: 20%;
    position: relative;
    padding: 0 30px;
    box-sizing: border-box;
}

.DeliveryAddress .changeAddr_btn:before {
    content: '';
    width: 1px;
    height: 120%;
    position: absolute;
    top: -10%;
    left: -30px;
    background-color: #CBCBCB;
}

.DeliveryAddress .changeAddr_btn > a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    position: relative;
}

.DeliveryAddress .changeAddr_btn > a > img {
    width: 70px;
}

.DeliveryAddress .changeAddr_btn > a > span {
    font-size: 22px;
    color: #6ba487;
    margin-top: 20px;
}

.select_sd_win {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    touch-action: manipulation;
    z-index: 99;
    display: none;
}

.sd-bg-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
}

.sd-win-content {
    width: 80%;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 60px 20px 20px;
    border-radius: 15px;
    -webkit-animation: show-modal 0.5s ease forwards;
    animation: show-modal 0.5s ease forwards;
}

.sd-win-content .scroll-content {
    margin: 15px;
    max-height: 80vh;
    overflow-y: auto;
    padding: 0 12%;
}

.sd-win-content .close_btn {
    font-size: 30px;
    color: #fff;
    background: #6ba487;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: absolute;
    top: 25px;
    right: 30px;
    padding-bottom: 6px;
    box-sizing: border-box;
}

.sd-win-content > .back_btn {
    font-size: 18px;
    color: #fff;
    background: #6ba487;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: absolute;
    top: 25px;
    left: 30px;
    box-sizing: border-box;
    padding: 5px 15px;
    border-radius: 5px;
}

.sd-win-content .select_delivery {
    margin-bottom: 30px;
}

.sd-win-content .select_delivery ul {
    display: flex;
    justify-content: center;
}

.sd-win-content .select_delivery li {
    width: 285px;
    padding: 40px;
    box-sizing: border-box;
}

.sd-win-content .select_delivery li.selected {
    border: 2px solid #6ba487;
    border-radius: 15px;
}

.sd-win-content .select_delivery li:not(:last-child) {
    margin-right: 8%;
}

.sd-win-content .select_delivery li .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    width: 180px;
    height: 130px;
}

.sd-win-content .select_delivery li .img-box img {
    max-width: 100%;
    max-height: 100%;
}

.sd-win-content .select_delivery li p {
    font-size: 24px;
    color: #6ba487;
    margin-bottom: 15px;
}

.sd-win-content .select_delivery li span {
    font-size: 18px;
    color: #999999;
    line-height: 35px;
}

.selected_delivery {
    margin-bottom: 25px;
}

.selected_delivery li {
    padding: 20px 0;
    border-bottom: 2px solid #CCCCCC;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selected_delivery li > div {
    width: 85%;
    display: flex;
    align-items: center;
}

.selected_delivery li > div .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 35px;
}

.selected_delivery li > div .img-box img {
    width: 180px;
}

.selected_delivery li > div p {
    font-size: 24px;
    color: #6ba487;
    margin-bottom: 10px;
}

.selected_delivery li > div span {
    font-size: 18px;
    color: #999999;
    line-height: 35px;
}

.new_addr_btn {
    display: inline-block;
    background-color: #6ba487;
    color: #fff;
    padding: 5px 10px;
    font-size: 20px;
    min-width: 270px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
}

.new_addr_btn[disabled] {
    background-color: #999999;
}

.new_addr_btn strong {
    font-size: 22px;
    color: #fff;
}

.top_addr_btn {
    border-bottom: 2px solid #CCCCCC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.top_addr_btn a {
    display: inline-flex;
    padding: 8px 10px;
    font-size: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    min-width: 230px;
    margin-bottom: 25px;
}

.top_addr_btn a:not(.postage) {
    color: #6ba487;
    background-color: #fff;
    box-shadow: 0 0 5px 0 #999; 
}

.top_addr_btn a:not(.postage).selected {
    border: 2px solid #6ba487;
}

.postage {
    display: inline-flex;
    padding: 8px 10px;
    font-size: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    min-width: 230px;
    background-color: #6ba487;
    color: #fff;
}

.address-form {
    margin: 40px 0;
    padding: 30px 20px;
    border-radius: 10px;
    position: relative;
    display: none;
}

.address-form p.errorTip {
    font-size: 14px;
    margin: 10px 0 0;
}

.address-form[name="new-address"] {
    background-color: #6ba487;
    margin-bottom: 58px;
}

.address-form[name="edit-address"] {
    box-shadow: 0 0 5px 0 #999;
    border-radius: 5px;
}

.address-form .form-group {
    margin-bottom: 30px;
}

.address-form .form-group > label {
    display: block;
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
}

.address-form input[type="text"] {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    font-size: 22px;
    color: #6ba487;
    padding: 10px 30px 10px 12px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 5px;
}

.address-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    font-size: 22px;
    color: #6ba487;
    background-color: #fff;
    padding: 10px 30px 10px 12px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background-image: url(/Images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 12px auto;
    border-radius: 5px;
    width: 100%;
}

.region-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.region-box select {
    min-width: 32%;
}

.region-box select:not(:last-child) {
    margin-right: 2%;
}

.address-form .form-group.region > p.errorTip:not(:first-of-type) {
    display: none !important;
}

.address-form .submit_btn {
    display: block;
    background-color: #fff;
    color: #6ba487;
    padding: 5px;
    font-size: 24px;
    width: 150px;
    text-align: center;
    border-radius: 5px;
    margin: 70px auto 12px;
}

.address-form .quit_btn {
    font-size: 24px;
    color: #6ba487;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding-bottom: 5px;
    box-sizing: border-box;
    margin-left: 25px;
    position: absolute;
    top: 25px;
    right: 20px;
    cursor: pointer;
}

.address-form[name="edit-address"] .back_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    color: #fff;
    background: #6ba487;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.address-form[name="edit-address"] .form-group > label {
    color: #6ba487;
}

.address-form[name="edit-address"] select,
.address-form[name="edit-address"] input[type="text"] {
    border-color: #6ba487;
}

.address-form[name="edit-address"] .submit_btn {
    background-color: #6ba487;
    color: #ffffff;
}

.addr_list {
    margin: 45px 0;
}

.addr_list li {
    margin: 35px 0;
} 

.addr_list li .addr_card {
    padding: 20px 25px; 
    box-shadow: 0 0 5px 0 #999;
    border-radius: 5px;
    cursor: pointer;
}

.addr_list li .addr_card.selected {
    border: 2px solid #6ba487;
}

.addr_list li .addr_card table td:first-child {
    padding: 5px 0;
    font-size: 22px;
    color: #999;
}

.addr_list li .addr_card table td:not(:first-child) {
    padding: 8px 0;
    font-size: 22px;
    color: #6ba487;
}

.addr_list li .addr_card table td.handle_btn .edit_btn {
    font-size: 20px;
    color: #fff;
    background: #6ba487;
    padding: 5px 15px;
    border-radius: 5px;
}

.addr_list li .addr_card table td.handle_btn .edit_btn:not(:first-child) {
    margin-left: 10px;
}

.addr_list li .addr_card table td.handle_btn .delete_btn {
    font-size: 24px;
    color: #fff;
    background: #6ba487;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding-bottom: 5px;
    box-sizing: border-box;
    margin-left: 25px;
}

.addr_list li .addr_card[disabled] table td:not(:first-child) {
    color: #999999;
}

.addr_list li .addr_card[disabled] table td.handle_btn .edit_btn {
    background: #999;
}

.addr_list li .addr_card[disabled] table td.handle_btn .delete_btn {
    background: #999;
}

.address-form[name="fillIn-address"] {
    padding: 0;
    display: block;
}

.address-form[name="fillIn-address"] .form-group > label {
    color: #6ba487;
}

.address-form[name="fillIn-address"] select,
.address-form[name="fillIn-address"] input[type="text"] {
    border-color: #6ba487;
}

.sd-win-content .operate_btn {
    text-align: center;
    margin: 60px 0 30px;
}

.sd-win-content .operate_btn > a {
    display: inline-block;
    background-color: #6ba487;
    color: #fff;
    padding: 9px 12px;
    font-size: 22px;
    width: 230px;
    text-align: center;
    border-radius: 5px;
}

.sd-win-content .operate_btn > a[disabled] {
    background-color: #999;
}
.ProductIcons {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
  
  /*  display: inline-block;*/
}
.ProductIcons .picIcons { 
    display: block;
    margin-top: 10px;
  /*  margin-bottom: 10px;
    margin-right: 10px;*/

}
.ProductIcons .picIcons img{ 
    width: 60px;
    max-height: 60px;
   /* margin-right: 10px;
    margin-bottom: 10px;*/
}
.allProductIcons {
    position: absolute;
    top: 0;
        right: 3px;
    min-width: 30px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.allProductIcons .picIcons {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
      margin-top: 5px;

}
.allProductIcons .picIcons img{ 
    width: 45px;
    max-height:45px;
    margin-bottom: 5px;
}
.part-one-main-yub {
    width: 50%!important;
        float: right;
}
.main-yub {
    width: 45%;
    float: left;
    padding: 20px 0;
}
.part-one-main-yub .list-turn-next{
    right: -4%;
}
.part-one-main-yub .list-turn-prev{
    left: -4%;
}
.part-one-main-yub .part-proudct-select-one {
    width: calc((100% - 42px) / 3);
}
.top_addr_box {
    width: 100%
}
.top_addr_box p {
    margin-bottom: 10px;
    color: #6ba487;
    font-size: 18px;
    font-weight: bold;
}
.detail-p-attr .common-num-title span{
    color: #e40202!important;
    font-size:16px!important;
}
.detail-p-attr .common-num-min {
    color: #e40202;
    font-size:16px;
    display: inline-block
}
.accountLogin-sections-container {
        height: 390px;
    padding: 45px;
    border: 1px solid #DDD;
}
.accountLogin-sections-container .accountLogin-section-container {
    float: left;
    width: 45%;
    height: 100%;
}
.login-login-top {
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
}
.accountLogin-sections-container .accountLogin-section-container:nth-child(odd) {
    padding-right: 45px;
    border-right: 1px solid #DDD;
}
.login-method-divider {
    position: relative;
    height: 16px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.login-method-divider:before {
    display: block;
    width: 100%;
    padding-top: 7px;
    border-bottom: 1px solid #979797;
    content: "";
}
.login-method-divider span {
    display: inline-block;
    position: relative;
    top: -8px;
    padding: 0 1em;
    background-color: #FFF;
    color: #222222;
    font-size: 14px;
    line-height: 16px;
}
.accountLogin-sections-container .accountLogin-section-container:nth-child(even) {
    padding-left: 45px;
}
.login-section-header {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #222;
}
.accountLogin-register-caption {
    font-size: 18px;
    line-height: 22px;
}
.accountLogin-register-registerButtonContainer {
    margin-top: 30px;
    margin-bottom: 20px;
}
.accountLogin-register-registerButton {
    min-height: 42px;
    min-width: 102px;
    background-color: #6ba487;
    padding: 10px 40px;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-size: 16px;
    line-height: 42px;
    font-weight: bold;
    text-align: center;
}
.accountLogin-register-bannerContainer {
    margin-top: 20px;
    text-align: center;
}
.accountLogin-register-bannerContainer img {
    width: 100%
}