/*
Theme Name: Clean
Theme URI: https://themes.youhaosuda.com/
Author: Yongd
Author URI: http://tiancaiui.com
Description: YHSD Theme Main Css
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* ========================================= */
/* $TABLE OF CONTENTS                        */
/* ========================================= */
/*
   > $HEADER
      > #TOPBAR
      > #HEADER
      > #NAV
   > $HOME
      > SLIDE
      > PICSHOW
      > NEW
      > RECOMMAND
      > ABOUT
      > ACTIVITY
   > $FOOTER
   > $PRODUCT_LIST
      > BREADCRUMBS
      > PRODUCTS_FILTER
      > FILTER
      > PRODUCT_LIST
      > PAGINATION
   > $PRODUCT-DETAIL
   > $BLOG
      > BLOGLIST
      > BLOG
   > $CART
   > $GOTOP
   > $ACCOUNT
      > REGISTER
      > LOGIN
      > FORGET_PASSWORD
      > INDEX
      > ORDER
   > $SYSTEM
*/
/* ========================================= */
/* $HEADER                                   */
/* ========================================= */
/*  #TOPBAR
/* ======================= */
ol, ul {
   list-style: none;
}
.topbar{
  height: 40px;
  border-bottom:1px #d9d9d9 solid;
}
   .topbar .columns+.columns:last-child{
      float:right;
   }
      .topbar .inline-list{
         margin-bottom: 0;
      }
      .topbar .account,
         .topbar a,
            .topbar i{
               font-size:0.8rem;
               line-height: 39px;
            }
            .topbar i{
               padding-right:2px;
            }
         .topbar .qrcode .qrcode-img{
            position: absolute;
            top:70px;
            left:10px;
            width: 110px;
            height: 110px;
            padding:5px;
            background-color: #ffffff;
            opacity: 0;
            filter: alpha(opacity=0);
         }
         .topbar .qrcode:hover .qrcode-img{
            top:40px;
            opacity: 1;
            z-index: 5;
            filter: alpha(opacity=100);
         }
         .topbar .account a{
            margin-left: 1.375rem;
         }
.is_mobile .topbar .account a{
   margin-left:5px;
}
/*  #HEADER
/* ======================= */
.logo h1{
   font-size: 2.5rem;
   margin:0;
   white-space: nowrap;
}
   .logo h1 img{
      max-height: 100px;
   }
   .logo h1 strong{
      font-weight: normal;
      line-height: 2.45;
   }
      .header-search{
         width: 70%;
      }
         .header-search .search-ipt{
            background: #ffffff;
            border-width:4px;
            border-style:solid;
            line-height: 1.8rem;
            line-height: 16px\9;
            padding-left:5px;
            width:100%;
            border-radius:0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
         }
         .is_mobile .header-search .search-ipt{
            line-height: normal;
            padding:6px 8px;
         }
            ::-webkit-input-placeholder{
               color:#999999;
            }
            ::-moz-placeholder{
               color:#999999;
            }
            :-ms-input-placeholder{
               color:#999999;
            }
.header-search-button{
   margin-left:3%;
   width: 16%;
   height: 2.3125rem;
   padding: 0.5rem;
   color:#fff;
   outline: none;
}
   .header-search-button i{
      display: none;
   }
   .header .columns+.columns:last-child{
   	  float: right;
   }
.header .tips{
   margin-left: 0;
   height: 46px;
}
   .header .tips li{
      display: inline-block;
      width: 155px;
      margin-left: 15px;
      text-align: left;
      height: 40px;
      overflow: hidden;
   }
   .header .tips li:first-child{
      margin-left: 0;
      width: 140px;
   }
      .header .tips i{
         font-size:1.8rem;
         padding-top:5px;
      }
      .header .tips span{
         font-size:0.8rem;
         width: 110px;
         padding-left:7px;
      }
      .header .tips li:last-child span{
         width: 125px;
      }
@media screen and (max-width: 1070px){
   .header .medium-4{
      padding-left: 0;
   }
}
@media screen and (max-width: 990px){
   .header .medium-5{
      width: 60%;
      float: right;
   }
      .header-search{
         width: 80%;
      }
   .header .show-for-medium-up{
      display: none!important;
   }
}
@media screen and (max-width: 768px){
   .header {
       padding: 0;
   }
}
@media screen and (max-width: 641px){
   .header .medium-3{
      width: 40%;
   }
   .header .medium-5{
      width: 60%;
   }
}
@media screen and (max-width: 550px){
   .header-search{
      width: 70%;
   }
   .header-search-button{
      width: 24%;
   }
}
@media screen and (max-width: 500px){
   .logo h1 strong{
         font-size:2rem;
      }
}
@media screen and (max-width: 385px){
   .header-search-button{
      font-size: 0;
   }
   .header-search-button i{
      display: block;
      font-size: 0.8rem;
   }

}
@media screen and (max-width: 365px){
   .logo h1 strong{
         font-size:1.5rem;
      }

}
/*  #NAV
/* ======================= */
.nav{
   height: 44px;
   position: relative;
}

      .nav-link{
         margin:0;
         height: 44px;
         overflow: hidden;
      }
      .nav-link > li{
         float: left;
         position: relative;
      }
         .nav-link > li > a{
            display:block;
            padding:0 1.6rem;
            height: 44px;
            line-height: 44px;
            font-size: 0.9rem;
         }
            .nav-link > li > a > i{
               font-size: 0.8rem;
            }
            .nav-link > li:hover > a > i{
               will-change: transform;
               transform:rotate(180deg);
               -webkit-transform:rotate(180deg);
               -moz-transform:rotate(180deg);
               -o-transform:rotate(180deg);
               -ms-transform:rotate(180deg);
            }
         .nav-sublink{
            position: absolute;
            left: 2px;
            top: 100%;
            z-index: 100;
            border-width:1px;
            border-style:solid;
            border-top:none;
            width: 200px;
            padding: 10px 0;
            overflow: hidden;
            max-height: 0px;
            max-width: 0px;
            vertical-align: top;
            -webkit-transform: perspective( 600px ) rotateX( -90deg );
            -moz-transform: perspective( 600px ) rotateX( -90deg );
            -ms-transform: perspective( 600px ) rotateX( -90deg );
            -o-transform: perspective( 600px ) rotateX( -90deg );
            transform: perspective( 600px ) rotateX( -90deg );
            -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
            -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
            transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
            -webkit-transform-origin: 0% 0%;
            -moz-transform-origin: 0% 0%;
            -ms-transform-origin: 0% 0%;
            -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-box-shadow: 0px 4px 13px -3px #808080;
            -moz-box-shadow: 0px 4px 13px -3px #808080;
            -ms-box-shadow: 0px 4px 13px -3px #808080;
            -o-box-shadow: 0px 4px 13px -3px #808080;
            box-shadow: 0px 4px 13px -3px #808080;
            display:none\9;
         }
         .nav-link > li:hover .nav-sublink{
            will-change: transform;
            overflow: visible;
            max-height: 3000px;
            max-width: 3000px;
            -webkit-transform: perspective( 600px ) rotateX( 0deg );
            -moz-transform: perspective( 600px ) rotateX( 0deg );
            -ms-transform: perspective( 600px ) rotateX( 0deg );
            -o-transform: perspective( 600px ) rotateX( 0deg );
            transform: perspective( 600px ) rotateX( 0deg );
            -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
            -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
            transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
            display:block\9;
         }
            .nav-sublink ul{
               margin-left:20px;
            }
            .nav-sublink > ul > li{
               line-height: 2rem;
               font-size: 0.9rem;
               position: relative;
            }
               .nav-sublink > ul > li > a i{
                  padding-right: 6px;
               }
               .nav-sublink > ul > li > a:hover i{
                  padding-right: 8px;
               }
               .nav-sublink > ul > li > i{
                  line-height: 2rem;
                  padding-right: 0.8rem;
               }
               .nav-sublink-children{
                  position: absolute;
                  left:9.9rem;
                  top:-0.5rem;
                  width: 11.4rem;
                  display: none;
                  background-color: #ffffff;
                  padding:10px;
                  webkit-box-shadow: 0px 4px 13px -3px #808080;
                  -moz-box-shadow: 0px 4px 13px -3px #808080;
                  -ms-box-shadow: 0px 4px 13px -3px #808080;
                  -o-box-shadow: 0px 4px 13px -3px #808080;
                  box-shadow: 0px 4px 13px -3px #808080;
               }
               .nav-sublink > ul > li:hover .nav-sublink-children{
                  display: block;
               }
                  .nav-sublink-children li{
                     line-height: 2rem;
                     font-size: 0.9rem;
                     padding-left: 0.5rem;
                     list-style: none;
                  }
      .nav-link-mobile{
         display: none;
         padding-left: 0.5rem;
         line-height: 44px;
         font-size: 1.2rem;
      }
   .header-cart{
      height: 44px;
   }
      #yhsd_topCart_show{
         color:#fff;
      }
         #yhsd_topCart_show a:after{
            position: absolute;
            content: "";
            width: 500%;
            height: 44px;
            top: 0;
            left: 100%;
         }
         #yhsd_topCart_show a{
            padding-left: 34px;
            display: block;
            font-size: 0.8rem;
            height: 44px;
            line-height: 1.1rem;
            word-break: break-all;
            width:190px;
         }
            .cart-title{
               display: block;
               padding-top: 6px;
            }
            .cart-title:before{
               top: 0;
               content: "";
               width: 50px;
               height: 44px;
               position: absolute;
               left: 0;
               background: url('//asset.ibanquan.com/s/41416/692/sprite?design_theme_id=0&v=1563007036_1686475285') 14px 9px no-repeat;
            }
            /* high-resolution devices */
            @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
            only screen and (-moz-min-device-pixel-ratio: 1.5),
            only screen and (-o-min-device-pixel-ratio: 3/2),
            only screen and (min-device-pixel-ratio: 1.5) {
               .cart-title:before{
                  background-image: url('//asset.ibanquan.com/s/41416/692/cart.%402x?design_theme_id=0&v=1563007036_1686475285');
                  background-position: 18px 9px;
                  background-size: 24px 28px;
               }
            }
      .cart-item-list{
         position: absolute;
         display:none;
         right: 0;
         width: 18rem;
         z-index: 100;
         padding-bottom: 1.2rem;
         background-color: #fff;
         -webkit-box-shadow: 0px 4px 13px -3px #808080;
         -moz-box-shadow: 0px 4px 13px -3px #808080;
         -ms-box-shadow: 0px 4px 13px -3px #808080;
         -o-box-shadow: 0px 4px 13px -3px #808080;
         box-shadow: 0px 4px 13px -3px #808080;
      }
         .cart-item-list ul{
            margin-left: 0;
            margin-bottom:15px;
         }
         .cart-item-list p{
            font-size: 0.85rem;
            margin-bottom:10px;
         }
            .topCart-each{
               height: 6.2rem;
               width: 90%;
               font-size: 0.8rem;
               line-height: 1.6rem;
               padding-left: 0;
            }
            .cart-item-list > a{
               display: block;
               width: 10rem;
               height: 2rem;
               text-align: center;
               line-height: 2rem;
               margin: 0 auto;
            }
            .topCart-each .topCart-each-img{
               position: static;
               float: left;
               margin-right: 12px;
               line-height: 0;
            }
