@charset "utf-8";
.main-menu::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color:#666;}
.main-menu::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:#666;}
.main-menu::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

.main-inner{ margin: 20px auto;}
.shop-banner{ height: 450px; margin-top: 0; position: relative;/* max-height: 418px; min-height:418px */}
.swiper-pagination-bullet{ width: 30px; height: 6px; border-radius:0;}
.swiper-pagination-bullet{ background:#fff; opacity:0.7}
.swiper-pagination-bullet-active{ background: rgba(0,0,0,0.5); }

.shop-menu{ position: absolute; left: 50%; top:0; bottom:0; width: 150px; margin-left: -620px; z-index: 10;}
.shop-inner{ width: 150px; /* background:#fff; */background-color: rgba(0, 0, 0, 0.55); min-height: 450px; /*  border: 1px #ddd solid; */}
.menu-box{ position: relative;}
.menu-box h5{ height: 35px; line-height: 35px; font-size: 18px;/*  background: #f6f6f6;  */background: rgba(0, 0, 0, 0.55);color:#fff;/* border-bottom: 1px #e8e8e8 solid; */ text-align: center;}
/* .menu-box ul.main-menu{ min-height: 340px;} */
.menu-box ul.main-menu{ height: 450px;overflow-y: auto;overflow-x: hidden;width: 150px;}
.menu-box .main-menu li{ position: relative; }
.menu-box .main-menu li a{ font-size: 14px; display: block;/* padding: 5px 20px;*/ height: 30px; line-height: 30px; padding-left: 40px;color: #fff}
.menu-box .main-menu li a span { margin-right: 4px; position: absolute; left: 10px; top:4px;}
.menu-box .main-menu li a span img{ width: 18px; height: 18px;}
.menu-box .main-menu li a.current{  background:#fff;   color:#ec4860; }
.menu-box .main-menu li em{ position: absolute; right:10px; top:7px;}
.menu-sub{ position: absolute; top:-1px; left: 145px; bottom:0; z-index: 11; height: 449px !important; width: 150px; background: #fff; border: 1px #ec4860 solid; overflow-y: auto; overflow-x: hidden }
.menu-sub li{ padding: 10px 20px;}
.menu-sub li a{ display: block; font-size: 14px;}
.menu-sub li a:hover{ color:#ec4860;}
.more-menu a{ color:#ec4860; margin-top: 8px;}
.mm-box{ width: 150px; overflow: hidden;}
.sp-search-news{ position: relative;}
.sp-search{ float: right; width: 600px; border: 2px #ec4860 solid; border-radius: 4px; height: 40px;}
.sp-search .ipt-txt{ background:transparent; height: 40px; line-height: 40px; border:none; font-size: 16px; width: 580px; padding: 0 8px;}
.sp-news{ float: left; width: 500px;/* margin-left: 20px;  */ color:#ec4860; font-size: 18px; position: relative; text-align: center;}
.sp-news p{height: 40px;  line-height: 40px; overflow: hidden; }
.sp-news span{ position: absolute; left: 15px; top:8px;}
.sp-search a i{ margin-top: 3px;}

.ad-box{ margin: 20px 0; }
.adc-one,.adc-two,.adc-three{ margin: 6px 0;}
.adc-one li{ height:162px; width: 1240px; overflow: hidden; }
.adc-two li{ float: left; width: 616px; height: 162px; margin-right: 8px; overflow: hidden;}
.adc-two li:last-of-type{ margin-right: 0;}
.adc-three li{ float: left; width: 409px;  height: 162px; margin-right: 6px; overflow: hidden;}
.adc-three li:last-of-type{ margin-right: 0;}
.adc-one li img,.adc-two li img,.adc-three li img{ width: 100%; height: 100%; object-fit: cover;}

.hs-con{ float: left; width: 1030px; margin-left: 30px;}
.hs-con .spitem-box{  }
.hs-con .item{ width: 204px; }
.adh-box{ float: left; width: 180px; margin: 20px 0;}
.adh-box li{ margin-bottom: 9px;}
.adh-box li:nth-child(2){ margin-bottom: 0;}
.adh-box li a{ width: 200px; height: 321px; overflow: hidden; display: block;}
.adh-box li a img{ width: 100%; height: 100%; object-fit: cover;}

/* .first-line li{ border-top:4px #bcda94 solid;}
.second-line li{ border-top:4px #f6bed5 solid;}
.third-line li{ border-top:4px #99b0df solid;} */
.cate-floor{ margin: 10px 0;}
.cf-tit{ background: #eee; height: 50px; line-height: 50px; padding-left: 260px; position: relative;}
.cf-tit li{ float: left; margin-right: 30px;}
.cf-tit li a{ font-size: 16px; display: block;}
.cf-tit li a:hover{  border-bottom: 2px #ec4860 solid; }
.cf-tit li a.current{ border-bottom: 2px #ec4860 solid;}
.cate-name{ position: absolute; left: 16px; top:0; font-size: 20px; padding-left: 60px;}
.cate-name span{ position: absolute; top:6px; left: 0;}
.cate-con .spitem-box{ margin-left: 0;}
.cate-con .spitem-box .item{ width: 204.2px;}
.cate-con .spitem-box .film-img{ width: 203px;}
.cate-con .spitem-box{ margin: 5px 0px 15px 0px;}

.push-shop{ position: relative;}
.ps-pre,.ps-next{ position: absolute; top:50%; width:30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; margin-top: -15px; background: #dcdcdc;}
.ps-pre{  left: -50px; }
.ps-next{ right: -50px; }
.ps-pre a,.ps-next a{ display:block; }
.ps-pre a i,.ps-next a i{ color:#666; margin-top: 8px;}
.ps-tit{ position: relative; text-align: center; margin: 30px 0 30px 0; border-bottom: 1px #d5d5d5 solid; font-size: 20px;}
.ps-tit span{ position: absolute; left: 50%; top:-10px; width: 120px; margin-left: -100px; text-align: center; background: #f6f6f6;}

.bottom-search{ position: relative; overflow: hidden; margin: 20px 0; border: 1px #d5d5d5 solid; height: 50px; line-height: 50px; border-radius: 4px; background: #fff;}
.bottom-search .ipt-txt{ border: none; width: 90%; height: 48px; line-height: 48px; font-size: 18px; padding: 0 10px; }
.bottom-search a.search-btn{ background: #d5d5d5; }
.bottom-search a.search-btn i{color:#999; margin-top: 8px !important; }

.event-box li{ width: 302.5px; height: 378px; background: #f6f6f6; float: left; margin-right: 10px;}
.event-box li:nth-child(4){ margin-right: 0;}
.event-box li img{ width: 100%; height: 100%; object-fit: cover;}

.main-inner{ position: relative;}
.fixed-menu{ position:fixed; left: 50%; top:512px; margin-left:-670px; width: 40px; z-index: 99;  background: #fff; border:1px #ec4b62 solid; }
 
.fixed-menu li{ position: relative; text-align: center;border-bottom:1px #e8e8e8 solid;background:rgba(0,0,0,0.55)}
.fixed-menu li a{ font-size: 14px; display: block; padding: 3px 5px;  text-align: center; line-height: 1.2;/* padding-left: 36px; */}
.fixed-menu li a span { margin-right: 4px; position: absolute; left: 12px; top:5px;}
.fixed-menu li a:link,.fixed-menu li a:visited{color:#fff};

.fixed-menu li a span img{ width: 18px; height: 18px;}
.fixed-menu li em{ position: absolute; right:10px; top:5px;} 
.fixed-menu li.active a{  background: #ec4860;  color:#fff; }
.fixed-menu li.current a{  background: #ec4860;  color:#fff; }

.fm-more a{ color:#ec4860; display: block; text-align: center; padding: 5px 0;}

.bread-crumb{ font-size: 16px; margin-bottom: 10px; color:#666; border-bottom: 1px #d5d5d5 solid; padding-bottom: 16px;}
.bread-crumb a{ color:#666}
.bread-crumb a:hover{ color:#ec4860;cursor: pointer;}
.bread-crumb span{ margin: 0 5px;}
.bread-crumb em{ font-style: normal;}

.left-cate{ float: left; width: 210px; }
.cate-box{ border: 1px #d5d5d5 solid; width: 208px; min-height: 200px; }
.cate-tit{ background: #f6f6f6; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px #d5d5d5 solid; font-size: 16px;}
.cate-list li{ position: relative; }
.cate-list li a{ font-size: 16px; display: block; padding: 8px 20px; padding-left: 40px;}
.cate-list li a span { margin-right: 4px; position: absolute; left: 10px; top:10px;}
.cate-list li a span img{ width: 20px; height: 20px;}
.cate-list li a.current{   background: #ec4860;  color:#fff;  }
.cate-list li em{ position: absolute; right:16px; top:13px;}
.sec-cate li{ }
.sec-cate li a.current{ background: none; color:#ec4860; border-bottom: none;}
.recommend-shop{ margin-top: 10px; border: 1px #d5d5d5 solid; width: 208px; min-height: 200px;  }
.rs-tit{ background: #f6f6f6; height: 40px; line-height: 40px; text-align: center; color:#ec4860; border-bottom: 1px #d5d5d5 solid; font-size: 16px;}
.rs-con{ }
.rs-con .item{ width: 208px; height: 315px; border-bottom: 1px #d5d5d5 solid;}
.rs-con .item:last-of-type{ border-bottom: none;}
.rs-con .film-img { border-bottom: 1px #efefef solid; width: 208px; height: 208px; overflow: hidden; background: #fff; position: relative;}
.rs-con .film-img img { width: 100%; height: 100%; object-fit: cover;}
.rs-con .film-info { text-align: left; margin-top: 0; padding: 10px 10px 0 10px; position: relative;}
.rs-con .film-info h3 { margin-bottom: 6px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.rs-con .film-info p { color: #999; overflow: hidden; height: 20px; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative;}
.rs-con .shop-price{ height: 46px; line-height: 60px; position: relative;}
.rs-con .shop-price span{ color:#ec4860; font-size: 18px;} 
.rs-con .add-cart{ position: absolute; right:0; top:14px; z-index: 10;}
.rs-con .shop-buy{ position: absolute; left: 0; right:0; bottom:0; height: 46px; z-index: 11; display: none;/* border-top:1px #eee solid;*/}
.rs-con .item .shop-buy a{  background: #fd8537; color:#fff; display: block; /*margin-right: 50px;*/ height: 46px; line-height: 46px; text-align: center; font-size: 18px;}
.item:hover .shop-buy{ display: block;}
.item:hover { border: 1px red solid;}

.right-content{ float: left; margin-left: 10px; width:1020px; min-height: 300px; }
.sc-tit{ background: #f6f6f6; height: 40px; line-height: 40px; padding: 0 16px; font-size: 16px;}
.sc-con .spitem-box{ margin-left: 0;}
.sc-con .spitem-box .item{ width: 202px; margin-right: 0px;}
.sc-con .spitem-box .film-img{ width: 202px; }
.shop-page{ text-align: right; }
.shop-page a{ margin-right: -1px;}
.shop-page a.btn{ color:#fff; border-radius: 0;}
.shop-page .pre,.shop-page .next{ background: #fafafa; display: inline-block; border: 1px #e8e8e8 solid; padding: 0 10px; height: 32px; line-height: 32px; color:#666;}
.shop-page .num{ border: 1px #e8e8e8 solid; padding: 0 14px; height: 32px; line-height: 32px;  display: inline-block; color:#666; }
.shop-page .current{ background: #8c8c8c; border: 1px #8c8c8c solid; color:#fff;}
.shop-page span{ margin: 0 4px;}
.shop-page .ipt-txt{ height: 30px; line-height: 30px; width: 60px; border: 1px #e8e8e8 solid; text-align: center;}

/*20181011*/
.bread-crumb{ position: relative; }
.detail-search{ position: absolute; right: 25%; top:-13px;}
.detail-search .sp-search{ height: 40px;}
.detail-search .sp-search .ipt-txt{ height: 40px; line-height: 40px;}
.detail-search .search-btn{ line-height: 40px; }
.detail-search .sp-search a i{ margin-top: 0;}
.sc-tit{ position: relative;}
.tp-box{ position: absolute; right:0; top:0; padding-right: 6px;}
.tp-box a{ background:#fff; color:#666; height: 20px; width: 20px; text-align: center; line-height: 20px; display: inline-block;}
.tp-box span,.tp-box b{ font-size:14px; font-weight: normal; color:#666; margin: 0 8px;}
.tp-box span em,.tp-box b em{ color:#f60; font-style: normal; /* margin: 0 4px; */}
.shop-banner .swiper-slide{ height: 450px; overflow: hidden;}

.shop-banner .swiper-slide img { object-fit: cover;  height: 100%;}