/* Minification failed. Returning unminified contents.
(1353,12): run-time error CSS1030: Expected identifier, found '719'
(1353,12): run-time error CSS1031: Expected selector, found '719'
(1353,12): run-time error CSS1025: Expected comma or open brace, found '719'
(4296,1): run-time error CSS1036: Expected expression, found '}'
 */

@font-face{
	font-family: 'Century Gothic';
	src: url('../font/GOTHIC.otf') format('OpenType'), url('../font/GOTHIC.TTF') format('truetype'), url('../font/GOTHIC.eot') format('embedded-opentype'), url('../font/GOTHIC.woff') format('woff');
}

@font-face{
	font-family: 'Georgia';
	src:url('../font/georgia-regula.otf') format('OpenType'), url('../font/georgia-regula.ttf') format('truetype'), url('../font/georgia-regula.eot') format('embedded-opentype'), url('https://www.patekwines.com.hk/fonts/georgia-regula.woff') format('woff');
}
@font-face{
	font-family: 'FuturaNext';
	src:url('../font/FuturaNext-DemiBold.otf') format('OpenType'), url('../font/FuturaNext-DemiBold.ttf') format('truetype'), url('../font/FuturaNext-DemiBold.eot') format('embedded-opentype'), url('../font/FuturaNext-DemiBold.woff') format('woff');
}

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:12px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
[v-cloak] {
    display: none; 
}

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

body {
    font-family:'Century Gothic', 'Arial', 'Microsoft YaHei';
    min-width: 1200px;
   
}
p,a,span{
	font-family:'Century Gothic', 'Arial', 'Microsoft YaHei';
}

/*common css*/

.fl{
    float: left;
}

.clear {
    clear: both;
}

.no-margin-right {
    margin-right: 0;
}

.pc-hidden {
    display: none;
}

.green-btn {
    background-color:#372f48;
}

.grey-btn {
    background-color: #000;
}

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

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

.normal-select select {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    outline: none;
    color: #1b1b1b;
    border: 1px solid #ccc;
}

#login-register-box .normal-select select {
    height: 45px;
    line-height: 45px;
}

.express-select {
    float: left;
    width: 30%;
}

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

.address-select {
    background-color: #eaefe5;
}


/*home css*/

#container {
    position: relative;
    background-position: center;
    background-size: 100%;
    background-color:#f6f6f6;
    overflow: hidden;
    margin-top:128px;
    min-height:50vh;
}
#container.container-index{
	margin-top:0;
}
p.errorTip {
    margin-left: 480px;
    color: #ff0000;
    font-size: 13px;
    height:44px;
    line-height: 44px;
    box-sizing:border-box;
    margin:0 auto;
    text-align: center;
}

p#loginFailMsg {
    width: 100%;
    color: #ff0000;
    font-size: 13px;
    padding: 5px 0;
}


/*top css*/

.header-box {
    width: 1200px;
    margin: 0 auto;
}

.logo {
    width: 264px;
    height: 118px;
    margin: 14px 0;
    float: left;
}

.logo a {
    display: block;
}

.logo a img {
    width: 100%;
}

.publicity-img {
    float: left;
    height: 118px;
    margin: 14px 0 14px 95px;
}

.publicity-img img {
    height: 100%;
}

.header-right {
    float: right;
}

.member-box {
    float: right;
    margin-top: 34px;
}

.member-box a {
    line-height: 16px;
    font-size: 16px;
    color: #999999;
}

.member-box a:hover {
    color: #78b02f;
}

/*header*/
#header{/*background-color:#262626;*/}
.header-main{width:1100px;margin:0 auto;padding:18px 0;}
#login{float:left;color:#333;font-size:13px;}
#login a{color:#333;font-size:13px;}
#main_header {background:#1b1b1b;}
.w { width:72%; margin:0 auto;}
.l-box{float:right;font-size: 12px;}
.l-box a { color:#ffffff;}
.l-box p{cursor:pointer;color:#ffffff;}
.l-box p span{display: inline-block;font-size:13px;vertical-align: middle;height:15px;line-height: 15px;color:#fff;padding-left: 5px; padding-right: 5px;}
.l-box p .select-arrow{margin-left:10px;width:11px;background-image:url("../image/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;}
.top-news{width:475px;margin:0 auto;text-align: center;}
.top-news p{font-size: 13px;color:#333;}
.select select{appearance:none;-webkit-appearance:none;outline:none;border:none;font-size:13px;height:15px;line-height:15px;background-color: transparent;color:#333;width:48px;background-image:url("../image/select-down-arrow.png");background-repeat:no-repeat;background-position:right center;background-size:11px auto;}
/*logo-part*/
.logo-part-main{width:1100px;margin:0 auto; padding:5px 0px;}
.logo-box{text-align: center;}
.h-box{float:right;margin-top:12px;}
.h-box .top-icon{float:right;margin-left:30px;}
.h-box .top-icon a{display:block;width:29px;height:29px;}
.h-box .top-cart-icon a{background-image:url("../image/cart-icon.png");background-repeat:no-repeat;background-position:center center;}
.h-box .logistics-s-icon{background-image:url("../image/search-s-icon.png");background-repeat:no-repeat;background-position:center center;}
#main_header .top-menu {position: relative; transition: max-height .5s;}
#main_header .menu_main, #main_header .menu_main .menu-left, #main_header .menu_main .menu-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}
#main_header .menu_main {
    height: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    margin: 0 auto;
    transition: height .5s ease-in;
}
#main_header .menu_main a {
    color: #ffffff;
	width:150px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .13em;
    display: inline-block;
    padding: 10px;
    transition: color .5s ease-in;
}
#main_header .menu_main .menu-left:first-child, #main_header .menu_main .menu-right:first-child {
  
}
#main_header .menu_main .menu-left, #main_header .menu_main .menu-right {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: stretch;
}

.menu_main .menu-left >ul, .menu_main .menu-right >ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.menu_main .menu-left >ul >li, .menu_main .menu-right >ul >li {
    
	width:160px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
#main_header .menu_main .menu-left >ul >li >a, #main_header .menu_main .menu-right >ul >li >a {
    color: #ffffff;
    transition: color .5s ease-in;
}
#main_header .menu_main .menu-left >ul >li >a:hover, #main_header .menu_main .menu-right >ul >li >a:hover {
    color: #ffffff;
	background:#e72742;
	border-radius:20px;
}
#main_header .menu_main .menu-left >ul >li:hover >ul{display:block;-webkit-animation:fadeIn ease .5s both;-o-animation:fadeIn ease .5s both;animation:fadeIn ease .5s both}

#main_header .menu_main .menu-left >ul >li >ul {
    position: absolute;
    left: 50%;
    z-index: 100;
	top:70%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 120px;
	border-radius:20px;
	background:#fff;
    display: none;
	
}
#main_header .menu_main .menu-left >ul >li >ul >li {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
}
#main_header .menu_main .menu-left >ul >li >ul >li >a {
    display: block;
    
    
    border-top: 1px solid #eee;
    text-align: center;
    color: #231816;
	
}
#main_header .menu_main .menu-left >ul >li >ul >li:first-child >a {
   
    border-radius:20px 20px 0px 0px;
    border-top: 0px solid #eee;
   
}
#main_header .menu_main .menu-left >ul >li >ul >li:last-child >a {
   
   
   border-radius:0px 0px 20px 20px;
   
}

#main_header .menu_main .menu-left >ul >li >ul >li >a:hover {
   background: #e72742;
    color: #ffffff;
	
}