@media screen and (max-width: 1180px){
   .nav .large-9{
      width: 70%;
   }
      .nav-link li:last-child{
         display: none;
      }
   .nav .large-offset-1 {
      margin-left: 0 !important;
   }
   .nav .large-2{
      width: 20%;
   }
}
@media screen and (max-width: 990px){
   .nav .large-9{
      width: 30%;
   }
      .nav .nav-link{
         display: none;
      }
      #nav_mobile{
         display: block;
      }

   .nav .large-2{
      width: 25%;
   }
}
@media screen and (max-width: 790px){
   .nav .large-2{
      width: 35%;
   }
}

/* ========================================= */
/* $HOME                                     */
/* ========================================= */

/*  #SLIDE
/* ======================= */
.owl-theme{
   margin-top:0px;
   overflow:hidden;
}
   .owl-theme .owl-controls{
   	height: 0;
   }
      .owl-pagination{
         position: absolute;
         bottom: 5px;
         width: 100%;
         text-align: center;
      }
         .owl-pagination .owl-page{
         	display: inline-block;
         	zoom: 1;
         	*display: inline;
         }
            .owl-pagination .owl-page span{
            	display: block;
            	width: 12px;
            	height: 12px;
            	margin: 5px 7px;
            	filter: alpha(opacity=50);
            	opacity: 0.5;
            	-webkit-border-radius: 20px;
            	-moz-border-radius: 20px;
            	border-radius: 20px;
            }
            .owl-theme .owl-controls .owl-page.active span,
            .owl-theme .owl-controls.clickable .owl-page:hover span{
            	filter: alpha(opacity=100);/*IE7 fix*/
            	opacity: 1;
            }
         .owl-buttons div{
            position: absolute;
            top:45%;
            background-image: url('//asset.ibanquan.com/s/41416/692/sprite?design_theme_id=0&v=1563007036_1686475285');
            background-repeat: no-repeat;
            width: 47px;
            height: 34px;
            font-size: 0;
            z-index: 10;
            opacity: 0;
            filter: alpha(opacity=0);
            overflow: hidden;
            cursor: pointer;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transform: all .3s ease;
            -o-transform:all .3s ease;
         }
         .owl-theme:hover .owl-buttons div{
            opacity: 1;
            filter: alpha(opacity=100);
         }
         .owl-buttons div:before{
            background-image: url('//asset.ibanquan.com/s/41416/692/sprite?design_theme_id=0&v=1563007036_1686475285');
            background-repeat: no-repeat;
            content: "";
            position: absolute;
            top: 12px;
            width: 24px;
            height: 10px;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transform: all .3s ease;
            -o-transform:all .3s ease;
         }
         .owl-prev{
            left:-47px;
            background-position: 0 -46px;
         }
         .owl-theme:hover .owl-prev{
            left:10px;
         }
         .owl-prev:before{
            right: 3px;
            background-position: -5px -137px;
         }
         .owl-prev:hover:before{
            right: 13px;
         }
         .owl-next{
            right:-47px;
            background-position: 13px -90px;
         }
         .owl-theme:hover .owl-next{
            right:10px;
         }
         .owl-next:before{
            left: 3px;
            background-position: -5px -160px;
         }
         .owl-next:hover:before{
            left: 13px;
         }
@media screen and (max-width: 990px){
   .owl-theme .owl-controls{
      display: none!important;
   }
}
/*  #PICSHOW
/* ======================= */
.picShow{
   margin-top:32px;
}
   .picShow a{
      display:block;
   }
   .picShow .box{
      overflow: hidden;
   }
   .pic-show-2{
      margin-bottom: 32px;
   }
   .picShow a img{
      transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
   }
   .picShow a:hover img{
      will-change:transform;
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
   }
/*  #NEW
/* ======================= */
.new{
   margin-top:32px;
}
   .item-sale-title{
      text-align: center;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      position: relative;
      padding-bottom: 7px;
   }
   .item-sale-title:after {
       content: "";
       height: 4px;
       width: 138px;
       border-radius: 2px;
       position: absolute;
       display: block;
       bottom: -2px;
       left: 0;
       right: 0;
       margin: auto;
   }
   .item-sale-title h3 {
       text-transform: uppercase;
       font-weight: 400;
       font-size: 30px;
       letter-spacing: 2px;
   }

   .item-list{
      margin-left: 0;
   }
      .item-list li{
         margin-top:2rem;
      }
        .item-pic{
            position: relative;
            overflow: hidden;
         }
            .item-pic a{
               display: block;
               height: auto;
               width: 100%;
            }
            .item-discount{
               position: absolute;
               right:0;
               top:0;
               text-align: center;
               display: block;
               padding:3px 7px;
               color:#fff;
               font-size:0.75rem;
            }
            .item-list .group-buttons{
               position: absolute;
               right: 1rem;
               bottom:0.6rem;
            }
               .item-list .group-buttons a{
                  display: block;
                  width: 32px;
                  height: 32px;
                  color:#fff;
                  text-align: center;
                  line-height: 32px;
                  margin-bottom: 6px;
                  opacity: 0;
                  filter: alpha(opacity=0);
                  position: relative;
                  visibility: hidden;
                  -webkit-transform: translate(0,-50px);
                  -moz-transform: translate(0,-50px);
                  -ms-transform: translate(0,-50px);
                  -o-transform: translate(0,-50px);
               }
               .item-list li:hover .group-buttons a{
                  will-change:transform;
                  opacity: 1;
                  filter: alpha(opacity=100);
                  visibility: visible;
                  transform: translate(0,0);
                  -webkit-transform: translate(0,0);
                  -moz-transform: translate(0,0);
                  -ms-transform: translate(0,0);
                  -o-transform: translate(0,0);
               }
               .item-list li .addCart{
                  transition: all 1s ease-out;
                  -webkit-transition: all 1s ease-out;
                  -moz-transition: all 1s ease-out;
                  -ms-transition: all 1s ease-out;
                  -o-transition: all 1s ease-out;
               }
               .item-list li .favourite{
                  transition: all 0.8s ease-out;
                  -webkit-transition: all 0.8s ease-out;
                  -moz-transition: all 0.8s ease-out;
                  -ms-transition: all 0.8s ease-out;
                  -o-transition: all 0.8s ease-out;
               }
               .item-list li .share{
                  transition: all 0.6s ease-out;
                  -webkit-transition: all 0.6s ease-out;
                  -moz-transition: all 0.6s ease-out;
                  -ms-transition: all 0.6s ease-out;
                  -o-transition: all 0.6s ease-out;
               }
               .item-list li .view{
                  transition: all 0.4s ease-out;
                  -webkit-transition: all 0.4s ease-out;
                  -moz-transition: all 0.4s ease-out;
                  -ms-transition: all 0.4s ease-out;
                  -o-transition: all 0.4s ease-out;
               }
         .item-name{
            padding: 0 1rem;
            font-size: 0.85rem;
            line-height: 1.2rem;
            height: 1.2rem;
            overflow: hidden;
            margin-top: 1.5rem;
            margin-bottom: 0;
         }
         .item-price{
            margin-top: 0.5rem;
            margin-bottom: 0;
         }
            .item-price span{
               font-size: 1rem;
            }
            .item-price del{
               padding-left: 0.5rem;
               font-size: 0.8rem;
            }
@media screen and (max-width: 990px){
   .item-list .group-buttons{
      display: none;
   }
}
@media screen and (min-width: 640px){
   .new .medium-3 {
       width: 33.33333%;
   }
   .new .medium-4 {
       width: 25%;
   }
}
/*  #FULlAD
/* ======================= */
.fullAd{
   margin-top:32px;
   text-align:center;
}
.fullAd li{
   list-style: none;
}
/*  #RECOMMAND
/* ======================= */
.recommand{
   margin-top:32px;
}
   .tabs-title{
      margin:2rem 0 auto;
      text-align: center;
   }
      .tab-title{
         display: inline-block;
         padding:0.5rem 1.8rem;
         color:#fff;
         text-align: center;
         line-height: 1rem;
         background-color: #f9f9fb;
         margin-left: 1rem;
         font-size:0.9rem;
         cursor:pointer;
      }
      .tab-title:first-child{
         margin-left:0;
      }
      .tab-title.active{
         color:#ffffff;
      }
   .recommand .tab-content{
      display: none;
   }
      .recommand .tab-content .item-name{
         padding: 0 1rem;
         font-size: 0.85rem;
         line-height: 1.2rem;
         height: 2.3rem;
         overflow: hidden;
         margin-top: 1.1rem;
         margin-bottom: 0;
      }
      .tab-content .item-pic{
         overflow: visible;
      }
      .tab-content .star{
         height: 11px;
         background:url('//asset.ibanquan.com/s/41416/692/star?design_theme_id=0&v=1563007036_1686475285') center no-repeat;
         margin-top: 1.2rem;
      }
