@font-face {
      font-family: djb;
      src: url('../fonts/woodmart-font-1-400.ttf');
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
      font-weight: 300;
}

body {
      margin: 0px 0px;
      padding: 0px 0px;
      overflow-x: hidden;
      font-family: djb;
}

a {
      color: #666;
      text-decoration: none;
}

a:visited {
      color: #666;
      text-decoration: none
}

a:active {
      color: #666;
      text-decoration: none
}

a:hover {
      color: #666;
      text-decoration: none;
}

::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #BCBCBC;
}

::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #BCBCBC;
}

:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #BCBCBC;
}

.blank10 {
      width: 100%;
      height: 10px;
      clear: both;
      overflow: hidden;
}

.blank20 {
      width: 100%;
      height: 20px;
      clear: both;
      overflow: hidden;
}

.blank30 {
      width: 100%;
      height: 30px;
      clear: both;
      overflow: hidden;
}

.blank40 {
      width: 100%;
      height: 40px;
      clear: both;
      overflow: hidden;
}

.blank50 {
      width: 100%;
      height: 50px;
      float: left;
      overflow: hidden;
}

.blank60 {
      width: 100%;
      height: 60px;
      clear: both;
      overflow: hidden;
}

.blank70 {
      width: 100%;
      height: 70px;
      clear: both;
      overflow: hidden;
}

.blank80 {
      width: 100%;
      height: 80px;
      clear: both;
      overflow: hidden;
}

.blank90 {
      width: 100%;
      height: 90px;
      clear: both;
      overflow: hidden;
}

.blank100 {
      width: 100%;
      height: 100px;
      clear: both;
      overflow: hidden;
}

.blank110 {
      width: 100%;
      height: 110px;
      clear: both;
      overflow: hidden;
}

.blank120 {
      width: 100%;
      height: 120px;
      clear: both;
      overflow: hidden;
}

.blank130 {
      width: 100%;
      height: 130px;
      clear: both;
      overflow: hidden;
}

.blank140 {
      width: 100%;
      height: 140px;
      clear: both;
      overflow: hidden;
}

.blank150 {
      width: 100%;
      height: 150px;
      float: left;
      overflow: hidden;
}

.blank160 {
      width: 100%;
      height: 160px;
      clear: both;
      overflow: hidden;
}

.blank170 {
      width: 100%;
      height: 170px;
      clear: both;
      overflow: hidden;
}

.blank180 {
      width: 100%;
      height: 180px;
      clear: both;
      overflow: hidden;
}

.blank190 {
      width: 100%;
      height: 190px;
      clear: both;
      overflow: hidden;
}

.blank200 {
      width: 100%;
      height: 200px;
      clear: both;
      overflow: hidden;
}


.header-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #fff;
      position: fixed;
      z-index: 99999;
      left: 0px;
      top: 0px;
}

.header {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 1600px;
      height: 90px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-l>a>.img1 {
      width: auto;
      height: 80px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.header-l>a {
      display: block;
      width: auto;
      height: auto;
}

.header-m {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-nav-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}


.header-nav-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 5px;
      padding: 0px 10px;
      cursor: pointer;
}

.header-nav-item>.label-text {
      padding: 0px 0px;
      font-size: 16px;
      font-weight: bold;
      color: #333;
      cursor: pointer;
      text-transform: uppercase;
}

.header-nav-item>.label-text:hover {
      color: #333;
      text-decoration: none;
}

.header-nav-item>.label-text:active {
      color: #333;
      text-decoration: none;
}

.header-nav-item>.label-text:visited {
      color: #333;
      text-decoration: none;
}


.header-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-search {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: flex-end;
      width: auto;
      height: 40px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-search-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
}

.header-search-r>.icon-find {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 20px;
      font-weight: normal;
      color: #333;
      cursor: pointer;
}

.header-search-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
}

.header-search-b>.icon-heart {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 20px;
      font-weight: normal;
      color: #333;
}

.header-search-b-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin: 0px auto;
      padding: 0px 0px;
      border-radius: 100%;
      background: #333;
      position: absolute;
      z-index: 5;
      top: 0px;
      right: 0px;
      font-size: 12px;
}

.header-search-b-b>.label-wish {
      padding: 0px 0px;
      text-align: center;
      font-size: 12px;
      font-weight: normal;
      color: #fff;
}

/*--------自适应--------*/

.brand-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #F9F9F9;
      position: relative;
}

.brand-c .swiper-pagination {
      bottom: 0px !important;
}

.brand-c .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 10px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: #ccc;
      margin: 0 10px;
}

.brand-c .swiper-pagination-bullet-active {
      color: #fff;
      background: red;
}

.brand-c .swiper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      max-width: 1600px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px 0px 0px;
      position: relative;
}

.brand-c .swiper-wrapper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.brand-c .swiper-slide {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
}

.brand-swiperitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.brand-swiperitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 120px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background-color: #F9F9F9;
}

.brand-swiperitem-t>.img1 {
      width: 100%;
      height: 50px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: contain;
      filter: grayscale(100%);
}

.brand-c .swiper-pagination {
      display: none;
}

/*--------自适应--------*/


.footmenu-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-bottom: solid 1px #ddd;
}

