/*
 *
 * 用户自定义 CSS，建议在 user.css 文件下覆盖式修改
 *
 */
 /* ============================= */
/*      SECTION 1  设置相关      */
/* ============================= */
/*.topCart-each {
  display: none;
}*/

.settings-body_background { background-color: #f8f8f8}
.settings-top_color {color: #ffffff}
.settings-navLink_color{color: #191919}
.settings-ipt_border {border-color: #a1a1a1}
.settings-main_background { background-color:#f2f2f2 }
.settings-text_color { color:#555555 }
.settings-text_color:visited { color:#555555 }
.settings-desc_color { color:#777 }
.settings-link_color { color:#65a031 }
.settings-link_color:visited { color:#65a031 }
.settings-btn_color { color:#555555 }
.settings-btn_color:visited { color:#555555 }
.settings-buyBtn_background {background-color: #fc326b}
.settings-buyBtn_color {color: #ffffff}
.settings-navHover_color:hover {color:#ffffff}
.settings-navSubLink_color{color:#ffffff }
.settings-nav_background { background-color:#ffffff }
.settings-navSub_background{background-color:#000000}
.settings-navSub_hover:hover {background-color: #fc326b}
.settings-navSub_border{border-color:#e3d8d1}
.settings-navthird_background {background-color: #000000}
.settings-topCart_border{border-color:#d1d1d1}
.settings-head_background{background-color:#ffffff}
.settings-navLinkHover_border{border-color:#191919}
.settings-top_background{background-color:#ffffff}
.settings-imagearticle_1_title_color{ color: }
.settings-imagearticle_1_desc_color{ color: }
.settings-imagearticle_2_title_color{ color: }
.settings-imagearticle_2_desc_color{ color: }
.settings-footerNavLink_color { color:#999999 }
.settings-footerNavLinkHover_color:hover { color:#ffffff }
.settings-footerNavLink_1_color { color:#f0f0f0 }
.settings-footerNavLinkHover_1_color:hover { color:#ffffff }
.settings-footerSimpleNavPay_color { color:#777777 }
.settings-footerSimpleNavCop_color { color:#777777 }
.settings-filter_color { color:#999999 }
.settings-filter_border { border-color:#bdbdbd }
.settings-filter_background { background-color:#d4d4d4 }
.settings-filterSelect_border { border-color:#c7c7c7 }
.settings-filterSelect_background { background-color:#ffffff }
.settings-filterSelectHover_background { background-color:#d4d4d4 }
.settings-filterSelect_color { color:#717171 }
.settings-filterSelectHover_color { color:#ffffff }
.settings-filterSelectActiveSign2_color { border-color:#a1a1a1 }
.settings-filterWide_border { border-color:#eaeaea}
.settings-filterWide_color {color: #717171}
.settings-formInpit_background { background-color:#ffffff }
.settings-formBtn_color { color:#ffffff }
.settings-formBtn_background { background-color:#1f76c8 }
.settings-table_background { background-color:#ffffff }
.settings-table_border { border-color:#d7d7d7 }
.settings-tableBg_border { border-color: }
.settings-price_color{color:#fc326b }
.settings-orgprice_color{color:#999999 }
.settings-optionDisabled_color{color:#bababa }
.settings-optionDisabled_border{ border-color:#d0d0d0 }
.settings-optionDisabled_background{ background-color: }
.settings-optionSelected_color {color: #fb7b2e}
.settings-optionSelected_border {border-color: #fb7b2e}
.settings-optionUnSelected_color {color: #333}
.settings-optionUnSelected_border {border-color: #d0d0d0}
.settings-mainBtn_color{color:}
.settings-mainBtnDisabled_color{color:}
.settings-main_border {border-color: #d0d0d0}
.settings-proPic_border {border-color :#dadada}
.settings-footerBar_background{
  background-image: url(//asset.ibanquan.com/s/66196/595/bg2?design_theme_id=0&v=1567156883_1585046293);
  background-size: cover;
}
.settings-footerBar_color {background-color: }
.settings-mobi_nav_background {background-color: #fff}
.settings-text_title_hover:hover {color: #dadada}
.settings-pro_title_hover:hover {color: #fc326b}
.settings-index_title_hover:hover {color: #424242}
.settings-wrapper2_title_color {color: #010101}
.settings-wrapper2_content_color {color: #777777}
.settings-posts_item_tag_bgcolor {background-color: #fc326b}
.settings-posts_item_tag_color {color: #ffffff}
.settings-post_title_color {color: #121212}
.settings-post_desc_color {color: #666666}
.settings-post_time_color {color: #8f8f8f}
.settings-proContent_color {color: #999999}
.settings-proTitle_color {color: #121212}

/* 手机版选择无 Hover */
@media screen and (max-width: 768px) {
  .settings-optionUnSelected_background:hover { background-color: }
  .settings-optionUnSelected_border:hover { border-color:#d0d0d0 }
  .settings-optionUnSelected_color:hover { color:#333 }
}

html {overflow: visible;}
body {font-size: 14px;position: relative;overflow: visible;font-family: "Microsoft YaHei", "Lantinghei", "Lucida Grande", Helvetica, Arial, sans-serif;}
a {font-size: 14px;color: inherit;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input:-ms-input-placeholder {color: #777;}
input::-moz-placeholder {color: #777;}
input::-webkit-input-placeholder {color: #777;}
del{text-decoration: line-through;}
li{list-style-type: none;}
ul{padding-left: 0;}
dd{margin:0px;}
h2 {
  font-size: 24px;
  color: #010101;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}
.left{float: left;}
.right{float: right;}
.proList-inner{position: relative;}
.wrapper-proList {margin: 0px}
.wrapper-list-2 .wrapper-proList {margin-top: 30px;}
.clear{clear: both;}
.overflow{overflow: hidden;}
.nav {box-shadow: 0 0 3px 0 rgba(0,0,0,.2);}
.blog_cont-tags-icon {
  display: block;
  width: 19px;
  height: 18px;
  line-height: 18px;
  margin-top: 3px;
  float: left;
  background-image: url('//asset.ibanquan.com/s/66196/595/main?design_theme_id=0&v=1567156883_1585046293');
  background-position: -100px -70px;
  background-repeat: no-repeat;
}
.blog_cont-tags-link {
  margin-left: 5px;
}
/* 2.1 - 组件 */
.main-ico{display:inline-block;vertical-align:middle;overflow:hidden;position:relative;background-image: url('//asset.ibanquan.com/s/66196/595/main?design_theme_id=0&v=1567156883_1585046293');}
.main-ico-search{height:18px;width:18px;background-position:-36px -36px;}
.main-ico-sildeLeft{height:56px;width:56px;background-position:-72px 0;}
.main-ico-sildeRight{height:56px;width:56px;background-position:-144px 0;}
.main-ico-up{height:5px;width:10px;background-position:-150px -80px;}
.main-ico-down{height:5px;width:10px;background-position:-150px -70px;}
.body-ico-white .main-ico-cart{background-position:-20px 0;}
.body-ico-white .main-ico-search{background-position:-20px -20px;}
.go_top {position: fixed;z-index:2;}
.go_top-btn{display:block;position:absolute;left: 0;overflow:hidden;background-image:url(//asset.ibanquan.com/s/66196/595/goTop?design_theme_id=0&v=1567156883_1585046293)}
.go_top-go {top: 0; display: none;}
.go_top-service {bottom: 0;}
.ie6 .go_top {position:absolute}
.go_top-style-1.go_top {right: 2%; top: 70%; width: 60px;height: 134px;}
.go_top-style-1 .go_top-go{width: 60px;height: 42px;background-position: -128px 0;}
.go_top-style-1 .go_top-go:hover{background-position: -188px 0;}
.go_top-style-1 .go_top-service{width: 60px;height: 82px;background-position: 0 0;}
.go_top-style-1 .go_top-service:hover{background-position: -60px 0;}
.go_top-style-2.go_top {right: 1%; top: 70%; width: 64px;height: 132px;}
.go_top-style-2 .go_top-go{width: 64px;height:66px;background-position: -128px -82px;}
.go_top-style-2 .go_top-go:hover{background-position: -192px -82px;}
.go_top-style-2 .go_top-service{width: 64px;height: 66px;background-position: 0 -82px;}
.go_top-style-2 .go_top-service:hover{background-position: -64px -82px;}
.go_top-style-3.go_top {right: 0; top: 70%; width: 87px;height: 124px;}
.go_top-style-3 .go_top-go{width: 87px;height:48px;background-position: -128px -148px;}
.go_top-style-3 .go_top-go:hover{background-position: -128px -196px;}
.go_top-style-3 .go_top-service{width:87px;height:48px;background-position: 0 -148px;}
.go_top-style-3 .go_top-service:hover{background-position: 0 -196px;}
.go_top-style-4.go_top {right: 2%; top: 80%; width:40px;height:82px;}
.go_top-style-4 .go_top-go{width:40px;height:36px;background-position: -128px -244px;}
.go_top-style-4 .go_top-go:hover{background-position: -168px -244px;}
.go_top-style-4 .go_top-service{width:40px;height:36px;background-position: 0 -244px;}
.go_top-style-4 .go_top-service:hover{background-position: -40px -244px;}

/* 2.2 - 顶部 */
.wrapper-header {
  width: 100%;
}

.head-img {
  width: 100%;
  height: auto;
  transition: 0.3s all ease;
}

.wrapper-header {
  height: 110px;
  margin-top: -5px;
  z-index:20;
}

#top-nav-link {
  font-weight: bold;
}

#top-nav-link span {
  font-weight: 300;
  color: #b4b4b4;
}

#top-nav-link span:last-of-type {
  display: none;
}

.header {
  height:110px;
  position: relative;
}

.wrapper-logo {
  max-width: 200px;
  max-height: 100px;
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.wrapper-logo img {
  max-width: 100%;
  max-height: 100%;
}

.header-search {
  width: 368px;
  height: 40px;
  opacity: 1;
  left: 34.6%;
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.search-ipt {
  width: 328px;
  height: 40px;
  padding-left: 40px;
  border-style: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
}

.search-ipt:focus {
  border-color: #fc326b
}

.header-search-ico {
  position: absolute;
  left: 10px;
  z-index: 10;
}

.header-search-ico  .iconfont {
  line-height: 40px;
}

.header-log {
  width: 130px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 5px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 76.25%;
  line-height: 40px;
  text-align: center;
}

.topCart {
  position: absolute;
  width: 109px;
  height: 40px;
  line-height: 20px;
  box-sizing: border-box;
  background: #2e2e2e;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block !important;
  border-style: none;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
}

.topCart i {
  color: #ffffff;
}

.topCart .quantity {
  width: 28px;
  height: 28px;
  background-color: #fc326b;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: -13px;
  right: -13px;
}

.topCart-quantity {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 1250px) {
  .header-log {
    left: 72%;
  }
}

.wrapper-nav {
  z-index: 9;
  height: 44px;
  margin-top: -14px;
}

.wrapper-nav li {
  display: inline-block;
  line-height: 44px;
  padding: 0 54px;
}

.wrapper-nav li:nth-child(1) {
  padding-left: 0;
}

.wrapper-nav li:hover .secondmenu{
  opacity: 1;
  display: block;
}

.secondmenu {
  opacity: 0;
  display: none;
  position: absolute;
  width: 150%;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #000000;
  border-radius: 5px;
  text-align: center;
  font-weight: 400 !important;
  transition: 0.5s all ease;
}

.secondmenu::after {
  content: "";
  font-size: 0;
  line-height: 0;
  border-width: 8px;
  border-color: #000000;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

#top-nav-link li{
  position: relative;
}

.secondmenuli {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  text-align: center;
}

.secondmenuli:hover .thirdmenu{
  opacity: 1;
  display: block;
}

.thirdmenu {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  border: 1px solid #000000;
  border-radius: 5px;
  transition: 0.5s all ease;
}

.thirdmenuli {
  display: block !important;
  padding: 0 !important;
  width: auto !important;
}

/* 2.4 - 主页 */
/*轮播*/
#slides {
  position: relative;
  width: 100vw;
}

#slides_prev {
  position: absolute;
  top: 50%;
  left: 18.75%;
  transform: translate(-100%, -50%);
  z-index: 999;
}

#slides_next {
  position: absolute;
  top: 50%;
  right: 18.75%;
  transform: translate(100%, -50%);
  z-index: 999;
}
.slidesjs-bg .iconfont {
  font-size: 48px !important;
  color: #fc326b;
}

.slidesjs-bg .iconfont:hover {
  color: #121212;
}

.slidesjs-stop, .slidesjs-play {
  display: none;
}

.slidesjs-slide img {
  width: 100%;
}
.slick-slide img {
  width: 100%;
}

.slidesjs-pagination {
  position: absolute;
  bottom: 12px;
  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
  margin: 0px;
}

.slidesjs-pagination-item {
  display: inline-block;
  margin-right: 16px;
}

.slidesjs-pagination-item a {
  font-size: 0px;
  width: 12px;
  height: 12px;
  background-color: #bfbbba;
  border-radius: 50%;
  display: block;
}

.slidesjs-pagination-item .active {
  background-color: #fc326b;
}

/*图文第一部分*/
.wrapper-index {
  background: #fff;
  padding: 40px 0 54px 0;
}

.wrapper-index ul {
  text-align: center;
}

.wrapper-index li{
  display: inline-block;
  margin-right: 12px;
  position: relative;
  font-size: 0;
}
.wrapper-index li:nth-child(4) {
  margin: 0;
}

.wrapper-index li .overplay {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  text-align: right;
  line-height: 30px;
  letter-spacing: 0.75;
}

.wrapper-index .overplay h2{
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,40px,0);
  -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
  max-width: 144px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.wrapper-index .overplay span {
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,40px,0);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
  display: inline-block;
  max-width: 155px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.wrapper-index .overplay span {
  opacity: 0;
}

.wrapper-index li:hover h2{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.wrapper-index li:hover span {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}

.wrapper-index li img {
  width: 100%;
}

@media screen and (max-width: 1250px) {
  .wrapper-index li {
    width: 23%;
  }
}

@media screen and (max-width: 1024px) {
  .wrapper-index li {
    width: 40%;
    margin: 2% 2%;
  }

  .wrapper-index li:nth-child(4) {
    width: 40%;
    margin: 2% 2%;
  }
}
/*图文第二部分*/
.wrapper-list {
  background: url(//asset.ibanquan.com/s/66196/595/bg1?design_theme_id=0&v=1567156883_1585046293) center center;
  background-size: cover;
}

.wrapper-list-1, .wrapper-list-2 {
  padding-top: 60px;
}

.wrapper-list-1 ul {
  margin-top: 30px;
}

.wrapper-list-2 ul{
  margin-top: 3px;
  margin-bottom: 0;
  padding-bottom: 3px;
}

.wrapper-list-1 li img {
  width: 100%;
}

@media screen and (max-width: 1250px) {
  .wrapper-list-1 li{
    width: 24%;
  }

  .wrapper-list-1 li h2 {
    font-size: 18px;
  }

  .wrapper-list-1 li .list-detail {
    bottom: 25px;
  }
}

@media screen and (max-width: 1024px) {
  .wrapper-list-1 li{
    width: 35%;
    margin: 3% 3% 3% 3% !important;
  }

  .wrapper-list-1 li img {
    border-radius: 5px;
  }
}

.wrapper-list-2 {
  padding-bottom: 60px;
}

.wrapper-list ul {
  text-align: center;
}

.wrapper-list li {
  display: inline-block;
  margin-left: -5px;
  position: relative;
}

.wrapper-list .list-detail {
  position: absolute;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 45px;
}

.wrapper-list .list-detail h2 {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  line-height: normal;
  color: #303030
}

.wrapper-list .list-detail p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  color: #666666
}

.circle {
  background-color: #000000;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 20px;
}

.circle span {
  color: #ffffff;
}

.circle span:first-child {
  font-size: 16px;
  text-align: center;
}

.circle span:nth-child(2) {
  font-size: 12px;
  line-height: 40px;
  vertical-align: sub;
}

.circle span:last-child {
  font-family: '黑体';
  font-size: 29px;
  line-height: 40px;
}

.circle .detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*图文第二部分*/
.wrapper-list .sale-pro {
  background-color: #ffffff;
  width: 228px;
  height: 363px;
  border-radius: 5px;
  margin-left: 10px;
}

@media screen and (max-width: 1250px) {
    .wrapper-list-2 li {
      width: 19%;
    }

    .wrapper-list-2 li:nth-of-type(1) img {
      width: 100%;
      height: 363px;
    }

    .wrapper-list .sale-pro {
      width: 19%;
      margin-left: 5px !important;
    }

    .sale-detail {
      width: calc(100% - 40px);
    }

    .sale-detail a {
      position: absolute !important;
      padding: 5px 30px !important;
      width: calc(100% - 40px);
      height: 33px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -25px;
      text-align: center;
    }
    .pro_list_comm {
      width: 100% !important;
    }
}
.sale-pro {
  transition: 0.5s all ease;
}

.sale-pro:hover {
  box-shadow:3px 3px 15px #777777;
  transform: translate3d(0, -3px, 0);
}

.sale-pro-img {
  height: 40%;
  width: 100%;
  position: relative;
}

.sale-pro .hot{
  position: absolute;
  top: 0;
  right: 0;
}

.sale-time {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.sale-time h2 {
  letter-spacing: 1px;
  padding-bottom: 50px;
}

.sale-time h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  width: 40px;
  height: 2px;
  background-color: #333333;
}

.sale-time h4 {
  font-size: 16px;
  margin-bottom: 20px;
}

.time-blocks div{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #3b4b30;
}

.time-blocks span {
  font-size: 18px;
  margin: 0 auto;
  line-height: 40px;
}

.time-blocks div span {
  color: #ffffff;
}

.pro-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.sale-detail {
  position: absolute;
  top: 40%;
  border-top: 1px solid #f4f4f4;
  padding: 20px;
  text-align: left;
  width: calc(100% - 40px);
  height: calc(60% - 40px);
}
.sale-detail h3 {
  margin-bottom: 5px;
  font-weight: bold;
  text-align: left;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 20px;
  width: calc(100% - 40px);
}
.sale-detail p{
  margin: 0 auto;
  font-size: 12px;
  line-height: 14px;
  margin-top: 8px;
}

.sale-detail .short-desc {
  position: absolute;
  top: 41px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: calc(100% - 40px);
}

.sale-detail .current-price {
  position: absolute;
  top: 83px;
  left: 20px;
}

.sale-detail p span{
  font-size:24px;
}

.sale-detail .primary-price {
  font-size: 14px;
  text-decoration:line-through;
  margin-top: 6px;
  position: absolute;
  top: 83px;
  right: 20px;
}

.sale-detail .primary-price:after {
  clear:both;
  content:'';
  display:block;
  width: 0;
  height: 0;
  visibility:hidden;
}

.sale-detail a{
  font-size: 16px;
  padding: 10px 61px;
  box-sizing: border-box;
  border-radius: 50px;
  position: absolute;
  color: #ffffff;
  background-color: #fc326b;
  bottom: 40px;
}

/*图文第四部分*/
.wrapper-reco {
  background-color: #ffffff;
  padding-bottom: 60px;
}

.wrapper-reco .wrapper-title {
  padding: 60px 0 30px 0;
}

.wrapper-reco .reco-detail {
  width: 34.2%;
  height: 461px;
  float: right;
  border: 0.5px solid #dadada;
  border-left: none;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}

.reco-detail::before {
  content: "";
  position: absolute;
  left: -192.68%;
  top: -1px;
  background-image: url(//asset.ibanquan.com/s/66196/595/reco?design_theme_id=0&v=1567156883_1585046293);
  background-repeat: no-repeat;
  width: 192.68%;
  height: calc(100% + 2px);
  display: block;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.reco-detail img {
  position: absolute;
  top: 25px;
  right: 20px;
}

.reco-detail h1 {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  width: 71.75%;
  margin: 0 auto;
  margin-top: 117px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  color: #121212
}

.reco-detail h4 {
  position: relative;
  width: 71.75%;
  margin: 0 auto;
  margin-top: 40px;
  color: #121212
}

.reco-detail h4::before {
  content: "";
  border-top: 1px double #333333;
  border-bottom: 1px double #333333;
  border-width: 4px;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 42px;
}

.reco-detail .wrapper_5_content {
  width: 71.75%;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 12px;
  line-height: 28px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #666666
}

.reco-detail .sale-price {
  font-size: 18px;
  margin-top: 40px;
  float: left;
  margin-left: 60px;
  width: auto;
}

.reco-detail .sale-price span {
  font-size: 36px;
}

.reco-detail a {
  color: #ffffff;
  font-size: 14px;
  padding: 6px 35px;
  box-sizing: border-box;
  border-radius: 22px;
  background-color: #fc326b;
  position: absolute;
  bottom: 70px;
  right: 60px;
}

.reco-list {
  margin-top: 0px !important;
  text-align: center;
  padding-top: 30px;
}

.reco-list li{
  display: inline-block;
  width: 20%;
  height: 309px;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  margin-left: 11.5px;
  border-radius: 5px;
  position: relative;
  transition: 0.5s all ease;
  text-align: left;
}

@media screen and (max-width: 1250px) {
  .reco-list li {
    width: 22.8%;
    margin-left: 0.8%;
  }
}

.reco-list li:hover {
  box-shadow:3px 3px 15px #777777;
  transform: translate3d(0, -3px, 0);
}

.reco-list li:nth-of-type(1) {
  margin: 0;
}

.reco-list li .reco-img {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 50%;
}

.reco-list .reco-text {
  position: absolute;
  width: 254px;
  top: calc(50% + 30px);
  left: 50%;
  transform: translateX(-50%);
  height: calc(50% - 30px);
}

@media screen and (max-width: 1250px) {
  .reco-list .reco-text {
    width: 90%;
    top: 170px;
  }

  .wrapper-message .pro-new {
    display: none;
  }
}

.reco-list .reco-text h3{
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.reco-list .reco-text p {
  margin: 0;
  margin-top: 11px;
  line-height: 14px;
}

.reco-list .reco-text .short-desc {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  width: 100%;
  position: absolute;
  top: 23px;
}

.reco-list .reco-text .current-price{
  margin-top: 20px;
  position: absolute;
  top: 48px;
}

.reco-list .reco-text .current-price span {
  font-size: 28px;
}

.reco-list .reco-text a{
  color: #ffffff;
  font-size: 12px;
  padding: 3.5px 29px;
  box-sizing: border-box;
  border-radius: 22px;
  background-color: #fc326b;
  position:absolute;
  margin-top: 15px;
  top: 48px;
  right: 0px;
  display: block;
  max-width: 106px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*图文第五部分*/

.wrapper-message {
  padding-bottom: 60px !important;
  text-align: center;
  background-color: #f8f8f8;
}

.wrapper-message .wrapper-title{
  padding: 60px 0 30px 0;
  text-align: left;
}

.wrapper-message div {
  display: inline-block;
  margin-right: -6px;
}

.wrapper-message .middle-image {
  overflow: hidden;
}

.wrapper-message .middle-image img{
  display: block;
  transition: all 0.35s ease;
  width: 530px;
  height: 313px;
}

.wrapper-message .middle-image:hover img{
  transform: scale(1.1);
}

@media screen and (max-width: 1250px) {
  display: block;
}

.comment {
  width: 398px;
  height: 311px;
  background-color: #ffffff;
  border: 1px solid #dadada;
  border-radius: 5px 0 0 5px;
}

.comment .com-list{
  display:block;
  position: relative;
  height: 104px;
}

.comment .com-list::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  border-bottom: 1px solid #dadada;
  width: 90%;
}

.comment .com-list::before {
  content: url(//asset.ibanquan.com/s/66196/595/line?design_theme_id=0&v=1567156883_1585046293);
  position: absolute;
  left: 81px;
  top: 19px ;
}

.comment .com-list .user-logo {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.comment .com-list .user-com {
  position: absolute;
  left: 99px;
  top: 50%;
  transform: translateY(-50%);
}

.comment .com-list p {
  width: 180px;
  color: #333333;
  margin: 0;
  position: absolute;
  left: 179px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 20px;
}

.comment .com-line {
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px !important;
  overflow: hidden;
}

.comment .com-list p span {
  font-size: 48px;
  font-family: Arial;
  color: #999999;
  line-height: 36px;
}

.com-list p span:nth-of-type(1) {
  position: absolute;
  top: -10px;
  left: 0px;
}

.com-list p span:nth-of-type(2) {
  position: absolute;
  bottom: -35px;
  right: 20px;
}

.pro-new {
  width: 278px;
  height: 313px;
  background-color: #ffffff;
  border: 1px solid #dadada;
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
}

.pro-new .com-list2 {
  display:block;
  position: relative;
  text-align: center;
  height: 104px;
}

.pro-new .com-list2::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  border-bottom: 1px solid #dadada;
  width: 90%;
}

.pro-new .com-list2 h3 {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 25px;
  left: 38px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.pro-new .com-list2 P {
  margin: 0;
  font-size: 12px;
  color: #777777;
  position: absolute;
  top: 50px;
  left: 38px;
  width: 208px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.pro-new .com-list2 span {
  font-size: 48px;
  position: absolute;
  top: 25px;
  left: 25px;
}


/* 2.3 - 底部 */
.footer{min-height:150px;position:relative;font-size:12px;margin-top:60px;}
.footer-split{margin: 0 12px;}
.footer-copyright {line-height:1.6;width:100%;}
.yhsd-iconfont{font-size: 24px;margin-right: 12px;-webkit-text-stroke-width: 0;}
@media screen and (max-width: 768px) {
  .yhsd-iconfont{font-size: 24px; margin-right: 12px;}
}
.footer-QRCodes-wrap{text-align: center;padding-top: 50px;}
.footer-QRCodes{width:135px;height:135px;border-radius: 10px;margin: 30px auto;}
.footer-QRCodes img{max-width: 100%;max-height: 100%;border-radius: 8px;}
@media screen and (max-width: 1220px) {
  .footer-nav .weixin-QR {
    display: none;
  }
}

/* 2.5 - 主导航 */

/* 移动导航 */


/* 全局 */
.mod2 {padding: 0 20px;}
.mod3 {padding: 0;}
.mod4 {padding: 0 20px;}
.mod {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width:1250px){
  .mod2 {padding:0 130px;}
  .mod3 {padding: 0 50px;}
  .mod {
    width: 95%;
  }
}
.wrapper_fix {
  position: static;
}
.cont_fix {
  position: static;
}
.wrap_full {
  width: auto;
}
.wrap {
  width: auto;
  max-width: 1080px;
  margin: 0 auto;
}
.sub {
  color: #777777;
  font-size: 14px;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.more {
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .wrap {
    max-width: auto;
  }
}
.row {
  width: auto;
}
.txt_ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: underline;
}

.mobi_hide {
  display: block;
}
.wide_hide {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobi_hide {
    display: none;
  }

  .wide_hide {
    display: block;
  }
}
.footer_simple.yhsd_free_scope .yhsd_free {
  position: absolute;
  bottom: 0;
}

.main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  transition: left 0.3s ease-in-out;
  background-color: #ffffff;
}

.index {
  height: 100%;
}
.part {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.index_button {
  position: fixed;
  top: 50%;
  right: 50px;
}
.index_button-each {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  margin: 0 1px 8px;
}
.index_button-each.active {
  width: 10px;
  height: 10px;
  margin: -2px 0 6px;
  background-color: ;
}
@media screen and (max-width: 768px) {
  .index_button {
    display: none;
  }
}

.footer_simple {
  display: none;
}
.footer {
  margin: 0 0 0 0;
}
.footer--inner {
  padding-top: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Microsoft Yahei";
  font-weight: 500;
}
.footer-nav {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
}
.footer-nav-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.footer-index::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 1px;
  height: 190px;
  border-left: 0.5px dotted;
  border-color: #999999
}
.footer-index::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 5px;
  height: 5px;
  background-color: #999999;
  border-radius: 50%;
}

.footer-index {
  padding: 0 90px 0 30px;
}

@media screen and (max-width: 1250px) {
  .footer-nav-list-wrap {
    text-align: center;
  }

  .footer-index {
    padding: 0 40px;
  }
}

.footer-nav-list-wrap{
  margin:0 auto;
}
.footer-nav-list-each {
  height: 21px;
  line-height: 21px;
  overflow:hidden;
  margin-bottom: 10px;
}
.footer-nav-list-each-link {
  font-size: 14px;
}
.footer-nav-list-each--title {
  font-size: 18px;
  width: auto;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 20px;
  font-weight: 500;
}
.footer-nav-list-each--title a{
  font-size: 18px;
}
.footer--bar {
  width: 100%;
  overflow: hidden;
}
.footer-cop_pay {
  position: relative;
  font-size: 0;
  line-height: 64px;
  padding-bottom: 30px;
}
.footer-copyright {
  display: inline-block;
  line-height: 1.5em;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}
.footer-payment {
  font-size: 60px;
  width:100%;
  text-align:center;
  margin-top:5px;
}

.footer-telephone {
  font-size: 20px;
  line-height: 28px;
}

.weixin-QR {
  float: right;
  text-align: center;
  font-size: 16px;
  color: #555555;
  margin-left: -100px;
}
@media screen and (max-width: 768px) {
  .footer_simple {
    display: block;
    margin: 30px 0 0;
    text-align: center;
  }
  .footer_simple--inner {
    display: inline-block;
  }
  .footer_simple-nav {
    border-style: solid;
    border-width: 0 0 1px;
    text-align: center;
    margin: 20px auto 0;
    width: 100%;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
  }
  .footer_simple-nav-link {
    display: inline-block;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    margin: 0 4px;
    width: 48px;
    vertical-align: top;
  }
  .footer_simple-payment {
    font-size: 45px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
  }
  .footer_simple-copyright {
    font-size: 12px;
    line-height: 1.618;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .footer_simple .yhsd_ad {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
@media screen and (max-width: 440px) {
  .footer-payment-item:nth-child(n+4) {
    display: none;
  }
}
.top_banner {
  position: relative;
  height: 210px;
}
.top_banner-film {
  width: 100%;
  height: 100%;
  filter: alpha(opacity=30);
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: center center;
}
.top_banner-text {
  height: 157px;
  line-height: 157px;
  padding: 53px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .top_banner {
    height: 142px;
  }
  .top_banner-text {
    height: 100px;
    line-height: 100px;
    padding: 42px 0 0;
    font-size: 14px;
  }
}
.breadcrumb {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.breadcrumb-item,.breadcrumb-current{
  font-size: 14px;
}
.breadcrumb--blogs {
  margin: 30px 0 -26px;
}
.breadcrumb--top {
  margin: 83px 0 30px;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    margin: 18px 0 8px;
    font-size: 14px;
  }
  .breadcrumb-item {
    font-size: 14px;
  }
  .breadcrumb--top {
    margin: 60px 0 30px;
  }
}
.pageTitle {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}
.pageTitle h2 {
  font-weight: 600;
}
.pageTitle-title {
  font-size: 24px;
}
.pageTitle-count,
.pageTitle-filter {
  float: right;
  height: 40px;
  line-height: 40px;
}
.pageTitle a {
  margin: 0;
}
.pageTitle-filter {
  display: block;
  position: relative;
  bottom: 1px;
}
.pageTitle-filter-icon {
  margin: 0 6px 0 19px;
  font-size: 15px;
  position: relative;
  bottom: 1px;
}
.pageTitle_count_mobi {
  display: none;
}
@media screen and (max-width: 768px) {
  .pageTitle-title {
    font-size: 20px;
  }
  .pageTitle-count {
    display: none;
  }
  .pageTitle a.pageTitle-filter {
    font-size: 15px;
  }
  .pageTitle-filter-icon {
    font-size: 15px;
  }
  .pageTitle_count_mobi {
    display: block;
    text-align: right;
    padding: 0 10px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
  }
}
.pro_list_page-side {
  float: left;
  width: 230px;
  display: none;
}
.pro_list_page-side h4 {
  margin-top: 20px;
  font-weight: bold !important;
  font-size: 16px;
}
.pro_list_page--show_side{
  padding: 0;
}
.pro_list_page--show_side .pro_list_page-side {
  display: block;
}
.pro_list_page--show_side .pro_list_page-main {
  margin: 0 0 0 230px;
  width:85.43%;
}
@media screen and (max-width: 1250px) {
  .pro_list_page-side {
    width: 18%;
    min-width: 200px;
  }
  .pro_list_page--show_side .pro_list_page-main {
    margin: 0 0 0 18.699%;
  }
  .grid-item-buy-btn {
    padding: 6px 20px !important;
  }
  .grid-item-text-name {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 16px;
  }
  .post-slide, .post-wrapper, .post-wrapper{
    width: 67.5% !important;
  }
  .posts-item:nth-of-type(2n+1) {
    margin-right: 1% !important;
  }
  .post-side {
    width: 27% !important;
  }
  .cont {
    width: 100% !important;
  }
  .wrap-blog {
    width: 95%;
  }
  .blog_cont {
    width: 65%;
  }
  .post-add-grid .post-add-img {
    width: 40% !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap {
    width: auto;
  }
  .pro_list_page-side {
    display: none;
  }
  .pro_list_page--show_side .pro_list_page-side {
    display: none;
  }
  .pro_list_page--show_side .pro_list_page-main {
    margin: 0;
    width:100%;
  }
}

.filter_simple-btn {
  float: left;
  width: 100%;
}
.filter_simple-btn .pro_list_filter-pro-item-name {
  line-height: 50px;
  width: 100%;
  height: 50px;
  display: block;
  color: #777;
  margin: 0 15px 0 20px;
  position: relative;
}

.pro_list_filter-pro-item-name::after {
  content: "";
  border-bottom: 0.3px solid #eaeaea;
  border-top: 0.3px solid #eaeaea;
  position: absolute;
  height: 50px;
  left: -20px;
  width: 100%;
  margin-top: -1px;
}

.pro_list_filter-pro-item-name .simple-filter-check {
  position: absolute;
  width: 15px;
  height: 50px;
  right: 35px;
  cursor: pointer;
}

.rotate {
  transform: rotate(90deg);
  transition: 0.5s all ease;
}

.pro_list_filter-pro-item-name .icon-down-trangle:before{
  padding: 0 !important;
}

.filter_simple-btn .pro_list_filter-order-item {
  display: none;
}
.filter_simple-btn .pro_list_filter-order-item-check {
  color: #777;
}
.filter_simple-pagination {
  float: right;
  margin: 0 0 0 30px;
  display: none;
}
.filter_simple-pagination-btn {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  text-align: center;
}
.filter_simple-pagination-next {
  margin: 0 0 0 2px;
}

.pro_list_comm h4 {
  line-height: normal;
  font-size: 16px;
  color: #000;
}

.pro_list_comm ul{
  margin-top: 20px;
  width: 100%;
}

.pro_list_comm li{
  width: 100%;
  height: 246px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  margin-top: -1px;
  position: relative;
}

.pro_list_page-side .pro_list_comm li:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.pro_list_page-side .pro_list_comm li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.pro_list_comm li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.grid_item3_img {
  width: 100%;
  height: 60%;
  position: absolute;
  top: 0px;
}

.pro_list_comm li h4 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  width: 90%;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.pro_list_comm li p:nth-of-type(1) {
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  left: 16px;
  bottom: 20px;
}

.pro_list_comm li p:nth-of-type(2) {

  position: absolute;
  left: 16px;
  bottom: 0px;
}

.pro_list_comm li span {
  font-size: 24px;
}

.pro_list_comm .primary-price {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 14px;
  text-decoration-style: solid;
  text-decoration-line: line-through;
}
.pro_list_img {
  width: 100vw;
}
.pro_list_img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .filter_simple {
    display: none;
  }
}
.pro_filter_wide-selected-clear {
  display: block;
  text-align: right;
  line-height: 30px;
  margin: 0 0 22px;
}
.pro_filter_wide-selected-item {
  margin: -10px 0 20px;
  position: relative;
  border-radius: 2px;
  padding: 0 20px;
  line-height: 32px;
  height: 32px;
}
.pro_filter_wide-selected-item-close {
  position: absolute;
  right: 20px;
}
.pro_filter_wide-list {
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
}
.pro_filter_wide-list-item-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-width: 0 0 1px;
  border-style: solid;
}
.pro_filter_wide-list-item-title-on_off {
  position: absolute;
  right: 15px;
}

.pro_filter_wide-list-item-list {
  border-width: 0 0 1px;
  border-style: solid;
  display: none;
}
.pro_filter_wide-list-item-list-each {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px 0 50px;
}
/*.pro_filter_wide-list-item-list-each:hover {
  color: #997157;
  background-color: #000000;
}*/
.pro_filter_wide-list-item:last-child .pro_filter_wide-list-item-list {
  border-width: 0;
}
.pro_list_filter {
  padding: 10px 0 20px;
}
.pro_list_filter-selected {
  padding: 10px 0;
  line-height: 30px;
  font-size: 14px;
  border-style: solid;
  border-width: 0 0 1px;
  margin: 0 0 4px;
}
.pro_list_filter-selected-title {
  float: left;
  width: 73px;
}
.pro_list_filter-selected-list {
  width: 100%;
}
.pro_list_filter-selected-list-item {
  float: left;
  margin-right: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#66000000");
  background-color: rgba(0,0,0,0.4);
  border-radius: 5px;
  padding: 0 8px 0 12px;
  margin-top: 10px;
}
.pro_list_filter-selected-list-item-close {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 17px;
}
.pro_list_filter-selected-list--wrap {
  float: left;
  width: auto;
  margin: 0 -73px 0;
  padding: 0 73px 0;
}
.pro_list_filter-selected-clear {
  float: right;
  font-size: 14px;
  width: 73px;
  text-align: right;
}
.pro_list_filter-pro {
  margin: 0 -5px;
  padding: 0 0 10px;
}
.pro_list_filter-pro--grid {
  width: 160px;
  float: left;
}
.pro_list_filter-pro-item {
  margin: 0 5px;
}
.pro_list_filter-pro-item-name {
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  font-size: 14px;
}
.pro_list_filter-pro-item-select {
  width: 100%;
}
.pro_list_filter-pro--border {
  margin: 0 0 4px;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 0 1px;
}
.pro_list_filter-order {
  margin: 0;
}
.pro_list_filter-order-item-each {
  margin: 5px 5px 0 0;
  display: inline-block;
  width: 60%;
  border-radius: 2px;
  padding: 0 10px 0 50px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.pro_list_filter-order-item-each.active {
  color: #121212;
}
.pro_list_filter-order-item-time-sign {
  margin: 0 0 0 3px;
}
.pro_list_filter-order-item-time.active .pro_list_filter-order-item-time-sign {
  color: #121212;
}
.pro_list_filter-order-item-price {
  position: relative;
}
.pro_list_filter-order-item-price-up {
  display: block;
  line-height: 1;
  position: absolute;
  left: 80px;
  top: 4px;
  font-size: 13px;
}
.pro_list_filter-order-item-price-down {
  display: block;
  line-height: 1;
  position: absolute;
  left: 80px;
  bottom: 3px;
  font-size: 13px;
}
.pro_list_filter-order-item-price.active_up .pro_list_filter-order-item-price-up {
  color: #121212;
}
.pro_list_filter-order-item-price.active_down .pro_list_filter-order-item-price-down {
  color: #121212;
}
.pro_list_filter-order-item-check {
  margin: 0 0 0 50px;
  padding: 0;
}
.pro_list_filter-order-item-check-input {
  margin: 0 5px 0 0;
}
@media screen and (max-width: 768px) {
  .pro_list_filter {
    display: none;
    margin: 0 0 10px;
  }
  .pro_list_filter-pro--grid {
    width: 50%;
  }
}
.pro_list_wrap {
 /* max-width: 1080px;*/
  margin: 0 auto;
  position:relative;
  margin-top: 24px;
}

@media screen and (max-width: 1080px) {
.pro_list_wrap {
  max-width: 1080px;

  margin: 0 auto;
  position:relative;
}
}
@media screen and (max-width: 768px) {
  .pro_list_wrap {
    max-width: 83.16%;
  }
}
.pro_list {
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  .pro_list {
    margin: 10px 0 30px 0;
  }
}
.pro_list-grid {
  margin: 0 0 0 74px;
  width:100%;
}
.pro_list-grid .grid-item{
  padding:0;
}

.grid-item {
  width: 28%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px 0 0;
  margin: 0 1.47% 20px 0;
}

.grid-item--box {
  transition: 0.5s all ease;
}

.grid-item--box:hover {
  box-shadow:3px 3px 15px #777777;
  transform: translate3d(0,-3px,0);
}
@media screen and (max-width: 1440px) {
  .grid-item {
    width: 28.5%;
  }
  .filter_simple-total{
        padding-right: 11.559%;
  }
}
.grid-item-text-wrap{
	height: 122px;
  margin-top: -10px;
  position: relative;
}
.grid-item-text {
  font-weight: 600;
  text-align: left;
  margin: 0 auto;
  width: 90%;
  /* height: 16px; */
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  margin-top: 18px;
  margin-bottom: 11px;
}
.proList-short_desc{
    width:90%;
    display:block;
    font-size: 14px;
    margin: 0px auto 0px;
    font-weight: 400;
    text-align: left;
    word-break: break-all;
    height: 20px;
    overflow: hidden;
}
.grid-item-text-name {
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-item-a--wrap span{
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.grid-item-a .grid-item-a-img{
  margin-top: 0;
  width:auto;
  height:100%;
  max-width: 100%;
  max-height: 100%;
}

.grid-item-a-img {
  display: inline-block;
  margin: auto;
  width: 485px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.grid-item-a--wrap {
  width: calc(100% - 1px);
  height: 192px;
  position: relative;
}

.grid-item-a--wrap img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grid-item-buy {
  width: auto;
  margin-left: 10px;
}
.grid-item-buy-price {
  float: left;
  width: 100%;
  line-height: 28px;
  text-align: left;
  font-size: 28px;
  display:inline-block;
  margin: 0;
  margin-top: 20px;
}
.grid-item-buy-btn {
  color: #ffffff;
  font-size: 14px;
  padding: 6px 35px;
  box-sizing: border-box;
  border-radius: 22px;
  background-color: #fc326b;
  position: absolute;
  bottom: 22px;
  right: 17px;
}
.grid-item--box {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}

@media screen and (max-width: 1080px) {
  .grid-item {
    width: 27.333%;
  }
  .filter_simple-total{
    padding-right: 14.599%
  }
  .pro_list_page-side{
    width:150px;
  }
  .pro_list_page--show_side .pro_list_page-main{
    margin-left: 18%;
  }
  .filter_simple{
    left:200px;
  }
  .grid-item-buy-price {
    font-size: 20px;
  }
}

@media screen and (max-width: 960px) {
  .pro_list_page-side {
    width: 230px;
  }
  .grid-item {
    width: 35%;
    margin: 0 20px 20px 0;
  }
  .pro_list_page--show_side .pro_list_page-main {
    margin-left: 25%;
  }
}

@media screen and (max-width: 768px) {
  .pro_list-grid {
    margin-left: 0px;
  }
  .grid-item {
    width: 100%;
    margin:3% 0 0;
  }
  .pro_list_page--show_side .pro_list_page-main{
    margin:0;
  }
  .grid-item-text-name{
    font-size: 16px;
    line-height: 1.2;
    width:61.94%;
  }
}
.pro_list_pagination {
  text-align: center;
}
.pro_list_pagination-item {
  display: inline-block;
  font-size: 14px;
  margin: 0 5px;
}

.pro_list_pagination-dot {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  position: relative;
  bottom: 4px;
}
.pro_wrap {
  max-width: 1185px;
}
.pro_mod{

}
.pro_cont {
  /*margin: 100px 0 0;*/
}
.pro_breadcrumb {
  margin:0;
  height: 50px;
  line-height: 2;
/*  position: absolute;
  top:20px;
  left:8%;*/
}

.pro_cont .pro_list_comm ul{
  width: 100%;
}

.pro_cont .pro_list_comm li {
  width: 230px;
  display: inline-block;
  margin: 2px;
  border-radius: 5px;
}

.pro_detail {
  margin: 20px 0px 0 0px;
  padding: 0 0 5px;
  background-color: #fff;
}
.pro_detail-gallery {
  display:inline-block;
  width: 49.3%;
  overflow: hidden;
  background-color: #fff;
  vertical-align: top;
}
.pro_detail-gallery-main {
/*  margin:0px auto;
  width:550px;*/
 /* height:550px;*/
}
.pro_detail-gallery-main-button {
  display: none;
}
.pro_detail-gallery-main-img {
  line-height:1;
  top: 0 !important;
  left: 0 !important;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  height: 95%;
  text-align: center;
  overflow: hidden;
  margin: 2.5%;
  background: #fff;
}
.pro_detail-gallery-main-img:after {
    content: '\20';
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAIVBMVEX////////39/j29fb08/Xz8fPv7vDs6+3r6ezp5+rl5ObBgIjfAAAAeUlEQVR42u3TMQ7EMAhE0XwIOOz9D7yS1wnVbKp0mWqKZ0sgsXncZ4vPfV70HBoGeP1Fzi8p0DJZVQ4p0YBjloRSyMhuCvX7IDQ6W2IaHavt+ifHLz4UqnN0A72nBIvcATHdUldSoMkiYkycAnWWaiSVRq38Pakn0Bd56C4XXDNLsAAAAABJRU5ErkJggg==");
}
.pro_detail-gallery-main-img-src {
    display: inline-block;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pro_detail-gallery-main-img:first-child {
  display: block;
}
.pro_detail-gallery-list {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
}
.pro_detail-gallery-list-box {
  width: 100%;
  position: relative;
  text-align: center;
}
.pro-detail-gallery-list-btns{
  display:inline-block;
  margin-top: 35px;
  position: absolute;
}
.pro-detail-gallery-list-prev{
  left:-6px;
}
.pro-detail-gallery-list-next{
right:0px;
}
.pro_detail-gallery-list-box-item {
  display: inline-block;
  margin: 0 6px 0 0;
  width: 105px;
  height: 105px;
  line-height: 97px;
  text-align: center;
  vertical-align: top;
  filter: alpha(opacity=45);
  opacity: 0.45;
}
.hidden{
  display:none;
}
.pro_detail-gallery-list-box-item.hide {
  display: none;
}
.pro_detail-gallery-list-box-item-src {
  width: 82px;
  height:82px;
  vertical-align: middle;
  border-radius: 50%;
}
.pro_detail-gallery-list-box-item:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.pro_detail-gallery-list-prev,
.pro_detail-gallery-list-next {
  position: absolute;
  width: 23px;
  height: 82px;
  line-height: 82px;
  text-align: center;
  filter: alpha(opacity=30);
  opacity: 0.3;
  top: 0;
  display: none;
}
.pro_detail-gallery-list-prev:hover,
.pro_detail-gallery-list-next:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.pro_detail-gallery-list-prev.active,
.pro_detail-gallery-list-next.active {
  display: block;
}
.pro_detail-gallery-list-prev {
  left: 0;
}
.pro_detail-gallery-list-next {
  right: 0;
}
.pro_detail--info {
  width: 49.3%;
  height:100%;
  display:inline-block;
  overflow: visible;
  background-color: #fff;
  vertical-align: top;
  position: relative;
}
.pro_detail--info-wrap{
  margin:25px 0 0 25px;
}

.pro_detail--info_head{

}
.pro_detail-title {
  line-height: 30px;
  max-height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 24px;
  margin-bottom:10px;
}
.pro-detail-short_desc{
    margin-top: 20px;
    margin-bottom: 16px;
    word-break: break-word;
    overflow-wrap: break-word;
    width: 80%;
    text-align: left;
    font-size: 14px;
}
.pro_detail-desc {
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pro_detail-desc .settings-link_color {
  font-size: 12px;
  color: ;
}

.pro_detail-price-bg {
  background-color: #f6f6f6;
  padding: 20px 10px;
  position: relative;
}

.pro_detail-price-bg img {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 33px;
}

.pro_detail-price {
  margin: 5px 0 10px 0;
  width: auto;
  max-width: 500px;
  margin-right: 20px;
  float: left;
  line-height: 20px;
  height: 20px;
  vertical-align: bottom;
}
.pro_detail-price h3 {
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  padding: 6px 10px 8px 0;
  float: left;
}
.pro_detail-uprice {
  font-size: 28px;
  font-weight: bold;
  line-height:20px;
  margin: 0px;
  display: inline;
}
.pro_detail-sold {
  font-size: 12px;
  line-height: 23px;
  padding: 7px 0 0;
  margin: 0 0 0 20px;
  vertical-align: bottom;
}
.pro_detail-old_price {
  line-height: 30px;
  margin: 5px 0 10px 0;
  height: 30px;
  vertical-align: top;
  font-size: 16px;
}
.pro_detail-sub {
  margin: 25px 0 0 0;
}
.pro_detail-quantity h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  padding: 6px 14px 8px 0;
  float: left;
  color: #777;
}
.pro_detail-quantity-desc {
  float: left;
  margin: 0 0 0 16px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.pro_detail-quantity-btn {
  float: left;
  height: 34px;
  line-height: 34px;
  border-width: 1px;
  border-style: solid;
  border-radius: 17px;
  box-sizing: border-box;
  overflow: hidden;
  border-color: #d0d0d0;
  background-color: ;
}
.pro_detail-quantity-btn-input {
  font-size: 18px;
  border-style: none;
  width: 48px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  vertical-align: top;
  padding: 0;
  color: #333;
}
.pro_detail-quantity-btn-d {
  font-size: 18px;
  display: inline-block;
  text-align: center;
  width: 34px;
  height: 34px;
  line-height: 34px;
  vertical-align: top;
  color: #333;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.pro_detail-quantity-btn-a {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  width: 34px;
  height: 34px;
  line-height: 34px;
  vertical-align: top;
  color: #333;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.pro_detail-addBtn {
  margin: 30px 0 10px;
  position: relative;
}
.pro_detail-addBtn-addCart {
  font-size: 18px;
  display: block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  border-style: solid;
  border-width: 1px;
  border-radius: 50px;
  box-sizing: border-box;
  background-color: #fc326b;
  border-color: transparent;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.pro_detail-addBtn-buy {
  color: #fc326b;
  background-color: #ffffff;
  border-color: #fc326b;
}
.pro_detail-addBtn-addCart:hover{
  border-color: #363636;
}
.pro_detail-addBtn-buy:hover {
  border-color: #363636;
  transition: all ease 0.3s;
}
.pro_detail-addBtn-addCart-icon {
  font-size: 20px;
  margin: 0 10px 0 0;
}

.share_button {
  width: 50px;
  height: 50px;
  border: 1px solid #dbdbdb;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: middle;
}

.share_button i{
  line-height: 50px;
  font-size: 20px;
}
.pro_detail-addBtn-addSucc {
  display: none;
  position: absolute;
  top: 71px;
  left: 0;
  font-size: 14px;
  padding: 0 36px;
  height: 54px;
  line-height: 54px;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  text-align: center;
  background-color: #fff;
}
.pro_detail-addBtn-addSucc-icon {
  font-size: 21px;
  margin: 0 5px 0 0;
}
.pro_detail-addBtn-addSucc-goCart {
  display: inline-block;
  margin: 8px 0 0 15px;
  height: 36px;
  line-height: 36px;
  width: 84px;
  text-align: center;
  border-radius: 3px;
  padding: 0 10px;
}
.pro_detail-addBtn-addSucc-close {
  font-size: 14px;
  margin: 0 0 0 15px;
}

.pro-detail-sub-each {
  height: 60px;
  line-height: 60px;
}

.pro-detail-sub-each h3 {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  padding: 6px 14px 8px 0;
  float: left;
  color: #777;
}
.pro-detail-sub-each-wrap a {
  display: block;
  float: left;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-radius: 15px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 10px 0;
  padding: 0 20px;
  font-size: 14px;
  vertical-align: middle;
  box-sizing: border-box;
}
.pro-detail-sub-each-wrap a.disabled {
  border-style: solid;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.pro_discount_each .settings-buyBtn_background {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
  margin-left: -7px;
  border-radius: 3px;
  font-size: 12px;
}
.pro_discount_each .pro_discount_content {
  font-size: 14px;
}
.pro_desc {
  width: 75%;
  margin: 20px 0px 50px 0px ;
  background-color: #fff;
}
.pro_desc-cont img {
  max-width: 100%;
  vertical-align: middle;
}

.pro_desc .pro_desc-list {
  margin-top: -60px;
  background-color: #ffffff;
  width: calc(100% + 18px);
  margin-left: -20px;
  padding-left: 20px;
  border: 1px solid #f6f6f6;
}

.pro_desc .pro_desc-list dl{
  display: inline-block;
  margin: 20px;
}

.pro_desc .pro_desc-list dl:nth-child(2n+1) {
  color: #777777;
}

.you_comment-tab-item.i_active:after {
  background-color: #fb7b2e;
  border: 0 solid #fb7b2e;
}

.pro_detail-gallery-main--slide {
  width: 100%;
  padding: 0 0 100%;
  position: relative;
}

.post-pro-heading {
  padding-top: 20px;
  padding-bottom: 18px;
  font-size: 16px;
  text-align: left;
}

.pro_list_title {
  width: 210px;
  padding: 0 15px 15px 15px;
  float: right;
  border: 1px solid #dadada;
  border-radius: 3px;
  text-align: center;
}

.pro_list_title h3 {
  margin: 20px 16px;
}

.pro_list_title ul {
  width: calc(100% - 32px);
  margin: 0 auto;
}

.post-pro-grid {
  height: 132px;
  text-align: center;
  border: 1px solid #dadada;
  border-radius: 3px;
  margin-bottom: 15px;
}

.post-pro-img {
  width: 100%;
  height: 67%;
  background-color: #f7f5f1;
}

.post-pro-img img{
  max-width: 100%;
  max-height: 100%;
}

.post-pro-content {
  height: 33%;
}

.post-pro-content h4 {
  line-height: 44px;
  height: 44px;
}

@media screen and (max-width: 1185px) {
  .pro_wrap{
    width:83.16%;
    margin:0 auto;
  }
  .pro_detail {
    margin: 0 auto;
    padding: 0;
  }
  .pro_detail-gallery {
    position: relative;
  }
  .pro_detail-gallery-main {
    width: 100%;
  }
  .pro_detail-gallery-main--slide {
/*    position: relative;
    top: 0;
    left: 0;*/
  }
  .pro_detail-gallery-main-button {
    position: absolute;
    left: 50%;
    bottom: 20px;
    display: block;
  }
  .pro_detail-gallery-main-button-each {
    border-width: 2px;
    border-radius: 50%;
    border-style: solid;
    display: inline-block;
    margin: 0 5px 0;
    width: 6px;
    height: 6px;
  }
  .pro_detail-gallery-main-button-each.active {
    background-color: ;
  }
  .pro_detail-gallery-list {
    margin: 30px auto 0;
/*    width:515px;*/
  }
  .pro_detail-gallery-list-box{
    width:100%;
  }
  .pro-detail-gallery-list-prev{
    left:;
  }
  .pro-detail-gallery-list-next{
    right:;
  }
  .pro_detail-gallery-list-box-item{
    width:90px;
    height:90px;
    line-height: 88px;
  }
  .pro_detail-title {
    max-height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 10px;
  }
  .pro_detail-desc {
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .pro_detail-desc .settings-link_color {
    font-size: 12px;
  }
  .pro_detail-price {
    margin: 10px 0 0;
  }
  .pro_detail-uprice {
    font-size: 24px;
    line-height: 30px;
  }
  .pro_detail-sold {
    font-size: 14px;
    line-height: 23px;
    padding: 7px 0 0;
    margin: 0 10px 0 10px;
  }
  .pro_detail-old_price {
    line-height: 26px;
  }
  .pro_detail-quantity-desc {
    margin: 0 10px 0 0;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
  .pro_detail-quantity-btn {
    height: 36px;
  }
  .pro_detail-quantity-btn-input {
    font-size: 14px;
    width: 56px;
    height: 36px;
    line-height: 36px;
    padding: 0;
  }
  .pro_detail-quantity-btn-d {
    font-size: 16px;
    width: 23px;
    height: 36px;
    line-height: 36px;
  }
  .pro_detail-quantity-btn-a {
    font-size: 16px;
    width: 23px;
    height: 36px;
    line-height: 36px;
  }

  .pro_detail-addBtn-addCart-icon {
    font-size: 20px;
    margin: 0 10px 0 0;
  }
  .pro_detail-addBtn-addSucc {
    top: 86px;
    left: 50%;
    font-size: 18px;
    padding: 0 36px;
    height: 54px;
    line-height: 54px;
    width: 246px;
    margin: 0 0 0 -160px;
  }
  .pro_detail-addBtn-addSucc-icon {
    font-size: 21px;
    margin: 0 5px 0 0;
  }
  .pro_detail-addBtn-addSucc-goCart {
    display: inline-block;
    margin: 8px 0 0 15px;
    height: 36px;
    line-height: 36px;
    width: 84px;
    text-align: center;
    border-radius: 3px;
    padding: 0 10px;
  }
  .pro_detail-addBtn-addSucc-close {
    font-size: 20px;
    margin: 0 0 0 15px;
  }
  .pro-detail-sub-each-wrap a {
    height: 28px;
    line-height: 28px;
    margin: 0 8px 8px 0;
    padding: 0 18px;
    font-size: 14px;
  }
  .pro_desc-cont p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .pro_detail-addBtn-addCart {
    width: 150px;
    margin-right: 10px;
  }
  .pro_detail-old_price {
    line-height: 45px;
    margin-left: 20px;
  }
  .pro_desc {
    width: calc(100% - 262px);
    margin: 20px 20px 50px 0px;
  }
}
@media screen and (max-width: 1000px) {
  .pro_detail-gallery-list{
    /*width:423px;*/
  }
  .pro_detail-gallery-list-box-item{
    width:96px;
    height:96px;
    line-height: 94px;
    margin-right: 4px;
  }
.pro-detail-gallery-list-prev{
  left:-6px;
}
.pro-detail-gallery-list-next{
  right:-5px;
}
.pro_detail-addBtn-addCart {
  width: 100px;
  font-size: 16px;
  margin-right: 10px;
}
}
@media screen and (max-width: 810px) {
.pro_detail-gallery-list{
      /*width:405px;*/
}
.pro_detail-gallery-list-box-item{
    width:90px;
    height:90px;
    line-height: 88px;
    margin-right: 4px;
}
}
@media screen and (max-width: 768px) {
  .pro_mod {
    padding: 0;
  }
  .pro_detail-gallery{
    width: 100%;
  }
.pro_detail--info{
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
    height:auto;
}
.pro_desc{
  margin-right:0;
}
.pro-detail-short_desc{
 	width: 100%;
    text-align: left;

}
.pro_detail--info-wrap{
      margin: 25px 0 25px;
}
  .pro_detail-gallery-main{
    height:100%;
  }

  .pro_detail-gallery-list{
/*    width:432px;*/
    height:100px;
    margin-top: 20px;
  }
  .pro_detail-gallery-list-box{
    width:100%;
    text-align: center;
  }
  .pro_detail-gallery-list-box-item{
    width:98px;
    height:98px;
    line-height: 96px;
  }

  .pro_detail-addBtn{
    margin-left: -25px;
  }
  .pro_detail--info_head {
    padding: 0 15px 10px;
  }
  .pro_detail-addBtn {
    margin: 32px 0 0;
    padding: 15px 0 30px;
    text-align: center;
  }
    .pro_detail-addBtn-addCart {
    margin-left: 15px;
    font-size: 18px;
    width: 192px;
    height: 54px;
    line-height: 54px;
  }
}

@media screen and (max-width: 480px) {
  .pro_detail-gallery-list{
/*    width:405px;*/
    height:100px;
    margin-top: 20px;
  }
  .pro_detail-gallery-list-box-item{
    width:90px;
    height:90px;
    line-height: 88px;
  }
}
@media screen and (max-width: 414px) {
.pro_detail-gallery-list{
/*    width:280px;*/
    height:100px;
    margin-top: 20px;
  }
  .pro_detail-gallery-list-box-item{
    width:90px;
    height:90px;
    line-height: 88px;
  }
}

.yhsd-variantSelector-err {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  color: ;
  font-size: 12px;
}
.yhsd-variantSelector-err:before {
  content: '\e606';
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 3px 0 0;
}
@media screen and (max-width: 768px) {
  .yhsd-variantSelector-err {
    font-size: 12px;
  }
  .yhsd-variantSelector-err:before {
    font-size: 13.5px;
  }
}
.account_input {
  width: 320px;
  margin: 80px auto;
}
.account_input-form {
  width: 320px;
}
.account_input-form--form {
  display: block;
  line-height: 0;
  font-size: 0;
}
.account_input-form-title {
  font-size: 30px;
  margin: 0 0 15px;
  line-height: 1;
}
.account_input-form-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  padding: 9px 0;
  text-indent: 10px;
  margin: 10px 0 0;
  width: 100%;
  box-shadow: none;
  -webkit-appearance: none;
}
.account_input-form-input:-ms-input-placeholder {
  color: #717171;
}
.account_input-form-input::-moz-placeholder {
  color: #717171;
}
.account_input-form-input::-webkit-input-placeholder {
  color: #717171;
}
.account_input-form-err {
  line-height: 1.2;
  font-size: 14px;
  margin: 10px 0 0;
}
.account_input-form-err-icon {
  margin: 0 3px 0 0;
}
.account_input-form-submit {
  height: 42px;
  line-height: 42px;
  border-radius: 2px;
  font-size: 16px;
  margin: 20px 0;
  width: 100%;
  border-width: 0;
  padding: 0;
}
.account_input-form-footer {
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.account_input-form-footer a {
  line-height: 20px;
}
.account_input-form-footer-forget {
  float: right;
}
@media screen and (max-width: 768px) {
  .account_input-form-submit {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    margin: 15px 0;
  }
}



/*登陆开始*/
.account_input--login {
  width: 320px;
  margin:0 auto;
}
.login-logo{
  margin-top: 50px;
}
.account_input--login .logo-link img{
  padding: 27px 0;
}
.account_input--login .account_input-form {
  width: 320px;
}
.account_input--login .account_input-form--inner {
  border-radius: 2px;
  overflow: hidden;
  margin-top: 24px;
  border-width:1px;
  border-style:  solid;
}
.account_input--login .account_input-form-label {
  display: block;
  position: relative;

}
.account_input--login .account_input-form-label-icon {
  display: block;
  width: 66px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 25px;
}
.account_input--login .account_input-form-label-icon.account_input-form-input--border {
  height: 64px;
  line-height: 63px;
  border-bottom: none;
}
.account_input--login .account_input-form-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  box-shadow: none;
  -webkit-appearance: none;
  border-width: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 20px;
  height: 64px;
  padding: 22px 20px 22px 86px;
  display: block;
  text-indent: 0;
}
.account_input--login .account_input-form-input--border {
  height: 65px;
  border-style: solid;
  border-width: 0 0 1px;
}
@media screen and (max-width: 768px) {
  .account_input--login {
    width: auto;
    margin: 60px auto 0;
  }
  .account_input--login .account_input-form {
    width: auto;
  }
  .account_input--login .account_input-form--inner {
    border-radius: 2px;
    overflow: hidden;
  }
  .account_input--login .account_input-form-label {
    display: block;
    position: relative;
  }
  .account_input--login .account_input-form-label-icon {
    display: block;
    width: 53px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
  }
  .account_input--login .account_input-form-label-icon.account_input-form-input--border {
    height: 53px;
    line-height: 53px;
  }
  .account_input--login .account_input-form-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    border-width: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 20px;
    height: 53px;
    padding: 12px 20px 12px 86px;
    display: block;
    text-indent: 0;
  }
  .account_input--login .account_input-form-input--border {
    height: 54px;
    border-style: solid;
    border-width: 0 0 1px;
  }
}

/*登陆结束*/



/*注册开始*/
.account_input--register {
  width: 410px;
  margin: 0 auto;
  padding: 50px 0 0;
}
.account_input--register .account_input-form {
  width: 410px;
}
.account_input--register .account_input-form--inner {
  padding: 30px 70px;
  border-radius: 0 0 2px 2px;
  border-width:1px;
  border-style:solid;
  border-top: none;
}
.account_input--register .account_input-form-input {
  margin: 18px 0 0;
}
.account_input--register .account_input-form-input--first {
  margin: 0 0 0;
}
.account_input--register .account_input-form-submit {
  margin: 30px 0 20px;
}
.account_input--register .account_input-form-type {
  padding: 0;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
  border-width:1px;
  border-style:solid;
  border-bottom: none;
}
.account_input--register .account_input-form-type--count_14 {
  display: none;
}
.account_input--register .account_input-form-type--count_13 .account_input-form-type-item {
  width: 50%;
}
.account_input--register .account_input-form-type-item {
  width: 33.333%;
  text-align: center;
  float: left;
  padding: 10px 0;
}
.account_input--register .account_input-form-type-item:hover {
  color: #161616;
}
.account_input--register .account_input-form-type-item-icon,
.account_input--register .account_input-form-type-item-name,
.account_input--register .account_input-form-type-item-line {
  display: block;
}
.account_input--register .account_input-form-type-item-icon {
  font-size: 26px;
  line-height: 30px;
}
.account_input--register .account_input-form-type-item-name {
  font-size: 14px;
  line-height: 1;
  margin: 10px 0 0;
}
.account_input--register .account_input-form-type-item-line {
  width: 100%;
  height: 5px;
  line-height: 0;
  font-size: 0;
  border-radius: 2.5px;
  border: 0;
  visibility: hidden;
}
.account_input--register .account_input-form-type-item.active {
  background-color: #ffffff;
   color: #161616;
}
.account_input--register .account_input-form-type-item.active .account_input-form-type-item-line {
  visibility: visible;
}
.account_input--register .account_input-form-vcode {
  display: none;
}
.account_input--register .account_input-form-vcode-input {
  display: block;
  float: left;
  width: 58%;
}
.account_input--register .account_input-form-vcode-input-btn {
  display: block;
  float: right;
  width: 37%;
  border: 0;
  margin: 18px 0 0;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  font-size: 14px;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=100);
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.account_input--register .account_input-form-vcode-input-btn:focus {
  outline: none;
}
.account_input--register .account_input-form-vcode-input-btn.active {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: not-allowed;
}
.account_input--register .account_input-form-vcode.active {
  display: block;
}
.account_input--register .account_input-form-tips_type {
  display: none;
}
.account_input--register .account_input-form-tips_type.active {
  display: block;
}
.account_input--register .account_input-form-tips_mobi-icon {
  font-size: 16px;
  margin: 0 3px 0 0;
}
.account_input--register .account_input-form-tips_vcode {
  clear: both;
  margin: 0;
  padding: 10px 0 0;
}
.account_input--register .account_input-form-err--tips {
  display: none;
}
@media screen and (max-width: 768px) {
  .account_input--register {
    width: auto;
    margin: 0 auto;
    padding: 70px 0 0;
  }
  .account_input--register .account_input-form {
    width: auto;
  }
  .account_input--register .account_input-form--inner {
    padding: 20px 25px;
  }
  .account_input--register .account_input-form-submit {
    margin: 20px 0;
  }
}
.account_input--forget {
  width: 320px;
  height: auto;
}
.account_input--forget.account_input {
  width: auto;
  padding: 0;
  margin: 0;
}
.account_input--forget .account_input-form {
  width: 320px;
  float: none;
  padding: 0;
  margin: 0 auto;
}
.account_input--forget .account_input-form-title {
  width: 300px;
  font-size: 16.7px;
  margin: 20px auto 30px;
}
.account_input-form--forget_mobi {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.account_input-form--forget_mobi.active {
  max-height: 300px;
}
@media screen and (max-width: 768px) {
  .account_input--forget {
    width: auto;
  }
  .account_input--forget .account_input-form {
    width: auto;
  }
  .account_input--forget .account_input-form-title {
    width: 100%;
    display: block;
    font-size: 17px;
  }
  .account_input--forget .account_input-form-vcode-input {
    width: 55%;
  }
  .account_input--forget .account_input-form-vcode-input-btn {
    width: 41%;
  }
}
.account-oauth {
  display: block;
  width: 300px;
}
.account-oauth--login {
  margin: 40px 0 30px;
}
.account-oauth--register {
  margin: 40px 0 30px;
}
.account-oauth-title {
  font-size: 14px;
  margin: 0 0 15px;
  line-height: 20px;
}
.account-oauth-icon {
  display: block;
  float: left;
  font-size: 26px;
  margin: 0 20px 20px 0;
}
.account-oauth-qq {
  font-size: 26px;
}
.account-oauth-renren {
  font-size: 30px;
}
.account-oauth-douban {
  font-size: 29px;
}
.account-oauth-wechat{
  font-size: 29px;
}
@media screen and (max-width: 768px) {
  .account-oauth {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .account-oauth--login {
    margin: 35px 0;
  }
  .account-oauth-title {
    font-size: 15px;
    line-height: 24px;
    text-align: left;
  }
  .account-oauth--register {
    margin: 35px 0;
  }
}



/*博客开始*/
.wrap-blog{
  max-width:1200px;
  margin: 0 auto;
  position: relative;
}

.blogs_list-item{
position: relative;

}
.blogs_list-item--a i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.blogs_list-item--a:hover i{
    background-image: url('//asset.ibanquan.com/s/66196/595/zoom_in_black?design_theme_id=0&v=1567156883_1585046293');
    background-position: center center;
    background-repeat: no-repeat;
    opacity:0.6;
}

.blog_author {
  width: 364px;
  margin: 70px auto 30px;
}
.blog_author-avatar {
  position: relative;
  display: block;
  width: 106px;
  height: 106px;
  line-height: 106px;
  border-radius: 50%;
  border-width: 4px;
  border-color: #fff;
  border-style: solid;
  margin: 0 auto;
  overflow: hidden;
}
.blog_author-avatar-src {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.blog_author-name {
  text-align: center;
  line-height: 1;
  margin: 15px 0 15px;
  font-size: 24px;
}
.blog_author-count{
  text-align: center;
}
.blog_author-social {
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  margin: 12px 0 20px;
  padding: 5px 20px;
  line-height: 35px;
  white-space: normal;
}
.blog_author-social--empty {
  height: 1px;
}
.blog_author-social-link {
  font-size: 30px;
  margin: 0 6px;
}
.blog_author-social-link--douban {
  font-size: 41px;
}
.blog_author-social-link--renren {
  font-size: 41px;
}

.blog-side {
  width: 27%;
  position: absolute;
  top: 10px;
  right: 10px;
}
@media screen and (max-width: 768px) {
  .wrap-blog{
    width:95%;
  }

}
@media screen and (max-width: 768px) {
  .blog_author {
    width: auto;
    width: 250px;
    margin: 36px auto 6px;
  }

  .blog_author-avatar {
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-width: 2px;
    margin: 0 auto;
  }
  .blog_author-name {
    margin: 15px 0 15px;
    font-size: 15px;
  }
  .blog_author-social {
    margin: 0;
    line-height: 30px;
  }
  .blog_author-social-link {
    font-size: 26px;
    margin: 0 9px;
  }
  .blog_author-social-link--douban {
    font-size: 30px;
  }
  .blog_author-social-link--renren {
    font-size: 30px;
  }
}



.blogs_list-grid {
  margin: 56px -10px 40px;
}


.blogs_list-item--wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px 20px;
  width:60%;
  margin-bottom: 40px;
}

.blogs_list-item--inner {
  width: 100%;
  min-height: 400px;
  height: auto;
  position: relative;
}
.blogs_list-item--box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  padding: 20px;
  width: 100%;
  height: calc(100% - 62px);
}
.blogs_list-item--a {
  display: block;
}
.blogs_list-item-article {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.blogs_list-item-article-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 7px;
}
.blogs_list-item-article-cont {
  font-size: 14px;
  line-height: 25px;
}
.blogs_list-item-article.resize--line .blogs_list-item-article-title {
  display: inline-block;
}
.blogs_list-item-article.resize--line .blogs_list-item-article-cont {
  display: none;
}
.blogs_list-item-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.blogs_list-item-image .blogs_list-item-image-view {
  margin: auto;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
}
.blogs_list-item-music {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.blogs_list-item-music-bg_cover {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.blogs_list-item-music-icon {
  font-size: 46px;
  display: block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin: -35px 0 0 -35px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4dffffff", endColorstr="#4dffffff");
  background-color: rgba(255,255,255,0.3);
}
.blogs_list-item-music:hover .blogs_list-item-music-icon {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.blogs_list-item-video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blogs_list-item-video-bg_cover {
  margin: auto;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.blogs_list-item-video-icon {
  font-size: 46px;
  display: block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin: -35px 0 0 -35px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4dffffff", endColorstr="#4dffffff");
  background-color: rgba(255,255,255,0.3);
}
.blogs_list-item-video:hover .blogs_list-item-video-icon {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.blogs_list-item-info {
  height: 65px;
  line-height: 62px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blogs_list-item-info a{
  font-size: 100%;
}
.blogs_list-item-info-author-link {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.blogs_list-item-info-author-avatar {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.blogs_list-item-info-time {

}
.blogs_list-item-info-time i{
  font-size: 34px;
  vertical-align: -6px;
  font-style: normal;
  margin-right: 1px;
}

.blogs_list-item-info-author-name{
    font-weight: 600;
}
@media screen and (max-width: 768px) {
  .blogs_list-grid {
    margin: 26px -5px 0;
    padding: 0 10px;
  }
    .blogs_list-item--wrap{
    width:83.16%;
    margin:0 auto;
    float:none;
  }
  .blogs_list-item--box {
    padding: 0;
  }
  .blogs_list-item--box_border {
    padding: 10px;
  }
  .blogs_list-item-article-title {
    margin: 35px 0 35px;
  }
  .blogs_list-item-article-cont {
    font-size: 16px;
    line-height: 32px;

  }
  .blogs_list-item-music-icon {
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: -15px 0 0 -15px;
  }
  .blogs_list-item-video-icon {
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: -15px 0 0 -15px;
  }
}
.blog_cont_fix {
  margin-bottom: -10px;
  position: relative;
}
.blog_cont {
  padding: 24px 0 0;
  max-width: 780px;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
}

.blog_cont_fix .post-add{
  width: 27%;
  position: absolute;
  top: -200px;
  right: 10px;
}

.blog_cont-bg {
  background-color: #f7f5f1;
  margin-left: 70px;
  border-radius: 5px;
  width: 90%;
}
.blog_cont-bg .blog_cont-video-view {
  width: 93%;
  padding: 20px 20px;
  margin: 0 auto;
}
.blog_cont p {
  margin-bottom: 10px;
}
.blog_cont p img {
  max-width: 100%;
}
.blog_cont-top {
  margin: 0 0 8px;
}
.blog_cont-top-back {
  font-size: 12px;
}
.blog_cont-text a {
  text-decoration: underline;
}

.blog_cont--body {
  padding: 46px 60px;
}
.blog_cont-head {
  padding: 20px 60px 0;
  height: 80px;
  line-height: 80px;
}
.blog_cont-head-author-img {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.blog_cont-head-author-img-src {
  width: 100%;
  height: 100%;
}
.blog_cont-head-author-name {
  margin: 0 0 0 18px;
  color:#4f9fdb;
}
.blog_cont-head-nav {
  line-height: 80px;
  height: 80px;
  text-align: center;
  position: relative;
  max-width: 780px;
}
.blog_cont-head-nav-prev,
.blog_cont-head-nav-next {
  display: inline-block;
  width: 84px;
  height: 43px;
  line-height: 43px;
  font-size: 14px;
  position: absolute;
  top:20px;
  color:#777;
}

.blog_cont-head-nav-prev{
  left:45%;
  transform: translateX(-50%);
}
.blog_cont-head-nav-next {
  right:45%;
  transform: translateX(50%);
}
.blog_cont-head-nav-prev:hover,
.blog_cont-head-nav-next:hover {
  color:#34a2f2;
}
.blog_cont-article-title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
}
.blog_cont-image-list {
  margin: 0 0 20px;
}
.blog_cont-image-list-item {
  margin: 0 0 10px;
}
.blog_cont-image-list-item-view {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border-width: 0;
  border-radius: 5px;
}
.blog_cont-image-list-item-desc {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.blog_cont-music-item {
  margin: 0 0 20px;
}
.blog_cont-music-item-disc {
  width: 340px;
  height: 340px;
  margin: 0 auto 15px;
  position: relative;
}
.blog_cont-music-item-disc-img {
  display: block;
  width: 340px;
  height: 340px;
}
.blog_cont-music-item-disc-film {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
  height: 340px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04000000", endColorstr="#04000000");
  background-color: rgba(0,0,0,0.2);
}
.blog_cont-music-item-disc-play {
  display: none;
  width: 90px;
  height: 90px;
  line-height: 90px;
  margin: -45px 0 0 -45px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4dffffff", endColorstr="#4dffffff");
  background-color: rgba(255,255,255,0.3);
}
.blog_cont-music-item-disc-play-icon {
  font-size: 50px;
  color: #fff;
}
.blog_cont-music-item-disc-play:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.blog_cont-music-name {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  height: 26px;
  line-height: 26px;
}
.blog_cont-music-info {
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  margin: 6px 0 5px;
}
.blog_cont-music-play {
  text-align: center;
  line-height: 0;
  margin: 7px 0 0;
}
.blog_cont-video-view {
  margin: 0 0 20px;
  width: 100%;
}
.blog_cont-video-view iframe {
  width: 100%;
  display: block;
}
.blog_cont-footer {
  font-size: 12px;
  line-height: 28px;
  margin: 50px 0 0;
  border-top: 1px solid #d0d0d0;
  padding-top: 10px;
}
.blog_cont-footer-tags-icon {
  display: block;
  float: left;
  font-size: 18px;
  margin: 0 15px 0 0;
}
.blog_cont-footer-tags-items {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
.blog_cont-footer-tags-link {
  font-size: 12px;
  margin-right: 10px;
  float: left;
}
.blog_cont-footer-tags-link.last {
  margin-right: 40px;
}
.blog_cont-footer-time {
  float: left;
}
.blog_cont-footer-time i{
      font-size: 34px;
    vertical-align: -6px;
    font-style: normal;
    margin-right: 1px;
}
.blog_cont-footer.no__tags .blog_cont-footer-tags-items {
  position: relative;
}
.blog_cont-footer.no__tags .blog_cont-footer-tags-icon {
  display: none;
}

.blog_cont-footer-tags-items {
  position: relative;
}

.blog_cont-footer-time-m {
  position: absolute;
  right: 10px;
  top: -10px;
}
@media screen and (max-width: 768px) {
  .blog_cont {
    margin: 0 auto;
    padding: 42px 0 0;
    max-width: none;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
  }
  .blog_cont-top {
    margin: 0;
    line-height: 42px;
    height: 42px;
  }
  .blog_cont-top-back {
    font-size: 12px;
  }
  .blog_cont--inner {
    border-style: solid;
    border-width: 1px;
   /* min-width: 332px;*/
  }
  .blog_cont--body {
    padding: 10px;
  }
  .blog_cont-head {
    padding: 10px 10px 0;
    border: 0;
    height: 40px;
    line-height: 40px;
  }
  .blog_cont-head-author-name {
    margin: 0 0 0 10px;
  }
  .blog_cont-head-nav {
  max-width: none;
  }
  .blog_cont-head-nav-prev{
    left:10px;
  }
  .blog_cont-head-nav-next {
    right:10px;
  }
  .blog_cont-article-title {
    margin: 0 0 10px;
    font-size: 18px;
  }
  .blog_cont-music-item {
    margin: 0 -10px 10px;
  }
  .blog_cont-music-item-disc {
    width: 100%;
    height: 0;
    padding: 0 0 100%;
    position: relative;
    margin: 0 0 10px;
  }
  .blog_cont-music-item-disc-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog_cont-music-item-disc-film {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .blog_cont-music-item-disc-play {
    display: block;

  }
  .blog_cont-music-item-disc-play-icon {
    font-size: 90px;
  }
  .blog_cont-music-name {
    height: 40px;
    overflow:hidden;
    line-height: 19px;
    font-size: 17px;
  }
  .blog_cont-music-info {
    font-size: 14px;
    height: 30px;
    overflow:hidden;
    line-height: 15px;
    margin: 5px 0 0;
  }
  .blog_cont-music-play {
    display: block;
  }
  .blog_cont-video-view {
    margin: 0 0 10px;
  }
  .blog_cont-video-view iframe {
    height: 490px;
  }
  .blog_cont-footer {
    margin: 15px 0 0;
  }
  .blog_cont-footer-time-m {
    display: none;
  }
  .blog_cont-footer-tags-icon {
    margin: 0 12px 0 0;
  }
  .blog_cont-footer-tags-items {
    padding: 0 80px 0 30px;
  }
}
@media screen and (max-width: 600px) {
  .blog_cont-video-view iframe {
    height: 400px;
  }
}
@media screen and (max-width: 490px) {
  .blog_cont-video-view iframe {
    height: 290px;
  }
}
@media screen and (max-width: 400px) {
    .blog_cont-footer-time{
      float:none;
       margin-bottom: 10px;
    }
    .blog_cont-footer{
      margin-bottom: 25px;
    }
    .blog_cont-footer-tags-items{
      width:100%;
    }
}
.custom_cont {
  margin: 93px 0 0;
}
.custom_doc img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .custom_cont {
    margin: 72px 0 0;
  }
}
.page-title {
  margin: 0 0 20px;
  padding: 70px 0 0;
  line-height: 1;
  font-size: 24px;
}
.page-box {
  padding: 30px 20px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  margin: 0 0 150px;
}
.page-box--forget_password {
  margin: 0 0 400px;
}
@media screen and (max-width: 768px) {
  .page-box--forget_password {
    margin: 0 0 150px;
  }
}
.tips {
  margin: 93px 0 0;
  line-height: 1.7;
  padding: 70px 20px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.tips-title {
  margin: 83px 0 20px;
  line-height: 1;
  font-size: 24px;
}
.tips--has_title {
  margin: 0;
  line-height: 1.7;
  padding: 70px 20px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.tips--pro_list {
  margin: 40px 0;
}
.tips--sys {
  margin: 93px 0 0;
}
.go_top {
  position: fixed;
  bottom: 12%;
  right: 0px;
  z-index: 10;
  box-shadow:-2px 2px 14px #BDBDBD
}
.go_top a {
  display: block;
  width: 72px;
  height: 88px;
  overflow: hidden;
  text-align: center;
  font-size: 31px;
  color: #4c4c4c;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3000000", endColorstr="#b3000000");
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.go_top a:hover {
  color: rgba(255,255,255,0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6000000", endColorstr="#e6000000");
  background-color: rgba(0,0,0,0.9);
}
.go_top-service {
  margin: 0 0 14px;
}
.go_top a div {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.go_top a span {
  display: block;
  margin-top: 10px;
}
/*回到顶部图标*/
.go_top-service i{
  font-size: 26px;
  vertical-align: -5px;
  color: rgb(255,255,255);
  opacity:0.7;
  filter:Alpha(opacity=70);
}
.go_top-service i:before{
    content: "\e617";
}
.go_top-go i{
  font-size: 26px;
  vertical-align: -5px;
  color: rgb(255,255,255);
  opacity:0.7;
  filter:Alpha(opacity=70);
}
.go_top-go i:before{
    content: "\e618";
}
#go_top-go {
  display: none;
}

/*回到顶部图标*/

.ie6 .go_top {
  display: none;
}
@media screen and (max-width: 768px) {
  .go_top {
    bottom: 10%;
    right: 25px;
  }
  .go_top a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
  }
  .go_top-service {
    margin: 0 0 7px;
  }
  .go_top-go i{
    font-size: 17px;
    vertical-align: -2px;
  }
}
.share_box {
  height: 28px;
  line-height: 28px;
  width: 30px;
  overflow: hidden;
}
.share_box--line {
  width: 0;
  height: 20px;
  line-height: 20px;
  font-size: 0;
  border-style: solid;
  border-width: 0 1px 0 0;
  float: right;
  margin: 4px 6px 0 0;
  display: none;
}
.share_box-item {
  font-size: 18px;
  height: 28px;
  line-height: 28px;
  display: block;
  float: right;
  margin: 0 6px 0 0;
  display: none;
}
.share_box-item--list {
  float: right;
  display: none;
  margin: 0 3px 0 0;
  height: 28px;
  line-height: 28px;
}
.share_box-button {
  margin: 0;
  display: block;
}
.share_box-button:hover {
  color: inherit;
}
.share_box.active {
  width: auto;
}
.share_box.active .share_box-button {
  color: inherit;
}
.share_box.active .share_box-item {
  display: block;
}
.share_box.active .share_box-item--list {
  display: block;
}
.share_box.active .share_box--line {
  display: block;
}
.share_box--pro {
  width: auto;
  padding: 4px 3px 4px 11px;
  margin: 10px 15px 0 0;
}
.share_box--pro.active {
  padding: 4px 3px 4px 11px;
  border-width: 0;
  color: #717171;
}
.share_box--pro .share_box--line {
  height: 20px;
  line-height: 20px;
  margin: 4px 6px 0 0;
  border-color: #a0a0a0;
}
.share_box--pro .share_box-button {
  font-size: 16px;
  color: #a0a0a0;
}
.share_box--pro .share_box-button:hover {
  color: #717171;
}
.share_box--pro .share_box-button-text {
  font-size: 14px;
}
@media screen and (max-width: 899px) {
}
.share_box--blog {
  float: right;
  width: auto;
  margin: 0;
  margin-top: 10px;
}
.share_box--blog.active {
  width: auto;
}
.share_box--blog.active .share_box-button {
  color: #717171;
}
.share_box--blog.active .share_box-item--list {
  visibility: visible;
}
.share_box--blog.active .share_box--line {
  visibility: visible;
}
.share_box--blog .share_box-button {
  float: left;
  color: #a0a0a0;
}
.share_box--blog .share_box-button:hover {
  color: #717171;
}
.share_box--blog .share_box--line {
  float: left;
  margin: 4px 10px 0;
  display: block;
  border-color: #a0a0a0;
}
.share_box--blog .share_box-item {
  float: left;
  display: block;
}
.share_box--blog .share_box-item--list {
  float: left;
  display: block;
}
.popup {
  padding: 30px 20px;
  background-color: #fff;
}
.popup-cont-title {
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  margin: 20px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555555;
}
.popup-cont-text {
  font-size: 14px;
  line-height: 1.7;
  color: #777;
}
.popup-btn {
  margin: 30px 0 0;
}
.popup-btn a {
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 0 23px;
  border-radius: 2px;
  background-color: #1f76c8;
  color: #ffffff;
}
.popup-close {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  top: 20px;
  right: 20px;
  border-color: #555555;
  border-width: 1px;
  border-radius: 50%;
  border-style: solid;
  color: #555555;
}
.popup-close-icon {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    padding: 20px 20px;
  }
  .popup-cont {
    width: auto;
  }
}
.account-login-inner .content_input_fix input {
  width: 300px;
}
.emptyTips-wrap {
  margin: 10px 0 0;
}
.emptyTips {
  font-size: 14px;
}
.cart-table table,
.emptyTips,
.order-list-empty,
.account-login-inner {
  border-radius: 5px;
}
.order-create-baak_cart {
  font-size: 12px;
}
.cart-table table {
  overflow: hidden;
}
.order-create-cont > span {
  font-size: 12px;
}
.order-detail-table tr td {
  border-color: #d7d7d7;
}
.order-detail-cart {
  margin: 0;
}
.order-list-ctrl > a {
  text-decoration: underline;
}
.order-list {
  margin-bottom: 60px;
}
.cart-submit {
  margin: 20px 0 60px;
}
.order-detail-table td {
  border-color: #d0d0d0;
}
.yhsd-addressComponent-confirm,
.yhsd-addressComponent-new {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  overflow: hidden;
}
.yhsd-addressComponent-list .selected.settings-theme_border {
  border-color: #d7d7d7;
}
.yhsd-addressComponent-table {
  margin: 0 0 10px;
}
#yhsd_cart_body tr {
  border-color: #d7d7d7;
}
#yhsd_cart_body .settings-main_border {
  border-color: #d7d7d7;
}

#yhsd_cart_body .cart-table-quantity .settings-main_border {
  border-color: ;
}
.yhsd-paymentComponent-popup,
.yhsd-paymentComponent-selected,
.yhsd-paymentComponent-sel {
  border-color: #1f76c8;
}
.side_active .warpper-payment {
  z-index: 0;
}
.order-detail .order-detail-gopay.order-detail-gopay--haisong {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border-width: 0;
  border-radius: 16px;
  border-style: solid;
  display: block;
  width: 80px;
  text-align: center;
  margin: 15px 0 0 20px;
}
.order-detail .order-detail-gopay.order-detail-gopay--haisong:hover {
  color: #ffffff;
  background-color: #fc326b;
}
.order-detail {
  padding: 0 10px 30px;
}
#yhsd_orderCreate_remark {
  font-size: 14px;
  padding: 10px;
}
#yhsd_orderCreate_remark:focus {
  outline: none;
}
.yhsd-paymentComponent-popup {
  background-color: #fff;
}
.order-detail-table-img a {
  border-color: #d7d7d7;
}
.order-list .order-list-each {
  border-radius: 5px;
}
.order-list .order-list-number {
  border-radius: 5px 5px 0 0;
}
.order-list-footer {
  height: 50px;
}
.order-detail .order-detail-shipment {
  border-bottom-width: 0;
}
.cartTitle {
  margin: 0 0 10px;
  padding: 83px 10px 0;
}
.account-title-inner {
  margin: 0 0 10px;
  padding: 83px 0 0;
}
.account-title-mobi-signout {
  display: none;
}
.ie7 .order-detail-footer.clearfix {
  height: 1%;
}
.account-login-label .settings-formErr_color {
  color: #ee4444;
}
.account-login-accountIndex {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .order-list-ctrl {
    font-size: 14px;
  }
  .cart-table a {
    font-size: 12px;
  }
  .cart-table .cart-table-quantity-ctrl {
    border: 0;
  }
  .cart-table .cart-table-quantity-ctrl-d{
    border:1px solid #d2d2d2;
    border-top:none;
    top:18px;
  }
  .cart-table .cart-table-quantity-ctrl-a{
    border:1px solid #d2d2d2;
    /*border-bottom:none;*/
    height:20px;
  }
  .order-detail .order-detail-table-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .order-create a,
  .order-create-title a {
    font-size: 14px;
  }
  a.order-create-baak_cart {
    font-size: 12px;
  }
  .yhsd-paymentComponent-spec {
    width: 305px;
  }
  .cartTitle {
    margin: 0 0 10px;
    padding: 62px 10px 0;
  }
  .account-title-inner {
    margin: 0 0 10px;
    padding: 62px 0 0;
  }
  .account-title-mobi-signout {
    display: inline;
  }
  .account-title .account-title-inner h2 {
    font-size: 20px;
  }
}
.order-create .settings-main_border {
  border-color: #d7d7d7;
}
.order-create {
  margin: 0;
  padding: 0 10px 20px;
}
.placeholder {
  color: #777;
}
/* 账户管理 - 社交绑定 */
.account-login-inner .account-login-label .content-err {
  height: auto;
  line-height: 22px;
  padding: 6px 0;
}
h3.social_bind--border {
  border-width: 1px 0 0;
  border-style: solid;
  padding: 30px 0 16px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  h3.social_bind--border {
    margin: 30px 0 0;
  }
}
.social_bind {
  margin: 0;
  float: left;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .social_bind {width: 33.333%;}
}
.social_bind-title {margin: 20px 0;font-size: 14px;line-height: 18px;text-align: center;}
.social_bind-img {display: block;border-radius: 50%;overflow: hidden;width: 44px;margin: 0 auto;}
.social_bind-name {margin: 10px 0;text-align: center;font-size: 14px;line-height: 23px;}
.social_bind-bind {width: 53px;height: 21px;line-height: 21px;border-color: #ddd;border-width: 1px;border-style: solid;display: block;background-color: #f0f0f0;text-align: center;border-radius: 2px;font-size: 13px;color: #777;margin: 10px auto;}
.account-login-inner .account-login-form a.social_bind-bind:hover {text-decoration: none;}
/*隐藏手机端客服*/
@media screen and (max-width: 768px) {
.go_top a.go_top-service { display: none;}
}

/*营销活动*/

.discount_page .breadcrumb{
   margin: 40px 0 86px;
}
.breadcrumb {
  height: auto;
}
.discount-title{
  font-size: 20px;
  margin-bottom: 10px;
  color: #999999;
}
.discount-item {
  display: inline-block;
  margin: 0 10px 0 0;
}

.discount-item:last-child {
  margin: 0;
}

@media screen and (max-width: 768px){
  .discount_page .breadcrumb{
   margin: 18px 0 8px;
}
  .discount-item {
    display: block;
    margin: 0;
    line-height: 26px;
  }

}

/*底部安全认证*/
#icp-icon {
  margin: 18px 0 0;
  list-style: none;
  overflow: hidden;
  text-align: center;
}
#icp-icon > li {
  display: inline-block;
}
#icp-icon a {
  text-decoration: none;
  display: block;
  line-height: 17px;
  width: 50px;
  padding-left: 42px;
  font-size: 12px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  transition: opacity 0.3s;
  position: relative;
  margin-left : 20px;
}
#icp-icon a:before,
#icp-icon a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 0.3s;
}
#icp-icon a:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
#icp-icon a:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
#icp-icon a:hover:after {
  opacity: 0;
  filter: alpha(opacity=0);
}
@media screen and (max-width: 768px){
    #icp-icon {
        display: none;
    }
}

#icp-icon .icp-icon-1:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjVCOTAwNDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjVCOTAwMzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}
#icp-icon .icp-icon-1:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjZFRjFBRDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjZFRjFBQzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XVzu6AAABGlJREFUeNrMmAlsFWUQx+FZICgopyCHcpPKVZAYDEckMSJXADlEUOQspnJGY6gIAkIIqMELEq6Go8glFuuTACGNDUTjUS4ToBShKUfkEo+Eq9Lyn+S3ZrPZ3betJWGSX9i3fe/b+Wbm+88slUtLSyvdD5YUj8eD/tZNPCp+FVvFSTFe3I649mDxsfhcrBZDRUbQl2MB96uKtaKV+EQ8JD4ogxNmu0S2WCqeEmPF9MCIeD4/LLqLflyvFCdYtKxmTk8Tq8S/4jM2d1H8IfaGOTJVDGP3p8VG0UnUF+vL4Yyl9l3RQywXqaIraUsWxUGpmUItfCGaio5irthTzhq0nX8kduDEERxrKQb4ReQx0UTkiEJxTjQWQ8TO/3EYLCU/g9XbMfEhkbYSOMTz/nNkuOgLFrra5PZwBZ7Q/kS8lpgtBnGarB6LndT0ICJmXcSfFeyEY/t5TgPS9Jxo5K6RG+I3sYWTcvYe6dZ5Il6ErhS4a2SEiHPc6nLuD3qELZUoOVX+IM4u9XlYezFJXEePbJPz+e0VHHlVPCBGEpV8c+QdsYKaGCUGkpYSFrYfjgvYYRFRdNsF9MOxLRStYyYHPZGKWyLTCjjGA5PxbpM47nLCbINIodK9toydua2Z+Ivro+Jl4W5oJpDPiGuiLTVSaI58imCNgm2ehf+msN4Q/3j+1lCke+5ZBB7heryP8xaFDijrXL6fGyOUi8Qrojqh8zNzYobP/TmiNdfjXNemxHkBa6Wi3u9RFjNjdERLx9v0gsKQqs+gG3sbpBOVhfx7Sbweso5l4IA4JV4Qb8ZQ0HUsNsaV3yB7y+fecBZuxOc0cTNkjUUc5W8p2q9iyLgdueeph5QEjuz1qaMaSLbZd/SWMHsJlbXCzbX6S+JodaXfXAipEW9zHOFz/w5RTWRjEdM+4nEnNVnkyZm+jkZY6LJY4nN/XkRVziQDtZl1kmOIj4WyHruxZtQ8wmLWuH53fT7jKtYwG4qGTGQEtb6TmsQxq+dSwAJXAwyzOxTadj6PjthvXkT0rKaqMNeWxKiNTuSsGUpZJeKiXzL82BzzQ8TfWM95kusWoo09O4mue5IKXkiq0vhieoSFndOWyEw7FtPHjtFo+1OsJc5gZI3vKjpgQ+4+8XRER/IiRqKzmMAca9aLWjzrnVmz0INajIc3GP9bVsAcMpD2cJoT1xcBLPQbnq2S65Dz5oxwsxl2a5TTgWriCTaWz6nMZfjKD3rBuoZUO3NlHjOKpeg1saaMTnSgNw3iOTM57hf5W1aiN70VFN8OpvkF4ifyO4n3nqYJ5Lu3+BpZ+F68T4/KZGA+FeWV047vbopquut1wGaHdqSsiFnEawvQoxROo2nGL0R4FuvkR3nldIRqDyRTJx1p/zlMcY1xLM31O5u2JjOR5RD+zWjSN+hVcVlfwh07TojPoANXEaEMhqgGru/2Ip0FbNBqoSYRyQ5zIigiXssG5914JdN+3LMRe/CzdNYfmfjSo1Z25fvlP2ruCjAA1aIXmF5NpNUAAAAASUVORK5CYII=);
}
#icp-icon .icp-icon-2:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjQwM0Y3NDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjQwM0Y3MzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TnNuggAADA9JREFUeNrMV2mMndV5fs75trsvM3f2sWfPeLwOhoABB0gIrh1REElQlVYNkdIiRWlpmqpOU7VKFbqIqj+iSo5aJT8QIYSoKAmJEU2cACI4ojbYDmNsZjwez775zp17527ffvrcGVIzKW3VX+2dH3eZ75zzvs/7vM/zHqGUwv+Hl/6rD2rlG1sfpAVlryD0LkLJLn5PQq2vQEYyQGqd37MQ8b2AvwEt4iOcePH3/MWlY8Ydd/2pCmJTan0MQvOgTD5f1BGu1SEHHwSCxiEXAPsS16YAcQMAbfjbNwL5n0OOMwgHMDTIRCsEvHvDqX/8fOVv/+0h5xUg8cW374s+dvvfI2U9qSqZeeU1nte4sPa/Q+Q/vwSz8KFClxuaENb8iMyuDof1XYfdc5Mf9b7/1AHnR69D5u6H9ZsfQPWbP07az5963Hog8WXj7tZT+u6+l9EUP6vs3NtQRokbcU+jAcv7n/YrjmwrTZ2lCQlxYjfgRFia879lP/mdZ4NpA2F1N4JlCS2RhHHX7TAPs3yGA28iD+8HE/AuTUAkF2EMeECTC/PDg5PRh/9wb2i7jqq/DEVQhW/+N6UR8t13IiEakAaQzTv4NQfnpSf+rP7dnbA+/hkYqRoiu3LQhlr4nI2gsIbQrkN0KUQe64dxJQ3/DH+bq8A7W0Rw9eJg9OHvHJfZWx4PHJuJpnmUgBLqvyhN6L/LWgnlebrMaR1CRPc6p575o/Ljy6PRz/0d4g+Nwp2ZQxh1ENSvA9c3SMgqlGtzjYuwVYdqJSuHFbQYM+2Jw3utB5W/OP3V+FfyMa2r53tqQb0TVKplIYOtpH+9NOHlL2/Vz2wms3/xmP3ia3/jjt2ZUPkQxsGDsD7cg2BlFao9uskbNbYALJVgHO6A3BmD/e1fIpwlFfYngB3c6k0+O1YB6gL+WBnayCpwp4VwX8uS3tl9mPybwrtnp+9/6QYigRllHIwy3WkameAR79l8wn57EbmfHWe71RFMXINqYsl0h124BK3JRFgRCJbY0jmBMM92Hk2xFAVs8ruXv53js8setGaB2tkO5M+WkPpCoaPjo4+1GObOKVUvvo+OoGPzqyhdPY5U6aBxyISzxM3mZ6krDITBICTrlypQi+SAycyTzHZ8Bd4bDDJNzXDqJD1RWHURjOoIXHZdaatMqokBZTVY3QKyOv4VLd72MS7Y6s5Gj/xHjaJtFCoGY698Er6EGEoCVZJtjpDa5ECDaMxcOdSFWg3h6Sn4KyWSNMa15EN3HP5zVxBcKSKcqUNLBRADskG5TS6EtmpoI/QcEyhNHQudtf5QTyEUxnZEpJ5vrLBgibaQYqR18l+SSCzkIXrIdGVDxmLwWQK1QXQsPj65guAS+eKwVV+f26RYWA0RLpNXrL++i6i86G/m7De4meFvqQaLJeo1bcA3W6ZEuIHUtkDSnQg2rjpqIz+NlbV22RqjmtfgTxcgO8mHMol4NWCG7I5CGWqe3Li7A9rRfRB1H/7yGry/PAd1nZI+lIK3weMv+kxQIWBQTAl6h4TuseOu10KqwmVDZ0K+2o5ICF+Dbj1IU5H2EhfsMqD3eggnC8DBFElXga83fCMG7Q4iRNSCg80Ik8zYCMmRGKwvDQFn2NZ9Er4I4L/D8gSiIdBcC8TaJXXHhZSyamkLn4FpPRVqsdltgQQzZ7NiY+w5Lcp9R/ohsh7kriK88xtEoAhVoWjNMsMBbr7XZDmI0rcmyV8BMZJA8Oo6tN1c/Em2v6oCp0vwlxSEKWG7lPdkACMXQRBvgdVkJcTiy4+rzPo69NYTaHuvoNXXSCU4weJkRE+1QcskEbDGdqNjFtYhCDFmWaqflhE2PpNzYYmk3JOGbAkQpkO4syxXRYe35iC86m/xwlCwy0SNfWC2aRAxA97SlNDbk5ApJyGDyvbSaLk21ncZaL8XeudNwPo/w9hVhmhkMVGC1ksP2mh0j4uGVcgUlxIB2cdNPAZ4mwH/Mtt1ibJf8lmCEIElNrXJqysYHQGSA3VEhu6GV22lKv8r94haykpvb99g3S9JlXf0/jvhWfvhllqpmFEYB3jwBAl6vUaN4HuNHtTFVLsVNaZCVCoM1oZ3rbjlOQMhBGU+NBskJUokY2gpJEYbepJhEt0wh46S9AbsuYITrOnbERHGYCFc+N7Ttv3NzwflJuj5eei3HYB5bALOiwxgVmzakZqXkKy58ilGOtvwahXVMNh0eUW+B40/j6SkaKoIa72iYO1RiO1LwJ2Kct+n4GTehH1+vBod/I1/0nbu2I6IMTz4BTX82WhQk7BKb0ETHttsANaxEej7V0k8bStsllTVNfKEh/pUstYWjhs5ZpiFm2ewWgTODDWQnel5Cl6okLqP6DBIu5iBUaMVrL0Go2fPcmR/2yNal/vQNtMLZr+oRJ2dEs8RbmrC6hxqE6uIP/ww/JPfQOmRAvTBBMQOciAShyQ/aierCClS2nCanKDq2jUGHYV/nqNlSmHpeYHkIYHuPwHWxpqRHcgi1cPSsbWFScZrEYH+m38sm//66A0dKa5O+1fO94pIJ4zOVhitGZgNm65mEf30I6i88Oeo/jACPavDfcMnxA60vjTNuhPKihGRGQR6gPXvbsDs1jk4cW4lYG2/y2djOtqP3AotLDLzBc4jjdKVhTKp1mXnmmx+r7IaHT8RzdcedQsO3PEpWEOjiDTRK8ZOcOJ6FNknHoC9ehLe9S50fH0e5mAGYeoeBPIQuUOfakx0xRc4zf0c+Z+kMfcvSez4Yx/pWzy40yyJGqf4NZE3LXTnMvwYCRTlSLGeOKX3vrc040/0ovLqRd8N43axCVYzOyZ/mSMjRSnZCf2mD8GbfhrVS+dReYMS/iZnkBnyYoOdo+i6WgJ6FxEbyiN1U4jmmwWi7UX4pW4GP4z6zAp9hqQ9vA9+lWjZ9DCj/xmp9X3aPPil4Ib7Zm6dVukjvyN9cqElzmmR0uywG3iNCLjIPfMSjLZ7kNh1K+oXBAoXPMSPXcfgDz6BkVdOoO9rOxn0OIqvSsRSPqK9NpwFzieFPhhZDkTM17PZcZEUOUJuBYkZvePo7xu9o8H29m3mfUUNPR/6Ox4NZy6dUHvvNbSdNjYuvAOv0iBYDZmMBTPXjSHO2eV3xrF6UuDa1y5RHwpwCqvoPr4LufsLcM8VUZ0YoX/tQf2taXhqhW5toe2BuzhWlohQaVZrOXobHYkDsLa9faFxcvevAP0feUnG29a8yTO8JFmI7e2B1ddGQeqCP7eAxSfHeGgSyeE+NN2cRO2NU5j71lNoumMPsh/ag8JJDfOndrPjLMQ7XRh7WhDZN4TWT30cvm2hfPp1ot37ipZqYk2vbhJ6+3XCee4+99yz/8Bb2n5/IwgDhyZJrVC0fyPOOSLH6Zxa4C5SPa06op2N4acCe4pzTNenINIprD75DGKd7Yh0ZSHJG2tHgnygtpQtaopJj1mAxbJF+tt9ZRc8ZHpekSO/fVzi3os3TM9rcUSqfX+wMt6waolUjngp+CyLJ9JIKI4F64sws3Rdz0CQJ4+qJUQ6FTbmL2D9uUnkDuQQbaamlAosAf1mmvLfPQCHIwTKs0j05+g5TeSHrwuTQhJP3B7WXFvG3jsqWn2vmns+d8Qc/EhNb2cQfonDMTfQBXlhQq7NbwVgZOCR4/ZCGU6Zhh0dQX0pitSwDrO1E/UpOnCCShvJoXKRg/TKPC9avJhxHBAJIgxag6QftN7yltb92RHNHJncxhEVcupC7JRqOvRBY/eDJyL9e9c1w4W3sgh3ZZldleCliAHMXEdlcoESzpJGY412g55sZwkkZ5M2ElRnMAUUL+VR9+NQug5/bYFXZjq4zjFSb72msqN/BXMnNTe+LPTUr999qaJh48LsXUJi9x9QmL8qKrkjhv3Lo6FrH+CAvldLVSlctPRImhN5C/TiGZJ7N68nUXiLi1Dd9KjubqKVh+TVI9HVELA4DDd+1sodOBcmd7ygUh/4mbBkjUa2dZ5MvN8lfGt+YL/yIbkqEgNPW/142l0T2CisfzDesXFr7GB/lxShLL/889HSdP526Vc4jLxtZw+1a2E9SCuj7XTmyD2zwqsXK4vzV+pl8YtYxrosm/cTDZaETo2g9u5l/H1uev/Xr38XYAB5GdxZ5+L3ZQAAAABJRU5ErkJggg==);
}
#icp-icon .icp-icon-2:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjQwM0Y3ODNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjQwM0Y3NzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}
#icp-icon .icp-icon-3:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjVCOEZGQzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjVCOEZGQjNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}
#icp-icon .icp-icon-3:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjVCOTAwMDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjVCOEZGRjNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}


/* 2.8 文章列表 */
.post-wrapper {
  float: left;
  width: 810px;
  -webkit-box-sizing: border-box;
  -moz-sizing: border-box;
  sizing: border-box;
  margin-top: 20px;
}
.post-side {
  float: right;
  width: 320px;
  margin-top: -270px;
}
.post .wrapper {
  padding-top: 20px;
}
.post .cont {
  width: 100%;
}
.posts-item {
  width: 49%;
  display: inline-block;
  height: 300px;
  position: relative;
}
.posts-item:nth-of-type(2n+1) {
  margin-right: 1.2%;
}
.post-image {
  height: 163px;
  width: 100%;
  position: relative;
  background-color: #f7f5f1;
}
.post-image img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.posts-item-left {
  overflow: hidden;
  text-align: center;
}
.posts-item-left img {
  max-width: 100%;
  max-height: 100%;
}
.posts-item-left img.loading {
  margin-top: 30%;
}
.posts-item-body {
  width: 100%;
  vertical-align: middle;
}
.posts-item-publish_at {
  font-size: 12px;
}
.posts-item-heading {
  width: 100%;
  font-size: 18px;
  line-height: 16px;
  font-weight: 700;
  margin: 14px 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.posts-item-summary {
  font-size: 14px;
  line-height: 1.25;
  margin: 0;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.posts-item .posts-item-tags {
  position: absolute;
  top: 14px;
  width: 53px;
  height: 24px;
  line-height: normal;
  text-align: center;
}
.posts-item .posts-item-tags-tag {
  font-size: 14px;
  text-decoration: none;
  line-height: 24px;
}
.post-dirs-heading {
  line-height: 58px;
  font-size: 16px;
  font-weight: bold;
}
.post-dirs-heading span {
  display: inline-block;
  vertical-align: sub;
  line-height: 16px;
}
.post-dirs-list {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
  border-width: 1px 0 0 0;
  border-style: solid;
  font-size: 14px;
  line-height: 20px;
}
.post-dir-dot {
  margin: 0 12px;
}
.post-dir-dot:after {
  content: '.';
  display: inline-block;
  position: relative;
  top: -4px;
}
.post-dir-1,
.post-dir-2 {
  position: relative;
  margin-top: -1px;
  border-width: 1px 0 0 0;
  border-style: solid;
}
.post-dir-1-box {
  display: block;
  cursor: pointer;
  padding: 14px 0;
}
.post-dirs-sub-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-dir-2-box {
  display: block;
  border-width: 0 0 1px 0;
  border-style: solid;
  cursor: pointer;
  padding: 14px 0 14px 14px;
}
.post-dirs-sub-sub-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-dir-3-box {
  display: block;
  padding: 14px 0 14px 28px;
  cursor: pointer;
}

.post-dir-1-box:hover,
.active > .post-dir-1-box,
.post-dir-2-box:hover,
.active > .post-dir-2-box,
.post-dir-3-box:hover,
.active > .post-dir-3-box {
  color: #65a031;
}

.post-dir-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  width: 34px;
  padding-left: 10px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.post-dir-btn .main-ico-down {
  display: none;
}
.post-dir-btn.dir_off .main-ico-up {
  display: none;
}
.post-dir-btn.dir_off .main-ico-down {
  display: inline-block;
}

/*post tags*/
.post-tags-wrapper {
  padding-bottom: 20px;
}
.post-tags-heading {
  line-height: 58px;
  font-size: 16px;
  border-width: 0 0 1px;
  border-style: solid;
  font-weight: bold;
}
.post-tags-cloud {
  padding-top: 20px;
}
.post-tags-cloud-item {
  display: inline-block;
  line-height: 24px;
  padding: 0 15px;
  margin: 0 10px 10px 0;
  border: 1px solid #d0d0d0;
  border-radius: 12px;
  font-size: 13px;
}
.post-tags-cloud-item:hover,
.post-tags-cloud-item.active {
  color: #fff;
  background-color: #fc326b;
}

.post-info {
  font-size: 12px;
  text-align: center;
}
.post-content {
  padding: 30px 0;
  border-width: 0 0 1px;
  border-style: solid;
  margin-bottom: 10px;
}
.post-content img {
  max-width: 100%;
  height: auto;
}

.post-re-wrapper {
  padding-bottom: 20px;
  margin-top: 180px;
}
.post-re-heading {
  line-height: 58px;
  font-size: 16px;
}
.post-re-heading span {
  display: inline-block;
  vertical-align: sub;
  line-height: 16px;
}
.post-re-list {
  margin-top: 10px;
  border-width: 1px 0 0 0;
  border-style: solid;
}
.post-re-each {
  display: block;
  position: relative;
  line-height: 20px;
  padding: 10px 0 10px 15px;
  font-size: 14px;
  border-width: 0 0 1px;
  border-style: solid;
}
.post-re-each:hover {
  color: #55aa77;
}
.post-re-each-dot{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  top: -3px;
}
.post-re-each-dot:before {
  content: '.';
  display: inline-block;
}

.post-bottom {
  position: relative;
  padding: 0 0 30px;
  margin-bottom: 60px;
}
.post-bottom .posts-item-tags {
  padding-right: 120px;
  float: left;
}
.post-bottom .posts-item-tags-tag {
  border: 1px solid #d0d0d0;
  padding: 0 5px;
  border-radius: 5px;
  margin-right: 10px;
}

.post-bottom .share_box {
  float: right;
}
.post-bottom .sharewrap {
  position: absolute;
  top: -5px;
  right: 50px;
  width: 120px;
}
.post-re-list-tip {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
}
/*post-hot*/
.post-hot-heading {
  line-height: 58px;
  font-size: 16px;
  border-width: 0 0 1px;
  border-style: solid;
  font-weight: bold;
}

.post-add {
  margin-top: 275px;
}

.post-add-grid {
  width: 100%;
  height: 80px;
  margin: 10px 0;
  position: relative;
}

.post-add-grid .post-add-img {
  width: 132px;
  height: 54px;
  background-color: #f7f5f1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
}

.post-add-grid .post-add-img img  {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.post-add-content {
  width: 55%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.post-add-grid h4 {
  font-weight: bold;
}

.post-add-grid p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
@media screen and (max-width:768px) {
  .post-wrapper {
    float: none;
    padding-right: 0;
  }
  .post-side {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .posts-item {
    padding: 15px 0;
  }
  .posts-item-left {
    width: 102px;
    height: 70px;
  }
  .posts-item-heading {
    font-size: 16px;
    margin: 7px 0;
  }
  .posts-item-tags {
    margin-top: 8px;
  }
  .post-dirs-heading,
  .post-tags-heading,
  .post-re-heading {
    line-height: 30px;
    font-size: 12px;
    padding-left: 5px;
    border-radius: 3px;
    background-color: #f8f8f8;
  }
  .post-dirs-heading span,
  .post-tags-heading span,
  .post-re-heading span {
    vertical-align: middle;
    line-height: 12px;
    border: none;
  }
  .post-dirs-list {
    font-size: 12px;
  }
  .post-dir-1-box:hover,
  .active > .post-dir-1-box,
  .post-dir-2-box:hover,
  .active > .post-dir-2-box,
  .post-dir-3-box:hover,
  .active > .post-dir-3-box {
    background: none;
  }
  .post-dir-1, .post-dir-2 {
    border: none;
  }
  .post-dir-1-box {
    padding: 7px 0;
    border: none;
  }
  .post-dir-2-box {
    padding: 7px 0 7px 14px;
    border: none;
  }
  .post-dir-3-box {
    padding: 7px 0 7px 28px;
  }
  .post-tags-cloud {
    padding-top: 10px;
  }
  .post-tags-cloud-item {
    font-size: 12px;
    line-height: 20px;
  }
  .post-wrapper .pageTitle {
    line-height: 30px;
    padding-bottom: 10px;
    font-size: 22px;
  }
  .post-content {
    padding: 15px 0;
  }
  .post-re-list {
    margin: 0;
    border: none;
  }
  .post-bottom {
    padding-bottom: 15px;
  }
  .post-bottom .sharewrap {
    position: static;
    display: inline-block;
    margin: 0 -5px 0 0;
    vertical-align: middle;
  }
  .post-bottom .posts-item-tags {
    padding: 0 0 10px 0;
    margin-top: 6px !important;
    float:none;
  }
  .post-bottom .posts-item-tags-tag{
    border: 1px solid #d0d0d0;
    border-radius: 5px;
  }
  .post-re-each {
    font-size: 12px;
  }
  .post-re-list-tip {
    font-size: 12px;
  }
}

/* 分页 */
.prolist-spfilter {padding-top: 10px !important;}
.prolist-spfilter .prolist-spfilter-pagenation-prev, .prolist-spfilter .prolist-spfilter-pagenation-next {width:52px;height:34px;line-height:34px;}
.prolist-spfilter .prolist-spfilter-pagenation {height:34px;line-height:34px;}
.prolist-spfilter .prolist-spfilter-pagenation-prev {right:57px;}
.prolist-spfilter .prolist-spfilter-pagenation-status {right:126px;}
.prolist-spfilter .prolist-spfilter-head {font-weight: 400;}
.prolist-spfilter-pagenation {text-align: center !important;padding-bottom: 60px;margin:0 auto;}
.prolist-spfilter-pagenation .active {color: #fc326b}
/*分页按钮*/
.settings-mainBtnDisabled_background{background-color:#e0e0e0}
.settings-mainBtnDisabled_color{color:#a3a3a3}
/* 社会分享 */

.pro-detail-inner .pro-detail-left{float:left}
.pro-detail-inner .pro-detail-left .pro-detail-gallery{float:none}
.pro-detail-inner .pro-detail-left .sharewrap{width:400px;margin-top:10px}
.pro-detail-inner .pro-detail-left .bdsharebuttonbox{float:right}

@media screen and (max-width:768px){
.pro-detail-inner .pro-detail-left{width:100%;float:none}
.pro-detail-inner .pro-detail-left .sharewrap{width:100%}
.prolist-spfilter .prolist-spfilter-pagenation-next,
.prolist-spfilter .prolist-spfilter-pagenation-prev {width: 32px;}
.prolist-spfilter .prolist-spfilter-pagenation-prev {right:38px;}
.prolist-spfilter .prolist-spfilter-page {width: 100px; vertical-align: top;}
.prolist-spfilter .prolist-spfilter-pagenation-status {right: 76px;}
.pro-detail-inner .pro-detail-gallery-list { width: 100%; }
.pro-detail-inner .pro-detail-gallery-list .pro-detail-gallery-list-prev { left: -5px; }
.pro-detail-inner .pro-detail-gallery-list .pro-detail-gallery-list-next { right: -5px; }
}

.post .wrap {
  padding-top: 20px;
}



/* 基础页面 样式重置 */

.log-block-outer {
  background-color: #f2f2f2;
}

.btn-primary {
  color: #fff;
  background-color: #1f76c8;
  border-color: #1f76c8;
}

.order-detail {
  padding: 0;
}

#yhsd_topCart {
  z-index: 999;
}

.hover_cart {
  display: none;
  transition: all 0.5s ease;
  z-index: 999;
  position: absolute;
  top: 40px;
  right: 0px;
  background: white;
  border: 1px solid #ededed;
  border-radius: 5px;
}
#yhsd_topCart:hover .hover_cart{
  display: block;
  z-index: 999;
  padding: 10px 10px;
  min-width: 228px;
}
.hover_cart .topCart-submit {
  width: 100%;
  display: block;
  height: 50px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 50px;
  margin-top: 20px;
  background-color: #fc326b
}
.topCart-each-desc {
  opacity: 0;
}
.topCart-each {
  text-align: left;
}
.topCart-each-del {
  color: #000 !important;
}

@media screen and (max-width: 1024px) {
    .wrapper-list-2 li:nth-of-type(1) {
      display: none;
    }

    .wrapper-list .sale-pro {
      width: 23%;
    }

    .reco-detail a {
      bottom: 65px;
      right: 40px;
      padding: 6px 15px;
    }
    .reco-detail h4 {
      font-size: 12px;
    }

    .reco-detail .sale-price {
      margin-left: 45px;
    }

    .reco-list .reco-text a {
      right: 0px;
    }

    .wrapper-list-2 {
      position: relative;
    }

    .time-blocks {
      text-align: center;
      position: absolute;
      right: 15px;
      top: 60px;
    }

    .search-ipt {
      width: 200px;
    }

    .header-log {
      left: 65%;
    }

    .wrapper-nav li {
      padding: 0 30px;
    }
    .sale-detail p span {
      font-size: 16px;
    }
    .reco-detail .sale-price span {
      font-size: 20px !important;
    }
}

@media screen and (max-width: 768px) {
  .reco-detail a {
    bottom: 20px;
    right: 5px;
  }

  .search-ipt {
    width: 200px !important;
  }

  .header-log {
    margin-left: 60% !important;
  }
}

@media screen and (max-width: 840px) {
  .reco-list li {
    width: 22.2%;
    margin-left: 1.5%;
  }

  .reco-list .reco-text {
    top: 150px;
  }

  .reco-list .reco-text a {
    left: 0px;
    top: 90px;
    text-align: center;
  }
}

@media screen and (max-width: 940px) {
  .wrapper-message .middle-image img{
    display: none !important;
  }

  .wrapper-message .pro-new {
    display: inline-block !important;
  }

  .footer-index {
    padding: 0 20px;
  }
}

@media screen and (max-width: 420px) {
  .wrapper-list-1 li {
    width: 46%;
    margin: 1% 1% 1% 1% !important;
  }
  .blog_cont {
    width: 80%;
  }
  .pageTitle {
    text-align: left;
  }
  .post-slide, .post-wrapper, .post-wrapper {
    width: 100% !important;
  }
  .post-re-wrapper {
    margin-top: 0px;
  }
  .circle {
    width: 63px;
    height: 63px;
    top: 15px;
    left: 9px;
  }

  .circle span:first-child {
    font-size: 12px;
  }
  .circle span:last-child {
    font-size: 12px !important;
    line-height: 12px;
    vertical-align: baseline;
  }
  .circle .detail {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .list-detail p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .wrapper-list-1 li h2 {
    font-size: 16px;
  }

  .circle span:last-child {
    font-size: 20px;
  }

  .wrapper-proList {
    margin-top: 90px;
  }

  .time-blocks {
    position: absolute;
    top: 100px;
    left: 0;
    margin-left: -30px;
  }

  .wrapper-list .sale-pro {
    width: 47%;
    height: 300px;
    margin-left: 0px !important;
  }

  .wrapper-reco .wrapper-proList {
    margin-top: 17.5px;
  }

  .reco-list li {
    width: 47%;
    margin-left: 0;
    height: 300px;
  }

  .reco-list li .reco-img {
    height: 40%;
    border-bottom: 1px solid #e9e9e9;
    width: calc(100% - 1px);
  }

  .reco-list .reco-text {
    top: calc(40% + 20px);
  }

  .reco-list .reco-text h3 {
    font-size: 15px;
    line-height: 15px;
  }

  .reco-list .reco-text p {
    margin-top: 10px;
    font-size: 12px;
  }

  .reco-list .reco-text a {
    padding: 5px 35px !important;
    max-width: 160px;
    font-size: 16px !important;
  }

  .reco-list .reco-text p:nth-of-type(2) {
    margin-top: 15px;
  }

  .reco-list .reco-text p:nth-of-type(2) span {
    font-size: 20px;
  }

  .wrapper-message .pro-new {
    display: block !important;
    margin-left: 10px;
    margin-top: -1px;
    border-radius: 0px;
  }
  .wrapper-message {
    padding-top: 35px;
  }

  .wrapper-message .wrapper-title {
    padding: 0;
    padding-bottom: 40px;
  }

  .footer {
    display: none;
  }

  .wrapper-message div {
    margin-right: auto;
    display: block;
  }

  .comment {
    width: 95%;
    margin: auto;
    box-sizing: border-box;
    border-radius: 0px;
  }
  .comment .com-list::after {
    box-sizing: border-box;
    bottom: 2px;
  }
  .wrapper-message .pro-new {
    width: 95%;
  }

  .sale-detail a {
    padding: 5px 36px !important;
    left: 10px;
    transform:none;
    width: 136px;
  }
  .wrapper-index li {
    width: 46%;
    margin: 1% 1%;
  }

  .wrapper-index li:nth-child(4) {
    width: 46%;
    margin: 1% 1%;
  }

  .menu_header {
    height: 60px;
    position: relative;
    background-color: #fff;
  }

  .menu_header  img {
    max-height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  #menu-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    left: 20px;
  }
  .nav-link {
    display: block;
  }
  .nav-link, .nav-sublink, .nav-endlink {
    font-size: 24px;
    line-height: 32px;
  }

  .wrapper-mobile_nav {
    z-index: 999;
  }

  .move_left {
    left: 0 !important;
  }

  .sale-detail p span {
    font-size: 24px;
  }

  .pro_list-grid {
    margin: 0 !important;
  }

  .grid-item-text-name {
    width: 100%;
  }

  .pro_list_filter-pro-item-name::after {
    display: none;
  }

  .pro_list_title {
    display: none;
  }
  .pro_desc {
    width: 100%;
  }
  .pro_desc .pro_desc-list {
    padding-left: 0px;
  }
  .pro_detail-quantity {
    padding: 0;
  }
  .pro_detail-quantity-btn {
    height: 26px;
    margin: 0 20px;
  }

  .pro_detail-quantity-btn-d {
    height: 26px;
    line-height: 26px;
  }

  .pro_detail-quantity-btn-a {
    height: 26px;
    line-height: 26px;
  }
  .pro_detail-quantity-btn-input {
    height: 26px;
    line-height: 26px;
  }
  .pro_detail-old_price {
    line-height: 40px;
  }
  .pro_detail-sub {
    padding: 0;
  }
  .pro-detail-sub-each h3 {
    margin-right: 20px;
  }
  .pro_detail-addBtn-addCart {
    margin-left: 0;
  }
  .pro_cont .pro_list_comm ul {
    text-align: center;
  }
  .pro_desc-cont  {
    display: none;
  }
  .post-dirs-wrapper {
    display: none;
  }
  .post-side {
    margin-top: 100px;
    width: 100% !important;
  }
  .post {
    width: 100%;
    text-align: left;
  }
  .posts-item {
    width: 95%;
  }
  .posts-item {
    height: 250px;
  }
  .post-wrapper {
    width: 100%;
  }
  .post-wrapper .pageTitle {
    width: 100%;
    text-align: center;
  }
  .breadcrumb-inner {
    margin-left: 10px;
  }
  .pro_list_wrap {
    max-width: 95%;
  }
  .pro_list_filter-order-item-each {
    padding: 0;
    text-align: center;
    width: 47%;
  }
  .pro_list_filter-order-item-each i {
    display: none;
  }
  .pro_list_filter-pro-item-name .icon-down-trangle:before {
    display: none;
  }
  .blog-side {
    display: none;
  }
  .blogs_list-item--wrap {
    width: 95%;
  }
  .blogs_list-item-info-author-link {
    width: 30px;
    height: 30px;
  }
  .blog_cont-bg {
    width: 100%;
    margin: 0 auto;
  }
  .blog_cont_fix .post-add {
    display: none;
  }
  .blog_cont-head-nav-prev {
    left: 20px;
  }
  .blog_cont-head-nav-next {
    right: 20px;
  }
  .pro_detail-price-bg img {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 50px;
  }
  .pro_detail-addBtn-addCart {
    width: 150px;
    margin-right: 5px;
  }
  .pro_list_filter-order-item-check {
    margin: 0;
  }
  .pro_wrap {
    width: 95%;
  }
  .time-blocks span {
    font-size: 14px;
  }
  .blog_cont-footer-tags-items {
    padding: 0;
  }
  .reco-list .reco-text a {
    left: 0px;
    transform: none;
    width: 136px;
    max-width: 160px;
  }
  .comment .com-list p {
    padding: 0px;
  }
  .post-add-content {
    width: 60%;
  }
  .post-add {
    margin-top: 60px;
  }
  #go_top a div span{
    display: none;
  }
  .pro_detail-addBtn a:nth-of-type(3) {
    display: none;
  }
  .grid-item {
    width: 49%;
    margin-top: 2%;
  }
  .grid-item:nth-of-type(2n+1){
    margin-right: 2%;
  }
  .grid-item-a--wrap, .grid-item-text-wrap {
    height: 130px;
  }
  .grid-item-buy-btn {
    bottom: 10px;
    left: 10px;
    width: 100px;
  }
  .grid-item-buy-price {
    margin-top: 5px;
  }
  .pro_list_comm {
    margin-top: 20px;
  }
  .pro_cont .pro_list_comm li {
    width: 48%;
  }
}
@media screen and (max-width: 360px) {
  .wrapper-index li {
    width: 42%;
    margin: 1% 1%;
  }

  .wrapper-index li:nth-child(4) {
    width: 42%;
    margin: 1% 1%;
  }
  .pro_list_comm li span {
    font-size: 18px;
  }
  .pro_list_comm li p:nth-of-type(1) {
    bottom: 23px;
    left: 10px;
  }
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  /*-webkit-transform: perspective(1px) translateZ(0);*/
  transform: perspective(0) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #363636;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.close-button {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fefefe;
  top: 60px;
  right: 10px;
  border-radius: 50%;
  text-align: center;
}
.close-button span {
  display: block;
  height: 100%;
  line-height: 20px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .reco-list .reco-text a {
    padding: 3.5px 15px;
    font-size: 12px;
  }
  .reco-detail .sale-price {
    margin: 50px 0 0 40px;
  }
  .reco-detail .sale-price span {
    font-size: 24px;
  }
}

@media screen and (max-width: 420px) {
  .icon-pc-gerenzhongxin:before, .icon-pc-gouwuche:before {
    font-size: 20px;
    font-style: normal;
    color: gray;
    font-weight: 300;
  }
  .is_mobile {
    display: none !important;
  }
  .post-slide {
    height: 150px !important;
  }
  .pro_list_comm li h4 {
    text-align: left;
  }
  .pro_list_comm li p:nth-of-type(1) {
    left: 10px !important;
  }
  h2 {
    font-size: 20px;
  }
  .sub {
    font-size: 12px;
  }
  .wrapper-title {
    position: relative;
  }
  .wrapper-title .sub {
    position: absolute;
    top: 29px;
    left: 0px;
    padding-left: 0px;
  }
  .nav-endlink, .nav-sublink {
    display: none;
  }
  .mobile_nav {
    height: 100vh;
    width: 220px;
    position: absolute;
    top: 0px;
    left: -220px;
    z-index: 999;
    background-color: #fff;
    transition: 0.5s all ease;
  }
  .slidesjs-navigation {
    display: none;
  }
  .slidesjs-pagination {
    display: none;
  }
  .wrapper-index .overplay span {
    display: none ;
  }
  .wrapper-index .overplay h2 {
    transform: none;
  }
  .slick-slide img {
    width: 100vw;
  }
  .wrapper-index {
    padding: 35px 0;
  }
  .wrapper-index h2 {
    position: relative;
  }
  .wrapper-index .sub{
    position: absolute;
    top: 29px;
    left: 0px;
    padding-left: 0px;
  }
  .wrapper-index  ul {
    margin: 0px;
    padding: 40px 0 0 0;
  }

  .wrapper-list-1 li:nth-of-type(1) {
    margin-top: 0px !important;
  }

  .wrapper-list-1 li:nth-of-type(2) {
    margin-top: 0px !important;
  }

  .wrapper-index li {
    margin: 0 1%;
  }

  .wrapper-index li:nth-child(1) {
    margin-bottom: 1%;
  }

  .wrapper-index li:nth-child(2) {
    margin-bottom: 1%;
  }

  .wrapper-index li:nth-child(4) {
    margin: 0 1%;
  }

  .wrapper-index li img {
    display: block;
  }

  .wrapper-list-1, .wrapper-list-2 {
    padding-top: 35px;
  }
  .wrapper-list ul {
    margin: 0px;
    padding-top: 40px;
  }
  .wrapper-list-2 ul{
    padding-top: 11px;
  }
  .wrapper-index li .overplay {
    position: absolute;
    top: 75%;
    right: 10px;
  }

  .wrapper-index li .overplay h2 {
    font-size: 16px;
  }

  .wrapper-list .list-detail h2 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .wrapper-list .list-detail p {
    font-size: 12px;
    margin: 0px;
    line-height: 16px;
    text-align: justify;
  }
  .wrapper-list-1 li .list-detail {
    bottom: 30px;
  }
  .time-blocks div {
    width: 25px;
    height: 25px;
  }
  .time-blocks div span {
    line-height: 25px;
  }
  .time-blocks {
    top:30px;
    right: 10px;
    left: auto;
  }
  .wrapper-proList {
    margin-top: 0px;
  }
  .wrapper-list-2 h2{
    line-height: 25px;
  }
  .sale-detail {
    width: calc(100% - 20px);
    height: calc(60% - 45px);
    padding: 20px 10px 25px 10px;
  }
  .sale-detail h3 {
    font-size: 15px;
    line-height: 15px;
  }
  .sale-detail a {
    bottom: 30px;
  }
  .sale-detail p span {
    font-size: 20px;
  }
  .sale-detail .current-price {
    top: 65px;
    left: 10px;
  }
  .sale-detail .primary-price {
    top: 90px;
    right: 0px;
    left: 10px;
  }
  .wrapper-list-2 {
    padding-bottom: 35px;
  }
  .wrapper-reco .wrapper-title {
    padding: 0px;
    padding-bottom: 40px;
  }
  .wrapper-reco {
    padding: 35px 0;
  }
  .reco-detail img {
    display: none;
  }
  .wrapper-reco .reco-detail {
    width: 100%;
    border: 1px solid #dadada;
    height: 274px;
  }
  .reco-detail::before {
    display: none;
  }
  .wrapper-reco .pro_img img{
    width: 100%;
  }
  .reco-detail {
    margin-top: -8px;
  }
  .reco-detail h1 {
    margin-top: 35px;
    width: calc(100% - 50px);
  }
  .reco-detail h4 {
    width: calc(100% - 50px);
  }
  .reco-detail .wrapper_5_content {
    width: calc(100% - 50px);
    -webkit-line-clamp: 4;
    margin-top: 20px;
    line-height: 24px;
  }
  .reco-detail a {
    position: absolute;
    display: block;
    width: 150px;
    height: 32px;
    margin: 0;
    margin-top: 10px;
    bottom: 35px;
    right: 25px;
  }
  .reco-detail h4 {
    margin-top: 20px;
  }
  .reco-detail h4::before {
    height: 28px;
    top: -6px;
  }
  .reco-detail .sale-price {
    margin-top: 15px;
  }
  .reco-detail .sale-price span {
    font-size: 22px;
  }
  .reco-list {
    width: 100%;
  }
  .proList-inner {
    overflow: visible;
  }

  .mobile_nav_menu {
    margin-top: -15px;
  }
  #yhsd-header-search-ipt {
    height: 23px;
  }
  .header-log {
    width: auto;
    border-style: none;
    margin: 0 !important;
    left: 80%;
    height: 60px;
    line-height: 60px;
  }
  .header-search-ico {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
  }
  .search-ipt {
    width: 150px !important;
    margin-left: 30px;
    height: 26px;
    padding-left: 10px;
    font-size: 10px;
  }
  .cart-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 360px) {
  .com-list .user-logo {
    width: 40px;
    height: 40px;
  }

  .comment .com-list::before {
    left: 70px;
  }

  .comment .com-list .user-com {
    width: 50px;
    height: 50px;
  }
  .comment .com-list p {
    width: 150px;
  }
  .com-list p span:nth-of-type(1) {
    left: -10px;
  }
  .com-list p span:nth-of-type(2) {
    right: 0px;
    bottom: -40px;
  }
}

@media screen and (max-width: 320px) {
  .pro_detail-gallery-list-box-item{
    width:85px;
    height:85px;
    line-height: 83px;
  }

  .reco-detail a {
    width:120px;
    bottom: 15px;
  }
  .comment .com-list::before {
    left: 67px;
  }
  .comment .com-list .user-com {
    left: 85px;
  }
  .comment .com-list p {
    left: 150px;
  }
  .wrapper-message .pro-new {
    margin-left: 8px;
  }
  .pro_list_comm li p:nth-of-type(1) {
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
  }
  .pro_list_comm .primary-price {
    bottom: 10px;
    right: 50%;
    transform: translateX(50%);
  }
  .pro_detail-addBtn-addCart {
    height: 40px;
    line-height: 40px;
    width: 120px;
  }
  .pro_detail-quantity-btn {
    margin: 0px;
  }
  .pro_detail-desc {
    height: 26px;
    line-height: 26px;
  }
  .pro-detail-sub-each h3 {
    margin-right: 0px;
  }
  .pro-detail-sub-each-wrap a {
    padding: 0 10px;
  }
}

.account-tags li.search i {
  margin-top: 4px;
}

@media screen and (min-width: 1920px) {
  .header {
    height:110px;
    position: relative;
  }

  .wrapper-logo {
    max-width: 200px;
    max-height: 100px;
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .wrapper-logo img {
    max-width: 100%;
    max-height: 100%;
  }

  .header-search {
    width: 368px;
    height: 40px;
    opacity: 1;
    left: 34.6%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .search-ipt {
    width: 328px;
    height: 40px;
    padding-left: 40px;
    border-style: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
  }

  .search-ipt:focus {
    border-color: #fc326b
  }

  .header-search-ico {
    position: absolute;
    left: 10px;
    z-index: 10;
  }

  .header-search-ico  .iconfont {
    line-height: 40px;
  }

  .header-log {
    width: 130px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 76.25%;
    line-height: 40px;
    text-align: center;
  }

  .topCart {
    position: absolute;
    width: 109px;
    height: 40px;
    line-height: 20px;
    box-sizing: border-box;
    background: #2e2e2e;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: block !important;
    border-style: none;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
  }

  .topCart i {
    color: #ffffff;
  }

  .topCart .quantity {
    width: 28px;
    height: 28px;
    background-color: #fc326b;
    border: 1px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -13px;
    right: -13px;
  }

  .topCart-quantity {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }

  .slidesjs-navigation {
    display: block;
  }

  .slidesjs-stop, .slidesjs-play {
    display: none;
  }
}
/* 收藏功能 */
.pro-detail-gallery-other {
  margin-top: 10px;
  padding-right: 2.5%;
  text-align: right;
}
.pro-detail-gallery-other .sharewrap {
  display: inline-block;
  vertical-align: middle;
}

.post-bottom .x-favorite {
  position: absolute;
  top: 1px;
  right: 0;
}
@media screen and (max-width: 768px){
  .pro-detail-gallery-other {
    margin-top: 15px;
    width: auto;
  }
  .post-bottom .x-favorite {
    position: static;
    margin: 1px 0 0 0;
  }
}
/* End 收藏功能 */