/*  #ABOUT
/* ======================= */
.about{
   margin-top:32px;
   background-attachment: fixed;
   background-position: center top;
   background-repeat: no-repeat;
   padding: 4rem 0;
   color:#fff;
   text-shadow: 0 1px 0 rgba(0,0,0,0.1);
   background-size:cover;
}

   .about h2{
      color: #fff;
      line-height: 5rem;
   }
   .about p{
      letter-spacing: 2px;
      font-size: 0.9rem;
      line-height: 1.6rem;
      margin-top:3rem;
   }
   .about .desc{
      margin-top:2rem;
      word-break: break-all;
   }
      .share-list a{
         display: inline-block;
         width: 20px;
         height:20px;
         margin-right:1rem;
         background-image: url('//asset.ibanquan.com/s/41416/692/shareicons?design_theme_id=0&v=1563007036_1686475285');
      }
      .share-list .sina{
         background-position: 0 -38px;
      }
      .share-list .zone{
         background-position: 0 0;
      }
      .share-list .qq{
         background-position: 0 -323px;
      }
      .share-list .wechat{
         background-position: 0 -280px;
      }
      .share-list .baidu{
         background-position: 0 -77px;
      }
      .share-list .tieba{
         background-position: 0 -240px;
      }
      .share-list .douban{
         background-position: 0 -159px;
      }
      .share-list .renren{
         background-position: 0 -117px;
      }
@media screen and (max-width: 320px){
   .share-list a{
      margin-right: 0.65rem;
   }
   .blog_cont-info .share-list a{
      margin-right: 0.55rem;
   }
}
/*  #ACTIVITY
/* ======================= */
.welcome{
   margin-top:32px;
}
.activity{
   margin-top:36px;
   border-top:1px #ececec solid;
   margin-bottom:3rem;
}
   .activity > div{

      padding:2rem 0 0.6rem;
   }
   .activity > div:not(:last-child){
      border-right:1px #ececec solid;
   }
      .activity > div:before{
         display: inline-block;
         font: normal normal normal 14px/1 FontAwesome;
         font-size: 2.2rem;
         float: left;
         line-height: 4.6rem;
         padding-left: 16%;
         padding-top: 1.9rem\9;
      }
      .activity .intro-1:before{
         content: "\f0d1";
      }
      .activity .intro-2:before{
         content: "\f06b";
      }
      .activity .intro-3:before{
         content: "\f219";
      }
         .activity >div div{
            float:left;
            padding-left: 1.4rem;
         }
            .activity h4{
               margin-bottom: 0;
            }
            .activity span{
               font-size:0.8rem;
            }
@media screen and (max-width: 810px){
   .activity >div div{
      padding-right: 10px;
   }
}
@media screen and (max-width: 640px){
   .activity > div:not(:first-child){
      border-top:1px #ececec solid;
   }
}
/*  #REGISTER
/* ======================= */
.register-tip{
   padding: 2.4rem 0 1.2rem 0;
   margin-top:16px;
}
.register-tip h2{
   font-size: 1.6rem;
   color: #fff;
}
.register-tip .button{
   padding:10px 40px;
   border: 2px solid #f8f8f8;
       letter-spacing: 0.08em;
       color:#fff;
           font-size: 13px;
}
.register-tip .button:hover{
   background-color: #ffffff;
   color:#666666;
}
.register-tip .button i{
   margin-left:0.5rem;
}
/* ========================================= */
/* $FOOTER                                   */
/* ========================================= */
   .footer-1{
      padding:3.8rem 0;
   }

      .footer-1 h5{
         font-size:0.9rem;
         margin-bottom:2rem;
      }
      .footer-1 ul{
         margin:0;
      }
         .footer-1 .linklist{
            text-indent: 40px;
         }
         .footer-1 .linklist li i{
            text-indent: 0;
            padding-right:5px;
         }
            .footer-1 .linklist li a:hover{
               padding-left: 3px;
            }
         .footer-1 li,
         .footer-1 p{
            font-size:0.8rem;
            line-height: 1.8rem;
         }
         .footer-1 p{
            word-break: break-all;
         }
      .footer-qrcode{
         padding:5px 0 0;
         margin:0 auto;
         background-color: #ffffff;
         width: 130px;
         text-align: center;
      }
         .footer-1 .medium-3:last-child li i{
            padding-right: 6px;
         }
   .footer-2{
      padding:1.8rem;
      font-size:0.8rem;
      line-height: 1.6rem;
   }
      .footer-payment-icon {
         margin-left: 10px;
         font-size: 24px;
      }
      .footer-payment-icon:hover{
         color:#fff;
      }
@media screen and (max-width: 880px){
   .footer-1 .linklist{
      text-indent: 20px;
   }
}
@media screen and (max-width: 768px){
   .blog_cont-music-play{
      display: block;
   }
}
@media screen and (max-width: 760px){
   .footer-1 .linklist{
      text-indent: 0px;
   }
   .footer-1 .text-center{
      display: none;
   }
}
@media screen and (max-width: 640px){
   .footer{
      position: relative;
   }
      .footer-1 .columns{
         margin-bottom: 15px;
      }
         .footer-1 h5{
            margin-bottom: 5px;
         }
            .footer-1 .linklist{
               text-indent: 0;
            }
               .footer-1 .linklist li{
                  float: left;
                  margin-right: 15px;
               }
   .footer-2 div{
      text-align: center;
   }
   .footer-2 .text-right{
      text-align: center!important;
      padding:0;
      margin-top:1rem;
   }
   .footer-1 .medium-3:last-child{
      margin-top:15px;
   }
}
@media screen and (max-width: 340px){
   .footer-2{
      padding:1.8rem 1rem;
   }
   .footer-2 .columns:last-child i:first-child{
      margin-left: 0;
   }
}
/* ========================================= */
/* $PRODUCT_LIST                             */
/* ========================================= */

/*  #BREADCRUMBS
/* ======================= */
.breadnav{
   background-color: #f5f5f5;
   border-bottom:1px #dddddd solid;
}
   .breadcrumbs > *{
      text-transform: none;
   }
   .breadnav .breadcrumbs{
      border-radius: 0;
      border:none;
      background-color: transparent;
      margin-bottom:0;
      padding: 0.6625rem 1.175rem 0.6625rem;
   }
@media screen and (max-width: 640px){
   .breadcrumbs li:nth-child(4){
      display: none;
   }
}
/*  #PRODUCTS_FILTER
/* ======================= */
.prolist-filter{
   margin-top:2.5rem;
   background-color: #ffffff;
}
   .prolist-filter-table,
      .prolist-filter .prolist-filter-item a {
          font-size: 0.8rem;
      }
/*  #BRAND
/* ======================= */
.brand{
   margin-top:30px;
    display: table;
    table-layout: fixed;
}
.brand .medium-2{
	display: table-cell;
    vertical-align: top;
    float: none;
}
.brand .medium-10{
	float: none!important;
	display: table-cell;
    vertical-align: middle;
}
.brand h2{
	font-size:2rem;
	margin-bottom:0;
}
.brand h4{
	font-size: 0.9rem;
    margin-top: 0;
}
.brand div p{
	border-top: 1px #eee solid;
    padding-top: 15px;
    margin-top: 15px;
    font-size:0.85rem;
}
/*  #FILTER
/* ======================= */
.pro_list_filter-order{
   margin-top: 2rem;
   font-size: 0.8rem;
}
   .pro_list_filter-order a{
      border-width: 1px;
      border-style: solid;
      padding: 5px 7px;
      display: inline-block;
      margin-left: 0.3rem;
      border-radius: 2px;
      background-color: #ffffff;
   }
   .pro_list_filter-order .mode a{
      height: 29px;
   }
   .pro_list_filter-order .taxis{
      margin:0 2rem;
   }
      .pro_list_filter-order .taxis i{
         padding-right: 0.2rem;
      }
      .pro_list_filter-order .taxis a{
         padding-left: 10px;
         padding-right: 10px;
      }
   .pro_list_filter-order-have_check span{
      line-height: 2rem;
   }
   .pro_list_filter-order-have_check.switch{
      margin-bottom: 0;
   }
   .pro_list_filter-order .counts{
      line-height: 32px;
   }
@media screen and (max-width: 800px){
   .pro_list_filter-order .counts.right{
      float: left!important;
   }
}
/*  #PRODUCT_LIST
/* ======================= */
.product_list .item-pic{
   overflow: visible;
   text-align: center;
   width: 100%;
   padding: 0 0 100%;
   position: relative;
}
   .product_list .item-pic > a{
      display: inline-block;
      line-height: 1;
      top: 0 ;
      left: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      overflow: hidden;
   }
   .product_list .item-pic > a img{
      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;
   }