.footmenu {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1600px;
      height: 100px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.footmenu>.foot-link {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 22%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 10px;
      border: none;
      border-radius: 5px;
      text-align: left;
      font-size: 16px;
      font-weight: normal;
      color: #333;
}

.footmenu>.foot-link:hover {
      color: #333;
      text-decoration: none;
}

.footmenu>.foot-link:active {
      color: #333;
      text-decoration: none;
}

.footmenu>.foot-link:visited {
      color: #333;
      text-decoration: none;
}

/*--------自适应--------*/

.footcopy-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footcopy {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 1600px;
      height: 60px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footcopy-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footcopy-l>.label-cpy {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.footcopy-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 50%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footcopy-r>.img1 {
      width: auto;
      height: 25px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

/*--------自适应--------*/

.whapp-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: fixed;
      z-index: 99999999999;
      left: 20px;
      bottom: 40px;
      background-color: transparent;
}

.whapp {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background-color: transparent;
}

.whapp-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background-color: transparent;
}

.whapp-l>a {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      width: 70px;
      height: 70px;
      overflow: hidden;
      background-color: #49E670;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.whapp-l>a>.img1 {
      width: 50px;
      height: 50px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.whapp:hover .whapp-r {
      display: flex;
}

.whapp-r {
      box-sizing: border-box;
      display: none;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.whtext {
      position: relative;
      color: #333;
      font-size: 16px;
      padding: 0px 20px;
      box-sizing: border-box;
      left: 20px;
      top: 0px;
      display: flex;
      width: auto;
      height: 50px;
      background: #fff;
      position: relative;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
      font-weight: bold;
}

.whtext:before {
      content: "";
      position: absolute;
      right: 100%;
      top: 13px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 20px solid #fff;
      border-bottom: 10px solid transparent;
}

/*--------自适应--------*/

.contactbox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 50px 0px;
}

.contactbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      max-width: 1600px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.contactbox-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.contactbox-t-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.contactbox-t-t>.label-contact-t {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #999;
}

.contactbox-t-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.contactbox-t-b>.label-contact-title {
      padding: 0px 0px;
      text-align: left;
      font-size: 20px;
      font-weight: bold;
      color: #666;
}


.contact-row {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 5px 0px 10px 0px;
      background: #fff;
}

.contact-row-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 150px;
      height: 40px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.contact-row-l>.label-text {
      padding: 0px 0px;
      font-size: 14px;
      font-weight: bold;
      color: #666;
}

.contact-row-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border: solid 1px #ddd;
      position: relative;
}

.contact-row-m>.input-text {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 40px;
      min-height: 40px;
      margin: 0px 0px;
      padding: 0px 10px;
      border: none;
      border-radius: 5px;
      background: #fff;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
      outline: none;
}


.contactbox-cmd {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 20px 0px;
}

.contactbox-cmd>.button-ask {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 40px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 30px;
      border: solid 0px #ccc;
      border-radius: 0px;
      background: #ddd;
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      color: #666;
      outline: none;
      cursor: pointer;
}

/*--------自适应--------*/

.bannerbox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #533838;
}

.bannerbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 120px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
      overflow: hidden;
}

.bannerbox-adbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
}

.bannerbox-ad {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.bannerbox-ad-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.bannerbox-ad-t>.label-title {
      padding: 0px 0px;
      text-align: center;
      font-size: 36px;
      font-weight: bold;
      color: #fff;
}

.bannerbox-ad-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.bannerpos-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.bannerpos {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.bannerpos>.link-item {
      margin: 0px 5px;
      padding: 0px 0px;
      font-size: 13px;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
}

.bannerpos>.link-item:hover {
      color: #fff;
      text-decoration: none;
}

.bannerpos>.link-item:active {
      color: #fff;
      text-decoration: none;
}

.bannerpos>.link-item:visited {
      color: #fff;
      text-decoration: none;
}

.bannerpos>.icon-arrow {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
}

/*--------自适应--------*/
.detailtext-c {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 30px 0px;
      width: 100%;
      height: auto;
      text-align: center;
}

.detailtext {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      max-width: 1600px;
      height: auto;
      text-align: left;
      line-height: 1.6;
      font-family: Arial, Helvetica, sans-serif;
}



.homeban-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 750px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
}

.homeban {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.hometext {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 550px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.hometext-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.hometext-t>.label-title {
      padding: 0px 0px;
      text-align: left;
      font-size: 20px;
      font-weight: bold;
      color: #333;
}

.hometext-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.hometext-m>.label-desc {
      padding: 0px 0px;
      text-align: left;
      font-size: 60px;
      font-weight: bold;
      color: #563B3B;
}

.hometext-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.hometext-b>.link-shop {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 5px 20px;
      border: none;
      background: #000;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
}

.hometext-b>.link-shop:hover {
      color: #fff;
      text-decoration: none;
}

.hometext-b>.link-shop:active {
      color: #fff;
      text-decoration: none;
}

.hometext-b>.link-shop:visited {
      color: #fff;
      text-decoration: none;
}

/*--------自适应--------*/

.homecnt-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.homecnt {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 20px auto;
      padding: 0px 0px;
}

.homecat {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 24%;
      height: auto;
      min-height: 30px;
      margin: 15px 0px;
      padding: 0px 0px;
      background: #fff;
}

.homecat-t:hover>a>.img1 {
      transform: scale(1.2);
      transition: all .2s linear 100ms;
}

.homecat-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      height: 270px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      overflow: hidden;
}

.homecat-t>a>.img1 {
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      transition: all .2s linear 100ms;
      object-fit: cover;
}

.homecat-t>a {
      display: block;
      width: 100%;
      height: auto;
}

.homecat-m {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 5px 5px;
}

.homecat-info {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.homecat-info-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 5px 0px;
}

.homecat-info-t-a {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 0px 0px;
      text-align: center;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      ;
      text-overflow: ellipsis;
      white-space: wrap;
      overflow: hidden;
}

.homecat-info-t-a>.label-title {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 18px;
      font-weight: bold;
      color: #000;
}

.homecat-info-t-a>.label-title:hover {
      color: #333;
      text-decoration: none;
}

.homecat-info-t-a>.label-title:active {
      color: #333;
      text-decoration: none;
}

.homecat-info-t-a>.label-title:visited {
      color: #333;
      text-decoration: none;
}

.label-title>label {
      color: #333;
      font-size: 18px;
      margin: 0 5px 0 0;
      cursor: pointer;
}

/*--------自适应--------*/


.homeads-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.homeads {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 10px 0px;
      padding: 0px 0px;
}

.homeads-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.homeads-l>.img1 {
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.homeads-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.homeads-r-a {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      text-align: left;
      line-height: 1.6;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
}
.homeads-r-a p{
      margin: 0px 0px;
}


/*--------自适应--------*/


.blogs-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogs-list {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 40px auto;
      padding: 0px 0px;
}

.blogsitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 32%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 30px 20px;
      border: solid 1px #ddd;
      border-radius: 5px;
      position: relative;
}

.blogsitem:hover {
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.blogsitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: absolute;
      left: 0px;
      top: -15px;
}

.blogsitem-t>.label-blog {
      padding: 5px 10px;
      background: #000;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
}

.blogsitem-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogsitem-m1>.label-head {
      padding: 0px 0px;
      text-align: center;
      font-size: 22px;
      font-weight: bold;
      color: #000;
      line-height: 1.6;
}

.blogsitem-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogsitem-m2>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.blogsitem-m2>.label2 {
      margin: 0px 10px;
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.sharemenu-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 40px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.sharemenu-c:hover .sharemenu-drop {
      max-height: 200px;
}

.sharemenu {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 40px;
      margin: 0px auto;
      padding: 0px 0px;
}

.sharemenu>.img1 {
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.sharemenu-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-height: 0px;
      margin: 0px 0px;
      padding: 0px 0px;
      background: #fff;
      position: absolute;
      z-index: 10;
      left: 0px;
      top: 40px;
      overflow: hidden;
}

.sharemenu-dropbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 10px 10px;
}

.blogsitem-m3 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.blogsitem-m3-a {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 0px 0px;
      text-align: center;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      ;
      text-overflow: ellipsis;
      white-space: wrap;
      overflow: hidden;
}

.blogsitem-m3-a>.label1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}

.blogsitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.blogsitem-b>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: bold;
      color: #000;
}

