@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: 770px;
}

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');} */
body {
    font-family: "proxima_nova","Arial","Heiti TC","Microsoft JhengHei","Microsoft Yahei","PMingLiU","sans-serif";
}

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

[v-cloak] {
    display: none;
}

/* 基础隐藏样式 - 仅屏幕阅读器可见 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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

.header-main {
    width: 1200px;
    margin: 0 auto;
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-main .header-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.header-main .header-right .icon {
    width: 30px;
    margin-right: 5px;
    vertical-align: middle;
}

.header-main .header-right>div{
    margin-right: 20px;
}

.header-main .header-right>div:last-child {
    margin-right: 0;
}

#login {
    /*float: left;*/
    color: #333;
    font-size: 13px;
    position:relative;
}

#login a {
    color: #333;
    font-size: 14px;
    transition: 0.3s ease;
}
#login a:hover{
    color: #078263;
    transition: 0.3s ease;
}
#login .top-menu-btn{
    background: url("/Images/select-down-arrow.png") no-repeat 100% center;
    background-size: 11px auto;
    padding-right: 16px;
}
.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:34px;
    display: none;
    z-index:99;
}
.top-member-menu a{
    display:block;
    font-size:16px;
    color:#333;
}
.top-member-menu a:hover{
    background-color:#f4f4f4;
}
.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;
    font-size: 14px;
}

.select #code-select{
    width: auto;
    text-align-last: right;
    padding-right: 16px;
    font-size: 14px;
}
.top-news {
/*    width: 475px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    height:19px;
    position: relative;*/
    width: 20%;
    margin: 0 10px;
    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: 50px;
    left: -430px;
    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: #522a80;
    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: #018568;
    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;
    appearance: none;
    border: 0;
}

.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: #018568;
}
.goToCart a:hover{
    background-color: #522A80;
    color: #ffffff;
    transition: 0.3s ease;
}

/*logo-part*/
.logo-part-main {
    width: 1200px;
    margin: 45px auto;
}

.search-box {
    /*float: left;*/
    /*margin-top: 12px;*/
    position:relative;
    /*background-color: #fff;*/
    display: flex;
    padding: 2px;
}
.search-box a{
    display: inline-block;
    margin-right: 12px;
}
.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:252px;
    /*transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);*/
    opacity:1;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    /*z-index:-1;*/
    display: inline-block;
    position: relative;
}

.search-input-box .search-icon {
    position: absolute;
    left: 6px;
    width: 22px;
    top: 4px;
}
.search-input-box form,.search-input-box .searchForm {
    border:1px solid #522a80;
    border-radius:5px;
}
.search-input-box input{
    float:left;
}
.search-input-box .key{
    width: 200px;
    height: 27px;
    color: #333;
    line-height: 27px;
    font-size: 14px;
    border: none;
    border-radius: 5px 0 0 5px;
    box-sizing: border-box;
    padding: 0 5px 0 32px;
    outline: none;
}
.search-input-box .search-top-btn{
    width:50px;
    background-color:#078263;
    text-align: center;
    font-size:14px;
    border-radius:0 5px 5px 0;
    outline: none;
    color:#fff; 
    border:none;
    height:27px;
    line-height: 27px;
    cursor: pointer;
}
.search-input-box-a{
    opacity:1;
    z-index:3;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
}
.logo-box {
    text-align: center;
    width:187px;
    margin:0 auto;
}

.h-box {
/*    float: right;
    margin-top: 12px;*/
}

.h-box .top-icon,.h-box .top-cart-icon {
/*    float: right;
    margin-left: 30px;*/
    position:relative;
}

.h-box .top-icon>a {
    display: inline-block;
    width: 29px;
    height: 29px;
    vertical-align: middle;
}

.h-box .top-cart-icon .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    background-image: url("../../Images/cart-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.h-box .top-cart-icon .icon strong {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #522a80;
    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;
}

/*nav*/
#nav {
    background-color: #522a80;
}

.nav-main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.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: 16px;
    padding: 22px 12px;
    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 #0b9b78;
    text-decoration:none;
}

/*nav meassge*/
#topMessage {
    background-color: #2f064b;
}

.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: 14px;
    color: #fff;
    font-weight: normal;
    margin-right: 8px;
}
.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:#522a80; 
}
.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 {
    min-width: 600px;
    position: relative;
}

.BannerSwiper .swiper-slide {
    width: 960px; 
    height: 400px;
    position: relative;
}

.BannerSwiper .swiper-slide img {
    width: 960px;
    height: 400px;
}

.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;
    appearance: none;
    border: 0;
}

.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;
    appearance: none;
    border: 0;
}

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

.BannerSwiper .swiper-button-next:after, 
.BannerSwiper .swiper-button-prev:after {
    display: none;
}

.stop-btn {
    position: absolute;
    z-index: 1;
    appearance: none;
    border: 0;
    background: transparent;
    bottom: 10px;
    left: 10px;
}

/*-------*/



/*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: 30px 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: 4px; 
    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:400px;
}
.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 #078263;
}
.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: #018568;
    font-size:13px;
}

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

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

.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/star-1.png");
    background-repeat: no-repeat;
    background-position: center center;
}

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

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

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

.p-message-right .now-price {
    font-size: 20px;
    width:auto;
    color: #018568;
    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{
    top:-4px;
    right:-19px;
    background:url("/Images/icon-bg.png") no-repeat center 0;
    width:60px;
    height:30px;
    text-align:center;
    transform:rotate(45deg);
    transform-origin:50% 50%;
}

.decoration-icon-new{
    background:url("/Images/icon-bg-purple.png") no-repeat center 0;
}
.shop-product-one .decoration-icon{
    top:0;
}
.detail-p-big-img .decoration-icon{
    top:-4px;
    right:-18px;
}

.top-ten-prev,
.top-ten-next {
    width: 40px;
    height: 40px;
    background-color: #078263;
    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-text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}

.part-product-list-adv {
    width: 30%;
}

.part-product-list-adv img {
    width: 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{
    width: 22%;
}

.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: #fff;
    border:1px solid #ccc;
     box-sizing: border-box;
    transition:top 0.3s ease;
    overflow: hidden;

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

.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: -4%;
    background-image: url("../../Images/turn-b-left.png");
}

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

/*绿色*/
.free-block-green .list-turn {
    background-color: #009876;
    transition: 0.3s ease;
    cursor: pointer;
}
.free-block-green .list-turn:hover{
    background-color: #006442;
    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;
    top: -15px;
}

.part-one-main-title-mark strong {
    display: inline-block;
    height: 57px;
    vertical-align: middle;
}

.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 60px;
    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: #fff;
    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 {
    background-color: #078263;
    display: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: #522a80;
    border: none;
    font-size: 14px;
    transition: 0.3s ease;
}
.footer-search-box .search-btn:hover{
    background-color: #06624c;
    transition: 0.3s ease;
    cursor: pointer;
}

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

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

