/* 
   样式用于头部，底部的公共样式
   创建日期：2017-06-13
   作者：chen
 */

/* 我是banner哦 */
.banner-box{ width:100%; height:49.2rem;}
.banner-in{width:100%; height: 49.2rem; overflow: hidden; }
.banner-in>ul{ width: 600%; height: 49.2rem; }
.banner-in>ul li{ /* width: 20%;   */ height:790px; float: left; overflow: hidden; background-size: cover; }
.banner-in>ul li>a{ display: block; height: 100%; width: 100%;}
.banner-in>ul img{ width: 100%;}
.SKITTER{ position: relative; }
.margin-box{ width: 1280px; height:0;  position: absolute; left: 50%; top: 50%; margin-top: -260px; margin-left: -640px;  }
.bannerBTN{ width:32px; height: 50px; margin-top:210px; }
.east{ float: left; background: url(/top/secIndex/btn_prev.png) no-repeat; cursor: pointer;}
.west{ float: right; background: url(/top/secIndex/btn_next.png) no-repeat; cursor:pointer; }
.buttons{ height:10px; position: absolute;left: 50%; bottom: 35px; margin-left:-220px; z-index: 1;}
.SKITTER .buttons li { width:70px; height: 5px; float:left;display: block; margin-right: 5px;  background:white; opacity: 0.5;  filter: alpha(opacity=50); z-index:1; }
.SKITTER .buttons li.current { opacity: 1;  filter: alpha(opacity=100); }
.SKITTER .buttons li:hover { cursor: pointer; }


/* 主区域开始 */
.main-content{ width: 100%; margin-top: 30px; position: relative; background-image: url(/top/secIndex/content_bg.jpg); }
.sub_banner{margin: auto; margin-top: 2.2rem;}
.series-lines{position: relative; display: inline-block; width: 80rem;}

.functional-module{width: 80rem; margin: auto;}
.series-lines a:last-child{margin-right:0;}
.functional-left{ height: 382px; float: left; }
.functional-left>a>img{ height: 382px; }
.functional-right{ height: 382px; float: right;}
.functional-right a>img{ height: 382px; }
.functional-module a{ display: block; }


a.func-entrance{ width:406px;float: left; margin-top:50px; margin-right: 30px; }
a:last-child.func-entrance{margin-right: 0; }

/* 明星品 */
.onsale-module{margin:0 auto; margin-top: 4rem; text-align: center; font-family: "思源黑体";}
.onsale-module>.title>img{width: 73px; display: block; margin-left: 48%;margin-bottom: 10px;}
.onsale-module>.title>p{ font-size: 44px; color: #333; }
.onsale-modul .sub_banner a img.serise{width: 100%;}
.onsale-module .explain{width: 366px; height: 48px;margin: 30px auto 20px;}
.onsale-module .last{margin-bottom: 5rem;}


.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url(data:image/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E);
  width: 12px;height: 26px;background-size: 12px 26px;position: absolute;top: 50%;margin-top: -22px; z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;}


.index_goods_slider { width: 80rem;margin: 4rem auto 0;}

.index_goods_slider.sample {margin-top: 0;}

.index_goods_slider .w_wrap { padding: 0 2rem; position: relative; overflow: hidden;}