.product_list.list_row .item-pic{
   overflow: visible;
   text-align: center;
   width:120px;
   height: 120px;
   padding: 0;
   position: relative;

}
   .product_list.list_row .item-pic > a{
      display: inline-block;
      line-height: 1;
      top: 0 ;
      left: 0;
      position: static;
      top: 0;
      left: 0;
      width:120px;
      height: 120px;
      overflow: hidden;
      line-height: 116px;
   }
   .product_list.list_row .item-pic > a img{
      display: inline-block;
       margin: auto;
       width: auto;
       height: auto;
       max-width: 100%;
       max-height: 100%;
       vertical-align: middle;
       position: static;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
   }

   .product_list .item-name{
      padding: 0 1rem;
      font-size: 0.85rem;
      line-height: 1.2rem;
      height: 2.3rem;
      overflow: hidden;
      margin-top: 1.1rem;
      margin-bottom: 0;
      text-align: center;
   }
   .product_list .item-price{
      text-align: center;
   }
   .product_list .addCartProduct{
      position: relative;
      z-index: 2;
      display: block;
      margin:0.6rem auto;
      width: 110px;
      border-width: 1px;
      border-style: solid;
      text-align: center;
      font-size: 0.8rem;
      padding: 5px 15px 4px 15px;
      border-radius: 2px;
      background-color: #ffffff;
   }
   .product_list li:hover .addCartProduct{
      border-color:#911d29;
      color:#911d29
   }
   .product_list li:hover .addCartProduct:hover{
      background-color:#911d29;
      color:#fff;
   }

   .product_list.list_row .medium-3{
      width: 100%;
   }
      .product_list.list_row .item{
         border-width: 1px;
         border-style: solid;
         position: relative;
         height: 122px;
      }
         .product_list.list_row .item-pic{
            position: static;
            float: left;
            width: 120px;
            height: 120px;
         }
            .product_list.list_row .item-pic img{
               width: 120px;
               height: 120px;
            }
            .product_list.list_row .item-pic .discount{
               right: -1px;
               top: -1px;
            }
            .product_list.list_row .item-pic .group-buttons{
               right: 6rem;
               bottom: 0.1rem;
            }

         .product_list.list_row .item-info{
            float: left;
            width: 70%;
            margin-left: 2%;
         }
            .product_list.list_row .item-name{
               text-align: left;
            }
            .product_list.list_row .item-price{
               text-align: left;
               padding: 0 1rem;
            }
         .product_list.list_row .addCartProduct{
            display: none;
         }

@media screen and (max-width: 1000px){
   .product_list .item-discount{
      display: none;
   }
}
@media screen and (max-width: 640px){
   .product_list li{
      text-align: center;
   }
   .product_list .group-buttons{
      display: none;
   }
   .pro_list_filter-pro-item .taxis.left{
      float:none!important;
      clear: both;
      padding-top: 0.5rem;
      margin:0;
   }
   .product_list .medium-3{
      width:50%;
   }
   .product_list .item-price del{
      display: none;
   }
   .product_list.list_row .item-price del{
      display: inline-block;
   }
}
@media screen and (max-width: 480px){
   .product_list.list_row .item-info{
      width: 65%;
      margin-left: 1%;
   }
}
@media screen and (max-width: 400px){
   .product_list.list_row .item-info{
      width: 55%;
      margin-left: 1%;
   }
   .product_list.list_row .item-info .item-name{
      font-size: 12px;
   }
   .product_list.list_row .item-info .item-price del{
      display: block;
      padding-left: 0;
      font-size: 11px;
   }
}
/*  #PAGINATION
/* ======================= */
ul.pagination{
   margin-top:2rem;
   margin-bottom:2rem;
}
   ul.pagination li {
      display: inline-block;
      float:none;
   }
   ul.pagination li a{
   	  padding: 3px 10px;
   }