.footer-nav {
    float: left;
    width: 70%;
}

.footer-nav .nav-item {
    float: left;
    width: 20%;
}

.footer-nav .nav-item h2 {
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    transition: 0.3s ease;
}

.footer-nav ul li {
    margin: 10px 0;
}

.footer-nav ul li a,
.footer-nav ul li button {
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
    transition: 0.3s ease;
    appearance: none;
    border: 0;
    outline: none;
    cursor: pointer;
    background: unset;
}

.footer-nav ul li a:hover,
.footer-nav ul li button:hover {
    margin-left: 10px;
    transition: 0.3s ease;
}

.footer-code-box {
    width: 30%;
    float: left;
    box-sizing: border-box;
    padding-left: 76px;
}

.footer-code {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.footer-code > span img {
    height: 32px;
}

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

.footer-code-box span {
    width: auto;
}

.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;
}

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

.footer-Cookie{
    box-sizing: border-box;
    padding: 18px;   
    background-color: #522a80;   
}
.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: #fff;
    line-height: 20px;
  
}

.footer-Cookie-btn .float_close{width: 60px;}
.footer-Cookie-btn .float_close button {
    display: block;
    width: 40px; 
    height: 40px;
    margin-left: 7px; 
    background-image: url(../../Images/close.png);
    background-repeat: no-repeat;
    -webkit-transition: all 400ms;
    background-position: center center;
    cursor:pointer;
    appearance: none;
    border: 0;
    background-color: transparent;
 }

.footer-remark {
    position: absolute;
    width: 320px;
    box-sizing: border-box;
    padding: 18px;
    bottom: 40px;
    background-color: #522a80;
    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: #522a80;
    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: #eb456b;
    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: #eb456b;
    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:#522a80; 
} 
.product-sort{
    text-align: right;
    font-size:14px;
    color:#333;
    line-height: 23px;
    margin-bottom:15px;
}
.product-sort select{
    display: inline-block;
    font-size:14px;
    vertical-align: top;
    color:#333;
    padding:0;
    outline:none;
    cursor: pointer;
    border:none;
    background-color: #ccc;
    line-height: 23px;
    height:23px;
    vertical-align: top;
}
.product-sort select option{
    padding:0;
    font-size:14px;
}
.main-banner {
    width: 100%;
    margin: 30px auto 18px;
}

.main-banner img {
    width: 100%;
    max-height:400px;
}

.main-box {
    width: 1200px;
}

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

.p-category-box {
    background-color: #f4f4f4;
}

.p-category-box-title {
    background-color: #522a80;
    box-sizing: border-box;
    padding: 14px 26px;
}

.p-category-box-title h2 {
    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/category-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.p-category-nav {
    width: 90%;
    margin: 0 auto;
}

.p-category-nav-one {
    background-image: url("../../Images/cat-border-bottom.png");
    background-repeat: repeat-x;
    background-position: 0 bottom;
}

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

.main-box-right-top {
    background-color: #078263;
}

.main-box-right-top .main-box-right-title {
    float: left;
    padding: 14px 15px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    border-left: 7px solid #03785b;
    font-weight: normal;
}

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

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

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

.top-position .p-other {
    background-color: #03785b;
    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: #078263;
}
.product-list-page .part-proudct-select {
    display: block;
}

.product-list-page .part-proudct-select .part-proudct-select-one {
    width: 18%;
    height:410px;
    float: left;
    margin: 0 3.5%;
    margin-bottom: 45px;
}
.cat-product-list .part-proudct-select .part-proudct-select-one{
    width:26%;
    height:400px;
}

/*
產品詳情
 */
.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: #078263;
    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;
}
#bigpic{
    width: 400px;
    height: 400px;
    position:relative;
    float:left;
    overflow: hidden;
}
.detail-p-big-img {
    width: 400px;
    height: 400px;
    position:relative;
}

.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: 400px;
    height: auto;
    max-height: 100%;
    display: block;
}

.detail-p-small-img {
    float: left;
    width: 75px;
    margin-left: 18px;
}

.small-img-controll button {
    display: inline-block;
    vertical-align: middle;
    width: 47%;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    appearance: none;
    border: 0;
    background-color: #fff;
}

.small-img-controll .small-img-up {
    background-image: url("../../Images/p-d-up-arrow.png");
}

.small-img-controll .small-img-down {
    background-image: url("../../Images/p-d-down-arrow.png");
}

.detail-p-small-img-box {
    margin-top: 15px;
    height: 352px;
    overflow: hidden;
}

.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-text {
    font-size: 22px;
    color: #000;
    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: 32px;
    height: 32px;
    line-height: 32px;
    background-image: url("/Images/collectionh-icont.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 28px; 
}
.detail-product-handle .detail-p-name-collect:hover{
    background-image: url("/Images/collection-icon.png");
}
.detail-product-handle .detail-p-name-collect-active{
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-image: url("/Images/collection-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 28px; 
}

.detail-p-attr {
    margin-top: 20px;
}

.detail-p-attr p {
    font-size: 16px;
    color: #666;
    float: left;
    line-height: 34px;
}

.detail-p-attr p select{
   border:none;
   font-size: 14px;
   color:#000;
   width:70px;
   outline:none;
   background-color: #eaece9;
   padding:7px 0;
   cursor: pointer;
}

.detail-p-attr p:nth-of-type(1) {
    width: 25%;
}
.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 a {
    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;
    border: none;
    background-color: #eaece9;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    margin: 0 1px;
}
.common-num p{
    height: 32px;
    line-height: 32px;
}
.detail-p-attr .old-price {
    display: inline-block;
    text-decoration: line-through;
    font-size: 18px;
    color: #666;
    vertical-align: top;
    font-weight:bold;
}

.detail-p-attr .now-price {
    display: inline-block;
    font-size: 28px;
    color: #018568;
    font-weight: bold;
    vertical-align: top;
}
.d-share-box{
    text-align: right;
    margin-bottom: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;
    align-items: center;
    margin-top: 25px;
}

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

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

.add-buy-btn:hover{
    background-color: #522a80;
    transition: 0.3s ease;
}

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

/*兼容IE11*/
.d-buy-btn-ie {
    color: #fff;
    font-size: 20px;
    padding: 14px 30px;
    background-color: #522a80;
    transition: 0.3s ease;
    flex-shrink: 0;
}

.d-buy-btn-ie:hover{
    background-color: #089875;
    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-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;
    border-right: 1px solid #ccc;
}
.detail-p-decoration-nav a.current {    
    background: #522a80;
    color: #fff;
}
.detail-p-decoration-content-box {
    padding: 20px 20px;
    margin-top: 5px;
    background: #f4f4f4;
}
.detail-p-decoration-content {
    padding: 20px 0;
    
}

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

.detail-p-decoration-content-box .title{
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    background: #078263;
    font-size: 16px;
}


.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-block-review .review-num {
    font-size: 16px;
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    background: #078263;
}

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

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

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

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

.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;
}

.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;
}