.index_goods_slider .tabs a.act:after {content: ""; width: 100%; height: 2px; background: #be0f34; position: absolute;top: 0;  bottom: auto;left: 0;right: auto;z-index: auto;}

.index_goods_slider .list_slider_wrap {overflow: inherit;position: static;padding-bottom: 30px;
}

.index_goods_slider .list_slider_wrap .swiper-slide {background: #ffffff;position: relative;width: 250px; margin-right: 40px;/* border: 1px solid #cfcac9; */}

.index_goods_slider .list_slider_wrap .swiper-slide .pic {font-size: 0;color: transparent; line-height: 268px; font-weight: normal; display: block; text-align: center; height: 278px; overflow: hidden; position: relative;}
.index_goods_slider .list_slider_wrap .swiper-slide .pic a:first-child{
  display: block;
  width: 100%;
  height: 100%;
}
.index_goods_slider .list_slider_wrap .swiper-slide .addCartBtn {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  background: rgb(0,0,0,0.6);
}

.index_goods_slider .list_slider_wrap .swiper-slide .pic:hover .addCartBtn {
  bottom: 0;
}
.QR_code{position: relative;width: 7rem;height: 7rem;border-radius: 50%; overflow: hidden;}
.index_goods_slider .list_slider_wrap .swiper-slide .pic:hover .QR_code {
  margin-top: -9rem;
}


.index_goods_slider .list_slider_wrap .swiper-slide .pic img {
  max-width: 100%;
  width: 100%;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info {
  padding: 0 14px 0;
  display: block;
  text-align: center;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .desc {
  padding: 10px 0 2px;font-size: 11px;color: transparent; line-height: inherit; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.index_goods_slider .list_slider_wrap .swiper-slide .info .name {
  margin-top: 10px; font-size: 16px; color: #000000; line-height: 22px; font-weight: normal; display: -webkit-box;
  -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; min-height: 44px; max-height: 44px;}
.index_goods_slider .list_slider_wrap .swiper-slide .info .name b {font-family: 'Times New Roman', Times, serif;font-weight: 100;}

.index_goods_slider .list_slider_wrap .swiper-slide .info .name.sample {  word-break: break-all;
  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  height: auto;}

.index_goods_slider .list_slider_wrap .swiper-slide .info .color_wrap {
  display: flex;
  align-items: center;
  height: 30px;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .color {
  width: 12px;
  height: 12px;
  background: #be0f34;
  margin-right: 8px;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .text {
  font-size: 12px;
  color: #8b8b8b;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .star_text {
  display: flex;
  flex-direction: column;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .sku_num{
  color: #000;text-decoration: underline; font-size: 16px;}


.index_goods_slider .list_slider_wrap .swiper-slide .info .s_price {font-size: 16px; color: #000000; line-height: inherit; font-weight: normal; padding: 0; margin-bottom: 15px;}
.index_goods_slider .list_slider_wrap .swiper-slide .info .s_price strong{ font-size: 24px; color: #d71e06; font-weight: 60; width: 100px; height: 26px; border-right: 1px solid #b5b5b5;display:inline-block; margin-left: -20px;}
.index_goods_slider .list_slider_wrap .swiper-slide .info .s_price strong.nosale{ color: #000; border: 0; margin-left: 0;}
.index_goods_slider .list_slider_wrap .swiper-slide .info .s_price strong:before{display: inline-block; content: '￥'; width: 20px;  font-size: 24px; height: 18px; font-weight: 100;}
.index_goods_slider .list_slider_wrap .swiper-slide .info .s_price span{ text-decoration:line-through; color: #b5b5b5; font-size: 18px; margin-top: 3px; margin-left: 10px; }
.index_goods_slider .list_slider_wrap .swiper-slide .info .s_price span:before{display: inline-block; content: '￥'; color: #b5b5b5; font-size: 14px;text-decoration:line-through;}

.index_goods_slider .list_slider_wrap .swiper-slide .info .star_wrap { font-size: 0;}

.index_goods_slider .list_slider_wrap .swiper-slide .info .star_wrap img {
  display: inline-block;
  margin-right: 4px;
  width: 10px;
  height: 10px;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .a_wrap {
  text-align: center;
  padding-top: 20px;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .a_wrap.sample {
  padding-top: 40px;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .a_wrap a {
  display: inline-block;
  width: 130px;
  height: 40px;
  text-align: center;
  background: #000000;
  font-size: 12px;
  color: #ffffff;
  line-height: 40px;
  font-weight: normal;
}

.index_goods_slider .list_slider_wrap .swiper-slide .info .a_wrap a:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}

.index_goods_slider .list_slider_wrap .swiper-slide .symbol {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  z-index: 2;
  padding:0 5px;
  height: 22px;
  text-align: center;
  background: #bf0f34;
  letter-spacing: 1px;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
  font-weight: normal;
}

.index_goods_slider .list_slider_wrap .swiper-slide .symbol:before{
  content: '';
  display: block;
  position: absolute;
  top:22px;
  left: 0;
  z-index: 1;
  width: 14px;
  height: 14px;
  background:url(icon-triangle.svg) no-repeat left top / cover; 
}

.index_goods_slider .pagination {
  text-align: center;
  position: absolute;
  bottom: -5px!important;
}

.index_goods_slider .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 3px;
  background: #e5e5e5;
  margin: 0 3px !important;
  border-radius: 0;
  opacity: 1;
}
.index_goods_slider
  .pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 30px;height: 3px;background: #000000;}
.index_goods_slider .swiper-button-next,
.index_goods_slider .swiper-button-prev {width: 12px;height: 26px;background-size: 12px 26px;}
.index_goods_slider .swiper-button-next{right: 0;}
.index_goods_slider .swiper-button-prev{left: 0;}


/* 类：签到/已签到 */
.hover-sign img.hide{ display: none; }

.outlink-module{ margin: auto; margin-bottom: 40px;margin-top: 60px; padding-top: 50px; border-top: 1px solid #333;  color: #333; width:1280px; height: 200px; font-size: 18px; font-family: '思源黑体 CN Regular';}
.outlink-module .om-left .bottom-search{width: 340px; height: 52px; border: 1px solid #8d8d8d; border-radius:10px; top：5px; margin-bottom: 20px;background-color: #fafafa;}
.outlink-module .om-left .bottom-search input{width: 280px;margin-right: 4px;display: block;float: left; line-height: 52px;padding-left:10px; border-top-left-radius: 12px; border-bottom-left-radius: 12px;background-color: #fafafa;}
.outlink-module .om-left .bottom-search a.search-btn {width: 27px; height: 27px; display: block; float: right; margin-right: 8px; }
.outlink-module .om-left .bottom-search a.search-btn img {padding-top: 10px; }
.outlink-module .om-left{float: left;width: 845px; }
.outlink-module .om-left .info ul li{display: block;float: left; margin-right: 30px;}
.outlink-module .om-left .info ul li:last-child{ margin-right: 0;}
.outlink-module .om-left .info ul li p{padding: 3px 0;}
.outlink-module .om-left .info ul li.outlink2 p.add-border{ border-right: 1px solid #474747;padding-right: 25px;}

.outlink-module .om-right{float: right;width: 420px; font-size: 18px; }
.outlink-module .om-right ul li{float: left; margin-right: 35px;}
.outlink-module .om-right ul li:last-child{float: left; margin-right: 0;}
.outlink-module .om-right ul li img{display: block;width: 113px; height: 113px;}
.outlink-module .om-right ul li p{width: 113px;text-align: center; margin-top: 20px; line-height: 1.2em; font-size: 17px;}
.outlink-module .om-right ul li p b{font-weight:100; font-family: 'Times New Roman', Times, serif;}

/*.bottom-url{ width: 100%; margin-bottom: 60px; }*/
.vedio-box{ width: 100%; height: 100%; background: black; position: fixed; top:-100%; left: 0; z-index: 3; }
.vedio-box>a{ display: block; width:80px; height: 10px; color: white; margin:0 auto; text-align: center;}
.vedio-box>a:hover{ color:#666; }
.sale-price>span.hide{ display: none; }

.main-content .announcement{ font-size: 20px; line-height:28px; height: 35px; text-align: center; font-weight: bold; margin-bottom: 10px;}
.functional-right video.js-first-mov{display:block; height:100%; border-radius:10px;}
/*滚动公告*/
.notice{width: 50%; height:2rem;display: block; margin: auto; background-color:#fff; border: 0; margin-top: 0.8rem;}
.notice marquee{ width: 100%; height:2rem; margin:auto;display: block; }
.notice marquee svg{ display: block; float: left;width: 1.8rem; height: 0.8rem; margin-top: 1%; margin-right: 0.5rem;fill:#333;}
.notice marquee p{color: #333; display: block; float: left;width: 90%;font-size:1rem;line-height: 1.9rem;}
/*关注我们 */
.nav-about{padding-right: 25px; border-right: 1px solid  #b0bbd6; margin-right: 25px; color: aqua;}
.nav-about{padding-right: 25px; border-right: 1px solid  #b0bbd6; margin-right: 25px; color: aqua;}
.company-about:before {content: ''; display:block;position: absolute;top: -10px;width: 20px;height: 20px; background: #fff;z-index: -1; transform: rotate(45deg);margin-left: 990px;}
.company-about{ position: absolute;top: 50px;width: 1120px;margin-left: -680px;height: 240px; box-sizing: border-box; padding: 30px 10px; background: #fff; z-index: 3; display: none;}


/*联系客服*/
.side-box { width: 200px;height: 175px;position: fixed;bottom: 0; right: 0;z-index: 1;}
.main-content .announcement{ font-size: 20px; line-height:28px; height: 35px; text-align: center; font-weight: bold; margin-bottom: 10px;}
.functional-right video.js-first-mov{display:block; height:100%; border-radius:10px;}

/* 增加购物指南链接 */
.outlink-module{ position: relative;  }
.link-url{ display: block; width: 280px; height: 58px; position: absolute; bottom:65px; left: 399px;}

/* 兼容ie8 hack */
/* .pro-fake-link>p{  margin-top:-20px\9; } */
.onsale-module .sale-detail-pro{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);}