.blogsitem-b>.link1:hover {
      color: #000;
      text-decoration: none;
}

.blogsitem-b>.link1:active {
      color: #000;
      text-decoration: none;
}

.blogsitem-b>.link1:visited {
      color: #000;
      text-decoration: none;
}

/*--------自适应--------*/

.feedback-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 0px 0 0;
      background: #fff;
}

.feedback {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.feedback-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.feedback-t-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 1px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #ddd;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
}

.feedback-t>.label-tttt {
      flex-direction: row;
      width: auto;
      padding: 0px 10px;
      background: #fff;
      position: relative;
      z-index: 11;
      text-align: center;
      font-size: 28px;
      font-weight: normal;
      color: #666;
}

.feedback-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 10px 0px;
}

.feedback-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}

.feedback-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 700px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      background-attachment: fixed;
}

.signupbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50%;
      max-width: 700px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
}

.signupbox-bg {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      margin: 0px auto;
      padding: 0px 0px;
      background: #000;
      position: absolute;
      z-index: 10;
      left: 0px;
      top: 0px;
      opacity: 0.5;
}

.signupbox-wrap {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
      z-index: 100;
}

.signcon {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 40px 0px;
}

.signcon-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.signcon-t>.label-stitle {
      width: 60%;
      padding: 0px 0px;
      text-align: center;
      font-size: 36px;
      font-weight: bold;
      color: #fff;
}

.signcon-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.signcon-m1>.label-desx {
      width: 60%;
      padding: 0px 0px;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      line-height: 1.6;
}

.signcon-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.signconfind {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 60%;
      height: 40px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border: none;
      border-radius: 5px;
}

.signconfind-l {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.signconfind-l>.input-signconfind {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 10px;
      border: none;
      background: #fff;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
      outline: none;
}

.signconfind-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background: #533838;
}

.signconfind-r>.button-signconfind {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border: none;
      background: #533838;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
      outline: none;
      cursor: pointer;
}

.button-signconfind>label {
      color: #fff;
      font-size: 14px;
      margin: 0 5px 0 0;
      cursor: pointer;
}

.signcon-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 0px;
}

.signcon-b>a>.img1 {
      width: 30px;
      height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 100%;
      object-fit: cover;
}

.signcon-b>a {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border: solid 2px #fff;
      border-radius: 100%;
}

/*--------自适应--------*/

.homegoods-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.homegoods {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.goodsitem-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 24%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.goodsitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.goodsitem-c:hover .goodsitem-hover {
      overflow: visible;
      max-height: 1000px;
      opacity: 1;
      transition: opacity .3s linear 100ms;
      -webkit-transition: opacity .3s linear 100ms;
}

.goodsitem-c:hover .goodsitem {
      visibility: hidden;
}

.goodsitem-hover {
      position: absolute;
      z-index: 10;
      left: -20px;
      top: -20px;
      transform: translateX(10px) translateY(10px);
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0px 0px;
      width: calc(100% + 20px);
      height: auto;
      text-align: center;
      max-height: 0px;
      overflow: hidden;
      background-color: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
      opacity: 0;
      transition: opacity .3s linear 100ms;
      -webkit-transition: opacity .3s linear 100ms;
}

.goodsitem-wrap {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 10px 10px;
      position: relative;
}


.goodsitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.goodsitem-t>a>.img1 {
      width: 100%;
      height: 270px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.goodsitem-t>a {
      display: block;
      width: 100%;
      height: auto;
}

.goodsitem-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 20px;
}

.goodsitem-m>.label-name {
      padding: 0px 0px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.6;
      color: #000;
}

.goodsitem-m>.label-name:hover {
      color: #000;
      text-decoration: none;
}

.goodsitem-m>.label-name:active {
      color: #000;
      text-decoration: none;
}

.goodsitem-m>.label-name:visited {
      color: #000;
      text-decoration: none;
}



.goodsitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.goodsitem-b>.label1 {
      margin: 10px 0;
      padding: 0px 0px;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      color: #666;
}

.goodsitem-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 10px auto;
      padding: 0px 0px;
      font-size: 14px;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
}