.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: #078263;
    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 #078263;
    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;
}
.detail-relate-product { 
    margin-top: 5px;
    background: #f4f4f4;
    padding: 20px 20px;
 }

.detail-relate-product-title {
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    background: #009876;
    font-size: 16px;
}

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

.detail-relate-box .part-proudct-select-one {
    background-color: #fff;
    width: 26%;
    margin-right: 0;
    border: 1px solid #e4e2e7;
}
.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 #e3e2e7;
    box-sizing: border-box;
    border-top: 5px solid #089875;
}

.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: #018568;
    transition: 0.3s ease;
}
.gp-to-shop:hover{
    background-color: #522A80;
    color: #ffffff;
    transition: 0.3s ease;
}

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

.shop-product-one {
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #e3e2e7;
}
.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;
}
.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: 153px;
}

.shop-product-one-img img {
    max-width: 153px;
    max-height: 100%;
}

.shop-product-one-price {
    font-size: 16px;
    color: #018568;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 20px;
}
.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;
    justify-content: space-between;
}

.category-box a {
    float: left;
    width: 48%;
    /*margin-right: 2%;*/
    margin-top: 40px;
}

.category-box a img {
    width: 100%;
}

.category-box a p {
    font-size: 16px;
    text-align: center;
    margin-top: 14px;
    transition: top 0.3s ease;
    position: relative;
    top:0;
}
.category-box a p:hover { 
    color: #078263; 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;
}

.category-product-one {
    width: 23%;
    height:385px;
    float: left;
    margin: 0 1%;
    margin-bottom:20px;
    position:relative;
    border: 1px solid #ccc;
    box-sizing: border-box;
    transition: top 0.3s ease;
    top: 0px;
    overflow: hidden;
}
.category-product-one:hover {
    top: -3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    border: 1px solid #078263;
}
.category-product-one p {
    font-size: 14px;
    /*text-align: center;*/
    box-sizing:border-box;
    padding:0 15px;
}
.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:34px;
    line-height: 17px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.category-product-one .category-product-one-price {
    color: #0b9675;
}
/*.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;
}

.login-register-title {
    text-align: center;
    font-size: 28px;
    font-weight: normal;
}

.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: 1px solid #bfbfc1;
}

.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: #078263;
}

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

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

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

.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: #522a80;
    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: #522a80;
}
.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: #522a80;
}
.email-send-failure .btn-box a {
    background-color: #522a80;
}
.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: #522a80;
}

.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: 365px;
    margin: 60px auto 0;
    background-color: #fff;
    position: relative;
}

.login-login-title {
    text-align: center;
    font-size: 28px;
}

.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;
}

.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: 240px;
    outline: none;
    margin-left: 10px;
    padding-left: 20px;
    border: 1px solid #000000;
}

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

.login-login-content .form-group .continue-btn {
    background-color: #078263;
    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: #078263;
    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: #1d9d7a;
    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: #078263;
    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;
    appearance: none;
    outline: none;
    border: 0;
}
.login-checkout-delete:hover{
    background-color: #078263;
    color: #ffffff;
    transition: 0.3s ease;
}

/*购物车*/
.give-icon{
    position: absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    line-height: 85px;
    background-color: #522a80;
    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;
}

.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;
    font-weight: normal;
}

.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 {
    margin-top: 10px;
    border: 1px solid #e3e2e7;
    transition:all 0.5s;
    margin-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: #522a80;
    vertical-align: middle;
    margin-right:10px;
}
.shoppingcart-one-title .order-merchant .gb{
    background-color: #078263;
}
.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: #078263;
    color: #FFF;
    text-align:center;
    cursor: pointer;
}
.shoppingcart-one-title .order-fz-none {
    width: 11.5%;
    float: right;
    font-size: 18px;
    background: #078263;
    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: #078263;
    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: #078263;
    padding:5px 30px;
    color:#fff;
    font-size:22px;
    cursor:pointer;
}
.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;
    font-weight: normal;
}

.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;
    appearance: none;
    border: 0;
    background-color: transparent;
}

.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 #078263;
    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: #522A80;
    margin-bottom: 15px;
    transition: 0.3s ease;
}
.shoppingcart-handle .btn:hover{
    background-color: #018568;
    transition: 0.3s ease;
}

.shoppingcart-handle .btn[disabled="true"] {
    background-color: #ccc !important;
    cursor: not-allowed;
}

.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 #a4a0a1;
    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:#078263;
}

.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: #018568;
    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: #018568;
    color: #ffffff;
    transition: 0.3s ease;
}

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

.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:#522a80;
    position:absolute;
    top:4px;
    left:4px;
    display: none;
}
.address-top-btn .select{
    color:#fff;
    background-color:#078263;
}
.address-top-btn .select strong:before{
    display:block;
}
.select-mothod {
    float: none;
    padding: 36px 0;
    background-color: #078263;
    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 .express-tips {
    float: left;
    display: inline-block;
    width: 40%;
    margin: 0 2%;
    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: 30%;
}

.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 #ccc;
    box-sizing:border-box;
    padding-left:15px;
    background-color:#fff;
}

.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:#018568;
    color:#fff;
    font-size: 22px;
    text-indent:0;
    padding:10px 30px;
    margin-right:10px;
    cursor:pointer;
    appearance: none;
    border: 0;
}
.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:#522A80;
    color:#fff;
    text-indent:0;
    padding:10px 30px;
    margin-right:10px;
    cursor:pointer;
}
.myDeliveryAddress .select-delivery-address .common-title .add-new-address-btn:hover {
    background-color: #018568;
}

.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:6%;
    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: #000000;
}

.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:#078263;
    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:#522a80;
}

.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: #522A80;
}

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

#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: #018568;
}

.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: 1px solid #000;
}
.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:#078263;
}
.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;
    margin-bottom: 10px;
}
/*.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: #078263;
    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: #018568;
}

#new-address-form3 .radio-show .btn:hover {
    background-color: #522A80;
    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: #018568;
}
.purple-btn{
    background-color: #522a80;
}

.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-flex;
    position: relative;
    height: 100px;
    align-items: center;
}
.pay-box .pay-select-method .pay-select-method-box label:before{
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    background-color: #ccc;
    top:40px;
    border-radius:50%;
}
.pay-box .pay-select-method .pay-select-method-box label:after{
    content:'';
    position:absolute;
    top:45px;
    left:5px;
    width:10px;
    height:10px;
    background-color: #078263;
    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{
    display: inline-block;
    vertical-align: middle;
    margin-left: 33px;
    max-height: 100px;
    max-width: 200px;
}
.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 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: #522a80;
    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;
}

.complete-box-content .complete-box {
    display: flex;
    justify-content: space-around;
}

/**
*订单失敗
*/
.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: #522a80;
    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:#078263;}