/*  #EMPTYTIPS
/* ======================= */
.emptyTips.list{
   margin:2rem 0;
   padding: 70px 20px;
}
/*  #DISCOUNT
/* ======================= */
.discountDetail{
   margin-top:2rem;
}
.discount_desc{
   border-width: 1px;
   border-style: solid;
   padding:6px;
   border-radius:3px;
}
/* ========================================= */
/* #PRODUCT-DETAIL                           */
/* ========================================= */
.product-detail{
   margin-top:2.5rem;
}

   .pro-detail-gallery .pro-detail-gallery-main {
      border-width: 1px;
      border-style: solid;
      position: relative;
      padding: 0 0 100%;
      margin-left: -1px;
      margin-right: -1px;
   }
   .pro-detail-gallery .flexslider {
      margin: 0 0 15px;
      background: #fff;
      position: relative;
      zoom: 1;
      height: 100%;
      line-height:  100%;
      text-align: center;
      overflow: hidden;
      padding:0;
   }
      .flex-viewport {
          max-height: 2000px;
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          transition: all 1s ease;
      }
      .flexslider .slides {
          zoom: 1;
          padding: 0;
          margin: 0;
      }
      .pro-detail-gallery .flexslider .slides li {
          text-align: center;
          height: 100%;
         line-height:  100%;
      }
      .pro-detail-gallery .flexslider .flex-control-nav {
          margin: 0;
          padding: 0;
          line-height: 1;
          font-size: 0;
          width: 100%;
          position: absolute;
          bottom: 11px;
          text-align: center;
          z-index: 2;
      }
         .pro-detail-gallery .flexslider .flex-control-nav li {
             vertical-align: middle;
             font-size: 0;
             margin: 0 6px;
             display: inline-block;
             zoom: 1;
         }
         .pro-detail-gallery .flexslider .flex-control-paging li a.flex-active {
             cursor: default;
             background-color: #82b08e;
             border-color:#82b08e;
         }
         .pro-detail-gallery .flexslider .pro-detail-gallery .flex-control-nav li a {
             vertical-align: bottom;
         }
         .pro-detail-gallery .flexslider .flex-control-paging li a {
             position: static;
             cursor: pointer;
             font-size: 0;
             width: 11px;
             height: 11px;
             vertical-align: middle;
             display: inline-block;
             border-radius: 50%;
             border: 2px solid #777777;
            
         }
         .pro-detail-gallery .flexslider .flex-direction-nav {
             display: none;
         }
      .pro-detail-gallery .pro-detail-gallery-main a {
         position: absolute;
         top:0;
         left:0;
         width: 100%;
         height: 100%;
         display: block;
         font-size: 0;
         text-align: center;
         overflow: hidden;
      }
         .pro-detail-gallery .pro-detail-gallery-main a img{
            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 .pro-detail-gallery-main a i {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 2.2rem;
            width: 2.2rem;
            line-height: 2.2rem;
            font-size: 1rem;
            pointer-events: none;
            background-color:#cccccc;
            text-align: center;
            color:#ffffff;
         }
   .pro-detail-gallery .pro-detail-gallery-list {
      position: relative;
      margin-top: 1.5rem;
      padding-left: 2.95rem;
      height: 81px;
      overflow: hidden;
   }
      .pro-detail-gallery .pro-detail-gallery-list a {
         border: 3px solid transparent;
         display: inline-block;
         height: 81px;
         width: 81px;
         text-align: center;
         margin-right: 1rem;
         transition: border 0.3s ease-in-out;
         -moz-transition: border 0.3s ease-in-out;
         -webkit-transition: border 0.3s ease-in-out;
         -o-transition: border 0.3s ease-in-out;
         -ms-transition: border 0.3s ease-in-out;
         line-height: 72px;
      }
      .pro-detail-gallery .pro-detail-gallery-list a.pro-detail-gallery-list-current {
         transition: border 0.3s ease-in-out;
         -moz-transition: border 0.3s ease-in-out;
         -webkit-transition: border 0.3s ease-in-out;
         -o-transition: border 0.3s ease-in-out;
         -ms-transition: border 0.3s ease-in-out;
      }
      .pro-detail-gallery .pro-detail-gallery-list a.hide{
         display: none;
      }
         .pro-detail-gallery .pro-detail-gallery-list a img {
            filter: alpha(opacity=40);
            opacity: .4;
            display: inline;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
            transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
         }
         .pro-detail-gallery .pro-detail-gallery-list a.pro-detail-gallery-list-current img {
            filter: alpha(opacity=100);
            opacity: 1;
            transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
         }
         .pro-detail-gallery .pro-detail-gallery-list .pro-detail-gallery-list-btns {
            position: absolute;
            bottom: 37%;
            text-align: center;
            cursor: pointer;
            font-size: 1.2rem;
            filter: alpha(opacity=40);
            opacity: .4;
            transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
         }
         .pro-detail-gallery .pro-detail-gallery-list .pro-detail-gallery-list-btns:hover{
            filter: alpha(opacity=100);
            opacity: 1;
            transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
         }
         .pro-detail-gallery .pro-detail-gallery-list .pro-detail-gallery-list-prev {
            left:0;
         }
         .pro-detail-gallery .pro-detail-gallery-list .pro-detail-gallery-list-next {
             right: 0;
         }
   .pro-detail-title{
      font-weight: bold;
   }
   .pro-detail-discount{
      color:#fff;
      display: inline-block;
      font-size: 0.8rem;
   }
      .pro-detail-discount a{
         display: block;
         float: left;
         padding: 0.2rem 0.7rem;
         font-size: 0.8rem;
         margin-right: 0.3rem;
         margin-bottom: 0.3rem;
      }
      .pro-detail-discount a,
      .pro-detail-discount .settings-link_color:hover,
      .pro-detail-discount .settings-link_color:visited{
         color:#fff;
      }
       .pro-detail-discount br{
         display: none;
       }
   .pro-detail-price{
      margin-top:1rem;
   }
      .pro-detail-short_desc{
         font-size: 0.8rem;
         margin-bottom: 10px;
      }
      .pro-detail-price .pro_price_desc{
         font-size: 0.8rem;
      }
      .pro-detail-price .pro-detail-uprice{
         font-size: 1.3rem;
      }
      .pro-detail-price del{
         font-size: 0.8rem;
         margin:0 1rem;
      }
      .pro-detail-price .pro-detail-sold{
         font-size: 0.9rem;
      }
         .pro-detail-price .pro-detail-sold span{
            padding:0 0.2rem;
            font-weight: bold;
         }
   .pro-detail-cnt h3{
      font-size: 0.9rem;
      margin-bottom: 0.8rem;
   }
   .pro-detail-sub{
      border-top-width: 1px;
      border-top-style: solid;
      margin-top: 1rem;
      padding-top: 0.8rem;
      min-height: 130px;
   }
      .pro-detail-sub-each{
         margin-bottom: 1rem;
      }
         .pro-detail-sub-each-wrap a{
            border-width: 1px;
            border-style: solid;
            padding: 0.5rem 0.8rem;
            font-size: 0.8rem;
            margin-right: 0.6rem;
            display: inline-block;
            margin-bottom: 0.4rem;
            float: left;
         }
         .pro-detail-quantity-inner a{
            display: block;
            border-width: 1px;
            border-style:solid;
            padding: 0 0.5rem;
            height: 1.5rem;
            line-height: 1.3rem;
            font-weight: bold;
         }
         .pro-detail-quantity-inner a.pro-detail-quantity-d{
            border-right: none;
         }
         .pro-detail-quantity-inner a.pro-detail-quantity-a{
            border-left: none;
         }
         .pro-detail-quantity-inner .pro-detail-quantity-ipt{
            width: 3rem;
            margin: 0;
            height: 1.5rem;
            box-shadow: none;
            line-height: 8px\9;
            border-style: solid;
            border-width: 1px;
            border-radius: 0;
         }
         .pro-detail-quantity-inner .pro-detail-quantity-ipt:focus{
            background-color:#fafafa;

         }
         .pro-detail-quantity-desc{
            margin-left: 1rem;
            font-size: 0.9rem;
            line-height: 1.5rem;
         }
      .pro-detail-addBtn{
         height: 70px;
      }
         .pro-detail-addBtn .pro-detail-addCart{
            border-radius: 0;
         }
         .buttons_wrap > a{
            height: 50px;
            width: 50px;
            line-height: 50px;
            margin-left:10px;
         }
         .buttons_wrap .fa-mobile{
            font-size: 1.3rem;
            line-height: 50px;
         }
            .buttons_wrap .qrcode .pro-qrcode-img{
               position: absolute;
               right: 65px;
               bottom: 40px;
               width: 110px;
               height: 110px;
               padding:5px;
               background-color: #ffffff;
               opacity: 0;
               filter: alpha(opacity=0);
               z-index: -1;
            }
            .buttons_wrap .qrcode:hover .pro-qrcode-img{
               bottom: 60px;
               opacity: 1;
               z-index: 2;
               filter: alpha(opacity=100);
            }
         .buttons_wrap .pro-detail-addSucc{
            width: 280px;
            height: 58px;
            top: 70px;
            background-color: rgba(255,255,255,0.8);
            z-index: 1;
         }
      .pro-detail-share{
         margin-top: 1.2rem;
      }
         .pro-detail-share.share-list a{
            background-repeat: no-repeat;
            width: auto;
            padding: 5px 9px 5px 30px;
            font-size: 0.8rem;
            height: 34px;
            line-height: 24px;
            margin-right:1px;
            border-radius:2px;
         }
         .pro-detail-share.share-list .sina {
             background-position: 8px -31px;
         }
         .pro-detail-share.share-list .zone{
            background-position: 8px 7px;
         }
         .pro-detail-share.share-list .qq{
            background-position: 8px -316px;
         }
         .pro-detail-share.share-list .wechat{
            background-position: 8px -273px;
         }
         .pro-detail-share.share-list .tieba{
            background-position: 8px -233px;
         }
         .pro-detail-share.share-list .douban{
            background-position: 8px -152px;
            margin-right:0;
         }
   .same-brand-rec{
      padding:10px;
      height: 470px;
      position:relative;
   }
      .same-brand-rec h5{
         font-size: 1rem;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         padding-bottom: 10px;
      }
         .same-brand-rec h5 span{
            display: block;
            font-size:0.8rem;
            font-style:italic;
         }
      .same-brand-rec .loading{
         line-height:30px;
         padding-top:150px;
         font-size: 0.8rem;
      }
   .product-detail .large-2.columns{
      padding-right: 0;
   }
      .get-brand-item{
         margin-left: 0;
      }
         .get-brand-item li{
            height: 60px;
            margin-top:28px;
         }
            .get-brand-item .item-pic{
                  width:60px;
                  padding: 0 0 60px;
                  position: relative;
            }
               .get-brand-item .item-pic img{
                   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;
              }
            .get-brand-item .info{
               width: 95px;
            }
               .get-brand-item .info a{
                  font-size: 0.8rem;
                  line-height: 1rem;
                  display: inline-block;
                  height: 32px;
                  overflow: hidden;
               }
            .get-brand-item .info .price{
               font-size: 0.9rem;
            }
      .same-brand-rec .view-more{
         position: absolute;
         bottom:0;
         right: 0;
         font-size: 0.8rem;
         padding: 0.3rem 0.8rem;
      }
      .same-brand-rec .view-more:hover{
         text-indent: 5px;
      }
         .same-brand-rec .view-more i{
             font-size: 0.7rem;
             padding-left: 5px;
         }
.product-detail .large-3{
   clear: both;
   margin-top: 2rem;
}
   .product-detail .large-3 h5,
   .product-detail .large-9 h5,
   .product-detail .large-12 h5{
      border-bottom-width: 1px;
      border-bottom-style:solid;
      font-size: 1rem;
      padding-bottom:10px;
   }
   .product-detail .large-9 h5{
      padding-left: 1px;
   }
      .product-detail .large-3 h5 span,
      .product-detail .large-9 h5 span,
      .product-detail .large-12 h5 span{
         padding-left: 5px;
         font-size: 0.8rem;
      }
   .pro-list-cont{
      margin-left:0;
   }
      .pro-list-cont li{
         line-height: 2.2rem;
         font-size: 0.9rem;
      }
         .pro-list-cont li a{
            text-indent: 2px;
         }
         .pro-list-cont li a:hover{
            text-indent: 5px;
         }
         .pro-list-cont li i{
            padding-right: 10px;
         }
   .get-new-list{
      margin-left:0;
   }
      .get-new-list li{
         height: 100px;
         margin-top:1rem;
      }

         .get-new-list .item-pic{
            margin-right: 10px;
            width: 100px;
            height: 100px;
            line-height: 100px;
            text-align: center;
         }
            .get-new-list .info a{
               font-size: 0.8rem;
               display: block;
               line-height: 1.4rem;
            }
            .get-new-list .info .price{
               line-height: 3rem;
            }
            .get-new-list .price del{
               font-size: 0.8rem;
               padding-left:10px;
            }
.product-detail .large-9{
   margin-top:2rem;
}
   .pro-desc{
      margin-top:0;
   }
      .pro-desc-inner{
         border-top:none;
         padding-top:40px;
      }
   .pro-typeitem-list{
      margin: 1.5rem 0;
   }
      .get-typeitem-list{
         margin-left:0;
         margin-top: 1.5rem;
      }
         .get-typeitem-list li{
            float: left;
            width: 23.2%;
            margin-right:2.4%;
            font-size: 0.9rem;
         }
         .get-typeitem-list li .item-pic{
            position: relative;
            padding: 0 0 100%;
            display: block;
         }
         .get-typeitem-list li .item-pic img{
            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;
         }
         .get-typeitem-list li:last-child{
            margin-right:0;
         }
            .get-typeitem-list .info{
               margin-top:1rem;
            }
               .get-typeitem-list .price{
                  margin-top: 0.2rem;
               }
                  .get-typeitem-list .price del{
                     font-size: 0.8rem;
                     padding-left: 10px;
                  }
      .product-detail .item-pic{
         transition: opacity 0.3s ease-in-out;
         -moz-transition: opacity 0.3s ease-in-out;
         -webkit-transition: opacity 0.3s ease-in-out;
         -o-transition: opacity 0.3s ease-in-out;
         -ms-transition: opacity 0.3s ease-in-out;
      }
      .product-detail .item-pic:hover{
         opacity: 0.8;
         filter: alpha(opacity=80);
         transition: opacity 0.3s ease-in-out;
         -moz-transition: opacity 0.3s ease-in-out;
         -webkit-transition: opacity 0.3s ease-in-out;
         -o-transition: opacity 0.3s ease-in-out;
         -ms-transition: opacity 0.3s ease-in-out;
      }
@media screen and (max-width: 1230px){
   .product-detail .large-2{
      display:none;
   }
   .product-detail .large-5:nth-child(2){
      width: 58%;
   }
}
@media screen and (max-width: 1025px){
   .product-detail .large-5,
   .product-detail .large-5:nth-child(2){
      width: 50%;
   }
   .product-detail .large-3{
      display: none;
   }
   .product-detail .large-9{
      width:100%;
   }
}
@media screen and (max-width: 1010px){
   .pro-detail-share{
      display: none;
   }
}
@media screen and (max-width: 990px){
   .pro-detail-addBtn a:first-child{
      width: 100%;
   }
   .pro-detail-addBtn>a:not(:first-child){
      display: none;
   }
   .pro-detail-addBtn .pro-detail-addSucc{
      width: 100%;
   }
}
@media screen and (max-width: 800px){
   .get-typeitem-list .price del{
      display: none;
   }
}
@media screen and (max-width: 660px){
   .get-typeitem-list li{
      width:50%;
      margin:0;
      padding:0 20px;
   }
   .get-typeitem-li .info a{
      font-size:0.8rem;
   }
   .product-detail .large-5,
   .product-detail .large-5:nth-child(2){
      width: 100%;
   }
   .pro-detail-addBtn .pro-detail-addSucc{
      background-color: rgba(0,0,0,0.6);
   }
   .pro-detail-addBtn .pro-detail-addSucc strong,
   .pro-detail-addBtn .pro-detail-addSucc .pro-detail-addSucc-close{
      color:#fff;
   }
}
/* ========================================= */
/* $BLOG                                     */
/* ========================================= */
/*  #BLOGLIST
/* ======================= */
.blog-list{
   margin:1rem auto;
}
   .blogs-item{
      border-width:1px;
      border-style:solid;
      border-radius:3px;
      overflow:hidden;
      margin-top:2rem;
      position:relative;
      transition:all .3s ease;
      padding:15px;
   }
      .blog_cont-info-time{
         display: block;
         text-align: right;
         font-size: 0.9rem;
         margin-bottom: 1rem;
         line-height: 1rem;
         margin-top:0.5rem;
      }
         .blog_cont-info-time i{
            padding-right: 5px;
         }
      .blog_cont .blog_cont-info-time{
         position: absolute;
         right:35px;
         bottom:54px;
      }
      .blogs-item-image-view{
         height: 300px;
         width: 100%;
      }
      .blogs-item-music,
      .blogs-item-image,
      .blogs-item-video-player,
         .blog_cont-music-item,
         .blog_cont-video-src {
         text-align: center;
      }
      .blogs-item-music-cover img,
      .blogs-item-video-player{
         height: 300px;
      }
      .blogs-item-music-cover,
      .blogs-item-article{
         display: block;
         height: 300px;
      }
      .blogs-item-article-content{
         font-size: 0.9rem;
         margin-top: 1rem;
         line-height: 1.6rem;
         text-indent: 30px;
      }
      .blogs-item-video-player iframe{
         width: 100%;
         height:300px;
      }
      .post-more{
         border-bottom-width:1px;
         border-bottom-style: dashed;
         padding: 0.7rem 0;
      }
      .post-more a{
         display: inline-block;
         margin:1rem auto;
         font-size: 13px;
         font-weight: bold;
         text-transform: uppercase;
         padding: 7px 22px;
         border-width: 2px;
         border-style: solid;
         transform: translateZ(0);
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
         backface-visibility: hidden;
         -moz-osx-font-smoothing: grayscale;
         position: relative;
         background-color: #ffffff;
         font-weight: normal;
         transition: color 0.3s;
         -webkit-transition: color 0.3s;
         -moz-transition:  color 0.3s;
         -ms-transition: color 0.3s;
         -o-transition:  color 0.3s;
      }
      .post-more a:hover{
         color:#fff;
      }
      .post-more a:before {
         content: "";
         position: absolute;
         z-index: -1;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         will-change:transform;
         transform: scaleX(0);
         -webkit-transform: scaleX(0);
         -moz-transform: scaleX(0);
         -ms-transform: scaleX(0);
         -o-transform: scaleX(0);
         transform-origin: 0 50%;
         -webkit-transform-origin: 0 50%;
         -moz-transform-origin: 0 50%;
         -ms-transform-origin: 0 50%;
         -o-transform-origin: 0 50%;
         transition: transform 0.3s ease-out;
         -webkit-transition: transform 0.3s ease-out;
         -moz-transition: transform 0.3s ease-out;
         -ms-transition: transform 0.3s ease-out;
         -o-transition: transform 0.3s ease-out;
      }
      .post-more a:hover:before {
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
      }
      .post-more i{
         padding-left:5px;
      }
      .blog_cont-info{
         border-top-width:1px;
         border-top-style: dashed;
         margin-top: 2px;
         padding-top: 1.2rem;
         font-size: 0.9rem;
      }
         .blog_cont-info-author{
            padding-left:0.85rem;
            display:block;
            height: 30px;
            overflow: hidden;
         }
            .blog_cont-info-author-avatar{
               border-radius: 50px;
               max-height: 30px;
            }
            .blog_cont-info .share-list{
               margin: 1rem auto 0.1rem auto;
               width: 19.4rem;
            }
               .blog_cont-info .share-list a:last-child{
                  margin-right:0;
               }
      .blog-type{
         position: absolute;
         top: 0px;
         left: 15px;
         color: #fff;
         text-align: center;
         padding: 0.5rem;
         z-index: 1;
         border-bottom-left-radius: 3px;
         border-bottom-right-radius: 3px;
      }
      .blogs-tag{
         border-width: 1px;
         border-style: solid;
         border-radius: 3px;
         margin-top: 3rem;
      }
      .blogs-author{
         border-width: 1px;
         border-style: solid;
         margin-top:2rem;
         text-align: center;
         padding: 1rem 0;
         font-size: 0.9rem;
         border-radius: 3px;
      }
         .blogs-author .blogs-author-text{
            border-bottom-width: 1px;
            border-bottom-style:solid;
            margin: 1rem;
            padding-bottom: 1rem;
         }
         .about-author-title{
            font-size: 1rem;
         }
         .blogs-author .blogs-author-avatar{
            margin:1.4rem 0;
         }
            .blogs-author .blogs-author-avatar img{
               border-radius: 50px;
            }
         .blogs-author-social{
            margin-top:1rem;
         }
         .blogs-author-social-link{
            display:inline-block;
            height:26px;
            width:26px;
            margin:0 2px;
            background-image:url('//asset.ibanquan.com/s/41416/692/blog_social?design_theme_id=0&v=1563007036_1686475285');
            background-repeat:no-repeat;
            font-size:0
         }
         .blogs-author-social-link-weibo{
            background-position:2px 2px
         }
         .blogs-author-social-link-douban{
            background-position:4px -32px
         }
         .blogs-author-social-link-renren{
            background-position:3px -69px
         }
         .blogs-author-social-link-wechat{
            background-position:0 -106px
         }
@media screen and (max-width: 1024px){
   .blogs-item-image-view{
      height: auto;
      width: auto;
   }
   .blogs-item-music-cover img,
   .blogs-item-video-player{
      height: auto;
   }
   .blogs-item-music-cover,
   .blogs-item-article{
      height: auto;
   }
   .blogs-item-video-player iframe{
      width: auto;
      height: auto;
   }
   .blog_cont-video-src iframe{
       width: auto;
      height: auto;
   }

}
@media screen and (max-width: 650px){
   .blog_cont .blog_cont-info-time{
      position: static;
      text-align: left;
      margin-top: 15px;
   }
}
@media screen and (max-width: 650px){
   .blogs-item-video-player iframe{
      width: 100%;
   }
}
@media screen and (max-width: 375px){
   .blog_cont-music-item div:last-child{
      margin:0 auto!important;
   }
}
@media screen and (max-width: 320px){
   .blog_cont-music-item div:last-child{
      margin-left: -20px!important;
   }
}
/*  #BLOG
/* ======================= */
.blog_cont{
   margin:3rem 0;
   border-style: solid;
   border-width: 1px;
   padding:3rem 3rem 4rem;
   border-radius: 3px;
   position: relative;
}
   .blog_cont-music-item-disc,
   .blog_cont-image-list-item,
   .blog_cont-video-src,
   .blog_cont-article-title{
      margin-bottom: 2rem;
   }
   .blog_cont-music-play{
      margin:15px 0;
   }
   .blog_cont-music-name{
      font-weight: bold;
   }
   .blog_cont-text{
      font-size: 0.9rem;
   }
   .blog_cont-tags{
      margin-top:2rem;
      margin-bottom: 1rem;
   }
   .blog_cont .blog_cont-info-author{
      padding-left:0;
   }
   .blog_cont .share-list{
      margin-left: 0;
   }
   .blog_cont_nav{
      position: absolute;
      bottom: 0;
      padding: 0.3rem 1.4rem;
      color:#fff;
      font-size: 0.8rem;
   }
   .blog_cont_nav:hover{
      color:#fff;
   }
   .blog_cont_nav-action-prev{
      left: 0rem;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 3px;
   }
   .blog_cont_nav-action-next{
      right: 0rem;
      border-bottom-right-radius: 3px;
      border-top-left-radius: 3px;
   }
   .blog_cont_nav-return{
      left:48%;
      border-width: 1px;
      border-style:solid;
      border-bottom: none;
   }
@media screen and (max-width: 650px){
   .blog_cont-video-src iframe{
      width: 100%;
   }
}
@media screen and (max-width: 550px){
   .blog_cont_nav-return{
      display: none;
   }
}
@media screen and (max-width: 480px){
   .blog_cont{
      margin:1rem 0;
      border-style: solid;
      border-width: 1px;
      padding:3rem 1.5rem 3rem;
      border-radius: 3px;
      position: relative;
   }
}
/* ========================================= */
/* $YHSD-GENERATED-STYLE;                                     */
/* ========================================= */
.yhsd-base{
   font-family:"Hiragino Sans GB","WenQuanYi Micro Hei",arial,sans-serif;
   min-height:200px;
   
}

.yhsd-base *,
.order-wrapper *,
.yhsd-popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
/* ========================================= */
/* $CART                                     */
/* ========================================= */
.cart-head .cart-head-promote{
   margin-left:0;
}
.cart-cont-item .quantity-selector>input{
   display:inline;
}
.cart-cont-item-discount .type{
   height:30px;
}
.cart-cont-item-discount .price{
    position: relative;
    top: 5px;
}
.cart-cont-item-product>.sku.active .edit{background-color: #7a0a17}
.cart-cont-item-product>.sku.active{
   color: #7a0a17;
   border-color: #7a0a17;
   background-color:#fff;
}
.edit-product-info .btn-default.selected{
   color:#7a0a17;
    border-color: #7a0a17;
   -webkit-box-shadow: 0 0 0 1px #7a0a17;
    box-shadow: 0 0 0 1px #7a0a17;
}
.edit-product-info .btn-default:hover{
    color:#7a0a17;
    border-color: #7a0a17;
}
.yhsd-popup .btn-primary{
    background-color:#7a0a17;
    margin-bottom:0;
}
.yhsd-popup .btn-primary:hover{
   color:#fff;
   border-color:#7a0a17;
}
.yhsd-popup .btn-secondary.yhsd-popup-close,
.yhsd-popup .btn-secondary.yhsd-modal-close{
    background-color:#999;
}
.yhsd-popup .btn-secondary:hover{
   color:#fff;
   border-color:#999;
}
.edit-product-info .sku-item .left,
.edit-product-info .sku-item .right{
   float:none!important;
}
.cart-cont .cart-cont-footer .discounts .yhsd-font-title{
   color:#911d29;
}
.cart-cont .cart-cont-footer .confirm .checkbox-group label{
   display:inline;
}
.cart-cont .cart-cont-footer .confirm .checkbox-group label span:hover{
   color:#911d29;
}
#yhsd-cart-submit:hover,
#yhsd-cart-submit:focus,
#yhsd-order-detail-pay:hover,
#yhsd-order-detail-pay:focus,
#order-pay-go:hover,
#order-pay-go:focus,
.account-orderList-list .yhsd-orders-pay:hover,
.account-orderList-list .yhsd-orders-pay:focus{
   color:#fff;
   border-color:none;
   background-color:#666666;
}

.is_mobile .yhsd-base *,
.is_mobile .order-wrapper *,
.is_mobile .yhsd-popup{
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.yhsd-base .wrapper{
   background-color:#fff;
}
.yhsd-base .cont h2.page-title,
.wrapper .cont h2.page-title{
   margin-top:25px;
   margin-bottom:10px;
}
.yhsd-base .cart-cont-list li{
   border-bottom-color:#ececec;
}
.yhsd-base .cart-cont-item .btn-primary,
.yhsd-base .cart-cont-item .btn-primary:hover{
   background-color:#7a0a17;
   border:none;
   color:#fff;
}
.order-wrapper .order-address-list-item .default,
.yhsd-font-link{
   color:#911d29;
}
.order-wrapper .order-buyList-group-wrapper .shipment a.btn-primary,
.order-wrapper .order-buyList-group-wrapper .shipment a.btn-primary:hover{
   background-color:#7a0a17;
   color:#fff;
   border-color:#7a0a17;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.order-wrapper .order-buyList-group{
   border-top-color:#ececec;
}
.order-wrapper .order-other-left .input{
   height:30px;
}
.order-wrapper .order-other-left .input-area.active>.title{
   color:#911d29;
}
#order-create-submit:hover,#order-create-submit:focus{
   color:#fff;
   border-color:
}
.order-wrapper .left,
.order-wrapper .right{
   float:none!important;
}
.order-paying .detail-msg>.left, .order-paying .detail-msg>.right{
   float:left!important;
}
.order-wrapper .order-paying h3.yhsd-font-title{
   line-height:2;
}
#yhsd-cancel_reason input[type=radio]+label{
   margin-left:0;
   margin-right:0;
}
.yhsd-popup .coupons label{
   display:inline;
}
.yhsd-popup .coupons .info{
   line-height:16px;
}
/* #Account */
.yhsd-popup .account .yhsd-font-title{
   margin-bottom:0;
}
.yhsd-popup .select-group .drop-name{
   top:-9px;
}
#you_comment-user .you_comment-user-box-comment-info-name{
   color:#911d29;
}
.yhsd-popup .change-personal-info .gender label{
   display: inline;
   margin:0;  
}
.yhsd-popup .change-personal-info .ctrl-btns{
   clear: both;
}
#yhsd-edit-info,#yhsd-security-edit,
#personal-security-social .btn-primary,
#yhsd-address-addBtn.btn-primary,
.yhsd-base .valid-email .btn-primary,
.yhsd-base .valid-email .btn-primary:hover,
#yhsd-bind-submit{
   background-color:#7a0a17;
   color:#fff;
   border-color:#7a0a17;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#personal-security-social .btn-secondary{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff;
}
.yhsd-base .account-sideNav dd.selected a,
.yhsd-base .account .yhsd-font-link,
.input-area.active>.title,
.register-success-tips .desc a{
   color:#911d29;
}
.yhsd-popup .use-coupon .tags>div.active span,
.yhsd-base .account .account-tags li.selected a{
   border-bottom-color:#911d29;
   color: #911d29;
}
.yhsd-base .account-tags li.search i{
   margin-top:7px;
}
.yhsd-base .account-tags li.search input:focus{
  border-color:#911d29;
}
.yhsd-base .account-orderList-list .list-cont-left{
   width:733px;
}
.yhsd-base .account-orderList-list .list-cont-item-price{
   margin-left:39px;
}
.yhsd-base .account-orderList-list .list-cont-right a.yhsd-orders-pay{
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#yhsd-points-select{
    width: auto;
    padding-right: 20px;
    margin-bottom:0;
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:12px;
}
.account-sidCont .personal-security h3{
   margin-bottom:10px;
}
.account-orderList-list .list-cont-item-name small{
   font-size:10px;
}