.menu_main .header-logo {
    width: 176px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 30px;
}
#main_header .right {
    position: absolute;
	z-index: 99;
    right: 40px;
    bottom: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: -15px;
}
.handle-box .btn {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #074494;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
    background-color: #fff;
    margin-bottom: 5px;
	font-size:12px;
    border-radius: 10px;
    margin: 0 auto;
	margin-left:8px;
}
.handle-box .btn  span a{ color:#074494;padding: 0px 5px;
}
.handle-one {
	display: inline-block;
    position: relative;
}
.handle-icon {
    display: block;
    width: 28px;
    height: 28px;
    color: #cccccc;
    /*line-height: 35px;
    font-size: 17px;*/
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.handle-icon:hover{
   -webkit-transform: translateY(-3px);
   transform: translateY(-3px);
}


.l-icon {
    width: auto;
}

.l-icon:hover {
    color: #78b02f;
}
.cart-icon b {
    position: absolute;
    right: -10px;
    top: -7px;
    background-color: #c81a00;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

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

.search-box .inputBox {
    width: 200px;
    border: 1px solid #074494;
    border-radius:7px ; 
    padding: 9px 10px;
    float: left;
}
.search-box  .btn-send {
    position: absolute;
    right: 10px;
    top: 6px;
    line-height: 1;
    background: none;
    border: none;
    color: #555;
}
.search-box form {
    position: relative;    font-size: 12px;}
.search-box input {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
.search-box  .fa {
    position: relative;
    float: left;
    display: inline-block;
	background: url('../image/search-icon.png') no-repeat center center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
	width:43px;
	height:33px;
	margin-right: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

.handle-one .language-top-box {
    border: 1px solid #ccc;
    font-size: 12px;
    color: #ccc;
    height: 22px;
    margin-top: 6px;
    outline: none;
    width: 70px;
}


/*头部购物车弹框 css*/

.top-window {
    display: none;
    position: absolute;
    z-index: 12;
    box-sizing: border-box;
    padding: 14px 14px 30px 14px;
    background-color:#fff;
    border: 1px solid #e6e6e6;
}
.top-cart-detail {
	display: none;
	position: fixed;
    top: 0px;
    right:-400px;
    width: 400px;
    background-color:#f6f6f6;
    overflow: auto;
    overflow-x:hidden;
    padding-bottom: 30px;
    border:1px solid #eee;
}
.cart-close{
	position: absolute;
	right:0;
	top:13px;
	width:60px;
	height:90px;
	background-color:#f0f0f0;
	text-align: center;
	line-height: 90px;
}
.cart-close span{
	font-size:30px;
	color:#191919;
	display: inline-block;
	transform: rotate(45deg);
}
.window-top {
    position: absolute;
    right: 77px;
    top: -18px;
    width: 24px;
    height: 18px;
    background: url('../image/window-top.png') no-repeat center center;
}

.window-detail-title {
    text-align:left;
    border-bottom: 1px solid #eeeeee;
    padding-left:20px;
}

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

.window-detail-title span {
    display: inline-block;
    color: #191919;
    vertical-align: middle;
    padding-top: 40px;
    font-weight: bold;
    padding-bottom: 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{
	padding-left:10px;
	padding-right: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{
	box-sizing: border-box;
    padding: 26px 10px;
    font-size: 13px;
    text-align: center;
}
.cart-window-content table td:nth-of-type(2) {
    text-align: left;
    word-break: break-word;
}

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

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

.cart-delete:hover {
    background-color: #fa4343;
}

.window-cart-num,
.window-cart-price {
    color: #1a1a1a;
    font-size: 14px;
}
.cart-window-content .window-cart-price{
	padding-top:77px;
}
.window-cart-pic{
	width:104px;
	height:104px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.window-cart-pic img {
    border: 1px solid #f0f0f0;
    max-width: 100%;
    max-height: 100%;
}

.cartSubtotal {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 20px;
    padding:0 10px;
}

.cartSubtotal b {
    margin-left: 30px;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 20px;
    font-weight: normal;
    float:right;
}
.cartTip{
	font-size: 14px;
	color:#5b5b5b;
	line-height:24px;
	margin-top:10px;
	padding:0 10px;
}
.goToCart {
    margin-top: 30px;
    padding:0 10px;
}

.goToCart a {
    display: inline-block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background-color: #372f48;
}


/*头部登录弹框 css*/

#topLoginMessage {
    color: #ff0000;
    font-size: 12px;
    margin-top: 3px;
}

.input-text {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    box-sizing: border-box;
}

.input-btn {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    box-sizing: border-box;
}

.top-member-detail {
    width: 300px;
    left: -234px;
    top: 50px;
}

.top-member-detail .window-top {
    right: 40px;
}
.top-member-detail .window-detail-title{
	background-color:#372f48;
}
.top-member-detail .window-detail-title span {
    padding: 0 20px;
    color:#fff;
    line-height: 40px;
    font-size: 18px;
    height:40px;
}
.top-cart-detail .window-detail-title span{
	font-size: 32px;
}
.window-login-box .input-text {
    display: block;
    color: #cccccc;
    font-size: 17px;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    padding: 0 10px;
    border: none;
    border-bottom: 1px solid #cccccc;
    outline: none;
}

.window-login-box .input-btn {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border: none;
}

.window-login-box .sbtn {
    background: #fff;
    border: 1px solid #000000;
    margin-top: 20px;
    color: #000000;
    cursor: pointer;
	text-align: center;
	outline:none;
}

.login-other-btn {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.login-other-fb {
    background-color: #4e72b6;
}

.login-other-fp {
    background-color:#372f48;
}

.login-other-fr {
    background-color:#372f48;
}

.login-after-select p a {
    display: block;
    color: #666;
    font-size: 17px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    text-indent: 10px;
}

.login-after-select .logout {
    margin-top: 25px;
}

.login-after-select .logout a {
    color: #fff;
    font-size: 17px;
    padding: 10px 0;
    border-bottom: none;
    background-color: #cccccc;
    text-align: center;
    text-indent: 0px;
}

.login-after-select p a:hover {
    color: #000;
}

.login-after-select .logout a:hover {
    color: #fff;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(0,0,0,0.2);
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(0,0,0,0.2);
}

input:-ms-input-placeholder {
    color: rgba(0,0,0,0.2);
}

input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.2);
}


/*nav css*/

#nav {
    position: relative;
    z-index: 11;
    background: #88bd43;
    box-shadow: 0 0 0 #0c1600, 0 0 0 #0c1600, 0 0 0 #0c1600, 0 1px 4px rgba(12, 22, 0, 0.3);
}

.nav-content {
    width: 1200px;
    margin: 0 auto;
    height: 50px;
}

.category-box {
    width: 25%;
    float: left;
    position: relative;
    height: 50px;
    position: relative;
}

.category-box .category-first-btn {
    display: block;
    font-size: 18px;
    text-indent: 75px;
    line-height: 50px;
    color: #fff;
    background: url('../image/nav-icon.png') no-repeat 190px center;
}

.category-box:hover {
    background: #679926;
}

.category-down {
    position: absolute;
    width: 298px;
    background: #fff;
    border: 1px solid #88bd43;
    left: 100%;
    top: -1px;
    display: none;
    z-index: 999;
}

.category-down-1 {
    left: 0;
    top: 100%;
}

.category-down>.category-down-one {
    position: relative;
    border-top: 1px solid #c1de9b;
}

.category-down>.category-down-one:first-child {
    border: none;
}

.category-down a {
    display: block;
    font-size: 16px;
    line-height: 35px;
    color: #666666;
    text-indent: 75px;
}

.category-down .category-down-one .category-down-one-btn {
    background: url("../image/menu-down-icon-g.png") no-repeat 230px center;
}

.category-down>.category-down-one:hover {
    background: #88bd43;
}

.category-down .category-down-one:hover>a {
    color: #fff;
}

.category-down .category-down-one:hover>.category-down-one-btn {
    background: url("../image/menu-down-icon-w.png") no-repeat 230px center;
}

.category-down-1>.category-down-one:hover {
    background: #679926;
}

.category-down-one:hover>.category-down {
    display: block;
}

.menu {
    width: 75%;
    float: left;
}

.menu .menu-one {
    width: 150px;
    float: left;
}

.menu .menu-one .first-btn {
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
}

.menu .menu-one:hover .first-btn {
    background: #679926;
}

.menu .menu-one .s-line-btn {
    line-height: 25px;
}


/*banner css*/

/*.pc-main-banner {
    overflow: hidden;
    box-sizing: border-box;
    max-height:800px;
}*/

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


/*main-content common css*/

.product-list-box {
    position: relative;min-height: 450px;
}

.swiper-button {
    width: 40px;
    height: 200px;
    top: 80px;
}

.home-product-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.content-title {
    padding: 10px 0;
        background-size: 100%;
}
.content-title  p {
    width: 1200px;
    margin: 0 auto;
    font-size: 30px;
    color: #414042;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
}
.swiper-container-common {
    position: relative;
    overflow: hidden;
}

.product-list-one_1 {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    width: 30%;
    /*height: 440px;*/
    float: left;
    margin-left: 2.8%;
    padding-bottom: 15px;
}
.product-list-one {
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}
/*.swiper-container-common {
    width: 1000px;
    margin: 20px auto 0;
}*/

.product-list-one a {
    position: relative;
    border:1px solid #ededed;
    box-sizing: border-box;
    -webkit-transition: border .5s;
    -ms-transition: border .5s;
    transition: border .5s;
}

.product-list-one a img {
    display: block;
    width: 100%;
    margin: 0 auto;
    
}
.product-list-one a:hover{
	border:1px solid #372f48;
}
.product-list-one_1 a {
    position: relative;
    border:2px solid transparent;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 100%;
    display: block;
    height: 0;
}
.product-list-one_1 a:hover{
	border: 2px solid #ededed;
}
.captn{
	margin-top:20px;
}
.product-list-one_1 a img {
    display: block;
    width:100%;
    margin: 0 auto;
    -webkit-transition: border .5s;
    transition: border .5s;
}
.home-product-box .swiper-button {
    top: 80px;
    border-radius: 5px;
}

.home-product-box .swiper-button-prev {
    left: 0;
    background: #8dc11f  url('../image/product-list-left.png') no-repeat center center;
}

.home-product-box .swiper-button-next {
    right: 0;
    background: #8dc11f  url('../image/product-list-right.png') no-repeat center center;
}

.home-product-box .swiper-button-disabled {
    background-color: #ebebeb;
}

.content-title b {
    float: left;
    width: 8px;
    height: 50px;
    background: #88bd43;
}



.p-name {
    font-size: 18px;
    color: #383838;
    text-align: center;
    height:40px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    padding: 0 5px;
}

.p-code {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 14px;
}

.p-price-box {
    text-align: center;
    margin-top: 20px;
}

.p-price-box p {
    display: inline-block;
}

.p-price-box .p-price-common {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    vertical-align:middle;
}

.p-price-box .p-price-discount {
    color: #383838;
    font-size: 18px;
    vertical-align:middle;
}

.product-handle-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
}

.product-list-one:hover .product-handle-box {
    display: block;
}

.product-list-one .product-handle-box a {
    font-size: 15px;
    width: 88px;
    height: 28px;
    line-height: 28px;
}

.common-btn {
    width: 90px;
    text-align: center;
}

.common-btn b {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.common-btn span {
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
    font-size: 15px;
    margin-left: 5px;
}

.share {
    float: left;
    color: #88bd43;
    background-color: #fff;
    border: 1px solid #88bd43;
}

.addtofav {
    float: right;
    border: 1px solid #ff7952;
    background-color: #ff7952;
    color: #fff;
}

.addtofav b {
    background: url('../image/collect-icon-white.png') no-repeat center center;
    background-size: 100% auto;
}

.addtofav .b-s {
    background: url('https://www.patekwines.com.hk/Images/collect-icon-white-s.png') no-repeat center center;
    background-size: 100% auto;
}

.share b {
    background: url('../image/share-icon.png') no-repeat center center;
    background-size: 100% auto;
}


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

.part-one-main-title {
    width: 98%;
    height: 70px;
    text-align: left;
    line-height: 70px;
    border-radius: 3px;
    font-size: 24px;
    color: #fff;
    background: #000;
    padding-left: 2%;
    text-shadow: 1px 1px 3px #000;
}

.free-block-left .part-product-list-adv {
    float: left;
}
main_c.css:719
.part-product-list-adv {
    width: 30%;
}
.free-block-left .part-product-list {
    float: right;
}

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

.part-product-list {
    position: relative;
}

.part-product-list .swiper-container {
    position: relative;
}
.part-product-list .swiper-container {
    position: relative;
}

.part-proudct-select {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.part-proudct-select-one {
    width: 30%;
    margin-right: 5%;
    flex-shrink: 0;
}
.part-product-list .p-img {
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
}
.part-product-list .p-img img {
    width: 100%;
}
.p-message {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}
.p-message-left {
    float: left;
    width: 55%;
}
.p-message-right {
	display:block;
    width: 100%;
	text-align: center;
}
.p-message-name {    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-top: 14px;
    line-height: 20px;
}
.p-message-right .old-price {
    font-size: 12px;
    color: #000;
	display:inline-block;
    line-height: 13px;
    margin-top: 19px;
    text-decoration: line-through;
}
.p-message-right .now-price {
    font-size: 20px;
	display:inline-block;
    color: #ff0000;
    height: 23px;
    line-height: 23px;
}
.p-message-icon {
    margin-top: 10px;
}
.free-block-green .list-turn {
    background-color: #1b1b1b;
}

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

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


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

.list-turn {
    position: absolute;
    width: 60px;
    height: 60px;
	display: none;
    border-radius: 50%;
    top: 40%;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 1px 1px 3px #000;
}
/*main-content css*/

#main-content {
    min-width: 1200px;
    margin:0 auto;
    overflow: hidden;
	padding-bottom: 30px;
}
.p-message-icon{margin-top:10px; text-align:center;}
.p-message-icon .btn {
	 display: inline-block;
	 float:none;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
    background-color: #8dc11f;
    margin-bottom:5px;
	margin: 0 auto;
}
.p-message-icon .btn:hover {

    background-color: #000;

}
.package-main { margin:0 auto; width:1100px; margin-bottom:40px; }
.part-one-main-box { width:100%;box-sizing: border-box; display:inline-block; margin-top:70px;}
.p-package-left { float:left; width:420px;}
.p-package-left:first-child { margin-left:0px;}
.p-package-right { float:left; width:680px;}
.package-main .p-img {width: 100%; box-sizing: border-box;     padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    height: 450px;
    background: #074494;}
.package-main .p-message-l {     text-align: center;}
.package-main .p-message-l .p-message-name { color:#000000; font-size:20px;}
.package-main .p-message-l .p-message-conct {color:#858585; font-size:14px;}
.package-main .p-message-l .p-message-price{font-size:20px;color:#ff4444;}
.package-main .p-message-r { margin: 0 auto;
    text-align: center;}
.package-main .p-message-r .package-btn {
	display: inline-block;
    width: 170px;
    height: 50px;
    line-height: 50px;
    color: #074494;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
    background-color: #fff;
    margin-bottom:5px;
	border-radius: 10px;
	margin: 0 auto;}
.package-main .package-more { margin-top:20px; text-align:center;}
.package-main .package-main-btn {display: inline-block;
    
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
	width:500px;
    text-align: center;
    margin-top: 5px;
    background-color: #1b1b1b;
    margin-bottom:5px;
	border-radius: 30px;
	margin: 0 auto }
	
.feedback-main { width:100%; margin:0 auto; display:inline-block;}
.feedback-main .feedback-message { width:1100px; height: 272px; margin:0 auto;position: relative;}
.feedback-main .feedback-message .plconct { width:547px; display:inline-block; text-align:center;}
.feedback-main .feedback-message .plconct p { width:500px; margin:0 auto;}


.map-main { width:100%; margin:0 auto; height:372px; display:inline-block;}
.form-map { width:100%; margin:0 auto; height:460px; display:inline-block;}
.map-message { width:1100px; margin:0 auto; background:url("../image/map_bg.png") top center no-repeat;} 
.map-message .m-title { width:590px; height:45px; margin:0 auto; background:url("../image/map-title.png") top center no-repeat;    margin-top: 30px;
    margin-bottom: 50px;text-align: center;}
.map-message .m-title h3 { color:#fff;    line-height: 50px;
    font-size: 26px;}
.map-message .plconct { width:547px; display:inline-block; text-align:center;    margin-top: 30px;}
.map-message .plconct .map_bg { background:url("../image/map_bg.png") top center no-repeat;width:524px; height:310px; margin:0 auto;position: absolute;}
.map-message .plconct .map-content { width:400px; margin:0 auto; text-align:center; color:#fff;position: relative;
    top: -30px;}
.map-message .plconct .map-content p { line-height:28px;}

.about-main { width:100%; margin:0 auto;display:inline-block;}
.about-main .content{ margin:0 auto; /*margin-top:80px;*/}
.about-main .p-message-conct { height:421px; margin:0 auto; padding: 0 5%;}
.about-main .p-message-conct .plconct { height:275px; margin:0 auto;    padding-top: 30px; overflow:hidden; }
.about-main .p-message-conct .plconct span { font-size:14px; margin-left:0px;}
.about-main .p-message-conct .btn {
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    width: 125px;
    text-align: center;
    margin-top: 65px;
    background-color: #1b1b1b;
    margin-bottom: 5px;
    border-radius: 10px;
	}
.about-main .p-message-conct .title { color:#000000; font-size:23px; display:block; text-align:center;    padding-top: 23px;}

.about-main .p-message-conct .plconct p { font-size:16px;line-height: 38px;}
.about-main .p-message-conct span { color:#000;font-size:35px; /*margin-left:-15px;*/  float: left;}
.p-tip {
    font-family: 'Arial';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 85px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #c81a00;
    font-size: 13px;
    transform: rotate(-45deg) translate(-22px, -5px);
    -webkit-transform: rotate(-45deg) translate(-22px, -5px);
    -moz-transform: rotate(-45deg) translate(-22px, -5px);
    -ms-transform: rotate(-45deg) translate(-22px, -5px);
}

.category-product {
    margin-top: 40px;
}

.category-adv {
    width: 480px;
    height: 405px;
    float: left;
    overflow: hidden;
}

.category-adv img {
    height: 405px;
}

.category-product-list {
    width: 640px;
    float: left;
    margin-left: 20px;
}

.swiper-container-category {
    width: 100%;
    margin-top: 0;
}

.text-intro {
    margin-top: 20px;
    padding-bottom: 10px;
}

.text-intro-img {
    float: left;
    width: 50%;
}

.text-intro-img img {
    width: 100%;
}

.text-intro-box {
    width: 580px;
    height: 400px;
    float: right;
    margin-right: 3px;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 0 6px #ccc;
}

.text-intro-box-img {
    float: left;
    width: 190px;
    overflow: hidden;
}

.text-intro-box-img img {
    width: 100%;
}

.text-intro-box-img p {
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    color: #679926;
}

.text-intro-box-content {
    width: 330px;
    float: right;
}

.text-intro-box-content p {
    font-family: 'Arial', 'Microsoft YaHei';
    width: 100%;
    text-align: left;
    color: #666;
    font-size: 15px;
    line-height: 20px;
    text-indent: 35px;
}

.read-more {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

.read-more a {
    font-family: 'Arial', 'Microsoft YaHei';
    display: inline-block;
    font-size: 16px;
    padding: 8px 13px;
    background: #88bd43;
    border: 1px solid #77a63a;
    color: #fff;
}


/*footer css*/

/*footer*/
.normal-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
#footer{width:100%;background-color:#372f48;/*display: none;*/}
.footer-main{width:100%;margin:0 auto;position:relative;}
.footer-search{display:block;width:1300px;margin:0 auto;}
.footer-top {    
	width: 1200px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #fff;
    padding-top: 64px;
    padding-bottom: 34px;
}
.footer-top .f_pic { width:1200px; margin:0 auto;    text-align: center;}
.footer-top .f_pic span{ display: inline-block;line-height: 60px; vertical-align: top; font-size: 22px;}
.footer-top .f_pic img { padding-left:25px; padding-right:25px;}
.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;background-color:#522a80;border:none;font-size: 14px;}

.footer-center{padding:25px 0;}
.footer-center-main{width:1200px;margin:0 auto;}
.footer-nav{float:left;width:70%;}
.footer-nav ul{float:left;margin-right:100px;}
.footer-nav ul li{margin:10px 0;font-size: 12px;}
.footer-nav ul li a{color:#fff;font-size:14px;padding:5px 0;}
.footer-nav ul li a:hover{text-decoration: underline;}
.footer-nav ul li:nth-of-type(1) a{font-size: 16px;}
.footer-nav ul li:nth-of-type(1) a:hover{text-decoration: none;}

.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;font-size: 12px;}
.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 b{display: inline-block;width:100%;color:#fff;font-size: 14px;font-weight: normal;margin-bottom:8px;}

.footer-bottom {
    width: 1200px;
    margin:0 auto;
    text-align: center;
    height: 72px;
    color: #fff;
    background-color: #372f48;
}
.footer-bottom p{
	display:inline-block;
	margin-top:10px;	
}
.footer-bottom .footer-bottom-left{
	width:50%;
	text-align: left;
	line-height: 36px;
	height:36px;
	font-size: 14px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.footer-bottom .footer-bottom-left .eLogo{
    width: 60px;
    height: 36px;
    line-height: 36px;
}
.footer-bottom .footer-bottom-left .iLogo{
	width: 20px;
    height: 36px;
    line-height: 36px;
}
.footer-bottom .footer-bottom-left a{
	display: inline-block;
    margin-left:10px;
    background-color: #fff;
    text-align: center;    
    overflow: hidden;   
}
.footer-bottom .footer-bottom-right{
	float:right;
	height:20px;
	line-height: 20px;
}
.footer-bottom .footer-bottom-right a{
	display: inline-block;
	width:20px;
	height:20px;
	float:left;
}
.footer-bottom .footer-bottom-right a:nth-of-type(1){
	margin-right:10px;
}
.footer-bottom-left img {
    vertical-align: middle;
    width: 90%;
}
.footer-bottom-right img{
	vertical-align: middle;
    width:90%;
}
.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;}


/*search page*/

#product-list {
    width: 1300px;
}

#product-list .product-list-one {
    width: 275px;
    float: left;
    margin-right: 34px;
    margin-bottom: 20px;
}

#product-list .product-list-one .addtocart,
#product-list .product-list-one .addtofav {
    width: 130px;
}

#product-list .common-btn {
    width: 130px;
}

.addtocart {
    float: left;
    background: -webkit-linear-gradient(bottom,#483b62 0%,#7f7694 100%);
    background: -ms-linear-gradient(bottom,#483b62 0%,#7f7694 100%);
    background: -moz-linear-gradient(bottom,#483b62 0%,#7f7694 100%);
}

.addtocart b {
    background: url('../image/cart-icon-hover.png') no-repeat center center;
    background-size: auto 100%;
}

.p-total-num {
   font-family: 'Arial', 'Microsoft YaHei';
    font-size: 14px;
    color: #8dc11f;
   line-height: 15px;
    margin-left: -8px;
}

.p-total-num b {
    font-weight: normal;
    font-size: 16px;
    color: #679926;
}


/*分页器*/

.page-box {
    text-align: center;
    margin: 40px 0;
}

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

.page-box a:first-child {
    border-left: 1px solid #000;
}

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

.page-box #prePage {
    background: url('../image/page-last.png') no-repeat center center;
}

.page-box #nextPage {
    background: url('../image/page-next.png') no-repeat center center;
}

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


/*侧栏*/

#scroll-menu {
    position: fixed;
    right: 0;
    bottom: 100px;
    border-radius: 3px;
    overflow: hidden;
}

#scroll-menu .scroll-menu-one {
    width: 60px;
    height: 60px;
    background-color: #1b1b1b;
    margin-top: 2px;
}

#scroll-menu .scroll-menu-one:first-child {
    margin-top: 0;
}

#scroll-menu .scroll-menu-one:hover {
    background-color: #999;
}

#scroll-menu .scroll-menu-one a {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

#scroll-menu .scroll-menu-collect a {
    background: url('../image/collect-icon-white.png') no-repeat center center;
    background-size: 22px auto;
}

#scroll-menu .scroll-menu-cart a {
    background: url('../image/cart-icon-white.png') no-repeat center center;
    background-size: 22px auto;
}


/*登录页面*/
#main-content.loginPage,
#main-content.adminPage{
	display: flex;
	justify-content: center;
	align-items: center;
}
#main-content.registerPage{
	display: flex;
	justify-content: center;
	align-items: center;
}
#login-register-box {
    font-family:'microsoft yahei' ,'Arial';
    margin:70px;
}
.registerPage #login-register-box {
    font-family:'microsoft yahei' ,'Arial';
    margin:70px;
    margin-left:-40px;
}
.login-register-top{
	margin-bottom: 50px;
}
.login-register-title {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    width: 465px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    background-color: #372f48;
    clip-path: polygon(30px 0,465px 0, 435px 70px, 0 70px);
    -webkit-clip-path: polygon(30px 0,465px 0, 435px 70px, 0 70px);
    -moz-clip-path: polygon(30px 0,465px 0, 435px 70px, 0 70px);
    -ms-clip-path: polygon(30px 0,465px 0, 435px 70px, 0 70px);
}
#form-member{
	display: flex;
    justify-content: center;
}
.login-register-tip {
	display: block;
    font-size:18px;
    color: #999999;
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-align: center;
    margin-top:10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.register-another-box{
	width:465px;
}
.register-another-btn{
	display: block;
	text-align: center;
	color:#666;
	font-size:18px;
	line-height:20px;
	margin-top:20px;
	font-family: 'Microsoft YaHei','Arial';
}
.register-another-btn:hover{
	color:#473273;
}
.login-register-tip a {
    font-size:18px;
    color: #1b1b1b;
    line-height: 45px;
    font-family: "microsoft yahei";
}
.registerPage .login-register-content .form-group{
	height:110px;
}
.loginPage .login-register-content .form-group:nth-of-type(1){
	margin-bottom: 20px;
}
.loginPage .login-register-content .form-group:nth-of-type(2) {
    margin-bottom: 10px;
}
.login-register-content .form-group label {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #171717;
    text-align: left;
    font-family: 'Microsoft YaHei','Arial',;
    display: block;
}
.login-register-content .form-group b {color: #f00;
    font-size: 16px;
    font-weight: 900;
    margin-right: 5px;
}
.login-register-content .form-group .input-text {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    border: 0;
    font-size: 16px;
    color: #4c4c4c;
    width:465px;
    border: 1px solid #372f48;
    outline: none;
    text-indent: 5px;
    float:left;
}
.login-register-content .form-group .input-text:focus {
    border-bottom: 1px solid #88bd43;
}

.login-register-content .form-group .input-date {
    float: right;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    border: 0;
    font-size: 21px;
    color: #4c4c4c;
    width: 700px;
    border-bottom: 1px solid #ccc;
    outline: none;
    font-family: 'Arial', 'Microsoft YaHei';
}

.login-register-handle {
    width: 100%;
}

.login-register-handle .remember {
    float: left;
}

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

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

.forget {
    float: right;
    font-size: 15px;
    color: #e71e43;
    line-height: 17px;
    font-family: 'Calibri';
}

.btn-box {
    width: 100%;
    margin-top:10px;
    overflow: hidden;
}

.btn-box .btn {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: "microsoft yahei";
    padding: 0;
    font-weight: bold;
    cursor: pointer;
}

.btn-box .login-btn {
    background-color: #372f48;
    border: 1px solid #372f48;
    text-transform: uppercase;
    margin-bottom:20px;
}

.btn-box .fb-login-btn {
    background-color: #365899;
    border: 1px solid #365899;
}


/*注册页面*/
.radio-box input {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

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

.select-box {
    height: 45px;
}

.select-box .common-select {
    margin-left: 0;
    border-radius: 0;
}

.select-box .common-select .common-select-btn {
    height: 45px;
    line-height: 45px;
    color: #999999;
    font-size: 16px;
    width: 100%;
    background: url('../image/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;
}

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

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

.btn-box .register-btn {
    background-color: #372f48;
    border: 1px solid #372f48;
    width: 465px;
    margin-top:20px;
}

.login-register-content .form-group .text-box .input-text {
    float: left;
}

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

.login-register-content .form-group .input-tip b {
    color: #ff0000;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}


/*产品详情页*/

.detail-top {
    font-family: 'Arial', 'Microsoft YaHei';
}
.Next-top {
	width: 100%;
    /* display: inline-block; */
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
	}
.Next-top .PreBtn {
	width: 120px;
    background: #000;
    line-height: 30px;
    float: left;
    height: 30px;
	color:#fff;
	text-align: center;
    font-size: 16px;
	}
.Next-top .PreBtn:hover { background:#e03636}
.Next-top .NextBtn  {
	width: 120px;
    background: #000;
    line-height: 30px;
    float: right;
    height: 30px;
	color:#fff;
	text-align: center;
    font-size: 16px;
	}
.Next-top .NextBtn:hover { background:#e03636}
.page-path {
    color: #999;
    font-size: 14px;
	    width: 100%;
    display: inline-block;
}


.page-path {
    color: #999;
    font-size: 14px;
}
.page-path>ul>li:first-child {
    background: none;
    padding-left: 0;
}

.page-path>ul>li {
    float: left;
    padding-left: 5px;
    background: url(https://www.patekwines.com.hk/Images/forweb/cat-right-arrow.png) no-repeat 0px 3px;
}
.page-path>ul>li:first-child>a {
    padding-left: 0;
}
.page-path>ul>li>a {
    display: inline-block;
    padding: 0 10px;
    color: #333333;
  
}

.page-path .path-now {
	color: #8dc11f;
    font-size: 14px;
    font-weight: bold;
	    line-height:16px;
	}
.page-path .path-now a {
	color: #8dc11f;
    font-size: 14px;
    font-weight: bold;
	}



.detail-top-content {
    margin-top: 15px;
}

.detail-top-left {
    float: left;
    width:50%;
}

#bigpic {
    position: relative;
}

.big-pic-box {
    width: 100%;
    height: 700px;
    overflow: hidden;
    cursor: move;
}

.big-pic-box p {
    float: left;
    width:100%;
    text-align: center;
}

.big-pic-box p img {
    width: 100%;
}

.p-pic-s {
    position: relative;
    margin-top: 14px;
}

.swiper-container-pic-s {
    width: 100%;
    margin: 0 auto;
}

.p-pic-s .swiper-wrapper img {
    display: block;
    border: 1px solid #f0f0f0;
    width: 98%;
    margin: 0 auto;
}

.p-pic-s .swiper-wrapper .swiper-slide:hover img {
    border: 1px solid #679926;
}

.p-pic-s .swiper-button {
    width: 20px;
    height: 80px;
    top: 0;
    background-color: #e71e43;
    margin: 0;
}

.pic-button-prev {
    left: 0;
    background: url('../image/product-list-left.png') no-repeat center center;
    background-size: 10px auto;
    border-radius: 3px;
}

.pic-button-next {
    right: 0;
    background: url('../image/product-list-right.png') no-repeat center center;
    background-size: 10px auto;
    border-radius: 3px;
}

.p-pic-s .swiper-button-disabled {
    background-color: #ebebeb;
}

.detail-top-right {
    width: 47%;
    float: right;
}

.p-name-box {
	width:100%;
    position: relative;
    margin-top: 10px;
}

.p-name-box p {
    width: 88%;
    height:74px;
    color: #1b1b1b;
    font-size: 36px;
    line-height: 36px;
    overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-align: center;
}

.detail-collect {
    position: absolute;
    right: 30px;
    top: 0;
    display: block;
    width: 23px;
    height: 30px;
    background: url('../image/collect-icon-red.png') no-repeat center center;
    background-size: 23px auto;
}

.detail-collect-f {
    background: url('../image/collect-icon-red-f.png') no-repeat center center;
    background-size: 23px auto;
}

.p-intro-box {
	width:88%;
    margin-top: 50px;
}

.p-intro-box p {
    color: #433750;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.detail-price-box {
    width: 100%;
    box-sizing: border-box;
    /*padding: 0 30px 0 18px;*/
    background-color: #f5f5f5;
    margin-top: 10px;
    overflow: hidden;
}

.detail-price-box .detail-price {
    float: left;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 22px;
    width: 88%;
    text-align: center;
}

.detail-price-box .detail-price b {
    display: inline-block;
    height: inherit;
    line-height: inherit;
    font-size: 16px;
    color: #1d1d1d;
    font-weight: normal;
}

.detail-price-box .detail-code {
    float: right;
    height: 60px;
    line-height: 60px;
    color: #bfbfbf;
    font-size: 14px;
}

.detail-select-one {
    margin-top: 20px;
}
.detail-select-one .detail-select-attribute:nth-child(2) .detail-select-title{
	line-height: 18px;
}
.detail-select-attribute .detail-select-title {
    float: left;
    height: 34px;
    line-height:34px;
    font-size: 16px;
    color: #333333;
    width: 100px;
    margin-right: 14px;
    text-align: right;
}

.detail-select-one .detail-color-box {
    float: left;
    line-height: 0;
}
.icon-box{
	border-bottom: 1px solid #434343;
	text-align: right;
    height: 40px;
}
.color-one {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 15px;
    text-align: center;
    
}

.color-one-selected {
    border: 1px solid #999;
}

.color-one b {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin-top: 2px;
}

.color-orange b {
    background-color: #ff6600;
}

.color-grey b {
    background-color: #333333;
}

.color-blue b {
    background-color: #0452bc;
}

.color-yellow b {
    background-color: #fefb3d;
}

.detail-select-attribute {
    margin-bottom: 10px;
}
.detail-select-attribute .common-select {
    float: left;  
    width: calc(100% - 114px);
}
.detail-select-attribute .common-select:nth-child(1) {
    width: calc(100% - 104px);
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.common-select {
    position: relative;
    border-radius: 3px;
	
}
.common-select >li{
	padding:0 20px;
	height:34px;
	line-height: 34px;
	background-color:#433750;
	float:left;
	margin-right:13px;
	margin-bottom: 15px;
	color:#fff;
	font-size: 16px;
}
.common-select select {
    padding: 10px 35px 10px 15px;
    width: 100%;
    height: auto;
    color: #000;
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.common-select:before {
    top: 50%;
    right: 10px;
    margin-top: -2px;
    border-color: #888 transparent transparent transparent;
    z-index: 1;
}
.common-select:after {
    top: 50%;
    right: 10px;
    margin-top: -3px;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}
/*.common-select:before, .common-select:after {
    pointer-events: none;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
}*/

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

.detail-select-quantity {
    margin-right: 30px;
}

.detail-select-quantity .common-num {
    float: left;
    border: 1px solid #e0e0e0;
    width: 100px;
    height: 45px;
}

.common-num a {
    float: left;
    width: 19px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    color: #1a1a1a;
}

.num-content {
    float: left;
}

.num-content .input-text {
    display: inline-block;
    width: 58px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border: none;
    color: #999999;
    outline: none;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.detail-btn-box {
    margin-top: 40px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -mz-flex;
    justify-content: space-between;
}

.detail-btn-box .common-btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
}
.OffShelves {
    background-color: #bdbdbd;
    cursor: not-allowed;
    color: #fff;
    transition: 0.3s ease;
}
.detail-btn-box span {
    font-size: 24px;
    margin-left: 15px;
    color: #fff;
}

.detail-btn-box .addtocart b {
    width: 27px;
    height: 25px;
    background: url('../image/detail-cart-icon.png') no-repeat center center;
    background-size: 100% auto;
}

.detail-btn-box .buynow {
    background-color: #fff;
    border: 2px solid #000;
}

.detail-btn-box .buynow span {
    font-size: 28px;
    color: #eb4326;
}

.detail-share-box {
    margin-top: 28px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -mz-flex;
    flex-wrap: nowrap;
}

.detail-share-box li {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.detail-share-box li img {
    width: 40px;
    height: 40px;
}

.remark-box {
    margin-top: 15px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -mz-flex;
    flex-wrap: nowrap;
}

.remark-box p:nth-of-type(1) {
    color: #d2220b;
    font-size: 17px;
}

.remark-box p:nth-of-type(2) {
    font-family: '黑体', 'Microsoft YaHei';
    width: 420px;
    font-size: 18px;
    color: #333333;
    margin-left: 5px;
}

.detail-content {
    margin-top: 36px;
}

.detail-content-select a {
    float: left;
    display: inline-block;
    width:49.8%;
    height: 48px;
    color: #666666;
    font-size: 22px;
    line-height: 48px;
    text-align: center;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #fff;
    border-right: 1px solid #ebebeb;
}

.detail-content-select a:first-child {
    border-left: 1px solid #ebebeb;
}

.detail-content-select a:nth-of-type(3) {
    border-right: 1px solid #ebebeb;
}

.detail-content-select .detail-selected-btn {
    height: 47px;
    line-height: 47px;
    color: #1b1b1b;
    border-top: 2px solid #000;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.detail-content-block {
    font-family: 'Arial', 'Microsoft YaHei';
    border: 1px solid #ebebeb;
    border-top: 0;
    box-sizing: border-box;
}

.detail-product-box {
    margin-top: 40px;
    border-top: 1px solid #000;
}

.detail-block-one {
    display: none;
}

.detail-block-intro {
    display: block;padding-top: 20px;
}
.detail-block-intro p { font-size:16px; line-height:220%}

/*产品介绍临时css*/

.detail-block-intro table tr td {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -mz-flex;
}

.detail-block-intro tr td p {
    color: #808080;
    font-size: 18px;
    text-indent: 20px;
    margin-top: 20px;
}

.detail-block-intro tr td p:nth-of-type(1) {
    margin-top: 0;
}

.detail-block-intro td {
    vertical-align: top;
}

.detail-block-intro table tr td {
    padding-top: 36px;
}

.part-two {
    margin-left: 20px;
}


/*产品介绍临时css*/

.detail-product-box .product-list-one .product-handle-box .addtocart {
    display: block;
    margin: 0 auto;
    float: none;
    width: 140px;
    height: 30px;
    line-height: 30px;
}

.detail-product-box .addtocart span {
    color: #679926;
}

.detail-product-box .addtocart b {
    background: url('../image/detail-cart-icon.png') no-repeat center center;
    background-size: 100% auto;
}

.detail-product-box .addtocart:hover {
    background-color: #679926;
}

.detail-product-box .addtocart:hover b {
    background: url('../image/detail-cart-icon-white.png') no-repeat center center;
    background-size: 100% auto;
}

.detail-product-box .addtocart:hover span {
    color: #fff;
}

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

.select-menu a:hover {
    background: #efefef;
}

.detail-block-review {
    position: relative;
    border-top: 1px solid #fff;
}

.detail-block-review .review-one:nth-of-type(1) {
    margin-top: 80px;
}

.review-one {
    padding: 50px 0;
    border-bottom: 1px solid #ebebeb;
}

.review-message a {
    display: block;
    float: left;
    width: 225px;
}

.review-message a img {
    vertical-align: middle;
    height: 70px;
    width: 70px;
}

.review-message a span {
    color: #666;
    font-size: 14px;
    margin-left: 14px;
}

.review-detail {
    float: left;
}

.review-detail-one {
    margin-bottom: 18px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -mz-flex;
    flex-wrap: nowrap;
}

.review-detail-title {
    font-family: 'Arial', '黑体';
    font-weight: bold;
    color: #666666;
    font-size: 15px;
    line-height: 18px;
}

.review-detail-text {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    width: 550px;
}

.review-detail-star .star {
    display: inline-block;
    width: 18px;
    height: 17px;
    margin-right: 2px;
}

.review-detail-star .star-orange {
    background: url('../image/star-orange.png') no-repeat center center;
}

.review-detail-star .star-grey {
    background: url('../image/star-grey.png') no-repeat center center;
}

.review-handle-box {
    margin-top: 35px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -mz-flex;
    justify-content: space-between;
}

.good-bad .other-review {
    display: inline-block;
    margin-right: 20px;
}

.good-bad .other-review b {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.good-bad .other-review span {
    margin-left: 5px;
    display: inline-block;
    font-size: 15px;
    color: #666;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.good-bad .good b {
    background: url('../image/good.png') no-repeat center center;
}

.good-bad .bad b {
    background: url('../image/bad.png') no-repeat center center;
}

.review-time {
    color: #bfbfbf;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Arial', '黑体';
}

.review-time span {
    color: #bfbfbf;
    font-size: 14px;
    line-height: 24px;
    margin-right: 10px;
}

.product-review-img {
    float: right;
}

.sell-review {
    font-family: 'Arial', '黑体';
    margin-top: 55px;
}

.sell-review .review-detail-title {
    width: 225px;
    text-align: center;
    font-size: 22px;
    color: #679926;
    line-height: 20px;
}

.sell-review .review-detail-text {
    font-size: 16px;
    color: #666;
    line-height: 20px;
}

.review-read-more {
    text-align: center;
    margin-top: 60px;
}

.review-read-more a {
    display: inline-block;
    padding: 10px 48px;
    font-size: 16px;
    color: #999;
    border: 1px solid #ededed;
    background-color: #fafafa;
}

.write-review {
    position: absolute;
    top: 30px;
    display: inline-block;
    width: 150px;
    background-color: #679926;
    border: 1px solid #598322;
    border-radius: 3px;
    height: 42px;
}

.write-review b {
    width: 24px;
    height: 26px;
    background: url('../image/write-review-icon.png') no-repeat center center;
    background-size: 100% auto;
}

.write-review span {
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 20px;
}


/*会员信息*/

.form-common-title {
    color: #679926;
    font-size: 24px;
    margin-left: 160px;
    margin-bottom: 30px;
}

.form-common-title-mt {
    margin-top: 40px;
}

.form-common-title-box {
    background-color: #bfbfbf;
    width: 465px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 5px 0;
}

.form-common-title-box .form-common-title {
    display: inline-block;
    padding: 5px 10px;
    color: #333;
    /* background-color: #679926; */
    margin: 0 10px 0 10px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
}

.form-common-title-box .form-common-title-border {
    padding: 0;
    height: 38px;
    border: 1px solid #333;
}

.form-common-title-box .form-common-title-now {
    color: #e71e43;
}


/*我的最爱*/

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

.favorite-box {
    margin: 0 auto;
    margin-top: 40px;
    width:72%;
}

.favorite-box-content {
    margin-top: 70px;
    /*border-top:1px solid #88bd43;*/
}

.favorite-one {
    box-sizing: border-box;
    padding: 30px 20px;
    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 .product-img {
    float: left;
    width: 10%;
    height: auto;
    border: 1px solid #e6e6e6;
}

.favorite-one .product-img img {
    width: 100%;
}

.favorite-one-messge {
    float: left;
    margin-left: 1.7%;
    width: 51.7%;
}

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

.favorite-one-messge .product-code {
    color: #b2b2b2;
    font-size: 14px;
    margin: 15px 0;
}
.favorite-one-messge .product-code span{ padding-right: 8px; font-size: 14px; }
.product-price .p-price-discount {
    font-size: 18px;
    color: #d92526;
}

.favorite-one-handle {
    float: right;
    opacity: 1;
    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;
    border: 1px solid #e5e5e5;
    border-radius:8px ;
    line-height: 30px;
    text-align: center;
    margin-bottom: 8px;
    color: #999;
    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 {
    color: #000;
    border: 1px solid #000;
}

.favorite-one:hover {
    background-color: #fafafa;
    border-top: 1px solid #1b1b1b;
}

.favorite-one:hover .favorite-one-handle {
    opacity: 1;
}


/*我的订单*/

.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;
    border: 1px solid #1b1b1b;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #1b1b1b;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
}

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

.order-one-title {
    box-sizing: border-box;
    padding: 0 20px;
}

.order-one-title span {
    color: #1b1b1b;
    font-size: 14px;
    float: left;
    line-height: 35px;
}

.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 {
    margin-left: 60px;
}

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

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

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

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

.product-total-price {
    color: #e31b1b;
    font-size: 18px;
    margin-top: 14px;
}


/*我的订单详情*/

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

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

.order-one-detail-quantity b {
    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 b {
    display: inline-block;
    font-size: 20px;
    color: #d92526;
    vertical-align: top;
    font-weight: normal;
    line-height: 26px;
    width: 170px;
}

.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 .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;
    width: 650px;
    float: right;
}

.order-detail-box .btn-box .btn {
    display: inline-block;
    width: 46%;
    background-color: #000;
    margin-left: 4%;
    float: left;
}

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


/*忘记密码成功发送页面*/

.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 .btn-box a {
    background-color: #1b1b1b;
}


/*注册成功页面*/

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


/*忘记密码*/

#forget-paassword-box {
    width: 700px;
    margin: 60px auto 0;
}

#forget-paassword-box .login-register-title {
    margin-left: 0;
}

.fg-pass-form .form-common-title {
    margin: 0;
    font-size: 24px;
}

.form-common-desc {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
}

.fg-pass-form .btn-box {
    display: block;
}

.fg-pass-form .btn-box .login-btn {
    width: 100%;
}


/*购物流程*/

.shoppingcart-one {
    margin-bottom: 60px;
}

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

.shoppingcart-one-title span {
    font-size: 16px;
}

.shoppingcart-one-title .order-merchant {
    width: 10%;
    color: #1b1b1b;
    font-size: 18px;
}

.shoppingcart-one-title .order-product-name {
    width: 38%;
    margin-left: 1.6%;
    text-indent: 130px;
}

.shoppingcart-one-title .order-quantity {
    width: 11%;
    margin-left: 4.2%;
    text-align: center;
}

.shoppingcart-one-title .order-price {
    margin-left: 5.9%;
    width: 15.2%;
    text-align: center;
}

.merchant-one {
    border-top: 0;
    border-bottom: 1px solid #e6e6e6;
}

.merchant-one:hover {
    border-top: 0;
}

.merchant-one .favorite-one-messge {
    width: 38.7%;
}

.merchant-one-calc {
    width: 12%;
    margin-left: 4.5%;
    float: left;
    text-align: center;
}

.merchant-one-calc .common-num {
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.merchant-total-quantity {
    float: left;
    width: 15.5%;
    margin-left: 70px;
}

.merchant-total-quantity p {
    font-size: 20px;
    color: #d92526;
    text-align: center;
}

.merchant-total-price {
    float: left;
    width: 180px;
    margin-left: 6%;
}

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

.merchant-del-box {
    float: right;
}

.shoppingcart-handle {
    text-align: right;
}

.shoppingcart-handle span {
    display: inline-block;
    font-size: 20px;
    color: #333;
    line-height: 25px;
}

.shoppingcart-handle .total-price {
    width: 230px;
    font-size: 24px;
    color: #d92526;
}

.shoppingcart-handle .btn {
    display: inline-block;
    width: 340px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 26px;
    text-align: center;
    margin-top: 50px;
    background-color: #000;
    border-radius: 5px;
    float:right;
}


/*checkout*/

.checkout-title {
    padding-bottom: 10px;
}

.shoppingcart-one-title .order-split {
    float: right;
}

.order-split b {
    display: inline-block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

.merchant-one-quantity p {
    font-size: 16px;
    color: #666;
    line-height: 20px;
}

.split-handle-box {
    margin-top: 30px;
    box-sizing: border-box;
    padding: 0 20px;
}

.split-handle-left,
.split-handle-right {
    width: 50%;
    float: left;
}

.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: 30px;
    vertical-align: top;
    margin-left: 30px;
}

.split-handle-left p span:first-child {
    width:20%;
    text-align: right;
    color: #999;
    margin-left: 0;
}

.change {
    display: inline-block;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    border: 1px solid #372f48;
    color: #372f48;
    font-size: 16px;
    padding: 0 15px;
    float: right;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.3s;
    margin-left:5px;
}
.change:hover {
    background-color: #372f48;
    color: #fff;
}
.split-handle-right p {
    text-align: right;
    margin-bottom: 15px;
}

.split-handle-right p span {
    display: inline-block;
    width: 250px;
    font-size: 20px;
    color: #000;
    line-height: 35px;
}

.split-handle-right p span:nth-of-type(2) {
    color: #d92526;
    font-size: 24px;
    margin-left: 45px;
}

.split-handle-right .input-text {
    height: 33px;
    font-size: 20px;
    line-height: 33px;
    border: 1px solid #e6e6e6;
    width: 245px;
    box-sizing: border-box;
    padding: 0 10px;
    background-color:#fff;
}

.split-total-handle {
    box-sizing: border-box;
    padding: 0 20px;
}

.split-handle-left .input-text {
    height: 28px;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    width: 245px;
    box-sizing: border-box;
    padding: 0 10px;
}

.split-total-handle .split-handle-left p {
    margin-bottom: 18px;
}

.split-handle-left p .pay-select-method {
    width: 400px;
}

.split-handle-left p .pay-select-method label {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-left: 5px;
}

.split-handle-left p .pay-select-method label:first-child {
    margin-left: 0;
}

.split-handle-left p .pay-select-method label img {
    height:50px;
    border: 1px solid #f0f0f0;
}

.split-handle-left p .pay-select-method label:hover img {
    border: 1px solid #88bd43;
}

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

.split-btn-box .btn {
    display: inline-block;
    margin-left: 10px;
    border: none;
}

.expressSlect {
    border: 1px solid #000;
    font-size: 14px;
    color: #000;
    outline: none;
    height: 26px;
    line-height: 26px;
    margin-top: 2px;
}


/*checkout第二步*/

.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 {
    font-family: 'Arial', 'Microsoft YaHei';
    position: fixed;
    top: 0;
    width: 1200px;
    padding: 20px;
    background: #fff;
    height: 400px;
    z-index: 999;
    overflow-x: hidden;
    display: none;
}

.checkout-box-2 .login-register-title {
    margin-left: 0;
}

.checkout-box-2 .cart-delete {
    float: right;
    margin-top: 12px;
}


/*checkout第三步*/

.select-mothod {
    float: none;
    margin: 36px 0;
}

.select-mothod .detail-select-title {
    float: left;
    line-height: 38px;
    color: #4c4c4c;
    font-size: 16px;
}

.select-mothod .common-select .common-select-btn {
    width: 250px;
    height: 36px;
    line-height: 36px;
    color: #999;
    font-size: 16px;
}

.select-mothod .select-menu a {
    color: #999;
    font-size: 15px;
}

.select-delivery-address .common-title {
    font-size: 22px;
    color: #666;
    margin-bottom: 30px;
}

.select-delivery-one {
    box-sizing: border-box;
    padding: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.select-delivery-one .left-part {
    float: left;
    width: 63%;
}

.select-delivery-one .right-part {
    float: right;
}

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

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

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

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

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

.select-delivery-btn {
    margin-top: 25px;
    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: 8px 18px;
    color: #fff;
    font-size: 17px;
}

.select-delivery-one:hover .select-delivery-btn {
    opacity: 1;
}

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

.new-address .login-register-content {
    width: 820px;
    margin: 0 auto;
}

.new-address .login-register-content .form-group .input-text {
    width: 650px;
}

.new-address .form-input-box {
    width: 650px;
}

.pick-up-block {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 30px;
}
.pick-up-block-floatL{
    float:left;
    width:48%
}
.pick-up-block-floatR{
    float:right;
    width:48%
}

.pick-up-block .date-select {
    padding: 8.5px;
    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;
}

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

.address-top-btn {
    margin-top: 20px;
}

.address-top-btn a {
    display: inline-block;
    padding: 8px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #679926;
    margin-right: 20px;
}

.new-address-p {
    margin-top: 30px;
}

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


/*添加地址*/

.member-delivery-address {
    margin-top: 60px;
}


/*订单完成页面*/

.order-complete-box {
    text-align: center;
    margin-top:70px;
}
.order-complete-box p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}

.order-complete-box p:nth-of-type(1) {
    margin-top: 30px;
}

.order-complete-box .btn-box {
    text-align: center;
    display: block;
}

.order-complete-box .btn-box .btn {
    display: inline-block;
}


/*cms*/

.cms-container {
    margin: 0 auto;
}
.content-page{
	width:1200px;
	padding:20px;
	margin:0 auto;
}
.catDetail-page{
	width:100%;
}
.cms-container strong { font-size:100%; }

/*适应不同屏幕*/

/*@media only screen and (min-width:1000px) and (max-width:1200px) {
    body {
        min-width: 1000px;
    }
    .header-box {
        width: 1000px;
    }
    .logo {
        width: 220px;
        height: auto;
    }
    .publicity-img {
        height: 100px;
        margin: 14px 0 14px 50px;
    }
    .search-box .search-text {
        width: 200px;
    }
    .handle-one {
        margin-left: 15px;
    }
    .nav-content {
        width: 1000px;
    }
    .menu .menu-one {
        width: 125px;
    }
    .menu .menu-one .first-btn {
        font-size: 16px;
    }
    #main-content {
        width: 1000px;
    }
    .content-title p {
        width: 960px;
    }
    .swiper-container-common {
        width: 900px;
    }
    .product-list-one .product-handle-box a {
        width: 45%;
    }
    .category-adv {
        width: 40%
    }
    .category-product-list {
        width: 55%;
    }
    .swiper-container-category {
        width: 100%;
    }
    .text-intro-img {
        width: 48%;
    }
    .text-intro-box {
        width: 50%;
    }
    .text-intro-box-img {
        width: 20%;
    }
    .text-intro-box-content p {
        font-size: 12px;
    }
    .text-intro-box {
        height: 320px;
    }
    .footer-box {
        width: 1000px;
    }
    .footer-nav .footer-nav-title a {
        font-size: 20px;
    }
    .footer-nav {
        width: 550px;
    }
    .footer-nav li a {
        font-size: 14px;
    }
    .footer-nav ul {
        margin-right: 30px;
    }
    .foot-concact {
        width: 440px;
    }
    .footer-share ul li {
        width: 40px;
        height: 40px;
    }
    .footer-support-box {
        width: 1000px;
    }
    .footer-concact-content p {
        font-size: 14px;
    }
    #product-list {
        width: 1000px;
    }
    #product-list .product-list-one {
        margin: 0 29px auto;
    }
    .detail-top-left {
        width: 48%;
    }
    .big-pic-box {
        width: 100%;
        height: 278px;
    }
    .swiper-container-pic-s {
        width: 430px;
    }
    .detail-top-right {
        width: 48%;
    }
    .p-pic-s .swiper-button {
        height: 67px;
    }
    .p-name-box p {
        font-size: 22px;
    }
    .detail-btn-box .common-btn {
        width: 220px;
    }
    .detail-content-select a {
        width: 331px;
    }
    .checkout-box-2 {
        width: 1000px;
    }
}*/

/*==============new_css=============*/
.w1200{
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
 
.new_header{
    width: 100%;
}
/*非首頁header*/
.header-default{
	position: relative;
	width:100%;
	background-color:#f6f6f6;
	position: fixed;
	left:0;
	top:0;
	z-index: 2;
	border-bottom: 10px solid #1d081a;
	/*display: none;*/
}
.header-default .header_top {
    width: 100%;
    border-bottom: 1px solid #3c3c3c;
}
.header-default .langbtn a{
	color:#000;
	font-size:14px;
	font-weight: bold;
}
.header-default >img{
	width:100%;
	transform: scale(1.2);
	opacity: 0;
	transition: all 2s;
}
.header-default .header_top_up{
	width:100%;
	height: 40px;
    border-bottom: 1px solid #3c3c3c;
}
.header-default .header_top_up_in{
	width: 73%;
	height: 40px;
	margin: 0 auto;
}
.header-default .header_top_up .right{
	/*width:18%;*/
	width:110px;
	height:40px;
	float:right;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-default .header_top_down{
	width: 73%;
	min-width: 1200px;
    height: 128px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
}
.header-default #code-select{
	width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: none;
    color: #000;
    border: none;
    outline: none;
}

.header-default .new_logo{
	/*width:5.5%;*/
	width:75px;
	float:left;
}
.header-default .tutor-title{
	display: block;
	float:left;
	margin-left:1.2%;
	width:22%;	
}
.header-default .tutor-title img{
	width:100%;
}

.header-default .header_menu{
	/*width:35%;*/
	width:490px;
	margin-left:9%;
	float:left;
}
.header-default .header_menu > ul > li > a{
	color: #000;
    display: block;
    font-size:18px;
    line-height: 18px;
}
.header-default .handle-box{
	float: right;
    /*width: 10%;*/
   width:140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left:15%;
    width:
}
.header-default .member-icon {
    background: url('../image/black-member-icon.png') no-repeat center center;
}

.header-default .cart-icon {
    background: url('../image/black-cart-icon.png') no-repeat center center;
    position: relative;
}
.header-default .search-icon {
    background: url('../image/black-search-icon.png') no-repeat center center;
}
/*首頁header*/
.header-index{
	position: relative;
	background-color:#19071b;
	display: none;
	z-index: 1;
	overflow: hidden;
	width:100%;
	height:100vh;
}
.header-index-bg{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%) scale(1.2);
	width:100vw;
	height:100vh;	
	transition: all 2s linear;
	opacity: 0;
	overflow: hidden;
}
.header-index-bg:active{}
.header-index-bg >img{
	position: absolute;
	left:50%;
	top:0;
	transform: translateX(-50%);
	min-width:100%;
	min-height:100%;
}
.header-index .header_top{	
	position: absolute;
    right: 0%;
    top: 0;
    width: 100%;
    z-index: 1;
}
.header-index .header_top_up{
	width: 61.5%;
    height: 73px;
    border-bottom: 1px solid #fff;
    float: right;
    margin-right: 3%;
}
.header-index .header_top_down{
	width: 100%;
    height: 73px;
    padding-top: 12px;
    float: left;
}
.header-index .header_mid{
	position: absolute;
	left:50%;
	top:40%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width:100%;
	height:270px;
}
.header-index .header_mid .big_text{
	height:180px;
	/*height:0;*/
	margin:0 auto;
	overflow: hidden;
}
.header-index .header_mid .big_text_in{
	margin:0 auto;
	margin-top:200px;
	opacity: 0;
	/*transition:all 1.5s;*/
}
.header-index .header_mid .big_text_in p{
	font-size: 72px;
	text-align: center;
	color:#fff;
	line-height:90px;
	font-family:'Georgia';
}
.header-index .header_mid .tutor-btn{
	margin:0 auto;
	width:340px;
	height:60px;
	margin-top:30px;
	border:1px solid #fff;
	opacity: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.header-index .header_mid .tutor-btn img{
	width:13%;
}
.header-index .header_mid .tutor-btn a{
	color:#fff;
	line-height: 60px;
	font-size: 27px;
	/*margin-left:10px;*/
}
.header-index .header_mid .tutor-btn:hover{
	cursor: pointer;
}
.header-index .new_logo{
    width:9%;
    position: absolute;
    left:23%;
    top:44px;
}
.new_logo a{
	display: block;
	width:100%;
	overflow: hidden;
}
.new_logo a img{
	width:100%;
}
.header_bottom{
    height: 100%;
    display: table;
    /*background:linear-gradient(to right, #074494 50%, #ffffff 50%);*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#074494',endColorStr='#ffffff',gradientType='0'); 
    /*background: -moz-linear-gradient(to right,  #074494 50%, #ffffff 50%); */
    /*background: -o-linear-gradient(to right, #074494 50%, #ffffff 50%); */
    display: table-cell;
    vertical-align: middle;
}
.header-index .member-icon {
    background: url('../image/member-icon.png') no-repeat center center;
}

.header-index .cart-icon {
    background: url('../image/cart-icon.png') no-repeat center center;
    position: relative;
}
.header-index .fav-icon {
    background: url('../image/collect-icon-white.png') no-repeat center center;
}
.header-index .search-icon {
    background: url('../image/search-icon.png') no-repeat center center;
}
.category-product-bg .search-box {
    vertical-align: middle;
    float: right;
    width: 500px;
	padding-top: 7px;
}
.header-index .header_menu{
    width: 490px;
    margin-right: 6%;
    display: inline-block;
    float: right;
}
.header_menu > ul {
    display: flex;
    justify-content: space-between;
}
.header-index .header_menu > ul > li{
	padding: 10px 20px 35px 20px;

}
.header-default .header_menu > ul > li{
	padding: 35px 20px 35px 20px;
}
.header-index .header_menu > ul > li > a { 
	color:#fff; 
	display: block;  
	font-size: 20px;
    line-height:20px;
}
.header_menu .lt { text-align:left;}
.header_menu >ul >li >a:hover{
   -webkit-transform: translateY(-3px);
   transform: translateY(-3px);
}
.product-nav{
	position:absolute;
    top: 135px;
    left:50%;
    min-height: 600px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
    width: 100%;
    background-color: #eee;
    padding-top:90px;
    padding-bottom: 120px;
    display: none;
    z-index: 1;
}
.product-nav .product-nav-up{
	width: 94%;
    overflow: hidden;
    border-bottom: 1px solid #bfbfbf;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
}
.product-nav .product-nav-up >li{
    height: 40px;
    padding-left:4.5%;
    padding-right:4.5%;
    float: left;
}
.product-nav .product-nav-up >li{
	position: relative;
}
.product-nav .product-nav-up >li >a{
	display: block;
	color: #1c1c1c;
	font-size:21px;
	height:21px;
	line-height: 21px;	
	margin-bottom: 12px; color: rgb(28, 28, 28);
}
.product-nav .product-nav-up >li >a:hover{
	height:40px;
	color:#6659b0;
}
.product-nav .product-nav-down{
	width:82%;
	margin:0 auto;
	height:300px;
}
.product-nav .product-nav-down .attr-one{
	/*width:12%;*/
	float:left;
	margin-right:5%;
	margin-top:10px;
}
.product-nav-down .attr-one li a{
	font-size: 16px;
	color:#3b3b3b;
	height:40px;
	line-height: 40px;
}
.product-nav-down .attr-one >li >a:hover,
.product-nav-down .country-one >ul >li >a:hover,
.product-nav-down .country-one .subCountry li a:hover{
	color:#6659b0;
}
.product-nav-down .country-one{
	/*width:12%;*/
	float:left;
	margin-right:5%;
	margin-top:10px;
}
.product-nav-down .country-one h2{
	font-size: 16px;
}
.product-nav-down .country-one ul{
	width:100%;
}
.product-nav-down .country-one .subCountry{
	margin-left:10px;
}
.product-nav-down .country-one ul li a{
	font-size: 16px;
	color:#3b3b3b;
	height:40px;
	line-height: 40px;
}
.product-nav-down .country-one .subCountry li a{
	font-size: 14px;
}
.header_log{
  
    display: table-cell;
    vertical-align: top;
	text-align: right;
	
}

.mainbanner{

    
  
	width:100%;
    box-sizing: border-box;

}

.mainbanner_L{
    width: 63%;
    display: table-cell;
    float: left;
}

.mainbanner_R a{
    float: right;
    width: 440px;
    height: 215px;
    padding: 5px;
    box-sizing: border-box;
    background: url(https://www.patekwines.com.hk/Images/forweb/mainpage_banner-12.png) no-repeat 100%;
}
.mainbanner_R a:nth-of-type(2){
	background: url(https://www.patekwines.com.hk/Images/forweb/mainpage_banner-13.png) no-repeat 100%;
}

.cat_menu{
    display: table;
    padding: 5px 20px;
    box-sizing: border-box;

}
.cat_menu .position a{
	position: relative;
	float: left;
}
.cat_menu img{

    /*width: calc(100%/3);*/ 
    
    padding: 5px;
    box-sizing: border-box;

    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.cat_Img{ 
	width: 180px;
    position: absolute;
    text-align: center;
    top: 185px;
    right: 5.5px;
    height: 45px;
    background: white;
    color: #eca6c3;
    line-height: 45px;
    
}
.cat_Img p{
	font-size: 25px;
	    font-weight: bold;
}
.cat_menu img:hover{
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.footer_in{
    width: 1100px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
}

.home-sponsor-cms{
    text-align: center;
    
}

.footer_top{
    padding: 10px;
    box-sizing: border-box;
        display: table;
        width: 100%;
}

.footer_top_L{
    width: 40%
}

.footer_top_R{
    width: 60%
}

.footer_in_L{
    width: 35%;
    padding: 15px;
    box-sizing: border-box;
    display: inline-block;
}

.footer_in_L span{
   display: inline-block;
    padding-left: 30px;
}

.footer_in_L span img{
    display: table-cell;
    vertical-align: middle;
    margin-right: 5px;
}


.footer_bigtext{
    font-size: 22px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding-top: 4px;

}

.footer_topic{
    font-size: 14px;
    color: #fff;
}

.footer_text{
    font-size: 12px;
    color: #fff;
    line-height: 21px;
}

.footer_in_R{
    /*width: 58%;*/
    width: 100%;
    display: inline-block;
    padding: 45px 0;
    box-sizing: border-box;
}

.footer_in_R ul{
    float: left;
    color: #fff;
    margin-right: 32px;
}
.footer_in_R ul li {
      display: inline-block;
    background: #074494;
    position: relative;
    margin: 10px auto;
	height:40px;
	text-align: center;
    line-height: 40px;
	margin-right: 20px;
}
  
.footer_in_R ul li:before {
   content: "";
    width: 0;
    height: 0;
    position: absolute;
    /* top: -25px; */
    left: 0;
    border-left: 15px solid #1e1e1e;
    /* border-right: 50px solid transparent; */
    border-bottom: 20px solid #074494;
}
  
.footer_in_R ul li:after {
  content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0px;
    right: 0;
    /* border-left: 50px solid #1e1e1e; */
    border-right: 20px solid #1e1e1e;
    border-top: 15px solid #074494;
}   


.footer_in_R a{
    color: #fff;
}
.index_server { width:1100px;margin: 0 auto;
    display: inline-block;}
.index_server .sleft { width:420px; float:left;}
.index_server .sleft p { display:inline-block}
.index_server .sleft .rt { float:right; }
.index_server .sleft a img {
   
    border: 1px solid #ededed;
    
    margin: 0 auto;
    -webkit-transition: border .5s;
    transition: border .5s;
}

.index_server .sleft p:hover a img {
    border: 1px solid #e892b5;
}
.index_server .sright { width: 670px;
    float: left;
    margin-left: 5px;}
.index_server .sright ul {
    position: relative;
    width: 100%;
}
.index_server .sright .rt { margin-left:10px;}
.index_server .sright ul li {
    width: 330px;
    height: 150px;
    background: #074494;
    float: left;
    text-align: center;
}
.index_server .sright ul li span {
    display: inline-block;
  
    
	vertical-align: middle;
}
.index_server .sright ul li .sl-span {
    text-align: left;  font-size: 26px;
    color: #fff;
}
.index_server .sright ul li .sr-span {
    padding-left: 10px;
    text-align: right;line-height: 150px;
}
.index_server .sright .sbtn {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #eb4326;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 10px;
    margin: 0 auto;
}

.ban-setting{
	display:block;
	position:relative;
	overflow:hidden;
}
.ban-setting img{
	width:100%;
}
.ban-setting .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -72%;
    right: 0;
    background-color:rgba(0, 0, 0, 0.5);
    text-align: center;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ban-setting:hover .captn {
  bottom: 0%;
}
/*.captn a{
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 3px;
}*/
.captn a:hover {
    transform: rotateY(360deg);
}
.captn h4 {
    font-size: 1.2em;
    color: #fff;
    padding: 9px 0 4px;
    font-family: 'Amaranth', sans-serif;
}
.captn span { display: inline-block; margin-top:5px; margin-bottom:5px;}
.captn  .btnt {background-color: #074494;
    margin-bottom: 5px;
	height: 38px;
	line-height:38px;	
	
    border-radius: 10px; width:145px; text-align:center;}

.ban-setting:hover .captn span {
    margin-top:75px;
}
.no_play {
    display: none;
}
.promotion_code {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-color: #f4f4f4;
    border: 1px solid #e8e8e8;
    height: 40px!important;
    line-height: 40px!important;
    outline: none;
    padding: 0 5px;
    width: 150px !important;
    box-sizing: border-box;
    vertical-align: top;
}
.promotion-code-btn {
    background-color: #372f48;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
}
.dis-price {width: 200px;
    display: inline-block;
    background: #ebebeb;
    padding: 10px;
    font-size: 12px;
    color: #d92526;
    position: relative;
    border: 1px solid #ccc;}
.dis-price i{
	    position: absolute;
    right: -5px;
    top: -5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #df6441;
    color: #fff;
    text-align: center;
    line-height: 15px;
}





/* =================================================================================== */

#header {
    /*position: absolute;
    top: 0;
    z-index: 3;*/
   
}

.header-index .handle-box {line-height: 48px;
    float: right;
    width: 8%;
    margin-right: 5.2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_log .handle-box .btn {
    border-radius: 5px;
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
}

.header_log .handle-box .btn span a {
    color: #000;
}

.header_log .handle-one {
    margin-top: 10px;
}

.header_log .handle-icon {
    width: 30px;
}

/*swiper分页器*/
.mainbanner .swiper-pagination {
    bottom: 120px;
}

.mainbanner .swiper-pagination-bullet {
    width: 66px;
    height: 16px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}

.mainbanner .swiper-pagination-bullet-active {
    background: #000;
}

.index-content-box {
    box-sizing: border-box;
    width: 50%; 
    margin: 0 auto;
    margin-top: -100PX;
    z-index: 3;
    position: relative;
}

.index-content-box .pc-aboutus {
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    box-shadow: darkgrey 0px 0px 10px 0px;
}

.index-content-box .more {
    float: right;
}

.index-content-box .more img {
    width: 42px;
}

.about-main .about-content {
    background: linear-gradient(to bottom, #f0f0e6 62%, #ffffff 48%);
}

.about-main .p-message-content {
    margin: 0 auto;
    padding-top: 65px;
    width: 1100px;
}

.about-main .p-message-content .pl {
    width: 640px;
    float: left;
}

.whole_img {
    width: 100%;
}

.about-main .p-message-content .pr {
    float: left;
    margin-left: 10px;
    margin-top: -30px;
    width: 103px;
}

.feedback-message .ico {
    width: 106px;
    position: absolute;
    bottom: 0;
    right: 470px;
}

.feedback-message .fb-page_fb {
    width: 460px;
    float: right;
    margin-top: -270px;
}

.category-product-bg {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
}

.category-product-bg .title {
    /*background: url('/Images/PC_pro_title.png') top left no-repeat;*/
    width: 100%;
    height: 100px;
    position: relative;
    /*background-size: 80% 100%;*/
}

.category-product-bg .title .title_back {
    width: 80%;
    height: 100%;
}


.category-product-bg .title .title_box {
    height: 100%;
    width: 78%;
    position: absolute;
    top: 0;
}

.category-product-bg .title .title_content {
    width: 1080px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    float: right;
    max-width: 96%;
}

.category-product-bg .title .title_content p {
    color: #fff;
    font-size: 28px;
    width: 525px;
    height: 65%;
    display: flex;
    align-items: center;
    background-color: #000;
    padding-left: 25px;
    border-radius: 5px 60px 5px 5px;
}

.category-product-bg .title .more {
    position: absolute;
    right: 0;
}

.category-product-bg .picimg {
    width: 1100px;
    margin: 0 auto;
}

.picimg .product-list-box {
    min-height: unset;
    margin: 45px 0;
}

.picimg .product-list-one_1 {
    height: 456px;
    margin-bottom: 35px;
    width: 30%;
    margin-right: 3%;
    box-shadow: #d8d8d8 0px 0px 10px 0px;
}

.picimg .product-list-one_1:nth-child(3n) {
    margin-right: 0;
}

.picimg .product-list-one_1 .p-name {
    color: #000000;
    font-size: 14px;
}

.product-list-one_1 .p-addtocart {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:0;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 53px;
    font-size: 18px;
    background-color: #372f48;
    opacity: 0;
    transition: all 0.3s;
}
.product-list-one_1:hover .p-addtocart{
	bottom:0;
	opacity:1;
	height: 53px;
}
.index_more {
    background: url('../image/PC_more_bg.png') top right no-repeat;
    width: 100%;
    height: 100px;
    display: flex;
	    margin-bottom: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    background-size: 82% 100%;
}

.index_more .btn {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 15px;
    width: 186px;
    height: 55px;
    background: #000;
    border-radius: 10px;
}

/*contactUs*/
.contactUs {
    width: 724px;
    margin: 70px auto 0;
    border-radius: 20px 20px 0px 0px;
    box-shadow: darkgrey 0px 0px 10px 0px;
}

.contactUs .contact_bg {
    background: url('../image/map_bg.png') top no-repeat;
    width: 100%;
    background-size: cover;
    height: 308px;
    text-align: center;
}

.contactUs .contactUs_Content {
    padding: 45px 126px;
}

.contactUs_Content .title {
    height: 40px;
    line-height: 45px;
    font-size: 18px;
}

.contactUs .contactUs_Content p {
   padding: 30px 0;
   font-size: 15px;
   line-height: 28px; 
}

.footer_nav {
	width:30%;
	height:120px;
	margin-left:5%;
    display: inline-block;
    box-sizing: border-box;
}
.footer_nav >ul{
	width:100%;
	height:100%;
}
.footer_nav > ul > li {
    width: 50%;
    float: left;
    text-align: left;
    box-sizing: border-box;
}

.footer_nav > ul > li > a {
    height:40px;
    line-height:40px;
    font-size: 14px;
    color:#fff;
}
.footer_goTop {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -38px;
    height: 40px;
    background: url('../image/triangle.png') no-repeat center center;
}
.footer_goTop p {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    padding: 0 10px;
}
.search-input-box input {
    height: 34px;
    border-radius: 5px 0 0 5px;
    /*border: none;*/
    padding: 0 10px;
    font-size: 16px;
    position: absolute;
    top: 120%;
    right: 50px;
    border: 1px solid #e0e0e0;
    outline: none;
}

.search-input-box input:focus {
    outline-color: #8dc11f;
}

/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}

/* =================================================================================== */
.main-code { 
 display: inline-block;
 width:60px;
 float:left;
}
.header-index #code-select {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    background:none;
    color:#fff;
    border:none;
    outline:none;
}
.btn{
	width: 48px;
    display: flex;
    justify-content: space-between;
    float: left;
}
.header-index .langbtn span:nth-child(1){
	margin-right: 7px;
}
.header-index .langbtn a{
	color:#fff;
	font-size:15px;
	font-weight: bold;
}
.catProduct-location {    
    margin: 0 auto;
    padding: 13px 15px;
    position: relative;
	font-size: 14px;
    color: #1b1b1b;
	}
.catProduct-location>ul>li:first-child {
    background: none;
    padding-left: 0;
}
.catProduct-location>ul>li:last-child  {
    background: none;
    padding-left: 0;
}
.catProduct-location>ul>li {
    float: left;
    padding-left: 5px;
    background: url(https://www.patekwines.com.hk/Images/forweb/cat-right-arrow.png) no-repeat 0px 3px;
}
.catProduct-location>ul>li:first-child>a {
    padding-left: 0;
}
.catProduct-location>ul>li>a {
    display: inline-block;
    padding: 0 10px;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}

.catProduct-location .path-now {
	color: #8dc11f;
    font-size: 14px;
    font-weight: bold;
	}
.catProduct-location .path-now a {
	color: #8dc11f;
    font-size: 14px;
    font-weight: bold;
	}
.catProduct-location .picimg { margin-bottom:10px;}
.catProduct-location .picimg img { width:100%}
.payment-box {text-align: center;
    margin: 100px 0;}
.payment-box p {
    font-size: 20px;
    margin: 30px 0;
}
.payment-box .payment-btn {
    margin: 50px 0;
}
.payment-box .payment-btn input {
    -webkit-appearance: none;
    display: inline-block;
    padding-left:15px;
    padding-right:15px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    background-color: #372f48;
    border: 0;
    outline: 0;
}
.payment-box .payment-btn input:first-child {
    margin-right: 30px;
}

.Membership {
    
    margin: 10px 10px 10px 0px;
    
    color: #fff;

}
.Membership a { color: #fff;
    display: inline-block;
    padding: 10px;
    width: 100px;
    background: #8dc11f;
    text-align: center;}
.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;
}
.login-checkout-delete {
    float: right;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #089874;
    color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -20px;
}
.sellout-input-box label {
    
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #4c4c4c;
    vertical-align: top;
    text-align: right;
	display:inline-block;
	width:150px;
   
}
.sellout-input-box .form-group {
    margin-bottom: 10px;
}
.sellout-input-box input {
    display: inline-block;
    width: 280px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 10px;
   
    vertical-align: top;
    outline: none;
}

.sellout-input-box textarea {
    width: 280px;
    height: 100px;
    border: 1px solid #ccc;
	
}
.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;
}
.purple_bg{
	width:100%;
	height:375px;
	background:url(https://www.patekwines.com.hk/Images/purple-bg.png) right bottom no-repeat #6659b0;
	background-size: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:-3px;
}
.purple_logo{
	width:6%;
	margin-right: 1%;
}
.purple_logo img{
	width:100%;
}
.purple_text{
	width:60%;
}
.purple_text p:nth-of-type(1){
	font-size: 30px;
	color:#fff;
	line-height: 30px;
	margin-bottom: 30px;
	font-family: 'Calibri';
}
.purple_text p:nth-of-type(2){
	font-size: 18px;
	color:#fff;
	line-height: 33px;
}

#screen .productBox{
	padding-top:140px;
	padding-bottom: 20px;
}
.productBox_title{
	font-size: 36px;
	text-align: center;
	line-height: 36px;
	margin-bottom: 80px;
}
.productBox_in{
	width:100%;
	overflow: hidden;
	margin:0 auto;
	padding-bottom: 50px;
}
.productBox_in .product-one{
	width:86.6%;
	margin:0 auto;
	margin-bottom: 60px;
	box-sizing: border-box;
    text-align: center;
}
.productBox_in .product-one >a{
	display: block;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #f6f6f6;
	transition: all 0.3s ease;
}
.productBox_in .product-one >a:hover{
	border: 2px solid #6659b0;
}
.productBox_in .product-one >a img{
	max-width: 100%;
	max-height: 100%;
}
.productBox_in .product-one:nth-of-type(5n){
	margin-right: 0;
}
/*footer*/
.footer-logo{
	width:8%;
	display: block;
	float:left;
}
.footer-logo img{
	width:100%;
}

.header-index .header_top_up .right{
	width:220px;
	height:18px;
	float:right;
	margin-top:40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right:3.6%;
}
.header-fb-ig{
	width:50px;
	height:18px;
	float:left;
	display: flex;
	justify-content: space-around;
}
.header-fb-ig a{line-height: 1;
	display: block;
	width:18px;
	overflow: hidden;
	text-align: center;
}
.header-fb-ig img{
	height:100%;
}
.cart-window-content .common-num{
	width:100px;
	height:45px;
	border:1px solid #e5e5e5;
}
.cart-product-name{
	font-size: 18px;
	color:#1a1a1a;
	overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-bottom: 10px;
}
.cart-window-content .input-text{
	color:#1a1a1a;
	text-align: center;
	background-color:#f6f6f6;
}
/*screen*/

#screen >div{
	width:100%;	
}
#screen .attach_one{
	background-size: 130%;
	height:80vh;
	background-attachment:fixed;
	background-position:center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	transition: background-size 2s ease-out;
	-moz-transition: background-size 2s ease-out; 
	-webkit-transition: background-size 2s ease-out;
	background-color:#19071b;
}
#screen .attach_one:nth-of-type(1){
	/*background-image:url(/Images/b1.jpg);*/
	
    justify-content: flex-start;
    padding-left: 17%;
    
}
#screen .attach_one:nth-of-type(2){
	/*background-image:url(/Images/b2.jpg);*/
    justify-content: flex-end;
    padding-right: 10%;
}

#screen .attach_one:nth-of-type(4){
	/*background-image:url(/Images/b4.jpg);*/
    justify-content: flex-end;
	padding-right: 10%; 
}
#screen .attach_one:nth-of-type(5){
	/*background-image:url(/Images/b5.jpg);*/
    justify-content: flex-start;
    padding-left: 17%;
}
#screen .attach_one:nth-of-type(6){
	/*background-image:url(/Images/b6.jpg);*/
    justify-content: flex-end;
    padding-right: 10%;   
}

.attach_one .attach_one_in{
    height:310px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    flex-flow: wrap;   
    align-content:space-between;
    transition: margin-top 2s ease-out;
    -moz-transition: margin-top 2s ease-out;
    -webkit-transition: margin-top 2s ease-out;
    margin-top:330px;
}
.attach_one .attach_one_in{
	width:600px;  transition:all .5s ease 0s;
}
.attach_one_in p{
	width:100%;
	text-align:center;
}
.attach_one_in p:nth-child(1){
	font-size: 3.6vw;
	color:#fff;
}
.attach_one_in p:nth-child(2){
	font-size:22px;
	color:#fff;
	text-align: justify;
}
.attach_one_in a{
	display: block;
	width:280px;
	height:60px;
	border:2px solid #fff;
	text-align: center;
	line-height: 60px;
	font-size: 32px;
	color:#fff;
}
.attach_one_in_wrap{
	height:340px;
	overflow: hidden;
}
/*頁面中間部分目錄*/
.category_box{
	min-width:1200px;
	overflow:hidden;
}
.category_box a{
	color:#fff;
}
.category_box_left{
	width: 25%;
    height: 0;
    float: left;
    padding-bottom: 36.58%;
    padding-left: 2%;
    box-sizing: border-box;
    background: url(../image/c-left.png) 0 0 no-repeat;
    background-size: cover;
}
.category_box_left h2{
	font-size: 1.9vw;
	margin-top:10%;
	margin-bottom:5%;
	color:#fff;
	font-family: "FuturaNext";
}
.category_box_left >ul{
	width:45%;
	float:left;
}
.category_box_left >ul:nth-of-type(2){
	margin-left:6%;
}
.category_box_left >ul >li{
    width: 100%;
	height:0;
	padding-bottom: 20%;
}
.category_box_left >ul >li >a{
	font-size: 1vw;
    font-family: 'PingFang';
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.category_box_right{
	width:75%;
	float:right;
}
.category_box_right li{
	width: 25%;
    height: 0;
    padding-bottom: 24.4%;
    float: left;
    box-sizing: border-box;
}
.category_box_right li a{
	display: block;
	font-size:1.9vw;
	margin-left:11%;
	margin-top:15%;
	font-family: "FuturaNext";
}
.category_box_right li:nth-child(1){
	background:url(../image/c1.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(2){
	background:url(../image/c2.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(3){
	background:url(../image/c3.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(4){
	background:url(../image/c4.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(5){
	background:url(../image/c5.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(6){
	background:url(../image/c6.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(7){
	background:url(../image/c7.png) 0 0 no-repeat;
	background-size: cover;
}
.category_box_right li:nth-child(8){
	background:url(../image/c8.png) 0 0 no-repeat;
	background-size: cover;
}

/*news*/
.news{
	width:100%;
	/*height:800px;*/
	padding-bottom:150px;
	padding-top:160px;
	box-sizing: border-box;
}
.news h2{
	font-size: 28px;
	color:#383838;
	text-align: center;
    margin-bottom: 65px;
}
.news ul{
	width:1120px;
	margin:0 auto;
	overflow: hidden;
}
.news li{
	width:326px;
	margin-right:71px;
	float:left;
	box-sizing: border-box;
}
.news li:nth-child(3n){
	margin-right:0;
}
.news li a{
	display: block;
	width:100%;
	height:210px;
	background-color:#ededed;
	display: flex;
    justify-content: center;
    align-items: center;
}
.news li a img{
	max-width: 100%;
	max-height: 100%;
}
.news li .news-date{
	display:inline-block;
	width:100%;
	font-size: 16px;
	color:#7e7e7e;
	text-align: left;
	height:48px;
	line-height: 60px;
	border-bottom: 1px solid #bdbdbd;
}
.news li .news-title{
	width:100%;
	font-size: 16px;
	color:#424242;
	text-align: left;
	height:40px;
	line-height: 20px;
	margin-top:10px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;    
}
.news .more{
	display: block;
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
    margin-top:75px;
}
.news .more a{
	color:#7e7e7e;
	font-size: 16px;
	float:right;
}
.content-page .news-title {
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 40px;
    word-break: break-word;
}
.content-page .news-content {
    width: 100%;
    margin-bottom: 40px;
}
/*youtube*/
.liveBox {
    width: 100%;
    height:745px;
    /*padding-bottom:80px;
    padding-top:80px;*/
    background: url(../image/ytb-fb-bg.png) center 0 no-repeat;
    background-size:cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.liveBox_in {
    /*width: 75%;*/
    width:1200px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    justify-content: space-between;
    align-items: flex-start;
}
/*搜索頁樣式*/
#container .product-box{
	width:73%;
	min-width: 1200px;
	margin:60px auto;
	overflow: hidden;
}
#container .containerLeft{
	width: 28%;
    float: left;
    box-sizing: border-box;
}
#container .containerL {
    width:100%;
}
.containerL .containerL-one {
    width: 100%;
    float: left;
   
}
.containerL-one{
	padding-top:20px;
}
.containerL .containerL-one:nth-child(odd){
	background-color:#fff;
}
.containerL .containerL-one:nth-child(even){
	background-color:#7c6c9c;
	color:#fff;
}
.containerL .containerL-one:nth-child(even) .title{
	color:#fff;
}
.containerL-one >.title {
    width: 100%;
    height:48px;
    line-height: 48px;
    font-size: 20px;
    color: #000;
    text-align:left;
    margin-bottom: 20px;
    padding-left:11%;
	padding-right:7%;
	box-sizing: border-box;
}
.containerCountryBox .divCategoryTree >li:nth-child(1){
	padding-left:11%;
	padding-right:7%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.containerL-one .title .arrow {
	display: block;
	width:15px;
	height:48px;
    float: right;
    margin-right: 4px;
    transition: all 0.3s;
}
.arrowUp{
	transform: rotate(180deg);
}
.containerL-one:nth-child(even) .arrow{
	background:url(../image/w-slideArrow.png) 0 center no-repeat;
}
.containerL-one:nth-child(odd) .arrow{
	background:url(../image/b-slideArrow.png) 0 center no-repeat;
}
.divCategoryTree li{
	overflow: hidden;
}
.containerAttrBox .divCategoryTree li{
    height:30px;
}
.divCategoryTreeSon .sonTitle{
	height:30px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.containerAttrBox .divCategoryTree li.yearBox{
	height:auto;
}
.containerAttrBox .divCategoryTree{
	padding-top:10px;
	padding-bottom: 40px;
	padding-left:11%;
	padding-right:7%;
	/*max-height:140px;*/
	/*overflow: auto;*/
	/*display: none;*/
}
.divCategoryTree >li >.divCategoryTreeSon{
	margin-top:20px;
	margin-bottom:20px;
	padding-right:7%;
}
.divCategoryTreeSon{
	padding-left:11%;
}
.containerCountryBox .divCategoryTree .title{
	width:100%;
	height:30px;
	line-height: 30px;
	font-size: 18px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.containerCountryBox .divCategoryTree >li >.title{
	height:48px;
	line-height: 48px;
	background-color:#d3d3d3;
	border-bottom:1px solid #fff;
	padding-left:11%;
	padding-right:7%;
}
.divCategoryTree li input[type=checkbox] {
    width: 16px;
    height: 16px;
   float:right;
}
.divCategoryTree li span{
	width:90%;
    font-size: 18px;
    float:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yearBox  .range{
	width:40%;
	float:right;
	display: flex;
    justify-content: space-between;
}
.yearBox .rangeList{
	float: left;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yearBox .rangeList input[type=text]{
	width: 20%;
    height: 34px;
    font-size: 18px;
    border: none;
    padding-left: 5px;
    border:none;
    outline:none;
}
.range p{
	 font-size: 18px;
}
#container .containerR {
    width:72%;
    float: left;
}

.containerR #product-list {
    width: 100%;
    overflow: hidden;
}

/*產品詳情頁*/
.detail-main-content{
	width:72%;
	padding-top:80px;
}
/*form*/
.form-container{
	width: 70%;
	min-width: 1200px;
    margin: 0 auto;
    margin-top: 110px;
    overflow: hidden;
    padding-bottom: 30px;
}
.form-container h2{
	width:70%;
	margin:0 auto;
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	margin-bottom:110px;
}

.form-container-right{
	width:50%;
	box-sizing: border-box;
	float:right;	
}
.form-container-right #app{
	width:70%;
	margin:0 auto;
}
.form-container-left .title{
	font-size: 30px;
    font-weight: bold;
    color: #020202;
    margin-bottom: 82px;
    width: 50%;
    text-transform: uppercase;
    font-family: arial;
}
.form-container-left .contact-box{
	width:70%;
}
.contact-box li{
	width:100%;
	margin-bottom:85px;
	padding-right:20%;
	float:left;
}
.contact-box li p{
	font-size:30px;
	color:#020202;
    font-weight: bold;
    font-family:'Arial';
    display: flex;
}
.contact-box li p img{
	width:36px;
	margin-right:20px;
}
.contact-box li a{
	display: block;
	margin-left:56px;
	margin-top:40px;
	font-size:15px;
	color:#010101;
	word-break: break-word;
	font-family: 'Arial';
}
#Anwers .form-group .control-label{
	font-size:24px;
	color:#090909;
	margin-bottom: 10px;
	line-height: 24px;
	font-family: 'PingFang';
}
.regnpay-contact .fieldset .text{
	width:100%;
	height:40px;
	border:1px solid #313131;
	font-size: 18px;
    text-indent: 10px;
    outline: none;
    background-color: transparent;
    box-sizing: border-box;
}
.regnpay-contact #Anwers .form-group{
	margin-bottom:45px;
}
.regnpay-contact #Anwers .form-group textarea{
	width:100%;
	height:400px;
	border:1px solid #313131;
	font-size: 18px;
    text-indent: 10px;
    outline: none;
    background-color: transparent;
    box-sizing:border-box;
}
.form-container-left{
	padding-bottom:50px;
	float:left;
	box-sizing: border-box;
	width:50%;
}
.regnpay-contact .row.pay{
	text-align: center;
}
.regnpay-contact .row.pay span,
.regnpay-contact .row.pay label{
	font-size: 16px;
}
.regnpay-contact .form-group .btn-default{
	width: 177px;
    height: 55px;
    background-color: #372f48;
    color: #fff;
    font-size: 24px;
    text-align: center;
    display: block;
    outline: none;
    border: none;
    float:none;
    margin:0 auto;
    margin-top:20px;
    cursor: pointer;
}
.header-index-slide{
	/*display: none;*/
}
.window-login-box .form-group{
	margin-bottom: 10px;
}
.yearBtn{
	 padding-left:5px;
	 padding-right:5px;
	 height:34px;
	 border:none;
	 outline:none;
	 font-size: 14px;
	 margin-left:30px;
	 color:#7c6c9c;
	 background-color:#fff;
	 cursor: pointer;
}
.handle-one .search-btn{
	width: 50px;
    height: 34px;
    border: 1px solid #e0e0e0;
    border-left: none;
    position: absolute;
    right: 0;
    top: 120%;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    background: url(../image/search-icon.png) no-repeat center center #7c6c9c;
    background-size: 50%;
}
.wrapBox{
	width:100%;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.wrapBox .input-container >p{
	height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #171717;
    text-align: left;
    font-family: 'Microsoft YaHei','Arial',;
    display: block;
    margin-bottom: 40px;
}
.password-title{
	text-align: center;
    color: #372f48;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 40px;
    width:100%;
}
.wrapBox .w-email{
	display: inline-block;
    height: 44px;
    line-height: 44px;
    border: 0;
    font-size: 16px;
    color: #4c4c4c;
    width: 465px;
    border: 1px solid #372f48;
    outline: none;
    text-indent: 5px;
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
}
.wrapBox .w-btn{
	appearance: none;
    -webkit-appearance: none;
    display: block;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 0;
    border:none;
    font-weight: bold;
    cursor: pointer;
    width: 465px;
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
}
.wrapBox .password-SuccessTips{
	width:100%;
	text-align: center;
	font-size: 16px;
	line-height: 1.5em;
}
.wrapBox .forgetpassword{
	margin-top:60px;
}
.navClose{
	position: absolute;
    right: 3%;
    top: 40px;
    width: 40px;
    height: 40px;
    background: url(../image/navClose.png) center center no-repeat;
    background-size: contain;
}
/*我的邮箱*/
#divUnreadQty{
	width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}
.notification-title {
    width: 300px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    background-color:#372f48;
    clip-path: polygon(30px 0, 300px 0, 270px 45px, 0 45px);
    -webkit-clip-path: polygon(30px 0, 300px 0, 270px 45px, 0 45px);
    -moz-clip-path: polygon(30px 0, 300px 0, 270px 45px, 0 45px);
    -ms-clip-path: polygon(30px 0, 300px 0, 270px 45px, 0 45px);
}
#divMessageList {
    width: 1100px;
    margin: 0 auto;
}
.notification-list p {
    float: left;
    font-size: 16px;
    font-weight: bold;
}
#cbxUnreadOnly {
    vertical-align: middle;
}
.notification-list input {
    zoom: 150%;
}
.notification-list button {
    background: #372f48;
    border: none;
    color: white;
    font-size: 16px;
    width: 110px;
    height: 25px;
}
.notification-list button {
    background:#372f48;
    border: none;
    color: white;
    font-size: 14px;
    width: 10%;
    height:28px;
    line-height: 28px;
}
#container.pay-container{
	margin-top:180px;
	min-height:200px;
	text-align: center;
}
.pay-container .pay-tip{
	font-size: 16px;
	height:40px;
	line-height: 40px;
}
.pay-container input{
	width:100px;
	height:30px;
	margin:10px;
}
#divUnreadQty table td,#divUnreadQty table td a,#divUnreadQty table th,#divUnreadQty p,#divMessageTotal >div >a,#divMessageDetail >div >a{
	font-size: 14px;
	line-height: 22px;
}
#divMessageTotal >div >a:hover,#divMessageDetail >div >a:hover,#divUnreadQty table td a:hover{
	text-decoration: underline;
}
.split-btn-box{
	width:650px;
	display: flex;
	justify-content: space-between;	
	float:right;
}
.split-btn-box.delivery-btn{
	float:none;
}
.split-btn-box >.btn{
	width:50%;
}
.split-btn-box >.btn:nth-child(1){
	margin-left:0;
}
#Anwers .err{
	font-size:18px;
	color:#ff0000;
}
/*我的优惠券*/
.coupon-one {
    border: 2px solid #6659b0;
    margin-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}
.coupon-value {
    width: 65%;
    text-align: center;
    padding: 40px 0 40px 0;
    box-sizing:border-box ;
    float: left;
}
.coupon-title {
    font-size: 24px;
    background:#372f48;
    color: white;
    width: 30%;
    height: 50px;
    line-height: 50px;
    margin-left: 40px;
}
.coupon-price {
    font-size: 18px;
    color: #6659b0;
    font-weight: bold;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: left;
}
.coupon-desc {
    width: 30%;
    border-top: 0;
    padding: 0;
    float: right;
}
.coupon-two {
    padding: 22px 0 22px 10px;
    color: #636363;
    position: relative;
}
.coupon-status {
    color: #fff;
    height: 72px;
    width: 136px;
    position: absolute;
    right: -45px;
    top: -13px;
    font-size: 20px;
    text-align: center;
    line-height: 90px;
    font-family: "黑体";
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: rgb(216, 216, 217);
}
.DiscountRange {
    font-size: 1.2vw;
    display: block;
    color:#6659b0;
    text-align: right;
    margin-top: 18%;
    margin-right: 13%;
}
.DiscountRange b {
    font-size: 18px;
    vertical-align: middle;
}
.DiscountRange .checkbox_coupon {
    zoom: 170%;
    vertical-align: middle;
}
.promotion p {
    font-size: 16px;
    color: #df6441;
}
.no-coupon{
	font-size:30px;
}
#form-password{
	/*display: flex;
    justify-content: center;*/
    width: 465px;
    margin: 0 auto;
}
.updatpassword .form-group label{
	height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #171717;
    text-align: left;
    display: block;
}
.updatpassword .form-group .input-text{
	display: inline-block;
    height: 44px;
    line-height: 44px;
    border: 0;
    font-size: 16px;
    color: #4c4c4c;
    width: 465px;
    border: 1px solid #372f48;
    outline: none;
    text-indent: 5px;
    float: left;
}
.updatpassword{
	margin: 70px;
}
.updatpassword .input-container >p{
	text-align: center;
	font-size: 18px;
}
.swiper-container-hot{
	width:76.5%;
	margin:0 auto;
}
.swiper-container-hot .swiper-pagination{bottom: 0 !important; top: inherit !important;}
.swiper-container-hot  .swiper-pagination-progress .swiper-pagination-progressbar{background: rgba(217,217,217,1) !important;}
.swiper-scrollbar {
    background: rgba(242,242,242,1);
}
.swiper-scrollbar-drag {
    background: rgba(217,217,217,1);
}
.footer-declare{
	width: 1200px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding-top: 20px;
    text-align: center;
}
.detail-declare{
	float: right;
    display: flex;
    margin-bottom: 20px;
}
.detail-declare input{
	width:16px;
	height:16px;
	
}
.detail-declare p{
	font-size: 18px;
	margin-left:10px;
}
.containerT{
	width:100%;
}

.containerT .clearBtn{
	display: block;
	font-size: 20px;
    margin-bottom: 10px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding-left: 11%;
    box-sizing: border-box;
    background:url(../image/viewall.jpg) center center no-repeat;
    background-size:100%;
    color:#fff;
    cursor: pointer;
    transition: all 0.3s;
}
.containerT .clearBtn:hover{
	background:url(../image/viewall-deep.jpg) center center no-repeat;
	background-size:100%;
}
.containerT .searchForm{
	position: relative;
	height: 60px;
	margin-bottom: 10px;
}
.containerT .searchForm .search-text{
	height: 60px;
	line-height: 60px;
    border-radius: 5px 0 0 5px;
    padding-left:11%;
    font-size: 20px;
    border: 1px solid #e0e0e0;
    border-right:none;
    outline: none;
    width: 80%;
    float: left;
    box-sizing: border-box;
}
.containerT .searchForm .search-btn{
	width: 20%;
    height: 60px;
    float: right;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    background: url(../image/black-search-icon.png) no-repeat center center #fff;
    box-sizing: border-box;
}
.containerR .searchTip{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
    word-break: break-word;
    width: 97.2%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
    margin-left: 2.8%;
}
.containerR .searchTip span{
	font-size: 20px;
}
.containerR .searchTip b{
	font-size: 20px;
	color:#6659b0;
	font-weight: 400;
}
.zoomy{position: absolute; display: none; background-repeat: no-repeat; -webkit-box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; border: 0; line-height: 100px; text-align: center;  background-position: center; background-color: #fff; z-index: 1000;}
.zoomy span{display: block; margin: 10px auto; background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5))); background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);}
.zoomy img{opacity: 0; filter:alpha(opacity=0);}
.zoomy a{color: #333; text-decoration: none;}
.broke a{display: block; height: 100%; width: 100%;}
#brokeZoomy{display: block; position: absolute; width: 200px; height: 200px; top: 0px; left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.pic{display: none;}
.main{width:63.5%;min-width: 1200px;margin:0 auto;margin-top:160px;padding-bottom: 150px;}
.p1{color:#fff;font-size: 40px;}
.p2{font-size: 20px;color:#fff;line-height:36px;margin-top:70px}
.p3{font-size: 20px;color:#fff;line-height:36px;margin-top:40px}
.p4{font-size: 20px;color:#fff;line-height:36px;margin-top:40px}
.cz{color: rgb(188, 92, 95); font-size: 14px; margin-bottom: 10px; font-weight: bold;}
.header{display: none;}


.close{height: 40px; width: 40px; position: absolute; right: 3%; top: 40px; width: 40px; height: 40px;}
.product-nav-down .list1{display: none;}
.cur_n1 a{color: rgb(102, 89, 176) !important;}
.small{width: 100%; background-color: #f6f6f6; position: fixed; left: 0; top: 0; z-index: 2; border: 1px solid #f00;}


.cd-accordion-menu {
  width: 100%;
  max-width: 600px;
  background: #ccc;
  margin: 1rem auto;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  box-shadow: inset 0 -1px #555960;
  color: #fff;
  font-size: 1.6rem;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {

}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before{
  background-image: url(../image/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  /*background: url(../image/cd-icons.svg) no-repeat -48px 0;*/
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {

  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 24px 24px 24px 52px;
    font-size: 1.9rem;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding:12px 12px 12px 76px; font-size: 18px; box-shadow: inherit;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.yearBox {clear: both; height: 100px;}
.cd-accordion-menu li:nth-child(2n){background: #7c6c9c}
.cd-accordion-menu li ul li:nth-child(2n){background: inherit !important}
.cd-accordion-menu li:nth-child(2n) label,.cd-accordion-menu li:nth-child(2n) a{color: #fff}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:80px;height:420px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:60px;height:60px;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a .i{float:left;width:60px;height:60px;background-image:url(../picture/goTop.png);background-repeat:no-repeat;}
.suspension .a div{clear: both; display: block; text-align: center; color: #fff; font-size: 14px;}
.suspension .a-service .i{width:40px;height:34px;margin-bottom:8px;margin-left:12px;background-image:url(../picture/goTop.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:36px;height:34px;margin-bottom:8px;margin-left:22px;background-image:url(../picture/goTop.png);background-repeat:no-repeat;background-position:-37px 0;}
.suspension .a-top .i{background-position: 0;}
.suspension .a-top{display:none;}

.animated{animation-duration: 1s;}

.handle-box .btn,.header-fb-icon{display: none;}