.Payfail_img:hover span {color:#078263;}
.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:#078263;}
.Payfail_01_img:hover span {color:#078263;}

.PaySuccess_img { background: url(../../Images/Complete_02.png)  top center no-repeat;/* max-width: 56px;*/ 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;/*width: 56px;*/ height: 56px;top: -3px;color:#078263;}
.PaySuccess_img:hover span {color:#078263;}
.PaySuccess_01_img { background: url(../../Images/Complete_03.png)  top center no-repeat; /*width: 56px;*/ 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;/*width: 56px;*/ height: 56px;top: -3px;color:#078263;}
.PaySuccess_01_img:hover span {color:#078263;}

.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{
    text-indent: 150px;
    margin:20px 0;
}
.form-common-title-box .form-common-title{
    display: inline-block;
    text-indent: 0;
    color:#fff;
    background-color: #018568;
    
    padding:5px 20px;
    cursor: pointer;
}

.form-common-title-box .form-common-title:not(:last-child) {
    margin-right: 5px;
}

.form-common-title-box .form-common-title:hover{
    background-color: #522A80;
    transition: 0.3s ease;
}
.form-common-title-box .form-common-title-border{
    padding:0;
}

/*我的最爱*/
.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-top: 1px solid #e6e6e6;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
}
.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: #000000;
    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: #018568;
    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: #522A80;
    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: #045641;
    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,
.orderingDetail .proList table td span { 
 color:#018867
 }
.orderingDetail .proList table tr:last-child {
	  border-bottom:0px solid #fff;
	  }
.orderingDetail .proList table th, 
.orderingDetail .proList table td {
    padding: 12px 5px;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
}
.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 label,
.orderingDetail .order-Payment .price-left p span {
	line-height: 35px;
	}

.orderingDetail .order-Payment .price-left p select {
    height: 25px;
    margin-left: 10px;
    min-width: 100px;
    outline: none;
}


.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:#000000; 
   }
.orderingDetail .order-Payment .price-right p { 
  line-height:30px;
  }
.orderingDetail .order-Payment .price-right p span {
	 color:#000000; 
   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 #000;
    height: 35px;
    line-height: 35px;
    outline: none;
    padding: 0 5px;
    width: 200px;
    box-sizing: border-box;
    vertical-align: top;
	}
.orderingDetail .Account-box .tipsred {
	color: #B63539;
    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 label {
	 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;
    position: relative;
}

.orderingDetail .Account-box .member-information-content .form-group .toggle-btn {
    font-size: 0;
    position: absolute;
    right: 35%;
}

.orderingDetail .Account-box .member-information-content .form-group .toggle-btn img {
    width: 35px;
}

.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:not(.ui-button-icon):first-child {
	 width: 250px;
     float: left;
	}
.orderingDetail .Account-box .member-information-content .form-group span {
	color:#707070
	}
.orderingDetail .Account-box .integral p.current { 
     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:5px 20px;
    color:#fff;
    background-color: #078263;
    margin-right:10px;
    flex-shrink: 1;
}
.all-order-select a:hover {
    color:#fff;
    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: #018568;
    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: #522A80;
}

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

.order-one-title h2,
.order-one-title span {
    display: inline-block;
    color: #000000;
    font-size: 18px;
    height:55px;
    line-height: 55px;
    font-weight: normal;
}

.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: #000000;
    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;
}
.order-list-box  .favorite-one .favorite-one-messge{
    margin-left:0;
}
.order-list-box .order-one{
    border:1px solid #ccc;
    margin-bottom:35px;
    box-sizing:border-box;
    padding:20px;
}
.order-list-box .order-time{
    color: #000000;
    font-size:18px;
    line-height:24px;
}
/*我的订单详情*/
.order-find{
    position:absolute;
    right:0;
    bottom:20px;
    background-color: #0b9b78;
    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: #522A80;
    margin-left: 10px;
}

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

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


.merchant-order-box .favorite-box-content{
    border:none;
}
.order-one-detail{
    border:1px solid #e3e2e7;
}
.total-order-num {
    padding:0 2.5%;
    box-sizing:border-box;
    border:1px solid #e3e2e7;
    margin-top:10px;
}
.total-order-num span{
    display: inline-block;
    line-height: 50px;
    height:50px;
    color:#999;
    font-size:18px;
}
.merchant-order-title{
    background-color: #0b9b78;
    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:#522a80;
    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: #0b9b78;
    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: #078263;
}

.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;
    border: 1px solid #000;
    box-sizing: border-box;
}
.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: #522a80; 
    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: #522a80;
    padding: 0 15px;
    border-top: 1px solid #522a80;
    border-bottom: 1px solid #522a80;
    border-right: 1px solid #522a80;
    vertical-align: middle;
    cursor: pointer;
}

.page-box a:first-child {
    border-left: 1px solid #522a80;
}
.page-box a:hover{
    background-color: #522a80;
    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: #522a80;
    color: #fff;
}

.Merchant-box {margin:0 auto;}
.Merchant-box .top_bg { background:#eeeeee;}
.Merchant-box .mc-container {width: 1200px; margin: 0 auto;}
.Merchant-box .title { width:1200px; margin:0 auto; line-height:77px;height: 77px;}
.Merchant-box .main-box-title{ float: left; color:#323232;font-size: 16px;}
.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:17.8%;float: left; margin: 0 1%; margin-bottom:30px; height: 350px;}
.Merchant-box .main-product .main-product-one a { 
    border:1px solid #ececec; 
    display: block; 
    padding-top:45px; 
    padding-bottom:40px;
    text-decoration:none; 
    min-height:263px;
}
.Merchant-box .main-product .main-product-one a:hover {border:1px solid #522a80;text-decoration:none;}
.Merchant-box .main-product .main-product-one p {font-size: 14px; text-align: center;}
.Merchant-box .main-product-one .main-product-one-name { margin: 15px 0;}
.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: #522a80;
    padding: 5px 20px;
    border: 0px;
    margin: 0 5px;
}
.proce-btn:hover, .cancel-btn:hover{
    background-color: #078263;
    transition: 0.3s ease;
}    
.cancel-btn{text-indent: 0;
    color: #fff;
    background-color: #522a80;
    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{
    width: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:1200px;
    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 img{
    width:100%;
}
.merchant-about-box{
    border-top:1px solid #fff;
}
.merchant-about{
    position:relative;
    overflow: hidden;
    height:190px;
    border-top:2px solid #666;
    margin-top:20px;
}
.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,0.5),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 .rb{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.merchant-main .part-one{
    background: none;
}

.menchantInfo {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
}

.merchant-product-box{
    flex-wrap:wrap;
}
.merchant-product-box .part-proudct-select-one{
    width:20%;
    margin:0 2.3%;
    margin-bottom:60px;
}
.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:block;
    width:100%;
    margin-bottom:20px;
}

/*编写评论*/
.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:#522a80;
    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:#522a80;
    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: #0b9b78;
    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:#0b9b78;}

#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: #078263;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
}
#faqSection .title_bg:hover{    
    color: #fff; 
}
#faqSection dt:hover{ color:#0b9b78;}

#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 #0b9b78;
    color: #0b9b78;
}
/*重設置密码*/
.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:#0b9b78;
    vertical-align: top;
}

