@charset "UTF-8";
body { overflow-x: hidden; }

.preloader { position: fixed; width: 100%; height: 100%; transition: all .5s; background-color: #fff; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: #fff; }
.preloader .loader { text-align: center; color:#D50000 }
.preloader .loader h1 { line-height: 1.1; font-family: "Haettenschweiler"; font-weight: normal; letter-spacing: 12px; }
.preloader .loader h2 { font-family: "Deng"; font-weight: normal; letter-spacing: 11px; animation-delay: 0.5s; }

/* header */
header { background-color: #fff; position: sticky; z-index: 9; top:0 }
header .hd { text-align: center; position: relative; padding: 28px 0 25px; border-bottom: 1px solid #f0f0f0; z-index: 9; }
header .hd .logo { width: 214px; width: 100%; margin: 0 auto; }
header .hd-right { margin-right: 3.125%; display: -webkit-flex; display: flex; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
header .hd-right .item { width: 23px; margin-left: 20px; position: relative; transition: all .4s; display: -webkit-flex; display: flex; align-items: center; }
header .hd-right .item > a { display: inline-block; display: -webkit-flex; display: flex; align-items: center; height: 40px; }
header .hd-right .item-menu { display: none; }
header .hd-right i { display: inline-block; background: url(../images/icon_header.png) no-repeat; transition: all .4s; position: relative; }
header .hd-right .icon-search { width: 18px; height: 18px; background-position: 0 -3px; }
header .hd-right .icon-position { width: 18px; height: 21px; background-position: -36px -1px; }
header .hd-right .icon-user { width: 19px; height: 20px; background-position: -79px -1px; }
header .hd-right .icon-like { width: 22px; height: 18px; background-position: -114px -2px; }
header .hd-right .icon-cars { width: 20px; height: 18px; background-position: -152px -2px; }
header .hd-right .icon-cars em { display: inline-block; min-width: 14px; min-height: 14px; background-color: #ff0000; color: #fff; font-size: 12px; line-height: 14px; border-radius: 50%; position: absolute; left: 60%; top: -5px; text-align: center; }
header .hd-right a:hover .icon-search { background-position: 0 -26px; }
header .hd-right a:hover .icon-position { background-position: -36px -24px; }
header .hd-right a:hover .icon-user { background-position: -79px -24px; }
header .hd-right a:hover .icon-like { background-position: -114px -25px; }
header .hd-right a:hover .icon-cars { background-position: -152px -25px; }
header .searchbox { display: -webkit-flex; display: flex; align-items: center; transition: all .4s; overflow: hidden; }
header .searchbox input[type="text"] { width: 0; border-bottom: 1px solid #ccc; padding: 5px 0; margin-left: 12px; opacity: 0; visibility: hidden; transition: all .4s; }
header .searchbox .hd-icon-close { display: inline-block; width: 14px; height: 14px; background: url(../images/close.png) 0 0 no-repeat; cursor: pointer; opacity: 0; visibility: hidden; width: 0; transition: all .4s; }
header .searchbox .hd-icon-close:hover { transform: rotate(180deg); }
header .guojia { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 1px solid #f6f6f6; border-radius: 2px; padding: 6px; transition: all .5s; opacity: 0; visibility: hidden; z-index: 9; width:50px }
header .item-guojia:hover .guojia { opacity: 1; visibility: visible; top: 90%; }
header .hd-right .active { width: auto; }
header .hd-right .active .searchbox input[type="text"] { width: 227px; opacity: 1; visibility: visible; }
header .hd-right .active .hd-icon-close { width: 14px; opacity: 1; visibility: visible; }
header .nav { position: relative; }
header .nav ul { display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-family: 'Microsoft JhengHei UI';  }
header .nav ul li { margin: 0 1%; }
header .nav ul li > a { display: block; padding: 16px 12px; position: relative; font-size: 16px; display: -webkit-flex; display: flex; align-items: center; }
header .nav ul li.active > a:before { content: ''; display: block; width: 100%; height: 1px; background-color: #b1945c; position: absolute; left: 0; top: 0; }
header .nav ul li .icon-xiala { display: inline-block; width: 9px; height: 5px; background: url(../images/icon_down.png) no-repeat; margin-left: 5px; }
header .nav ul li:hover .dropdown { opacity: 1; visibility: visible; top: 100%; }
header .dropdown { position: absolute; left: 0; top: 90%; z-index: 9; background-color: #fff; width: 100%; padding: 50px 0; transition: all .4s; opacity: 0; visibility: hidden; }
header .dropdown .focus { float: left; width: 26.67683%; margin-left: 5%; text-align: center; }
header .dropdown .focus img { width: 100%; }
header .dropdown .focus h2 { font-size: 16px; font-family: "microsoft yahei"; margin: 20px 0; }
header .nav2 { float: left; width: 40.09146%; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; align-items: flex-start; }
header .nav2 dl dt { display: block; margin-bottom: 15px; }
header .nav2 dl dt a { font-size: 16px; }
header .nav2 dl dd a { display: block; font-size: 12px; margin-bottom: 3px; }

header .nav3 { width: 40%; margin:auto; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; align-items: flex-start; }
header .nav3 dl dt { display: block; margin-bottom: 15px; }
header .nav3 dl dt a { font-size: 16px; }
header .nav3 dl dd a { display: block; font-size: 12px; margin-bottom: 3px; }



/* banner */
.banner { overflow: hidden; position: relative; }
.banner img { width: 100%; }
.banner .banner-pagination { bottom: 8%; position: absolute; z-index: 5; width: 100%; text-align: center; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #bdbdae; opacity: 1; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
.banner .swiper-pagination-bullet-active { background-color: #b1945c; }

/* 推荐 */
.focus-product { overflow: hidden; }
.focus-product .txt { width: 50%; background-color: #f7f7f7; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.focus-product .inner { text-align: center; margin-left: 10%; flex-direction: column; width: 41.875%; }
.focus-product .inner h2 { margin-bottom: 10px; }
.focus-product .inner p { font-family: 'Deng'; line-height: 1.6; }
.focus-product .img { width: 50%; position: relative; overflow: hidden; }
.focus-product .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.focus-product .img .btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.focus-product .img .btn a { display: block; width: 128px; line-height: 45px; text-align: center; font-size: 12px; background-color: #ffffffcc; }
.focus-product .img .btn a:hover { background-color: #b1945c; color: #fff; }

/* 新品展示 */
.index-new { padding-top: 50px; }
.index-new .title { text-align: center; position: relative; margin-bottom: 30px; }
.index-new .title .more { display: block; width: 89px; line-height: 33px; border: 1px solid #b1945c; position: absolute; right: 0; top: 0; }
.index-new .title .more i { font-style: normal; color: #b1945c; }
.index-new .row { margin: -2.05793%; }
.index-new .row .col { padding: 2.05793%; }

.productslist ul li { margin-bottom: 50px; }
.productslist .item .img { background-color: #f5f5f5; position: relative; display: table; padding: 10px; width: 100%; height: 100%; }
.productslist .item .img span { display: table-cell; vertical-align: center; text-align: center; width: 100%; height: 100%; }
.productslist .item .img span img { max-width: 100%; object-fit: cover; }
.productslist .item .style-all { position: absolute; width: 100%; text-align: center; bottom: 5%; left: 0; }
.productslist .item .style-all a { display: inline-block; width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; }
.productslist .item .style-all a img { width: 100%; }
.productslist .item .style-all a.active { border-color: #010101; }
.productslist .item .icon-like { display: inline-block; background: url(../images/icon_header.png) no-repeat; transition: all .4s; position: relative; width: 22px; height: 18px; background-position: -114px -2px; position: absolute; right: 18px; top: 18px; cursor: pointer; }
.productslist .item .icon-like.active { background-position: -114px -25px; }
.productslist .item .info { padding-top: 12px; font-family: "Deng"; }
.productslist .item .info h2 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productslist .item .info .if-ft { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
.productslist .item .info .if-ft .normal {text-decoration:line-through}
.productslist .item .info .if-ft .now { color: #ff0000;}
.productslist .item .info .cores { font-size: 12px; color: #ff7f00; display: -webkit-flex; display: flex; align-items: center; }
.productslist .item .info .cores .btn-tips { position: relative; }
.productslist .item .info .cores .btn-tips i { display: block; background-color: #aaaaaa; width: 14px; line-height: 14px; border-radius: 50%; color: #fff; font-style: normal; text-align: center; font-size: 12px; margin-left: 3px; }
.productslist .item .info .cores .tips-bar { position: absolute; bottom: 18px; right: 0; border-radius: 3px; background-color: #aaa; color: #fff; padding: 3px 8px; line-height: 1.3; white-space: nowrap; opacity: 0; visibility: hidden; transition: all .4s; text-align: center; }
.productslist .item .info .cores .tips-bar:after { content: ''; display: block; width: 0; height: 0px; border: 3px solid transparent; border-top: 3px solid #aaa; position: absolute; right: 5px; top: 100%; }
.productslist .item .info .cores .btn-tips:hover .tips-bar { opacity: 1; visibility: visible; }

.tu { overflow: hidden; }
.tu img { width: 100%; }



.swiper-slide .img { background-color: #f5f5f5; position: relative; /*display: table;*/ padding: 10px; width: 100%; height: 400px; }

.swiper-slide .icon-like { display: inline-block; background: url(../images/icon_header.png) no-repeat; transition: all .4s; position: relative; width: 22px; height: 18px; background-position: -114px -2px; position: absolute; right: 18px; top: 18px; cursor: pointer; z-index:9999 }

.swiper-slide .icon-like.active {background-position: -114px -25px; }

.pro-info .icon-like { display: inline-block; background: url(../images/icon_header2.png) no-repeat; transition: all .4s; width: 100px; height: 18px; padding-left:22px; background-position: -114px -2px; cursor: pointer; z-index:9999;  }

.pro-info .icon-like.active {background-position: -114px -25px; }

/* 组合套装 */
.index-taozhuang { padding: 48px 0 68px; }
.index-taozhuang .title { text-align: center; margin-bottom: 45px; }
.index-taozhuang .cont li .img { height: 456px; overflow: hidden; }
.index-taozhuang .cont li .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.index-taozhuang .cont li .info { font-family: "Deng"; }
.index-taozhuang .cont li .info h2 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 14px 0 9px; }
.index-taozhuang .cont li:hover .img img { transform: scale(1.05); }

/* footer */
footer { border-top: 1px solid #ddd; }
footer .hd { text-align: center; padding: 60px 0; }
footer .hd h2 { font-weight: normal; margin-bottom: 6px; }
footer .hd p { font-size: 12px; margin-bottom: 25px; color: #393939; }
footer .dingyue { display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
footer .dingyue .text { width: 22.60417%; border: 1px solid #000; border-radius: 10px 0 0 10px; height: 48px; padding: 0 20px; }
footer .dingyue .btnSubmit { width: 140px; height: 50px; border-radius: 0 10px 10px 0; background-color: #000; color: #fff; font-size: 16px; cursor: pointer; transition: all .4s; }
footer .dingyue .btnSubmit:hover { opacity: 0.8; }
footer .sharebox { display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
footer .sharebox a { margin: 0 10px; }
footer .sharebox i { display: inline-block; background: url(../images/icon_foot.png) no-repeat; transition: all .4s; }
footer .sharebox i:hover { opacity: 0.8; }
footer .sharebox .icon-1 { width: 28px; height: 25px; background-position: 0 0; }
footer .sharebox .icon-2 { width: 22px; height: 25px; background-position: -51px 0; }
footer .sharebox .icon-3 { width: 24px; height: 25px; background-position: -101px 0; }
footer .sharebox .icon-4 { width: 12px; height: 25px; background-position: -158px 0; }
footer .nav { font-family: "Deng"; color: #393939; }
footer .nav a { margin: 0 3px; }
footer .ft { background-color: #000; color: #fff; padding: 24px 0; }
footer .ft a { color: #fff; }

@media screen and (max-width: 1440px) { .productslist ul li { margin-bottom: 20px; }
  .productslist .item .img { height: 360px; }
  .index-taozhuang .cont li .img { height: 374px; } }
@media screen and (max-width: 1280px) { .productslist .item .img { height: 320px; }
  .index-taozhuang .cont li .img { height: 360px; } }
@media screen and (max-width: 1024px) { .focus-product .img .btn a { width: 100px; line-height: 38px; }
  .index-taozhuang .cont li .img { height: 312px; }
  header .hd { text-align: left; }
  header .hd .logo { margin: 0 0 0 20px; display: inline-block; width: 160px; }
  header .hd .logo img { width: 100%; }
  header .hd-right .item { margin-left: 10px; }
  header .hd-right .item-menu { display: block; position: relative; }
  header .hd-right .item-menu .menu { display: block; --color: #505050; width: 36px; height: 36px; padding: 0; margin: 0; outline: none; border: none; background: none; cursor: pointer; -webkit-appearence: none; -webkit-tap-highlight-color: transparent; }
  .menu svg { width: 44px; height: 48px; top: -6px; left: -10px; stroke: var(--color); stroke-width: 4px; stroke-linecap: round; stroke-linejoin: round; fill: none; display: block; position: absolute; display: block; }
  .menu svg path { transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s); stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset: var(--offset, 126px); -webkit-transform: translateZ(0); transform: translateZ(0); }
  .menu svg path:nth-child(2) { --duration: .7s; --easing: ease-in; --offset: 100px; --array-2: 74px; }
  .menu svg path:nth-child(3) { --offset: 133px; --array-2: 107px; }
  .menu.active svg path { --offset: 57px; }
  .menu.active svg path:nth-child(1), .menu.active svg path:nth-child(3) { --delay: .15s; --easing: cubic-bezier(0.2, 0.4, 0.2, 1.1); }
  .menu.active svg path:nth-child(2) { --duration: .4s; --offset: 2px; --array-1: 1px; }
  .menu.active svg path:nth-child(3) { --offset: 58px; }
  header .nav { display: none; position: absolute; left: 0; width: 100%; top: 100%; z-index: 9; }
  header .nav ul { display: block; background-color: #fff; }
  header .nav ul li { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; position: relative; }
  header .dropdown { position: static; height: 0; overflow: hidden; }
  header .dropdown { padding: 0; background-color: #f1f1f1; }
  header .nav2 { width: 66%; }
  header .nav ul li.open .dropdown { height: auto; opacity: 1; visibility: visible; padding: 20px 0; } }
@media screen and (max-width: 768px) { header .hd .logo { width: 120px; margin-left: 10px; padding-top: 5px; }
  header .nav2 { float: none; width: 100%; margin-bottom: 20px; }
  header .hd-right .item { margin-left: 2px; }
  header .nav { max-height: calc(100vh - 75px); overflow-y: auto; }
  header .nav ul li > a { padding: 10px 10px; }
  header .dropdown .focus { margin-left: 0; width: 100%; }
  .productslist .item .img { height: 260px; float: none; }
  .index-taozhuang .cont li .img { height: 240px; float: none; }
  .focus-product .inner { width: 56%; padding: 20px 0; }
  .focus-product { display: block; }
  .focus-product .txt { width: 100%; }
  .focus-product .img { width: 100%; }
  .row .col.col-4 { width: 50%; }
  .index-taozhuang .cont li { margin-bottom: 20px; }
  footer .hd { padding: 30px 0; }
  footer .dingyue .text { width: 50%; height: 40px; }
  footer .dingyue .btnSubmit { height: 42px; }
  footer .sharebox { margin-bottom: 20px; }
  footer .ft { padding: 20px 0; }
  footer .ft .wrap { display: block; text-align: center; } }
@media screen and (max-width: 500px) { .row .col.col-4 { width: 100%; }
  footer .nav { padding: 0 10px; }
  .focus-product .inner { width: 100%; margin-left: 0; padding: 20px; }
  .productslist .title .more { line-height: 27px; } }
/* 首页-注册 */
.register { padding: 80px 0 90px; }
.register .item { border-bottom: 1px solid #575757; position: relative; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 25px; min-height: 40px; }
.register .item .name { font-size: 14px; white-space: nowrap; }
.register .item .ipt { padding: 10px; width: 60%; }
.register .item .select-drop { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: none; }
.register .item .select-drop li { padding: 5px 20px; cursor: pointer; background-color: #fff; text-align: right; }
.register .item .select-drop li:hover { background-color: #b1945c; color: #fff; }
.register .item .huoqu { color: #999; white-space: nowrap; text-decoration: underline; }
.register .item .huoqu:hover { color: #b1945c; text-decoration: none; }
.register .more-select { display: -webkit-flex; display: flex; align-items: center; width: 57px; line-height: 30px; width: 100%; }
.register .more-select a { display: inline-block; white-space: nowrap; background-color: #eee; padding: 0 15px; margin-left: 19px; position: relative; }
.register .more-select a:after { content: ''; display: block; width: 6px; height: 6px; background: url(../images/close.png) 0 0/cover no-repeat; position: absolute; right: 4px; top: 4px; }
.register .select-item:after { content: ''; display: block; width: 9px; height: 5px; background: url(../images/icon_down.png) no-repeat; position: absolute; right: 0; top: 50%; margin-top: -2px; z-index: 2; }
.register .select-item .ipt { cursor: pointer; text-align: right; padding-right: 30px; }
.register .select-item-aihao:after { content: ''; display: block; width: 9px; height: 5px; background: url(../images/icon_down.png) no-repeat; position: absolute; right: 0; top: 50%; margin-top: -2px; z-index: 2; }
.register .select-item-aihao .ipt { cursor: pointer; text-align: right; padding-right: 30px; }
.register .select-item-aihao .select-drop li { display: -webkit-flex; display: flex; align-items: center; }
.register .select-item-aihao .select-drop li i { display: block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #ccc; margin-right: 10px; background-color: #fff; position: relative; }
.register .select-item-aihao .select-drop li i:before { content: ''; display: block; width: 6px; height: 6px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #666; border-radius: 50%; transition: all .4s; transform: scale(0); opacity: 0; }
.register .select-item-aihao .select-drop li a { color: #333; }
.register .select-item-aihao .select-drop li.active i:before { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.register .select-item-aihao .select-drop li:hover a { color: #fff; }
.register .taCenter { text-align: center; }
.register .item-btn { display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-top: 60px; color: #666; }
.register .item-btn .btncj { width: 200px; line-height: 54px; border-radius: 3px; color: #fff; cursor: pointer; transition: all .4s; background-color: #000; margin-right: 30px; }
.register .item-btn .btncj:hover { opacity: 0.8; }
.register .item-btn a { color: #333; text-decoration: underline; }
.register .item-btn a:hover { color: #b1945c; }
.register .magic-checkbox { position: absolute; display: none; }
.register .magic-checkbox + label { position: relative; display: block; padding-left: 25px; cursor: pointer; vertical-align: middle; }
.register .magic-checkbox + label:hover:before { animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color; }
.register .magic-checkbox + label:before { position: absolute; top: 2px; left: 0; display: inline-block; width: 15px; height: 15px; content: ''; border: 1px solid #d2d2d2; border-radius: 50%; }
.register .magic-checkbox + label:after { position: absolute; display: none; content: ''; }
.register .magic-checkbox:checked + label:before { animation-name: none; }
.register .magic-checkbox:checked + label:after { display: block; }
.register .magic-checkbox + label:after { top: 3px; left: 5px; box-sizing: border-box; width: 5px; height: 10px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; }
.register .magic-checkbox:checked + label:before { border: #b1945c; background: #b1945c; }
.register .magic-checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9; }

.layer-Privacy { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 99; width: 100%; height: 100%; display: none; }
.layer-Privacy2 { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 99; width: 100%; height: 100%; display: none; }
.layer-Privacy3 { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 99; width: 100%; height: 100%; display: none; }
.layer-Privacy4 { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 99; width: 100%; height: 100%; display: none; }

.Privacybox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; background:#111; width: 1000px; height: 60vh; overflow-y: auto; color: #fff; z-index: 100; display: none; }
.Privacybox .btn-close { display: block; width: 43px; height: 43px; background: url(../images/icon_close.png) 0 0/cover no-repeat; position: absolute; right: 24px; top: 30px; transition: all .4s; cursor: pointer; }
.Privacybox .btn-close:hover { transform: rotate(-180deg); }
.Privacybox h2 { color: #fff; text-align: center; padding: 40px 0; }
.Privacybox .txt { padding: 0 5%; font-size: 12px; line-height: 1.8; }


.Privacybox2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; background:#111; width: 1000px; height: 60vh; overflow-y: auto; color: #fff; z-index: 100; display: none; }
.Privacybox2 .btn-close2 { display: block; width: 43px; height: 43px; background: url(../images/icon_close.png) 0 0/cover no-repeat; position: absolute; right: 24px; top: 30px; transition: all .4s; cursor: pointer; }
.Privacybox2 .btn-close2:hover { transform: rotate(-180deg); }
.Privacybox2 h2 { color: #fff; text-align: center; padding: 40px 0; }
.Privacybox2 .txt { padding: 0 5%; font-size: 12px; line-height: 1.8; }
.Privacybox2 .txt p { line-height:200%; padding-bottom:12px}



.Privacybox3 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; background:#111; width: 600px; height: 40vh; overflow-y: auto; color: #fff; z-index: 100; display: none; }
.Privacybox3 .btn-close3 { display: block; width: 43px; height: 43px; background: url(../images/icon_close.png) 0 0/cover no-repeat; position: absolute; right: 24px; top: 30px; transition: all .4s; cursor: pointer; }
.Privacybox3 .btn-close3:hover { transform: rotate(-180deg); }
.Privacybox3 h2 { color: #fff; text-align: center; padding: 40px 0; }
.Privacybox3 .txt { padding: 0 5%; font-size: 12px; line-height: 1.8; }
.Privacybox3 .txt p { line-height:200%; padding-bottom:12px}


.Privacybox4 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; background:#111; width: 600px; height: 40vh; overflow-y: auto; color: #fff; z-index: 100; display: none; }
.Privacybox4 .btn-close4 { display: block; width: 43px; height: 43px; background: url(../images/icon_close.png) 0 0/cover no-repeat; position: absolute; right: 24px; top: 30px; transition: all .4s; cursor: pointer; }
.Privacybox4 .btn-close4:hover { transform: rotate(-180deg); }
.Privacybox4 h2 { color: #fff; text-align: center; padding: 40px 0; }
.Privacybox4 .txt { padding: 0 5%; font-size: 12px; line-height: 1.8; }
.Privacybox4 .txt p { line-height:200%; padding-bottom:12px}



@media screen and (max-width: 1440px) { .register .more-select a { margin-left: 10px; } }
@media screen and (max-width: 1024px) { .register { padding: 40px 0 45px; }
  .register .item-btn .btncj { width: 120px; line-height: 42px; margin-right: 20px; }
  .Privacybox .btn-close { width: 30px; height: 30px; } }
@media screen and (max-width: 768px) { .row .col.col-6 { width: 100%; } }
@media screen and (max-width: 500px) { .register .item { flex-wrap: wrap; }
  .register .item .name { width: 100%; }
  .register .more-select { margin-top: 10px; width: 100%; }
  .register .more-select a { margin-left: 0; margin-right: 10px; }
  .register .select-item:after { top: auto; bottom: 30%; } }
/* 探索发现 */
.crumb { padding: 40px 0; color: #393939; font-family: "Deng"; }

.tansuo { overflow: hidden; }
.tansuo .item { margin-bottom: 60px; }
.tansuo .img { width: 50%; overflow: hidden; }
.tansuo .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.tansuo .info { width: 50%; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; padding: 0 10px 0 5%; }
.tansuo .info h2 { margin-bottom: 25px; font-weight: normal; }
.tansuo .info p { margin-bottom: 20px; line-height: 1.7; }
.tansuo .item:nth-child(2n) .info { padding: 0 5% 0 10px; }

@media screen and (max-width: 768px) { .tansuo .item { display: block; padding: 20px 0; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; }
  .tansuo .img { width: 100%; }
  .tansuo .info { width: 100%; padding: 20px 0; } }
.page-banner img { width: 100%; }

.products-crumbs { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; min-height: 60px; margin-bottom: 40px; }
.products-crumbs .sorts-nav { width: 50%; }
.products-crumbs .sorts-nav ul { display: -webkit-flex; display: flex; align-items: center; }
.products-crumbs .sorts-nav ul li { position: relative; margin: 0 3%; width: auto; }
.products-crumbs .sorts-nav ul li > a { display: -webkit-flex; display: flex; align-items: center; display: block; line-height: 60px; }
.products-crumbs .sorts-nav ul li > a i { display: inline-block; width: 9px; height: 5px; background: url(../images/icon_down.png) no-repeat; transition: all .4s; margin-left: 8px; }
.products-crumbs .sorts-nav ul .dropdown { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 210px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 25px; z-index: 8; opacity: 0; visibility: hidden; transition: all .5s; }
.products-crumbs .sorts-nav ul .dropdown a { display: block; margin-bottom: 12px; }
.products-crumbs .sorts-nav ul .dropdown a:last-child { margin-bottom: 0; }
.products-crumbs .sorts-nav ul .dropdown a i.icon-check { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #000; margin-right: 16px; }
.products-crumbs .sorts-nav ul .dropdown a.active i.icon-check { background: url(../images/gou.png) center center no-repeat; }
.products-crumbs .sorts-nav ul li:hover > a i { transform: rotate(-180deg); }
.products-crumbs .sorts-nav ul li:hover .dropdown { opacity: 1; visibility: visible; }

.sidemenu { width: 10.1372%; float: left; }
.sidemenu dl { margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.sidemenu dl dt { display: block; position: relative; padding: 15px 0; }
.sidemenu dl dt a{ padding-right:32px}
.sidemenu dl dt:after { content: ''; display: block; width: 28px; height: 28px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon_add.png) no-repeat; }
.sidemenu dl dt.active:after { background-image: url(../images/icon_reduce.png); }
.sidemenu dl dd { padding: 0 0 20px; display: none; }
.sidemenu dl dd a { font-size: 12px; display: block; padding: 0 20px; margin-bottom: 3px; }
.sidemenu dl:last-child { border-bottom: none; }

.products .productslist { padding-bottom: 30px; float: right; width: 80.18293%; }

@media screen and (max-width: 1440px) { .products-crumbs .sorts-nav ul li { margin: 0 2%; } }
@media screen and (max-width: 1024px) { .products-crumbs .sorts-nav { width: 70%; } }
@media screen and (max-width: 768px) { .products-crumbs { position: relative; margin-top: 60px; }
  .products-crumbs .crb { position: absolute; left: 0; top: -30px; }
  .products-crumbs .total { position: absolute; right: 0; top: -30px; }
  .products-crumbs .sorts-nav { width: 100%; }
  .products-crumbs .sorts-nav ul .dropdown { width: 150px; padding: 20px 10px; }
  .products-crumbs .sorts-nav ul .dropdown a i.icon-check { margin-right: 5px; }
  .sidemenu { width: 100%; float: none; }
  .products .productslist { float: none; width: 100%; }
  .sidemenu dl dt { padding: 10px 0; } }
/* 产品 */
.product-dtl .focusImg { width: 45.73171%; overflow: hidden; }
.product-dtl .galleryImg .img { height: 31.25vw; overflow: hidden; margin-bottom: 21px; }
.product-dtl .galleryImg .img img { width: 100%; /*height: 100%;*/ transition: all .4s; object-fit: cover; }
.product-dtl .galleryThumbs .img { height: 2.5vw; overflow: hidden; cursor: pointer;padding: 2px; }
.product-dtl .galleryThumbs .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.product-dtl .galleryThumbs .img img { border: 1px solid transparent; }
.product-dtl .galleryThumbs .active-nav .img img { border: 1px solid #b1945c; }
.product-dtl .pro-info { width: 43.44512%; }
.product-dtl .pro-info h2 { margin-bottom: 40px; font-weight: normal; }
.product-dtl .pro-info .price { margin-bottom: 30px; }
.product-dtl .pro-info .item { margin-bottom: 20px; }
.product-dtl .pro-info .item h4 { font-weight: normal; margin-bottom: 10px; }
.product-dtl .pro-info .Specifications li {height:42px}
.product-dtl .pro-info .Specifications li span { display: block; line-height: 34px; border: 1px solid #e8e8e1; font-size: 12px; padding: 0 15px; cursor: pointer; transition: all .3s; margin-bottom: 5px; }
.product-dtl .pro-info .Specifications li.active span { border: 2px solid #b1945c; }
.product-dtl .pro-info .price-num { border: 1px solid #e8e8e1; display: -webkit-flex; display: flex; align-items: center; width: 100px; height: 36px; margin-top: 28px; }
.product-dtl .pro-info .price-num a { display: inline-block; width: 30%; text-align: center; line-height: 36px; }
.product-dtl .pro-info .price-num a:hover { background-color: #b1945c; color: #fff; }
.product-dtl .pro-info .price-num .num { width: 40%; text-align: center; }
.product-dtl .pro-info .gifs li { display: -webkit-flex; display: flex; align-items: center; }
.product-dtl .pro-info .gifs li .icon { display: inline-block; width: 14px; height: 14px; border: 1px solid #555; margin-right: 14px; cursor: pointer; }
.product-dtl .pro-info .gifs li span { display: inline-block; width: 70px; height: 70px; overflow: hidden; }
.product-dtl .pro-info .gifs li span img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.product-dtl .pro-info .gifs li.active .icon { background: url(../images/icon_gou1.png) center center no-repeat; }
.product-dtl .pro-info .btns { margin: 0 -5px 56px; width: 90%; }
.product-dtl .pro-info .btns .col { padding: 0 5px; }
.product-dtl .pro-info .btns a { display: inline-block; line-height: 42px; text-align: center; width: 100%; }
.product-dtl .pro-info .btns .Add-favorites { border: 1px solid #b1945c; color: #b1945c; }
.product-dtl .pro-info .btns .Add-favorites:hover { background-color: #b1945c; color: #fff; }
.product-dtl .pro-info .btns .Shop-now { background-color: #b1945c; color: #fff; }
.product-dtl .pro-info .btns .Shop-now:hover { opacity: 0.8; }
.product-dtl .pro-info .style2 { color: #b1945c; border-bottom: 3px solid #f0f0f0; display: inline-block; padding: 10px 0; }
.product-dtl .pro-info .zltxt li { margin-bottom: 5px; }
.product-dtl .pro-info .style3 { color: #b1945c; }

.pro-dtl-leibie { margin-top: 30px; }
.pro-dtl-leibie h2 { border-bottom: 1px solid #d0d1d2; padding: 10px 0; margin-bottom: 46px; }
.pro-dtl-leibie .recommend .swiper-slide { background-color: #f5f5f5; }
.pro-dtl-leibie .recommend .img { height: 309px; overflow: hidden; }
.pro-dtl-leibie .recommend .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.pro-dtl-leibie .recommend .txt { padding: 10px 17px 20px; font-family: "Deng"; }
.pro-dtl-leibie .recommend .txt h3 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.pro-dtl-leibie .recommend .txt .price del { margin-right: 10px; color: #FF0000; }
.pro-dtl-leibie .recommend .swiper-slide:hover .img img { transform: scale(1.05); }
.pro-dtl-leibie .recommend-pagination { text-align: center; padding-top: 34px; }
.pro-dtl-leibie .swiper-pagination-bullet { width: 13px; height: 13px; background-color: #aaa; opacity: 1; }
.pro-dtl-leibie .swiper-pagination-bullet-active { background-color: #b1945c; }

.page-evaluate { margin-top: 40px; }
.page-evaluate .hd { border: 1px solid #eeeeee; background-color: #f7f7f7; line-height: 39px; padding: 0 17px; }
.page-evaluate .good { text-align: center; padding: 30px 0; }
.page-evaluate .good h3 { font-weight: normal; }
.page-evaluate .good h4 { color: #FF0000; font-family: 'Arial'; font-weight: normal; }
.page-evaluate .good h4 b { font-weight: normal; }
.page-evaluate .hp { padding-top: 25px; }
.page-evaluate .hp span { display: inline-block; padding: 0 10px; line-height: 30px; margin-bottom: 10px; border: 1px solid #e0e0e0; margin-right: 10px; }

.page-evaluate2 .hd { border: 1px solid #eeeeee; background-color: #fafafa; line-height: 39px; padding: 0 17px; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; }
.page-evaluate2 .hd ul li { margin-right: 20px; }
.page-evaluate2 .hd ul li.active a { color: red; }
.page-evaluate2 .hd .moren { position: relative; }
.page-evaluate2 .hd .moren span { display: block; display: -webkit-flex; display: flex; align-items: center; cursor: pointer; }
.page-evaluate2 .hd .moren span:after { content: ''; display: inline-block; width: 9px; height: 5px; background: url(../images/icon_down.png) no-repeat; margin-left: 10px; transition: all .3s; }
.page-evaluate2 .hd .moren ul { display: none; position: absolute; left: 0; top: 100%; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.page-evaluate2 .hd .moren ul li { padding: 5px 10px; white-space: nowrap; }
.page-evaluate2 .hd .moren.active span:after { transform: rotate(-180deg); }

.evaluate-dtl { padding-bottom: 60px; padding-top:30px }
.evaluate-dtl .item { border-bottom: 1px solid #eee; padding: 20px 0 40px; }
.evaluate-dtl .item:last-child { border-bottom: none; }
.evaluate-dtl .item .left { display: -webkit-flex; display: flex; align-items: center; }
.evaluate-dtl .item .user { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; margin-right: 15px; margin-left: 10px; }
.evaluate-dtl .item .user img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.evaluate-dtl .item .pl-txt { min-height: 96px; }
.evaluate-dtl .item .pl-pic { margin-bottom: 10px; }
.evaluate-dtl .item .pl-pic ul li { float: left; width: 47px; height: 47px; margin-right: 10px; overflow: hidden; }
.evaluate-dtl .item .pl-pic ul li img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.evaluate-dtl .item .pl-relative { display: -webkit-flex; display: flex; align-items: center; }
.evaluate-dtl .item .pl-relative .it { margin-right: 5%; color: #666; font-size: 12px; }
.evaluate-dtl .item .pl-relative .dz-ly { display: -webkit-flex; display: flex; align-items: center; }
.evaluate-dtl .item .pl-relative .dz-ly a { display: -webkit-flex; display: flex; align-items: center; margin-left: 32px; }
.evaluate-dtl .item .pl-relative .dz-ly .icon-dz { display: inline-block; width: 16px; height: 16px; background: url(../images/icon_thumbs-up.png) 0 0/cover no-repeat; margin-right: 5px; }
.evaluate-dtl .item .pl-relative .dz-ly .icon-ly { display: inline-block; width: 16px; height: 16px; background: url(../images/icon_msg.png) 0 0/cover no-repeat; margin-right: 5px; }

@media screen and (max-width: 1440px) { .product-dtl .galleryImg .img { height: 40vw; }
  .pro-dtl-leibie .recommend .img { height: 256px; } }
@media screen and (max-width: 1024px) { .pro-dtl-leibie .recommend .img { height: 216px; }
  .product-dtl .galleryThumbs .img { height: 7vw; }
  .page-evaluate2 .hd { display: block; overflow-x: auto; }
  .page-evaluate2 .hd ul { width: 884px; }
  .page-evaluate2 .hd .moren { display: none; }
  .recommend { overflow: hidden; } }
@media screen and (max-width: 768px) { .product-dtl .focusImg { width: 100%; float: none; }
  .product-dtl .galleryImg .img { height: 70vw; }
  .product-dtl .galleryThumbs .img { height: 12vw; }
  .product-dtl .pro-info { width: 100%; float: none; margin-top: 20px; }
  .product-dtl .pro-info h2 { margin-bottom: 20px; }
  .product-dtl .pro-info .price { margin-bottom: 20px; }
  .evaluate-dtl { padding-bottom: 60px; }
  .evaluate-dtl .item { display: block; }
  .evaluate-dtl .item .left { width: 100%; margin-bottom: 20px; padding: 0; }
  .evaluate-dtl .item .col.col-10 { width: 100%; }
  .evaluate-dtl .item .pl-pic { margin-top: 20px; }
  .evaluate-dtl .item .pl-relative { display: block; }
  .evaluate-dtl .item .pl-relative .it { display: inline-block; }
  .evaluate-dtl .item .pl-relative .dz-ly { width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; }
  .product-dtl .pro-info .btns .col-6 { width: 50%; }
  .pro-dtl-leibie .recommend .img { height: 40vw; } }
@media screen and (max-width: 500px) { .product-dtl .galleryThumbs .img { height: 22vw; } }
/* 联系我们 */
.contactus { padding: 90px 0 100px; }
.contactus .info { width: 100%; text-align: center; padding-top: 0px; color: #393939; }
.contactus .info h2 { font-weight: normal; margin-bottom: 10px; }
.contactus .info h5 { font-weight: normal; margin-bottom: 40px; }
.contactus .info ul { width: 45%; margin: 0 auto; }
.contactus .info ul li { margin-bottom: 20px; }
.contactus .info ul li i { display: inline-block; margin-bottom: 10px; }
.contactus .share { margin-top: 50px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.contactus .share a { display: inline-block; margin: 0 2%; }
.contactus .form { width: 483px; margin: 0 auto; padding-top: 70px; }
.contactus .form .item { margin-bottom: 15px; }
.contactus .form input[type="text"] { background-color: #eee; border: 1px solid #ddd; height: 39px; width: 100%; padding: 0 14px; }
.contactus .form textarea { background-color: #eee; border: 1px solid #ddd; height: 180px; width: 100%; padding: 14px; }
.contactus .form .btn { width: 104px; height: 40px; color: #fff; background-color: #000; border-radius: 2px; cursor: pointer; transition: all .4s; margin: 0 auto; display: block; }
.contactus .form .btn:hover { opacity: 0.8; }

@media screen and (max-width: 1024px) { .contactus { padding: 45px 0 50px; }
  .contactus .info { padding-top: 20px; }
  .contactus .info ul { width: 70%; } }
@media screen and (max-width: 768px) { .contactus .mapbox { width: 100%; float: none; }
  .contactus .info { width: 100%; float: none; }
  .contactus .form { width: 100%; } }
/* 会员优选 */
.taocan-service { padding-bottom: 60px; }
.taocan-service .hd { text-align: center; margin-bottom: 50px; }
.taocan-service .bd ul li { margin-bottom: 30px; }
.taocan-service .bd ul .img img { width: 100%; }
.taocan-service .bd ul .info h2 { text-align: center; padding: 15px 0; font-size: 18px; }
.taocan-service .bd ul .info p { font-family: "Deng"; line-height: 1.625; height: 164px; }
.taocan-service .bd ul .but { text-align: center; }
.taocan-service .bd ul .but a { display: inline-block; padding: 0 50px 0 72px; line-height: 43px; color: #fff; background-color: #b1945c; text-align: center; position: relative; }
.taocan-service .bd ul .but a span { display: block; width: 40px; background-color: #000; position: absolute; left: 0; top: 0; }
.taocan-service .bd ul .but a:hover { opacity: 0.8; }

.taocan-service2 { border-top: 1px solid #f0f0f0; padding: 50px 0; }
.taocan-service2 .hd { text-align: center; margin-bottom: 20px; }
.taocan-service2 .bd p { font-family: "Deng"; line-height: 1.625; min-height: 164px; }

@media screen and (max-width: 1024px) { .taocan-service .bd ul .info h2 { font-size: 16px; }
  .taocan-service .bd ul .but a { padding: 0 30px 0 50px; } }
/* 送礼推荐 */
.taocan-service .banner-sl { margin-bottom: 50px; overflow: hidden; }
.taocan-service .banner-sl img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.taocan-service .songli-list ul li { margin-bottom: 20px; }
.taocan-service .songli-list ul li .img { height: 15.625vw; overflow: hidden; }
.taocan-service .songli-list ul li .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.taocan-service .songli-list ul li .info { font-family: "Deng"; padding: 20px 0; text-align: center; }
.taocan-service .songli-list ul li .info h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.taocan-service .songli-list ul li .info .price { margin-bottom: 12px; }
.taocan-service .songli-list ul li .info .price span { color: #eb9db5; margin: 0 5px; }
.taocan-service .songli-list ul li .info .btn { display: inline-block; width: 123px; line-height: 40px; border-radius: 3px; color: #fff; background-color: #000; }
.taocan-service .songli-list ul li .info .btn:hover { background-color: #b1945c; }
.taocan-service .songli-list ul li:hover .img img { transform: scale(1.05); }

.changjing-list { padding: 80px 0 0; }
.changjing-list .txt h3 { font-weight: normal; margin-bottom: 10px; }
.changjing-list .txt h2 { line-height: 1.2; }
.changjing-list .cjlist li { margin-bottom: 45px; }
.changjing-list .cjlist li .img { height: 11.35417vw; overflow: hidden; }
.changjing-list .cjlist li .img img { width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.changjing-list .cjlist li .name { text-align: center; padding-top: 15px; }
.changjing-list .cjlist li:hover .img img { transform: scale(1.05); }
.changjing-list .cjlist li .diy { background-color: #27251f; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; }
.changjing-list .cjlist li h3 { font-weight: normal; }

@media screen and (max-width: 1440px) { .taocan-service .songli-list ul li .img { height: 20vw; }
  .changjing-list .cjlist li .img { height: 15vw; } }
@media screen and (max-width: 1024px) { .taocan-service .banner-sl { margin-bottom: 25px; }
  .taocan-service .songli-list ul li .img { height: 24vw; }
  .taocan-service .songli-list ul li .info .btn { width: 100px; } }
@media screen and (max-width: 768px) { .row .col.col-3 { width: 50%; }
  .changjing-list .row .col.col-3 { width: 100%; margin-bottom: 20px; }
  .taocan-service .songli-list ul li .img { height: 38vw; }
  .row .col.col-9 { width: 100%; }
  .changjing-list .cjlist li .img { height: 30vw; }
  .changjing-list .cjlist li { margin-bottom: 20px; } }
@media screen and (max-width: 500px) { .changjing-list .cjlist li .img { height: 45vw; } }