.goodsitem-d>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.goodsitem-e {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

/*--------自适应--------*/

.cateban-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 0px;
      background: #533838;
}

.cateban {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.cateban-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.cateban-t>.label-cattitle {
      padding: 0px 0px;
      text-align: center;
      font-size: 30px;
      font-weight: bold;
      color: #fff;
}

.cateban-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.cateitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 10px 15px;
      padding: 0px 0px;
}

.cateitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.cateitem-t>.label-cathead {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.cateitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.cateitem-b>.label-catdesc {
      padding: 0px 0px;
      text-align: left;
      font-size: 13px;
      font-weight: normal;
      color: #ccc;
}

/*--------自适应--------*/


.position-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.position {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 40px 0px;
      padding: 0px 0px;
}

.position-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 20%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.position-l>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}

.position-l>.link2 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: bold;
      color: #333;
}

.position-l>.label1 {
      margin: 0px 10px;
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.position-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.position-r>.label-show {
      margin: 0px 10px 0px 0px;
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: bold;
      color: #666;
}

.position-r>.link-numj {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.position-r>.link-numj:hover {
      color: #666;
      text-decoration: none;
}

.position-r>.link-numj:active {
      color: #666;
      text-decoration: none;
}

.position-r>.link-numj:visited {
      color: #666;
      text-decoration: none;
}

.position-r>.label3 {
      margin: 0px 5px;
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.position-view {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 150px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.position-view>label.fa {
      cursor: pointer;
}

.position-view>.icon-2 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 24px;
      font-weight: normal;
      color: #ccc;
}

.position-view>.icon-3 {
      margin: 0px 15px;
      padding: 0px 0px;
      font-size: 24px;
      font-weight: normal;
      color: #ccc;
}

.position-view label.fa.cur {
      color: #000 !important;
}

.position-view>.icon-4 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 24px;
      font-weight: normal;
      color: #ccc;
}

.position-r>.select6 {
      box-sizing: border-box;
      width: 200px;
      height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border: none;
      border-bottom: solid 1px #ccc;
      font-size: 14px;
      font-weight: bold;
      color: #000;
      outline: none;
}

/*--------自适应--------*/
.col5 {
      width: 19% !important;
}

.col5 .productitem-t>a>.img1 {
      width: 100%;
      height: 260px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.col4 {
      width: 23% !important;
}

.col4 .productitem-t>a>.img1 {
      width: 100%;
      height: 320px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.col2 {
      width: 49% !important;
}

.col2 .productitem-t>a>.img1 {
      width: 100%;
      height: 620px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.col3 {
      width: 32% !important;
}

.col3 .productitem-t>a>.img1 {
      width: 100%;
      height: 450px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.productbox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.productbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

/*--------自适应--------*/

.detail-box {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 30px 0px;
      padding: 0px 0px;
}

.prodetail-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 10px 0px;
      background: #fff;
}

.prodetail {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background: #fff;
}

.prodetail-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.prodetail_gallery-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 80%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #fff;
      flex: 1;
      position: relative;
}

.prodetail_gallery-c .swiper-pagination {
      bottom: 0px !important;
}

.prodetail_gallery-c .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 10px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: #fff;
      margin: 0 10px;
}

.prodetail_gallery-c .swiper-pagination-bullet-active {
      color: #fff;
      background: red;
}




.prodetail_gallery-c .swiper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px;
}

.prodetail_gallery-c .swiper-wrapper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.prodetail_gallery-c .swiper-slide {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.prodetail_gallery-c .swiper-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
}

.prodetail_gallery-c .swiper-item>.img1 {
      width: 100%;
      height: 500px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.prodetail_gallery-c .gallery-icon {
      position: absolute;
      z-index: 999;
      left: 30px;
      bottom: 60px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      background-color: #fff;
      border-radius: 100%;
      cursor: pointer;
}

.prodetail_gallery-c .gallery-icon img {
      width: 20px;
      height: 20px;
      cursor: pointer;
}

.prodetail_gallery-c .swiper-pagination {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      display: none;
}

.prodetail-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.detailpos-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.detailpos-l {
      flex: 1;
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
}

.detailpos-r {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100px;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
}

.detailpos-r>label.fa {
      font-weight: normal;
      font-size: 20px;
      color: #666;
      margin: 0 5px;
      cursor: pointer;
}



.detailpos-l>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}


.detailpos-l>.label2 {
      margin: 0px 10px;
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}

.detailpos-l>.label5 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}


.prodetail-info {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.prodetail-info-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.prodetail-info-t>.label-title {
      padding: 0px 0px;
      text-align: left;
      font-size: 36px;
      font-weight: bold;
      color: #333;
      line-height: 1.6;
}

.prodetail-info-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
      border-bottom: solid 1px #ddd;
}

.prodetail-addwish {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
      cursor: pointer;
}

.prodetail-addwish>.label1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
      cursor: pointer;
}

.prodetail-addwish>.label2 {
      margin: 0px 0px 0px 5px;
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: bold;
      color: #666;
      cursor: pointer;
}

.prodetail-info-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 10px 0px;
      padding: 10px 0px;
}

.prodetail-info-b>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: bold;
      color: #666;
}

.prodetail-info-b>.label2 {
      margin: 0px 0px 0px 5px;
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.prodetail-info-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.prodetail-info-d>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: bold;
      color: #666;
}