.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: #522a80;
    padding: 0;
    cursor: pointer;
}

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

.refundList-title .order-btn:hover {
    background-color: #018568;
    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: #522A80;
    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: #018568;
    transition: 0.3s ease;
}

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

.refundList-search-box .search-btn:hover {
    background-color: #522a80;
    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: #009977;
    padding: 5px 30px;
    cursor: pointer;
}

.order-one-refundList:hover {
    background-color: #522a80;
    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: #018568;
    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: #078263;
    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: #522a80;
}

.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: #078263;
    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: #078263;
    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: #018568;
    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: #078263;
}

/*================================================================*/
/*电子优惠券*/
.MallFun{
    background-color: #0b9b78;
    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 {
    margin-right: 9px;
    background: url(../../Images/subnav_social_bg_l.png) no-repeat 0 0;
}

#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-image: url(../../Images/icon_social.png);
    background-repeat: no-repeat;
    margin-left: 6px;
    margin-right: 0 !important;
}

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

#social_media_main .fb {
    background-position: 0 0;
    margin-left: 0;
}

#social_media_main .fb:hover{
    background-position: 0 -30px;
}

#social_media_main .twitter {
    background-position: -30px 0;
}

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

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

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

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

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

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

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

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

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



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

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

.free-block-style1 .part-one-main-box {
    border: 7px solid #0874AA;
}

.free-block-style1 .list-turn{
    background-color: #0874AA;
}

.free-block-style1 .list-turn:hover{
    background-color: #0874AA;
}

.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: #f4f4f400;
}

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

.merchant-product-title span{
    padding: 5px 14px;
    background-color: #1a9b75;
    color: #fff;
    font-size: 16px;
}

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

.Addselect p{
    color: #522a80 !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: #018568;
    border-color: #2e6da4;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}

.header_logo {
    width: 231px;
}

/*.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 {
    max-height: 36px;
}

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

.green_btn {
    background-color: #078263;
    color: #fff;
}

.SelectArea {
    padding: 40px 0 20px;
}

.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;
    cursor: pointer;
    appearance: none;
    border: 0;
    background: #fff;
}

/*.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: #D90000;
    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: 30%;
    margin-right: 5%;
    margin-bottom: 50px;
    float: left;
    border: 1px solid #707070;
    box-sizing: border-box;
    cursor: pointer;
}

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

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

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

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

.issueList p:last-child {
    padding-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.desc {
    position: relative;
}

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

.s-common-sum a {
    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 .switch a.back-btn {
    background-color: #522D7E;
}

.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:first-child {
    margin-bottom: 10px;
}

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

.orderSumWindow .WinTop .validPoints p:last-child {
    color: #0D9775;
}

.orderSumWindow .WinTop .expire {
    text-indent: 15px;
}

.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: #D90000;
    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;
    border: 1px solid #999 !important;
    border-radius: 2px !important;
}

.infoForm select,
.infoForm .dest-combobox-input {
    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,
.infoForm .About .dest-combobox {
    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="true"] {
    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-top: 1px solid #BFBFBF;
    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;*/
    margin-top: 20px;
}

.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 #000 !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;
}

.Account-box .member-information-content .OContactAddr .group .dest-combobox {
    width: calc(100% - 160px) !important;
    display: inline-block;
    vertical-align: middle;
}

.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: #D90000;
    margin: 0;
}

.orderingDetail .step3 p.errorTip {
    font-size: 12px;
    color: #D90000;
}

.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: #800080;
    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";
}

/* ========== 公共css =========== */
/*相对定位*/
.po_relative {
    position: relative;
}

.no_float{
    float: none !important;
}

.no_play{
    display: none;
}

.limitImg{
    max-width: 100%;
    max-height: 100%;
}
/* ============================= */


/* V4 */
.my-fav {
    position: relative;
}

.my-fav .icon {
    margin-right: 0 !important;
}

.my-fav a .left {
    position: relative;
    margin-right: 8px;
}

.my-fav strong {
    position: absolute;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f85669;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    top: -13px;
    right: -5px;
}

.pro-catalog-name {
    font-size: 16px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-relate-box .pro-catalog-name {
    line-height: 18px;
    height: 18px;
}

/*login-register*/
.sso-login {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    min-height: 300px;
    box-sizing: border-box;
}

.sso-login.center {
    justify-content: center;
}

.sso-login #login-login-box {
    margin: 20px 0;
    padding-right: 165px;
}

.sso-login.center  #login-login-box {
    padding-right: 0;
}

.sso-login #login-login-box .login-form {
    width: 365px;
    /*margin: 60px 0 40px;*/
}

.sso-register-box { 
    border-left: 1px solid #ccc;
    width: 47%;
    box-sizing: border-box;
    padding: 40px 100px;
    min-width: 560px;
}

.sso-register-box h2 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sso-register-box>p {
    font-size: 18px;
    margin-bottom: 35px;
}

.sso-register-box>a {
    background-color: #078263;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-size: 22px;
    font-weight: 400;
}

.sso-register-box>a:hover {
    background-color: #006442;
    transition: 0.3s ease;
}

.programmeIntro .Agreement {
    border: 1px solid #ccc;
    padding: 20px;
    max-height: 500px;
    overflow-y: auto;
}

.programmeIntro .accept {
    margin: 50px 0;
}

.programmeIntro .accept > p {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}

.programmeIntro .accept .check {
    font-size: 18px;
    text-align: center;
}

.programmeIntro .accept .check input[type="checkbox"] {
    margin-right: 5px;
}

/*#2 sos preview*/
.ProgramSelectTop {
    padding: 20px 0 40px;
    border-bottom: 1px solid #ccc;
}

.ProgramSelectTop .title {
    color: #078263;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: normal;
}

.ProgramSelectTop .desc {
    font-size: 16px;
    color: #707070;
    margin-bottom: 20px;
}

.ProgramSelectTop .pro-one {
    width: 48%;
}

.ProgramSelectTop .pro-one img {
    width: 100%;
    margin-bottom: 25px;
}

.ProgramSelectTop .pro-one .btn {
    display: block;
    padding: 8px 10px;
    box-sizing: border-box;
    background-color: #078263;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.issueList p.stop {
    color: red;
    font-size: 20px;
}

.proList table td img {
    /*max-width: 100%;*/
    max-width: 64px;
}

.zoom-in {
    cursor: zoom-in;
}

.StampIssueList.preview .issueList .imgbox {
    cursor: zoom-in;
}

.zoomImgBg {
    position: fixed;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: zoom-out;
}

.zoomImgBg img {
    max-width: 95%;
    max-height: 95%; 
}

.login-box #login {
    display: inline-block;
}

.sosIndex .PlanSelect .title {
    font-size: 24px;
    font-weight: normal;
}

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.orderSerWindow.flex {
    width: 65%;
    min-width: 800px;
    margin-top: -20px;
    padding: 20px;
}