#personal-security-social .btn-secondary:hover,
.yhsd-base .valid-email .btn-secondary:hover,
.yhsd-base .valid-email .btn-secondary:focus{
   color:#fff;
   border-color:#999;
}
.personal-address-table .address-item .default-address a.yhsd-font-desc{
   color:#911d29;
}
.input-area>input{
    min-width: 120px;
    width: 100%;
   font-size: 14px;
    height: 42px;
    line-height: 40px;
    padding:1px 0;
}
#yhsd-area-selection select{
   padding:0;
}
.account-block>h4{
   font-size:18px;
}
#yhsd-change-submit,#yhsd-change-submit:hover{
   background-color:#7a0a17;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff;
    border-color:##7a0a17;
}
#yhsd-register-submit,#yhsd-login-submit{
   background-color:#82b08e;
   border-color:#82b08e;
   color:#ffffff;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.valid-email,.account-block{
   margin-bottom:50px;
}
.account-points .description h4{
   font-size:14px;
}
.account-points .description ol {
    list-style-type:decimal;
    margin-top:10px;
}
.account-points .description ol li{
   line-height:25px;
}
.personal-info .yhsd-font-text tr{
   line-height:35px;
}
/* ==================  mobile  ======================= */
/*common*/
.is_mobile .yhsd-base{
   background-image: none;
}
.is_mobile .btn-primary{
   background-color:#7a0a17;
   color:#fff;
   border-color:#7a0a17;
}
/*login register*/
.is_mobile .input-group form input,
#yhsdOrderRemark{
   border:none;
   background-color:#fff;
}
.is_mobile .input-group form label,
.is_mobile .input-group form textarea,
.is_mobile .input-group form input:focus{
   background-color:#fff;
}
.is_mobile .login .login-out-sub-txt a{
   color:#911d29;
}
.input-row-actived label{
   color:#911d29;
}
/*cart*/
.is_mobile .cart-list-group .cart-li-mid .cart-li-operator label{
   display: inline;
   font-size:0.75rem;
}
.is_mobile .btn-balance,
.is_mobile .btn-balance:focus{
   color:#fff;
   background-color: #911111;
   border-color: #911111;
}
/*account*/
.table-view-cell .center-head-info{
   left:90px;
}
.is_mobile .popup-component .popup{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.is_mobile input[type=checkbox]+label,
.is_mobile input[type=radio]+label{
   margin:0;
   padding:0;
   font-size:0.8rem;
}
.is_mobile .popup-component .cancel-reason-sel .radio-group{
   margin-top:13px;
}
.is_mobile .input-group table tr:nth-of-type(even),
.is_mobile .payment-order-info .table-view-cell-l table tr:nth-of-type(even){
   background-color: #fff;
}
.is_mobile .payment .table-view{
   border-bottom:none;
}
.account-orderList-list .btn-primary,
.account-orderList-list .you_comment-send_comment_btn.i_active,
.order-list-sum .btn-primary,
.order-list-sum .you_comment-send_comment_btn.i_active,
#you_comment-user .you_comment-user-box-comment-btn.i_active{
     color:#fff;
   background-color: #911111;
   border-color: #911111;
}
.account-orderList-list .you_comment-send_comment_btn:hover{
   color:#fff;
}
.is_mobile .tab .tab-txt.active{
   color:#7a0a17;
    border-color: #7a0a17;
}
.is_mobile .point-detail .point-desc a{
   color:#911d29;
}
#you_comment-user #you_comment_anonymous{
   position: relative;
   top: -4px;
}
/*  #GOTOP
/* ======================= */
.go_top {
   position: fixed;
   z-index:2;
   right: 2%;
   top: 60%;
   width: 44px;
}
   .go_top-btn{
      display:block;
      position:absolute;
      left: 0;
      width: 44px;
      overflow:hidden;
      background-color: #eeeeee;
      color:#898989;
      border-radius: 2px;
   }
      .go_top-btn i{
         display: block;
      }
      .go_top-btn span{
         font-size: 0.7rem;
      }
   .go_top-go {
      display:none;
      margin-bottom:6px;
      line-height: 0.5rem;
      padding: 0.2rem 0 0.6rem 0;
   }
   .go_top-service{
      top:42px;
      padding: 0.6rem 0 0.4rem 0;
      line-height: 1rem;
   }
   .go_top-btn:focus,
   .go_top-btn:visited{
      color:#898989;
   }