.prodetail-info-d>a>.img1 {
      width: 20px;
      height: 20px;
      margin: 0px 0px 0px 10px;
      padding: 0px 0px;
      object-fit: cover;
}

.prodetail-info-d>a {
      display: block;
      width: auto;
      height: auto;
}



.prodetail_gallery-cmd {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 200px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.xsmall-c {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
}

.xsmall {
      box-sizing: border-box;
      width: 100%;
      height: 500px;
}

.xsmall .swiper-slide img {
      display: block;
      width: 100%;
      height: 160px;
      object-fit: cover;
      cursor: pointer;
}

.xsmall .swiper-slide.on img {
      filter: brightness(100%) contrast(50%);
}

.xsmall .swiper-pagination {
      bottom: 30px !important;
}

.xsmall .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      text-align: center;
      line-height: 14px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: #fff;
      margin: 0 10px;
}

.xsmall .swiper-pagination-bullet-active {
      color: #fff;
      background: red;
}

.xsmall-cmd {
      box-sizing: border-box;
      margin: 10px auto;
      padding: 0 0 0 0;
      width: 100%;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
}


.xsmall-next {
      width: 48%;
      background-color: #fff;
      border: solid 1px #ccc;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      height: 30px;
}

.xsmall-prev {
      width: 48%;
      height: 30px;
      background-color: #fff;
      border: solid 1px #ccc;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}

.xsmall-next label,
.xsmall-prev label {
      font-size: 20px;
      color: #000;
      font-weight: normal;
      cursor: pointer;
}

.xsmall .swiper-button-next {
      width: 42px;
      right: 50px;
      height: 42px;
      /*background: url(/static/index/images/left-arr.png) center center no-repeat;*/
}

.xsmall .swiper-button-prev {
      width: 42px;
      left: 50px;
      height: 42px;
      /*background: url(/static/index/images/left-arr.png) center center no-repeat;*/
}

.xsmall .swiper-button-next:after,
.xsmall .swiper-button-prev:after {
      content: '';
}





.detail-descbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
      border-top: solid 1px #ddd;
      position: relative;
}

.detail-desc {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.detail-desc-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 150px;
      height: 3px;
      margin: 0px 0px;
      padding: 0px 0px;
      background: #000;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: 0px;
      transform: translateX(-50%) translateY(-50%);
}

.detail-desc-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.detail-desc-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 18px;
      font-weight: normal;
      color: #333;
}

.detail-desc-b {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 20px;
      background: #eee;
      text-align: left;
      font-size: 14px;
      line-height: 1.6;
      color: #333;
      font-family: Arial, Helvetica, sans-serif;
      text-align: left;
}

/*--------自适应--------*/





.productitem-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 24%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.productitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.productitem-c:hover .productitem-hover {
      max-height: 1000px;
      opacity: 1;
      transition: opacity .1s linear 100ms;
      -webkit-transition: opacity .1s linear 100ms;
      overflow: visible;
}

.productitem-c:hover .productitem {
      visibility: hidden;
}

.productitem-hover {
      position: absolute;
      z-index: 999;
      left: -20px;
      top: -20px;
      transform: translateX(10px) translateY(10px);
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0px 0px;
      width: calc(100% + 20px);
      height: auto;
      text-align: center;
      max-height: 0px;
      overflow: hidden;
      background-color: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
      opacity: 0.5;
      transition: opacity .1s linear 100ms;
      -webkit-transition: opacity .1s linear 100ms;
}

.productitem-wrap {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 10px 10px;
      position: relative;
}


.productitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.productitem-t>a>.img1 {
      width: 100%;
      height: 270px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.productitem-t>a {
      display: block;
      width: 100%;
      height: auto;
}

.productitem-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 20px;
}

.productitem-m>.label-name {
      padding: 0px 0px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.6;
      color: #000;
}

.productitem-m>.label-name:hover {
      color: #000;
      text-decoration: none;
}

.productitem-m>.label-name:active {
      color: #000;
      text-decoration: none;
}

.productitem-m>.label-name:visited {
      color: #000;
      text-decoration: none;
}



.productitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.productitem-b>.label1 {
      margin: 10px 0;
      padding: 0px 0px;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      color: #666;
}

.productitem-d {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 10px auto;
      padding: 0px 10px;
      text-align: left;
      line-height: 1.6;
      font-size: 14px;
      font-family: Arial, Helvetica, sans-serif;
}

.productitem-d>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.productitem-e {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}


/*--------------rel goods---------*/

.related-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 100px 0px 150px 0;
      padding: 60px 0px 30px 0;
      border-top: solid 1px #ddd;
}

.related {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.related-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px 0 0;
      padding: 0px 0px;
}

.related-title {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.related-title-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.related-title-t>.label-reltitle {
      padding: 0px 0px;
      text-align: left;
      font-size: 26px;
      font-weight: normal;
      color: #333;
}

.related-title-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 10px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.related-title-b>.label1 {
      width: 50px;
      height: 2px;
      padding: 0px 0px;
      background: #000;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.related-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 30px 0px;
}

.relgoods-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #fff;
      position: relative;
}

.relgoods-c .swiper-pagination {
      bottom: 0px !important;
}

.relgoods-c .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 10px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: #ccc;
      margin: 0 10px;
}

.relgoods-c .swiper-pagination-bullet-active {
      color: #fff;
      background: red;
}

.relgoods-cmd {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      margin: 0px auto;
      padding: 0px 0px;
}

.relgoods-prev {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 5px;
      padding: 0px 0px;
      position: absolute;
      z-index: 999999999;
      left: 0px;
      top: 50%;
      transform: translateX(0%) translateY(-50%);
}

.relgoods-prev>.label-arrow {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 50px;
      color: #999;
      overflow: hidden;
      cursor: pointer;
}