.orderSerWindow.flex .flex-row>div:nth-child(2) {
    border-left: 3px solid #d1d1d1;
    position: relative;
    width: 56%;
}

.orderSerWindow.flex .flex-row>div:nth-child(2) .or {
    font-size: 18px;
    display: inline-block;
    padding: 15px 0;
    position: absolute;
    left: -10px;
    top: calc(50% - 30px);
    background-color: #fff;
}

.orderSerWindow.flex .WinCotent {
    margin-top: 0;
    border: 0;
    padding: 8px 0 0 30px;
}

.orderSerWindow.flex .WinTop {
    border: 0;
    padding: 20px;
}

.orderSerWindow.flex .WinForm .Form {
    padding: 20px 10px;
}

.orderSerWindow.flex .WinBottom {
    border: 0;
    padding: 0 30px;
}


/*MemberRegV2*/
.progressBar.step2 .bar span {
    width: 26% !important;
}

.progressBar.step3 .bar span {
    width: 51% !important;
}

.progressBar.step4 .bar span {
    width: 76% !important;
}

.MemberRegister .part1 > div[class^="step"] {
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    margin-bottom: 60px;
}

.MemberRegister .part1 > div.step4 {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.footerPay_icons {
    margin-top: 15px;
    display: flex;
    display: -webkit-flex;
    /*background-color: #fff;*/
    color: #fff;
    padding: 3px 5px;
}

.payIcon-one {
    max-width: 30%;
    text-align: center;
}

.payIcon-one a {
    display: table-cell;
    height: 42px;
    vertical-align: middle;
    text-align: center;
}

.payIcon-one p {
    font-size: 14px;
}

.payIcon-one img {
    max-width: 92%;
    max-height: 31px;
}

.footerPay_icons .payIcon-one:last-child a {
    height: 56px;
}

.footerPay_icons .payIcon-one:last-child img {
    max-width: 100%;
    max-height: unset;
}

.DTypeTabs {
    display: flex;
    margin-top: 30px;
    margin-bottom: -30px;
}

.DTypeTabs span {
    width: 50%;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 12px;
    font-weight: bold;
    box-sizing: border-box;
    background-color: #636363;
}

.DTypeTabs span:first-child.active {
    color: #0d9775;
    background-color: #fff;
    box-shadow: #e0e0e0 -4px -5px 10px -2px;
    z-index: 1;
}

.DTypeTabs span:last-child.active{
    color: #0d9775;
    background-color: #fff;
    box-shadow: #e0e0e0 3px -5px 10px -2px;
    z-index: 1;
}

.sosIndex .ProgramSelect {
    padding: 20px 0;
}

.sosIndex .ds_list li {
    margin-bottom: 40px;
}

.sosIndex .ds_list li p {
    padding: 20px 0;
    text-align: left;
    color: #078263;
    font-size: 18px;
}

.sosIndex .ds_list li a.btn {
    display: block;
    padding: 8px 10px;
    box-sizing: border-box;
    background-color: #078263;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
}

.sos_order_img {
    background: url(../../Images/stamp-icon.png) top center no-repeat;
    background-size: 50px;
    /* max-width: 56px; */
    height: 56px;
    padding-top: 65px;
    position: relative;
    top: 0px;
    transition: all 0.3s ease;
}

.sos_order_img:hover {
    background: url(../../Images/stamp-icon1.png) top center no-repeat;
    background-size: 50px;
    /* width: 56px; */
    height: 56px;
    top: -3px;
    color: #078263;
}

.sos_order_img:hover span {
    color: #078263;
}

/*ordering detail*/
.summary {
    display: flex;
    justify-content: space-between;
}

.summary > p:first-child {
    color: #018568;
    font-size: 28px;
    font-weight: bold;
}

.summary > p:last-child {
    color: #707070;
    font-size: 28px;
    font-weight: bold;
}

.deSummary th {
    font-size: 16px !important;
    font-weight: bold !important;
}

.deSummary > th:first-child,
.deSummary > th:last-child {
    color: #018568 !important;
}

.deSummary > th:nth-child(2) {
    color: #707070 !important;
}

/*orderingDetail 導出訂購清單*/
.export_btn {
    position: relative;
    outline: none;
    margin: 0 5px;
}

.export_btn > ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% + 8px);
    z-index: 2;
    display: none;
}

.export_btn > ul li {
    border: 1px solid #bbb;
    border-top: 0;
}

.export_btn > ul li a {
    display: block;
    text-align: center;
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
    background-color: #fff;
}


/*checkout 顧客資料*/
#clientInfo {
    margin: 20px 0;
    border: 1px solid #e3e2e7;
    padding: 20px;
    transition: all 0.5s;
}

#clientInfo .field_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#clientInfo .form_group {
    margin-bottom: 15px;
}

#clientInfo .form_group > label {
    font-size: 16px;
    width: 120px;
    display: inline-block;
}

#clientInfo .form_group > label span {
    color: red;
    font-size: 16px;
    margin: 0 3px;
}

#clientInfo .form_group > input[type="text"] {
    width: calc(70% - 150px);
    height: 32px;
    box-sizing: border-box;
    padding: 5px;
    font-size: 15px;
    outline: none;
}

#clientInfo .form_group p.errorTip {
    margin-left: 122px;
    margin-top: 8px;
}

/*NonMbrOrderLinkup*/
.NonMbrOrderLinkup #main-content {
    width: 600px;
}

.NonMbrOrderLinkup .Tips {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

.NonMbrOrderLinkup #InfoForm .form_group {
    margin-bottom: 20px;
}

.NonMbrOrderLinkup #InfoForm label {
    width: 200px;
    font-size: 15px;
    display: inline-block;
}

.NonMbrOrderLinkup #InfoForm span {
    font-size: 15px;
}

.NonMbrOrderLinkup #InfoForm input[type="text"] {
    border: 1px solid #ccc;
    height: 35px;
    box-sizing: border-box;
    width: 300px;
    outline: none;
    padding: 5px;
}

.NonMbrOrderLinkup #InfoForm a.register {
    background-color: #1d9d7a;
    color: #fff;
    padding: 8px 30px;
    font-size: 17px;
    font-weight: bold;
    margin-left: 200px;
    margin-top: 20px;
    display: inline-block;
}

.NonMbrOrderLinkup #InfoForm p.errorTip {
    width: auto;
    margin-left: 202px;
    margin-top: 6px;
}

.NonMbr .PayFail-box-content {
    padding: 117px 30px;
}

.NonMbrShop a {
    margin-top: 25px;
}

#new-address-form2 input[type="text"], #new-address-form2 select {
    background-color: #fff;
    border: 1px solid #ccc;
}

.sso-login .login-login-top {
    padding-left: 15px;
}

.sso-login .login-login-top h1 {
    font-size: 23px;
    font-weight: bold;
    margin: 20px 0 15px;
}