/* ========================================= */
/* $SYSTEM                               */
/* ========================================= */
.emptyTips{
   padding:30px 20px;
   border-radius: 0;
}
   .error-box{
      width: 331px;
      height: 271px;
      margin:3rem auto;
      padding-top:20px;
      background:url('//asset.ibanquan.com/s/41416/692/system?design_theme_id=0&v=1563007036_1686475285') center no-repeat;
   }
      .error-code{
         width: 300px;
         height: 80px;
         margin:1rem auto;
         background-image:url('//asset.ibanquan.com/s/41416/692/system-text?design_theme_id=0&v=1563007036_1686475285');
         background-repeat: no-repeat;
      }
      .code-404{
         background-position:0 0;
      }
      .code-500{
         background-position:0 -80px;
      }
      .code-close{
         background-position:0 -160px;
      }
      .code-protect{
         background-position:0 -240px;
      }
      .error-text{
         width: auto;
         margin:0 auto;
         display: inline-block;
         font-size: 0.9rem;
         padding:0 10px;
         margin-top: 0.5rem;
      }
      .error-box .back{
         display: block;
         margin-top: 3rem;
         text-decoration: underline;
         font-size: 0.9rem;
      }
      .error-text input{
         display: inline-block;
         width: 150px;
         margin:0;
      }
      .error-text button{
         display: inline-block;
         padding: 0.5rem 1rem;
         margin: 0;
         font-size: 0.9rem;
      }
      .error-box .password{
         margin-top: 1.7rem;
      }