.relgoods-next {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 5px;
      padding: 0px 0px;
      position: absolute;
      z-index: 999999999;
      top: 50%;
      right: 0px;
      transform: translateX(0%) translateY(-50%);
}

.relgoods-next>.label-arrow {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 50px;
      color: #999;
      cursor: pointer;
}

.relgoods-c .swiper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      overflow: visible;
}

.relgoods-c .swiper-wrapper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
}

.relgoods-c .swiper-slide {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
}

.relgoods-swiperitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.relgoods-swiperitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}




.relgoods-swiperitem-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.relgoods-swiperitem-title {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 5px 0px 0px 0px;
      padding: 0px 0px;
      text-align: center;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      ;
      text-overflow: ellipsis;
      white-space: wrap;
      overflow: hidden;
}

.relgoods-swiperitem-title>.label-title {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 16px;
      font-weight: normal;
      color: #666;
}

.relgoods-c .swiper-pagination {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

/*--------自适应--------*/

.xpager-c {
      box-sizing: border-box;
      margin: 20px auto;
      padding: 0 0 0 0;
      width: 100%;
      height: auto;
      text-align: center;
}

.xpager {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      max-width: 1600px;
      width: 100%;
      height: auto;
      text-align: center;
}

.pager {
      box-sizing: border-box;
      clear: both;
      font-size: 14px;
      width: 100%;
      height: auto;
      margin: 40px 0 50px 0;
      padding: 0 0px 0 0;
      text-align: center;
}

.pager a {
      color: #000;
      font-size: 14px;
      text-decoration: none;
      border: solid 1px #ddd;
      display: inline-block;
      padding: 6px 10px;
      margin: 2px 4px;
      border-radius: 3px;
}

.pager a:visited {
      color: #000;
      text-decoration: none
}

.pager a:active {
      color: #000;
      text-decoration: none
}

.pager a:hover {
      color: #000;
      text-decoration: none;
}

.pager a.cur {
      color: #fff;
      background: #533838;
      border: solid 1px #533838;
}

.pager a.prev {}

.pager a.next {}

.pager a.off {
      color: #dddddd;
      border: solid 1px #ddd;
}

.pager span {
      float: right;
}

.pager input {
      outline: none;
      width: 40px;
      height: 29px;
      text-align: center;
      line-height: 28px;
      border: solid 1px #ccc;
}

.pager button {
      outline: none;
      width: 40px;
      height: 29px;
      line-height: 28px;
      border: solid 1px #ccc;
      border-left: none;
      cursor: pointer;
}


.cateintro-c {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 20px 0;
      width: 100%;
      height: auto;
      text-align: center;
}

.cateintro {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      max-width: 1600px;
      height: auto;
      text-align: left;
      line-height: 1.6;
      font-size: 16px;
      font-family: Arial, Helvetica, sans-serif;
}





.wishlist-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.wishlist {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.wishlist-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.wishlist-t>.label1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 100px;
      font-weight: normal;
      color: #ddd;
}

.wishlist-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.wishlist-m1>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 30px;
      font-weight: normal;
      color: #000;
}

.wishlist-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.wishlist-m2>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.wishlist-m2>.label2 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.wishlist-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
}

.wishlist-b>.link1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 30px;
      border: none;
      background: #533838;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
}

.wishlist-b>.link1:hover {
      color: #fff;
      text-decoration: none;
}

.wishlist-b>.link1:active {
      color: #fff;
      text-decoration: none;
}

.wishlist-b>.link1:visited {
      color: #fff;
      text-decoration: none;
}

/*--------自适应--------*/


.blogdetail-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 1600px;
      height: auto;
      min-height: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
}

.blogdetail-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail-t>.label1 {
      padding: 5px 10px;
      background: #533838;
      text-align: center;
      font-size: 12px;
      font-weight: normal;
      color: #fff;
}

.blogdetail-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.blogdetail-m1>.label-blogtitle {
      padding: 0px 0px;
      text-align: center;
      font-size: 26px;
      font-weight: bold;
      color: #000;
}

.blogdetail-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail-m2>.label-posted {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.blogdetail-m2>.label-user {
      margin: 0px 10px;
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.blogdetail-m3 {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px 40px 0;
      text-align: left;
      font-size: 14px;
      line-height: 1.8;
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
}

.blogdetail-m4 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 30px 0px;
      border-top: solid 1px #ccc;
}

.blogdetail-m4>a>.img1 {
      width: 35px;
      height: 35px;
      margin: 0px 5px;
      padding: 0px 0px;
      border-radius: 100%;
      object-fit: cover;
}

.blogdetail-m4>a {
      display: block;
      width: auto;
      height: auto;
}

.blogdetail-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 0px;
      border-bottom: solid 1px #ddd;
}

.blogdetail-b-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 45%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.blogdetail-b-a>a>.img1 {
      width: 50px;
      height: 50px;
      min-height: 30px;
      margin: 0px 10px 0 0;
      padding: 0px 0px;
      object-fit: cover;
}

.blogdetail-b-a>a {
      display: block;
      width: auto;
      height: auto;
}

.blogdetail-b-a-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail-b-a-b-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail-b-a-b-a>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #999;
}

.blogdetail-b-a-b-a>.link1:hover {
      color: #999;
      text-decoration: none;
}

.blogdetail-b-a-b-a>.link1:active {
      color: #999;
      text-decoration: none;
}

.blogdetail-b-a-b-a>.link1:visited {
      color: #999;
      text-decoration: none;
}

.blogdetail-b-a-b-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 20px;
      margin: 5px 0px;
      padding: 0px 0px;
}

.blogdetail-b-a-b-b>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.blogdetail-b-a-b-b>.link1:hover {
      color: #000;
      text-decoration: none;
}