.orderingDetail .step4 .MsgBox {
    padding: 60px 20px;
    font-size: 22px;
    text-align: center;
}

.iamSamrtUrl {
    position: absolute;
    top: 100%;
}

.ProSelectBox .proList {
    margin-bottom: 15px;
}

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

.ProSelectBox .remark:last-of-type {
    margin-bottom: 40px;
}


/*StampOrder*/
.sosOrder .shoppingcart-one-title .order-merchant {
    width: 73%;
}

.sosOrder .favorite-one .favorite-one-messge {
    width: 50%;
    margin-top: 8px;
}

.sosOrder .merchant-total-price {
    margin-left: 13%;
    margin-top: 8px;
}

.sosOrder .editStampOrder {
    width: 10%;
    float: left;
    margin-top: 1px;
}

.sosOrder .editStampOrder a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
}

/*orderingDetail 分期付款信息編輯*/
.orderingDetail .InsPay .fillForm .InsPayYear label {
    width: 200px;
    margin-right: 20px;
    padding: 0;
}

.orderingDetail .InsPay .fillForm .InsPayYear {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.orderingDetail .InsPay .fillForm .sub_title {
    padding: 10px 0;
    border-bottom: 1px solid;
    margin: 10px 0;
}

.orderingDetail .InsPay .About .group_label {
    width: 200px;
    flex-shrink: 0;
}

.orderingDetail .InsPay .fillForm .effeDate .group_label {
    width: 200px;
    margin-right: 20px;
    flex-shrink: 0;
}

.orderingDetail .InsPay .fillForm .effeDate .form_group {
    display: flex;
    align-items: center;
}

.orderingDetail .InsPay .fillForm .effeDate .form_group input[type="number"] {
    width: 100px;
    text-align: center;
}

.orderingDetail .InsPay .tips {
    margin: 20px 0;
}

.orderingDetail .InsPay .tips p {
    margin: 5px 0;
}

.orderingDetail .InsPay .btnList {
    margin: 50px 0 30px;
}

.orderingDetail .InsPay .fillForm p.errorTip {
    margin-left: 220px;
}

.orderingDetail .form-group span.CardExpDate {
    vertical-align: middle;
}

/*郵品訂購一覽積分兌換*/
.orderSumWindow .WinTop .usablePoints {
    margin-top: 15px;
}

.orderSumWindow .WinTop .usablePoints p {
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.orderSumWindow .WinTop .usablePoints p:first-child {
    margin-right: 30px;
}

/*訂購賬戶資料積分換購*/
.orderingDetail .Account-box .integral .gift-table {
    margin: 15px 0;
}

.orderingDetail .Account-box .integral .gift-table th {
    padding: 10px;
    color: #fff;
    font-size: 15px;
    background-color: #018867; 
}

.orderingDetail .Account-box .integral .gift-table td {
    padding: 5px 10px;
}

.orderingDetail .Account-box .integral .usable-points {
    margin-left: 0;
    margin-top: 15px;
}

.orderingDetail .Account-box .integral .usable-points span {
    color: #e80000;
    font-size: 16px;
    font-weight: bold;
}


/* MPGS付款倒計時 */
#countdownTimer {
    margin: 30px 0;
    text-align: center;
}

#countdownTimer .icon {
    background-image: url(/images/clock_icon.png);
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#countdownTimer .TimerLabel {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

#countdownTimer .TimerLabel #timer {
    font-size: 16px;
    color: red;
    font-weight: bold;
}

/*Autocomplete*/
.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dest-combobox {
    position: relative;
    display: block;
    overflow: hidden;
}
.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;
    border: none;
    background: transparent;
    border: none !important;
    background: transparent !important;
}
.dest-combobox-input {
    width: 100% !important;
    margin: 0 !important;
    background: #fff; 
}

.ui-menu {
    z-index: 1000;
}

/*sold out tag*/
.decoration-icon.sold-out {
    background: #646464;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: unset;
    width: 80px;
    height: 45px;
    top: -10px;
    right: -27px;
}

/*彈窗倒計時css*/
.ConfirmDlg #confirm[disabled="true"] {
    background: #848484;
    cursor: not-allowed !important;
}

/* new Stock Shopping Flow */
.sold-out-list .order-one-title.sold-out {
    font-size: 18px;
    color: red;
    margin-top: 20px;
    padding-bottom: 0;
}

.hold-tips {
    width: 95%;
    margin: 0 auto;
}

#InShortage {
    color: red;
    font-size: 16px;
}

.product-detail #InShortage {
    margin-left: 20px;
    float: left;
}

.shopcart #InShortage {
    margin-top: 3px;
}

/*購物車checkbox*/
.shopcart label {
    font-size: 15px;
    vertical-align: middle;
}

.shopcart .order-merchant label {
    margin: 0 15px;
}

.shopcart input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: sub;
    cursor: pointer;
}

.shopcart .merchant-one input[type="checkbox"] {
    float: left;
    margin-top: 50px;
    margin-right: 20px;
}

.shopcart .cart-manager {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.shopcart .cart-manager .delete-btn {
    vertical-align: middle;
    margin-left: 20px;
    cursor: pointer;
}

.shopcart .cart-manager .delete-btn > span {
    font-size: 15px;
    vertical-align: middle;
}

.shopcart .cart-manager .delete-btn img {
    height: 25px;
    vertical-align: middle;
}

.off-shelf-list .order-one-title.off-shelf {
    font-size: 18px;
    color: red;
}

.off-shelf-list .favorite-one .product-img img {
    filter: grayscale(1);
}

.off-shelf-list .common-num {
    visibility: hidden;
}

.stockNotify {
    border: 1px solid #ccc;
    margin-right: 15px;
    padding: 5px;
    box-sizing: border-box;
}

.stockNotify > p:first-child {
    font-size: 18px;
    color: #666;
} 

.stockNotify > p:last-child {
    font-size: 14px;
    color: #666;
} 

.refer-box {
    color: red;
    font-size: 16px;
    margin: 20px 0;
}

.refer-box > a {
    color: red;
    font-size: 16px;
    text-decoration: underline;
}

a.btn:not(:last-of-type) {
    margin-right: 10px;
}

.orderingDetail .btnList a:not(:last-of-type) {
    margin-right: 10px;
}

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

/* 香港郵政服務 */
.sso-menu-content button {
    appearance: none;
    border: 0;
    border-bottom: 1px solid #ddd;
    background: #fff;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.sso-menu-content button > img {
    width: auto;
    max-width: 120px;
    max-height: 60px;
}

.sso-menu-content button > span {
    width: 52%;
    font-size: 15px;
}

.sso-menu-content button:hover::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 100%;
    background: #ddd;
    left: 0;
    top: 0;
}

.HKPostAccount {
    width: 100%;
    appearance: none;
    border: 0;
    background: #fff;
}

.HKPostAccount img {
    max-width: 120px;
    max-height: 120px;
}