.yhsd-base table tr:nth-of-type(even){
   background-color: transparent;
}
/*rate*/
.pro-desc .you_comment-tab{
    margin-top: -39px;
    background-color: #f5f5f5;
}
.pro-desc .you_comment-tab .you_comment-tab-item{
   background-color: #f5f5f5;
}

.pro-desc .you_comment-tab .you_comment-tab-item.i_active {
    color: #555555;
    background-color: #ffffff;
}
.pro-desc .you_comment-tab .you_comment-tab-item.i_active:after{
   border-color:#82b08e;
   background-color: #82b08e;
}
.pro-desc .you_comment--main{
   margin-top:25px; 
}
.pro-desc .you_comment--main,
.pro-desc .you_comment-list_nav,
.pro-desc .you_comment-rating,
.pro-desc .you_comment-list-item,
.pro-detail-cnt .you_comment-stat{
   border-color:#ececec;
}
.pro-detail-cnt .you_comment-stat{
   padding:15px 0;
}
.pro-desc .you_comment-list_nav-item.i_active,
.pro-desc .you_comment-list_nav-item.i_active:hover,
.pro-desc .you_comment-list_nav-item.i_active:visited{
   color:#555555;
}
.pro-desc .you_comment-list_nav-item.i_active .you_comment-list_nav-item-cont:before{
   border-color: #82b08e;
}
#you_comment-mobi .you_comment-rating-sum-bfb,
.pro-desc .you_comment-rating-sum-bfb{
   color:#911111;
}
#you_comment-mobi .you_comment-list-item-cont-footer-good.i_active,
.pro-desc .you_comment-list-item-cont-footer-good.i_active{
   color:#911d29;
}
.pro-desc .you_comment-list-item-head{
   left:10px;
}
.pro-desc .you_comment-list-item{
   padding-left: 110px;
}
#you_comment-mobi .you_comment-list-item-cont-text,
.pro-desc .you_comment-list-item-cont-text{
   color:#424242;
}
#you_comment-mobi .you_comment-list-item-cont-comment-each-text
.pro-desc .you_comment-list-item-cont-comment-each-text{
   color:#424242;
}
#you_comment-mobi .you_comment-list-item-cont-comment-each-from.i_admin,
.pro-desc .you_comment-list-item-cont-comment-each-from.i_admin{
   color:#911111;
}
#you_comment-list-item-pagination-items .active,
.pro-desc .you_comment-list-item-pagination-items.simple-pagination ul li.active{
   background-color:#82b08e;
   color: #ffffff;
}
.pro-desc .you_comment-list-item-pagination-jump-ipt{
   display: inline;
   width: 30px;
   height: 30px;
}
#you_comment-mobi .you_comment-list-item-cont-footer-show_reply.i_active, 
#you_comment-mobi .you_comment-list-item-cont-footer-show_reply:hover,
.pro-desc .you_comment-list_nav-item:hover{
   color: #7a0a17;
}
.pro-desc .you_comment-list-item-pagination-jump-ipt:focus{
   border-color: #7a0a17;
   color: #7a0a17;
   background-color: #f5f5f5;
}
.pro-desc .you_comment-list-item-cont-comment-push-ipt,
.is_mobile .you_comment-list-item-cont-comment-push-ipt{
   display: inline;
   min-height: 32px;
}
.pro-desc .you_comment-list-item-cont-comment-push-ipt:focus,
.is_mobile .you_comment-list-item-cont-comment-push-ipt:focus{
   outline: none;
}
.pro-desc .you_comment-list-item-cont-comment-push-btn,
.is_mobile .you_comment-list-item-cont-comment-push-btn{
   height: 32px;
}
#you_comment-mobi .you_comment-list-item-cont-comment-push-btn,
.pro-desc .you_comment-list-item-cont-comment-push.i_active .you_comment-list-item-cont-comment-push-btn{
   color: #ffffff;
    border-color: #7a0a17;
    background-color: #7a0a17;
}
#you_comment-mobi .you_comment-list-item-cont-comment-push-btn,
.pro-desc .you_comment-list-item-cont-comment-push.i_active .you_comment-list-item-cont-comment-push-btn:hover {
    color: #ffffff;
    border-color:#7a0a17;
    background-color:#7a0a17;
}
#you_comment-stat.you_comment-stat a:first-child{
   color:#666666;
}
#you_comment-stat.you_comment-stat a:nth-child(2){
   color:#666666;
}
#you_comment-stat.you_comment-stat a:last-child{
   color:#666666;
}

/* ========================================= */
/* $POST                                     */
/* ========================================= */
.article{
	margin:30px auto;
}
.article .pageTitle{
	line-height: 40px;
}
.article .pageTitle h2{
	font-size:30px;
}
.article .post .post-info{
    font-size:12px;
    margin-top: 5px;
    border-bottom-width:1px;
    border-bottom-style: solid;
    padding-bottom: 10px;
}
.article .post-content{
	margin-top:20px;
}
.article .post .share-list{
	padding-top: 15px;
	border-top-width:1px;
	border-top-style:solid;
}
.article .post .share-list span{
	font-size: 15px;
    padding-right: 5px;
    vertical-align: top;
}
.article .post-side .post-re-heading,
.article .post-side .post-tags-heading{
	border-bottom-width:1px;
    border-bottom-style: solid; 
}
.article .post-side .post-dirs-heading{
	padding-bottom: 5px;
}
.article .post-side .post-re-heading span,
.article .post-side .post-dirs-heading span,
.article .post-side .post-tags-heading span{
	font-size:18px;
}
.article .post-side .post-re-list{
	list-style: circle;
	margin-top:10px;
}
.article .post-side .post-re-list li{
	margin-left: 18px;
	line-height: 30px;
	transition: text-indent 0.3s ease;
}
.article .post-side .post-re-list li:hover{
	text-indent:3px;
}

.article .post-list{
    margin-top: 30px;
    border-top-width: 1px;
    border-top-style: solid;
}
.post-list .posts-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 30px 15px 30px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
}
.post-list .posts-item .posts-item-left {
    display: table-cell;
    vertical-align: top;
    width: 204px;
    height: 140px;
    overflow: hidden;
    text-align: center;
}
.post-list .posts-item .posts-item-body {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    text-align: left;
}
.post-list .posts-item .posts-item-body .posts-item-publish_at{
	font-size:12px;
}
.post-list .posts-item .posts-item-body .posts-item-heading{
	font-size:16px;
}
.post-list .posts-item .posts-item-body .posts-item-tags,
.post-list .posts-item .posts-item-body .posts-item-summary{
	font-size:14px;
}
.post-list .posts-item .posts-item-body .posts-item-tags a{
	margin-right: 10px;
}
.post-list .posts-item .posts-item-body .posts-item-summary{
	margin-top:10px;
	height: 40px;
    overflow: hidden;
}
.article .post-side .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;
}
.article .post-side .post-dirs-list .post-dir-1,
.article .post-side .post-dirs-list .post-dir-2{
	position: relative;
    margin-top: -1px;
    border-width: 1px 0 0 0;
    border-style: solid;
}
.article .post-side .post-dirs-list .post-dir-1 a{
	display: block;
    cursor: pointer;
    padding: 10px 0;
    font-size:15px;
}
.article .post-side .post-dirs-list .post-dir-2 > a{
	display: block;
    border-width: 0 0 1px 0;
    border-style: solid;
    cursor: pointer;
    padding: 10px 0 10px 14px;
}
.article .post-side .post-dirs-list .post-dir-3 a{
	display: block;
    padding: 10px 0 10px 28px;
    cursor: pointer;
}
.article .post-side .post-dirs-list .post-dir-1.active > a,
.article .post-side .post-dirs-list .post-dir-1 > a:hover,
.article .post-side .post-dirs-list .post-dir-2.active > a,
.article .post-side .post-dirs-list .post-dir-2 > a:hover,
.article .post-side .post-dirs-list .post-dir-3.active > a,
.article .post-side .post-dirs-list .post-dir-3 > a:hover{
	background-color: #f5f5f5;
}
.article .post-side .post-dirs-list a span{
    margin: 0 12px;
}
.article .post-side .post-dirs-list a span:after{
	content: '.';
    display: inline-block;
    position: relative;
    top: -4px;
}
.article .post-side .post-tags-heading{
	margin-top:50px;
}
.article .post-side .post-tags-cloud{
	padding-top: 20px;
}
.article .post-side .post-tags-cloud .post-tags-cloud-item {
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    margin: 0 10px 10px 0;
    border-radius: 2px;
    background-color: #efefef;
    font-size: 13px;
}
.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 .fa-angle-down {
    display: none;
}
.post-dir-btn.dir_off .fa-angle-down {
    display: inline-block;
}
.post-dir-btn.dir_off .fa-angle-up {
    display: none;
}
@media screen and (max-width: 530px){
   .post-info-mobile-br{
        display: block;
        height: 5px;
   }
}
/*Share*/
.jiathis_style > div{
	box-sizing: content-box;
}
.jiathis_style .jiadiv_01 .jt_sharetitle{
	text-indent: 10px;
}
.jiathis_style .jiadiv_01 .jt_sharetitle img{
	padding-right: 5px;
}
.jiathis_style .jiadiv_01 .jiadiv_02{
	padding-left: 40px!important;
}
.jiathis_style .jiadiv_01 .searchTxtCont .searchTxt{
	height: 32px;
	margin-top:0;
	box-shadow: none;
	background-color: transparent;
}

.you_comment-stat {
	border-color: #ececec!important;
}