.blogdetail-b-a-b-b>.link1:active {
      color: #000;
      text-decoration: none;
}

.blogdetail-b-a-b-b>.link1:visited {
      color: #000;
      text-decoration: none;
}

.blogdetail-b-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 10%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.blogdetail-b-b>.icon-backlist {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.blogdetail-b-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 45%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.blogdetail-b-c-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail-b-c-a-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      height: auto;
      min-height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.blogdetail-b-c-a-a>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.blogdetail-b-c-a-a>.link1:hover {
      color: #666;
      text-decoration: none;
}

.blogdetail-b-c-a-a>.link1:active {
      color: #666;
      text-decoration: none;
}

.blogdetail-b-c-a-a>.link1:visited {
      color: #666;
      text-decoration: none;
}

.blogdetail-b-c-a-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      height: auto;
      min-height: 20px;
      margin: 5px 0px;
      padding: 0px 0px;
}

.blogdetail-b-c-a-b>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.blogdetail-b-c-a-b>.link1:hover {
      color: #666;
      text-decoration: none;
}

.blogdetail-b-c-a-b>.link1:active {
      color: #666;
      text-decoration: none;
}

.blogdetail-b-c-a-b>.link1:visited {
      color: #666;
      text-decoration: none;
}

.blogdetail-b-c>a>.img2 {
      width: 50px;
      height: 50px;
      min-height: 30px;
      margin: 0px 0px 0 10px;
      padding: 0px 0px;
      object-fit: cover;
}

.blogdetail-b-c>a {
      display: block;
      width: auto;
      height: auto;
}

/*--------自适应--------*/




.picsbox-c {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      margin: 0px 0px;
      padding: 0px 0px;
      background: #000;
      position: fixed;
      z-index: 99999;
      left: 0px;
      top: 0px;
      display: none;
}

.picboxs-top {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 10;
      left: 0px;
      top: 0px;
}

.picboxs-topleft {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.picboxs-topleft>.label-count {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.picboxs-topright {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 10px;
}

.picboxs-topright>.img-fullscreen {
      width: 20px;
      height: 20px;
      margin: 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-exitscreen {
      width: 20px;
      height: 20px;
      margin: 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-share {
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-close {
      width: 29px;
      height: 29px;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-zoom {
      width: 20px;
      height: 20px;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picsbox-c-left {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 0px;
      transform: translateX(0%) translateY(-50%);
}

.picsbox-c-left>.img-prev {
      width: 30px;
      height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}


.picsbox-c-right {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      top: 50%;
      right: 0px;
      transform: translateX(0%) translateY(-50%);
}


.picsbox-c-right>.img-next {
      width: 30px;
      height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picsbox-c-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 5;
      left: 0px;
      top: 0px;
}

.picsbox-c-d>.img1 {
      width: 50%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
      transition: all .5s linear 100ms;
      -webkit-transition: all .5s linear 100ms;
      transform: scale(1);
}

.picsbox-c-d>.img1.big {
      width: 50%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
      transition: all .5s linear 100ms;
      -webkit-transition: all .5s linear 100ms;
      transform: scale(1.5);
}


/*--------自适应--------*/

.searchbox-wrap {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: 0px;
      margin: 0px 0px;
      padding: 0px 0px;
      transition: all .2s linear 100ms;
      background: #fff;
      position: fixed;
      top: 80px;
      z-index: 99999999;
      overflow: hidden;
}

.searchbox-wrap.on {
      transition: all .2s linear 100ms;
      height: 100%;
}

.searchbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 20px 20px;
}

.searchbox-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.searchbox-t>.input1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 60px;
      min-height: 30px;
      margin: 10px 0px;
      padding: 10px 10px;
      border: none;
      border-radius: 0px;
      background: #fff;
      text-align: center;
      font-size: 36px;
      font-weight: normal;
      color: #000;
      outline: none;
}

.searchbox-t>.input1::placeholder {
      color: #333;
      /* 深灰色的placeholder文本 */
}

.searchbox-t-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 100%;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #fff;
      position: absolute;
      z-index: 10;
      top: 0px;
      right: 0px;
}

.searchbox-t-b>.icon-searchclose {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 36px;
      font-weight: normal;
      color: #666;
      cursor: pointer;
}

.searchbox-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 0px;
      border-top: solid 1px #ddd;
}

.searchbox-b>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #333;
}

/*--------自适应--------*/


.goodicon-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 40px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.goodicon-c:hover .goodicon-drop {
      max-height: 200px;
}

.goodicon {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.goodicon>.img1 {
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
      cursor: pointer;
}

.goodicon-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      max-height: 0px;
      margin: 0px 0px;
      padding: 0px 0px 0px 0;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: -50px;
      overflow: hidden;
      transform: translateX(-50%);
}

.goodicon-dropbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px 20px 0px;
      padding: 0px 0px;
}

.toptips-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 130px;
      height: 40px;
      margin: 0px auto;
      padding: 0px 10px;
      border-radius: 0px;
      background: #000;
      position: relative;
      font-size: 12px;
      color: #fff;
      font-weight: bold;
}

.toptips {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0px;
      height: 0px;
      margin: 0px auto;
      padding: 0px 0px;
      border-left: solid 10px transparent;
      border-right: solid 10px transparent;
      border-top: solid 10px #000;
      border-bottom: solid 10px transparent;
      background: transparent;
      position: absolute;
      z-index: 10;
      left: 50%;
      bottom: -19px;
      transform: translateX(-50%) translateY(0%);
}

/*--------自适应--------*/




.qview-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.qviewbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.qviewbox-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.quick-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #fff;
      position: relative;
}

.quick-c .swiper-pagination {
      bottom: 0px !important;
}