.errorClose {
    appearance: none;
    border: 0;
    background: #006442;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    cursor: pointer;
}


/* 自定義下拉框樣式 */
.dropdown-container {
  position: relative;
  display: inline-block;
}
.dropdown-toggle {
  padding: 8px 20px 8px 8px;
  border: 0;
  background-color: #fff;
  text-align: left;
  cursor: pointer;
  outline: none; /* 无障碍优化 */
  background: url("/Images/select-down-arrow.png") no-repeat 100% center;
  background-size: 11px auto;
}
.dropdown-menu {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #ddd;
  background: white;
  z-index: 1000;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.dropdown-menu li {
  padding: 5px;
  cursor: pointer;
  outline: none; /* 无障碍优化 */
}
.dropdown-menu li .dropdown-item {
    font-size: 14px;
    color: #333;
}
.dropdown-menu li:hover,
.dropdown-menu li:focus {
  background: #f5f5f5;
}
.dropdown-menu li[aria-selected="true"] {
  background: #000000;
}

.dropdown-menu li[aria-selected="true"] .dropdown-item {
  color: #fff;
}


/* ... */

/*当屏幕分辨率小于1200时*/
@media only screen and (max-width:1400px){
    .header-main{
        width:1000px;
    }
    .logo-part-main{
        width:1000px;
    }
    .nav-main{
        width:1000px;
    }
    .topMessage-main{
        width:1000px;
    }
    .part-one-main{
        width:1000px;
    }
    .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:32px;
    }
    .footer-nav .nav-item {
        width:25%;
    }
    #main-content{
        width:1000px;
    }
    .main-box{
        width:1000px;
    }
    #bigpic{
        width:300px;
        height:300px;
    }
    .detail-p-big-img{
        width:300px;
        height:300px;
    }
    .detail-p-big-img .show-img {
        max-width: 300px;
    }
    .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;
    }
    .part-product-list .swiper-slide a{
        height:350px;
    }
    .product-list-page .part-proudct-select .part-proudct-select-one{
        height:370px;
    }
    .cat-product-list .part-proudct-select .part-proudct-select-one{
        height:360px;
    }
    .category-product-one{
        height:315px;
    }
    .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:18%;
    }
    .select-delivery-one .left-part p span:nth-of-type(2){
        width:70%;
    }
    .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;
    }

    .header-main .header-right {
        flex-shrink: 1;
    }
}

@media only screen and (max-width:1200px) {
    .memRegWindow {
        width: 900px;
    }
}

/*当屏幕分辨率小于1000时*/
@media only screen and (max-width:1000px){
    .header-main{
        width:760px;
    }
    .logo-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: 250px;
    }

    .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-nav{
        float:none;
        width:100%;
    }
    .footer-code-box{
        float:none;
        width:40%
    }
    .category-box a img{
        width:270px;
    }
    .product-list-page .part-proudct-select .part-proudct-select-one{
        height:310px;
    }
    .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;
    }
    .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;
    }
    .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 screen and (min-width: 1366px) {
    .blockPage{
        width:956px !important;
        left:50% !important;
        transform: translateX(-50%) !important;
    }

    .ConfirmDlg {
        width: 30% !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;
}
.orderingDetail .sos_integral {


}

.orderingDetail .sos_integral  .integral p.current { 
     margin-left:0px;
     }
.orderingDetail .sos_integral  .integral .current span:first-child{ 
   color:#522D7E
   }
.orderingDetail .sos_integral  .integral .current span:last-child{
     color:#018867
     }
.orderingDetail .sos_integral  .integral p {
     margin-left:10px;    
     padding: 2px 0px;
     display: inline-block;
     width: 100%;
     }
.orderingDetail .sos_integral  .integral p span {  
     width: 200px;
     float: left;
  
}
.orderingDetail .sos_integral  .integral .kyjf {
   border-bottom: 1px solid #e3e2e7;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;

}
.orderingDetail .sos_integral  .integral .kyjf span:first-child{ 
   color:#ED0D1A;
   font-size: 18px;
   }
.orderingDetail .sos_integral  .integral .kyjf span:last-child{
     color:#ED0D1A;
     font-size: 18px;
     }
.orderingDetail .sos_integral  .integral p span:last-child {   
    
    margin-left: 5%;
  
}

.orderingDetail .sos_integral .WinCenter .plsChoose {
    color: #707070;
    font-size: 16px;
    margin-bottom: 20px;
}
.orderingDetail .sos_integral  .WinBottom a.sureBtn {
    padding: 10px 45px;
    font-size: 16px;
    float: right;
}

.orderingDetail .sos_integral  .WinBottom a.sureBtn.disabled {
    background-color: grey;
    cursor: not-allowed;
}
.inReturnList li .giftBox .giftRemark {
    margin-bottom: 2px;
    font-size: 14px;
    color: #ED0D1A;
}

.inReturnList li .giftBox .giftInfo .needUnitPrice {
    color: #ED0D1A;
    font-size: 22px;
    font-weight: bolder;
}
.delivery_title {
    color: #f44336!important;
    font-size: 16px;
}
.Overseastips {
    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;
}
.memRegWindow .newAddrWin .addrAreatips{
    border: 0px solid #707070;
    height: 100px;
}
.sos_red {
    color: #f44336!important;
        font-size: 16px;
}
.WinForm .FormdivBox {
    display: flex;

}
.WinForm .FormdivBox label {

    margin-right: 2%!important; 
}
.WinForm .FormdivBox span {
 font-size: 16px;
 margin-bottom: 15px;
    margin-right: 15px; 
}
.ProgramSelectTop .upgradeText {
    font-weight: 400;
}
.ProgramSelectTop .upgradeText a {
    font-size: 18px!important;
    font-weight: bold;
}
.PopMessage-show{
    position:fixed;
    width:80%;
    height:60%;
    text-align:center;
    top:calc(18% - 20px);
    top:-webkit-calc(18% - 20px);
    top:-moz-calc(18% - 20px);
    left: 8%;
    z-index:999;
    background-color: #ffffef;
    padding: 30px 0px;
    border-radius:5px;
    box-shadow: 0 0 3px #000;
}
.PopMessage-show .contact-box {
    display: inline-block;
    vertical-align: middle;
    font-size:30px;
    height: 100%;
    overflow: auto;
}
.PopMessage-show .contact-box .listbox{
        padding: 10px 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bdbdbd;
}
.PopMessage-show .contact-box .listbox p img{
    width: 100%
}
.PopMessage-show-box{
    width:100%;
    background:rgba(0,0,0,0.8);
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    height: 100%;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sos_PreNote p,
.sos_PreNote li,
.sos_PreNote li strong {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.sos_PreNote ul {
    list-style-type: disc;
    padding-left: 35px;
    margin-bottom: 20px;
}

.sos_PreNote li a {
    font-weight: bold;
    text-decoration: underline;
}
.download-box {
    text-align: center;
    min-height: 200px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 16px;
}
.download-box p {
     font-size: 16px;
}