.quick-c .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 10px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: #fff;
      margin: 0 10px;
}

.quick-c .swiper-pagination-bullet-active {
      color: #fff;
      background: red;
}

.quick-c .swiper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.quick-c .swiper-wrapper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.quick-c .swiper-slide {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.quick-c .swiper-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: relative;
}

.quick-c .swiper-item>.img1 {
      width: 100%;
      height: 500px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.quick-c .swiper-pagination {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.quick-prev {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 100%;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      left: 0px;
      top: 50%;
      transform: translateX(0%) translateY(-50%);
}

.quick-prev>.label-arrow {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 40px;
      font-weight: bold;
      color: #000;
      cursor: pointer;
}

.quick-next {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 100%;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      top: 50%;
      right: 0px;
      transform: translateX(0%) translateY(-50%);
}

.quick-next>.label-arrow {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 40px;
      font-weight: bold;
      color: #000;
      cursor: pointer;
}

.qviewbox-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 49%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.qviewbox-r-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.qviewbox-r-a-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 20px 0px;
      border-bottom: solid 1px #ddd;
}

.qviewbox-r-a-a>.link-qtitle {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 30px;
      font-weight: normal;
      color: #000;
}

.qviewbox-r-a-a>.link-qtitle:hover {
      color: #000;
      text-decoration: none;
}

.qviewbox-r-a-a>.link-qtitle:active {
      color: #000;
      text-decoration: none;
}

.qviewbox-r-a-a>.link-qtitle:visited {
      color: #000;
      text-decoration: none;
}

.qviewbox-r-a-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.qviewbox-r-a-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.qviewbox-r-a-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 40px auto;
      padding: 0px 0px;
}

.qviewbox-r-a-d>.link1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 5px 20px;
      border: none;
      border-radius: 0px;
      background: #000;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.qviewbox-r-a-d>.link1:hover {
      color: #fff;
      text-decoration: none;
}

.qviewbox-r-a-d>.link1:active {
      color: #fff;
      text-decoration: none;
}

.qviewbox-r-a-d>.link1:visited {
      color: #fff;
      text-decoration: none;
}

/*--------自适应--------*/

.backicon-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 40px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.backicon-c:hover .backicon-drop {
      max-height: 200px;
}

.backicon {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      cursor: pointer;
}

.backicon .img1 {
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.backicon-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 200px;
      max-height: 0px;
      margin: 0px 0px;
      padding: 0px 0px;
      background: transparent;
      position: absolute;
      z-index: 100;
      left: 50%;
      top: -55px;
      overflow: hidden;
      transform: translateX(-50%);
}

.backicon-dropbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 10px 10px;
}

.backicon-tips-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 130px;
      height: 40px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #000;
      position: relative;
}

.backicon-tips {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0px;
      height: 0px;
      margin: 0px auto;
      padding: 0px 0px;
      border-left: solid 10px transparent;
      border-right: solid 10px transparent;
      border-top: solid 10px #000;
      border-bottom: solid 10px transparent;
      background: transparent;
      position: absolute;
      z-index: 10;
      left: 50%;
      bottom: -19px;
      transform: translateX(-50%) translateY(0%);
}

.backicon-tips-c>.label-backto {
      padding: 0px 0px;
      text-align: center;
      font-size: 12px;
      font-weight: normal;
      color: #fff;
}

/*--------自适应--------*/

.pndrop-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 40px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.pndrop-c:hover .pndrop-drop {
      max-height: 200px;
}

.pndrop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      cursor: pointer;
}

.pndrop .img1 {
      width: 15px;
      height: 15px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.pndrop-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 250px;
      max-height: 0px;
      margin: 0px 0px;
      padding: 0px 0px;
      background: transparent;
      position: absolute;
      z-index: 100;
      top: 40px;
      right: 0px;
      overflow: hidden;
}

.pndrop-dropbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 10px 10px;
      border: solid 1px #ddd;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.pnboxpic {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.pnboxpic-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 80px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.pnboxpic-l>a>.img1 {
      width: 100%;
      height: 80px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.pnboxpic-l>a {
      display: block;
      width: 100%;
      height: auto;
}

.pnboxpic-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 0px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px 0px 10px;
}

.pnboxpic-r>.link-pn {
      margin: 0px 0px;
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.6;
      color: #000;
}

.pnboxpic-r>.link-pn:hover {
      color: #000;
      text-decoration: none;
}

.pnboxpic-r>.link-pn:active {
      color: #000;
      text-decoration: none;
}

.pnboxpic-r>.link-pn:visited {
      color: #000;
      text-decoration: none;
}

/*--------自适应--------*/

button.delwish {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 40px;
      outline: none;
      border-radius: 3px;
      border: solid 1px #ddd;
      background: red;
      color: #fff;
      margin: 0 auto;
      padding: 0 10px;
      font-size: 14px;
      cursor: pointer;
}


.sharemenu2-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
}

.sharemenu2-c:hover .sharemenu2-drop {
      max-height: 200px;
}

.sharemenu2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 20px;
      margin: 0px auto;
      padding: 0px 0px;
}

.sharemenu2>.img1 {
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.sharemenu2-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 200px;
      max-height: 0px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      left: -100px;
      top: 20px;
      overflow: hidden;
}

.sharemenu2-dropbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 20px 0px;
      padding: 10px 10px;
      background-color: #fff;
}

.sharemenu2-dropbox-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.sharemenu2-dropbox-a>.link1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

.sharemenu2-dropbox-a>.link1:hover {
      color: #666;
      text-decoration: none;
}

.sharemenu2-dropbox-a>.link1:active {
      color: #666;
      text-decoration: none;
}

.sharemenu2-dropbox-a>.link1:visited {
      color: #666;
      text-decoration: none;
}

/*--------自适应--------*/