﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";body{font-size:12px;padding:0px;margin:0px;height:auto;color:#666;font-family:"Microsoft Yahei","宋体",Arial,Helvetica,sans-serif;overflow-x:hidden}
@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_680693_ei2mx605q3v.eot');src:url('//at.alicdn.com/t/font_680693_ei2mx605q3v.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_680693_ei2mx605q3v.woff') format('woff'),url('//at.alicdn.com/t/font_680693_ei2mx605q3v.ttf') format('truetype'),url('//at.alicdn.com/t/font_680693_ei2mx605q3v.svg#iconfont') format('svg')}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}
ul,li{list-style:none;padding:0;margin:0}
.clear{clear:both;font-size:0px;width:0px;visibility:hidden;margin-top:0px !important;margin-top:-2px;height:0px;line-height:0px;font-size:0px}
img{border:0}
em{font-style:normal}
div.clear-both{font:0px/0px sans-serif;clear:both;display:block}
a{color:#666;text-decoration:none;cursor:pointer}
.color{color:#8102c5}
.bg-color{background-color:#8102c5}
.blank10{height:10px;overflow:hidden}
.blank15{height:15px;overflow:hidden}
.blank30{height:30px;overflow:hidden}
.blank40{height:40px;overflow:hidden}
.wrapper{width:1210px;margin:0 auto}
.left{float:left}
.right{float:right}
.transtion{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}
.header{width:100%;background-color:#fff}
.header .toparea{height:30px;background-color:#8102c5;border-bottom:1px solid #e1e1e1;line-height:30px}
.header .toparea .left a{color:#fff;margin-left:5px;padding:0 5px}
.header .toparea .left .split{font-size:12px;color:#ccc}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.header .toparea .topNavBar{position:relative;z-index:1;color:#fff;height:30px;line-height:30px}
.header .toparea .topNavBar .nav{font-family:"Microsoft YaHei",SimSun,SimHei}
.header .toparea .topNavBar .nav .m{float:left;position:relative;border-top:0;border-bottom:0;margin-left:-1px}
.header .toparea .topNavBar .nav h3{float:left;font-size:100%;font-weight:normal;font-size:12px;height:30px;overflow:hidden}
.header .toparea .topNavBar .nav h3 span{width:12px;height:12px;color:#fff;font-size:12px;margin-right:5px}
.header .toparea .topNavBar .nav h3 a{display:block;color:#fff;padding:0 12px;vertical-align:top;cursor:pointer}
.header .toparea .topNavBar .nav h3 i{font-size:12px;margin-left:5px}
.header .toparea .topNavBar .nav:hover{border:0}
/*.header .toparea .topNavBar .nav:hover h3 a{color:#fff;font-weight:bold;border-top:1px solid #FA6D06}*/
.header .toparea .topNavBar .nav .sub{display:none;width:100%;padding:5px 10px 10px 10px;position:absolute;left:0;top:30px;box-sizing:border-box;background:#fff;box-shadow:0px 0px 5px #ccc}
.header .toparea .topNavBar .nav .sub li{height:20px;line-height:20px;padding:4px 0;float:left;width:80px}
.header .toparea .topNavBar .nav .sub .erweima{width:100%}
.header .toparea .topNavBar .nav .sub li a{display:block;padding-left:6px;background:url(//filecdn.ify.cn/skin/eleshop7655///oldfile.4e8.com/skin/eleshop7655/img/icon.png) 0 9px no-repeat;color:#999}
.header .toparea .topNavBar .nav .sub li a:hover{color:#FA6D06}
.header .toparea .topNavBar .nav #m7 .sub{width:320px;left:auto;right:-1px}
.header .logoArea{height:60px;padding:10px 0;box-shadow:0px 3px 3px #ececec}
.header .logoArea .logo{height:60px;width:auto;line-height:90px;font-size:30px;color:#333;margin-right:40px}
.header .logoArea .logo a{font-size:30px;color:#333; display:block; line-height:60px;}
.header .logoArea .logo img{height:100%}
.header .logoArea .searchInfo{width:auto;border-radius:20px;overflow:hidden;margin-top:8px}
.header .logoArea .searchInfo .searchBox{width:228px;height:40px;background-color:#F5F5F5}
.header .logoArea .searchInfo .searchBox .input{width:158px;height:40px;float:left;line-height:40px;padding:0 15px;font-size:12px;color:#999;border:0;background:none;outline: medium}
.header .logoArea .searchInfo .searchBox .button{width:40px;height:40px;float:right;border:none;outline:medium;background-image:url(//filecdn.ify.cn/skin/hbjy9801/img/sousuo.png);background-position:center;background-repeat:no-repeat;background-color:#f5f5f5}
.category-box{height:40px;border-bottom:2px solid #E31939}
.category-box .home-category{width:180px;height:40px;background-color:#E31939;line-height:40px;font-size:16px;color:#fff;padding:0 15px}
.category-box .home-category a{color:#fff;line-height:30px;cursor:pointer;position:relative}
.category-box .home-category i{font-size:24px;color:#fff;position:relative;top:4px;margin-right:10px}
.category-box .home-category i img{width:24px;height:24px}
.all-category{width:auto;height:60px}
.all-category a{line-height:60px;padding:0 20px;font-size:16px;color:#999;display:inline-block;text-align:center;position:relative}
.all-category a.on,.all-category a:hover{color:#8102c5}
.all-category a.on:after,.all-category a:hover:after{content:'';position:absolute;width:20px;height:4px;background-color:#8102c5;bottom:8px;left:0;right:0;margin:auto}
.sitefoot{overflow:hidden; width: 100%;background-color: #fff; border-top: 3px solid #8102c5}
.sitefoot .footer-service{border-bottom:1px solid #ececec; width: 1210px; overflow:hidden;margin:0 auto;}
.sitefoot .footer-service img{width:100%}
.sitefoot .footer-article{padding-bottom:15px;padding-top:30px; width: 1210px; margin:0 auto; overflow: hidden}
.sitefoot .footer-article dl.col-article{float:left;width:160px;text-indent:50px;overflow:hidden}
.sitefoot .footer-article dl.col-article-spe{width:260px;text-indent:0}
.sitefoot .footer-article dl.col-article-first{margin-left:0}
.sitefoot .footer-article dl dt{margin-bottom:10px;font-size:16px;width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#000}
.sitefoot .footer-article dl dd{width:160px;margin:0 0 6px;font-size:12px;text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}
.sitefoot .footer-article dl dd a{color:#666; font-size: 14px;}
.sitefoot dl.col-article.col-article-spe dt.phone{width:auto;padding:0px 5px;font-family:arial;font-size:30px;font-weight:700;line-height:1.5em;margin:-8px 0px 5px;display:inline-block;border-bottom-width:1px;border-bottom-style:solid}
.sitefoot dl.col-article.col-article-spe dd{width:260px;padding:0px 5px}
.sitefoot dl.col-article.col-article-spe dd.email{height:30px;line-height:30px;font-size:18px;font-family:Arial}
.sitefoot dl.col-article.col-article-spe dd.customer{height:34px}
.sitefoot dl.col-article.col-article-spe dd.customer span{font-size:14px;vertical-align:middle;display:inline-block}
.sitefoot dl.col-article.col-article-spe dd.customer a{display:inline-block;vertical-align:middle;margin-left:5px}
.sitefoot dl.col-article.col-article-spe dd.customer a em{width:34px;height:34px;display:inline-block;background-color:#000;border-radius:50%;font-size:20px;color:#fff;line-height:34px;text-align:center}
.QR-code{width:122px;height:auto;margin-right:10px}
.QR-code img{width:auto;height:auto;max-width:122px;max-height:150px}
.QR-code .tabs{height:28px;margin-left:-1px}
.QR-code .tabs li{float:left;width:100%;height:25px;line-height:25px;font-size:14px;border:1px solid #eee;margin:0 -1px 0 0;text-align:center;background:#eee;cursor:pointer}
.QR-code .tabs li.on{background:#F7F7F7;border-bottom-color:#F7F7F7}
.QR-code .code-content{float:left;width:122px;height:122px;margin-top:5px;border: 1px solid #eee;}
.QR-code .code-content .code{width:100px;height:100px;padding:10px;border:1px #eee solid}
.QR-code .code-content .code img{width:100px;height:100px}
.footer-info{width:100%;min-width:1210px;height:auto;padding:25px 0 15px;font-size:12px;color:#666;display:inline-block;position:relative;z-index:101;background-color: #fff;border-top: 1px solid #ececec; }
.footer-info .info-text{width:1210px;margin:0 auto;text-align:center}
.footer-info .info-text .nav-bottom a{padding:0px 8px;color:#ccc}
.footer-info .info-text p{margin:0;line-height:25px}
.footer-info .info-text p a{color:#ccc}
.float-nav{position:absolute;z-index:1;left:355px;background:rgba(255,255,255,0.9);width:200px;height:413px;border-radius:4px;top:32px}
.float-nav h2{font-size:16   px;padding:0 10px;color:#000;font-weight:bold;line-height:46px}
.float-nav .category-layer{width:100%;height:367px}
.float-nav .category-layer .list{clear:both}
.float-nav .category-layer .list a{display:block;line-height:36px;color:#000;padding:0 10px;overflow:hidden;position:relative;font-size:14px}
.float-nav .category-layer .list a i{font-size:12px;float:right;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);margin-right:0}
.float-nav .category-layer .list .classone{display:block;height:100%;font-size:14px;color:#fff;line-height:60px;padding:0 20px}
.float-nav .category-layer .list i{margin-right:10px}
.float-nav .category-layer .list:hover .classone{color:#E31939}
.float-nav .category-layer .list:hover .classone i{color:#E31939}
.float-nav .category-layer .list span{float:right}
.float-nav .category-layer .list:hover{background:#fff}
.float-nav .categorys{width:540px;height:393px;padding:10px;top:0;background:#fff;position:absolute;left:196px;display:none;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:0 0 8px #00000017}
.float-nav .categorys a{display:block;float:left;margin-right:30px;line-height:30px !important;font-size:12px !important;color:#666 !important}
.float-nav .categorys a:hover{color:#E31939 !important;font-weight:bold}
.bannerArea{width:100%;height:511px;position:relative; overflow:hidden; max-width:100%;}
.bannerArea .banner{width:1920px;height:100%;position:relative;top:0;left:50%;margin-left:-960px}
.bannerArea .banner .hd{width:1210px;text-align:center;height:15px;overflow:hidden;position:absolute;right:0;left:0;margin:auto;bottom:66px;z-index:1}
.bannerArea .banner .hd ul{float:right}
.bannerArea .banner .hd ul li{display:inline-block;margin-right:8px;width:10px;height:10px;line-height:14px;text-align:center;cursor:pointer;border-radius:50%;background:none;border:2px solid #fff}
.bannerArea .banner .hd ul li img{display:none}
.bannerArea .banner .hd ul li.on{background:#fff;color:#fff}
.bannerArea .banner .bd{position:relative;height:100%;z-index:0}
.bannerArea .banner .bd li{zoom:1;vertical-align:middle}
.bannerArea .banner .bd img{width:1920px;height:511px;display:block}
.bannerArea .banner .prev,.bannerArea .banner .next{position:absolute;left:575px;top:50%;margin-top:-25px;display:block;width:56px;height:56px;background-repeat:no-repeat;filter:alpha(opacity=50);opacity:0.5}
.bannerArea .banner .prev{background:url(//filecdn.ify.cn/skin/hbjy9801/img/banner-left.png)}
.bannerArea .banner .next{background:url(//filecdn.ify.cn/skin/hbjy9801/img/banner-right.png);left:auto;right:363px}
.bannerArea .banner .prev:hover,.bannerArea .banner .next:hover{filter:alpha(opacity=100);opacity:1}
.bannerArea .banner .prevStop{display:none}
.bannerArea .banner .nextStop{display:none}
.toolbar{position:relative;width:1162px;margin:0 auto;top:-34px;background:#fff;border-radius:4px;padding:20px 24px;overflow:hidden}
.toolbar .l{float:left;overflow:hidden}
.toolbar .l .img{width:53px;height:53px;overflow:hidden;border-radius:50%;float:left;margin-right:15px}
.toolbar .l .img img{width:100%;height:100%;object-fit:cover}
.toolbar .l .info{float:left}
.toolbar .l .info p{font-size:14px;color:#AFAFAF;margin-bottom:7px}
.toolbar .l .info a{width:auto;padding:2px 10px;margin-right:10px;font-size:14px;display:block;float:left;border-radius:4px;color:#FF6767;border:1px solid #FF6767}
.toolbar .l .info a:last-child{background:#595454;border:1px solid #595454;color:#FDE4B3}
.toolbar .c{width:auto;float:left;border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE;margin:0 10px}
.toolbar .c li{float:left;overflow:hidden;width:112px}
.toolbar .c li a{display:block;font-size:14px;text-align:center;color:#000}
.toolbar .c img{width:35px;height:35px;border-radius:50%;display:block;margin:0 auto;margin-bottom:4px}
.toolbar .r{float:right;background:url(//filecdn.ify.cn/skin/hbjy9801/img/toolbar-phone.png) left center no-repeat;padding-left:50px}
.toolbar .r span{font-size:14px;color:#AFAFAF}
.toolbar .r p{color:#FF6767;font-size:24px;font-weight:bold}
.in-coupon{width:1210px;margin:0 auto;overflow:hidden}
.in-coupon li{float:left;width:390px;height:133px;overflow:hidden;background-image:url(//filecdn.ify.cn/skin/hbjy9801/img/in-coupon-bg.png);background-size:cover;margin-right:15px;margin-bottom:15px;position:relative}
.in-coupon li:nth-child(3n){margin-right:0}
.in-coupon li i{position:absolute;font-style:normal;padding:2px 10px;background-color:#B78759;border-bottom-right-radius:10px;color:#fff}
.in-coupon li .c{width:100%;overflow:hidden;margin-top:28px;height:76px}
.in-coupon li .c .l{float:left;margin-left:48px}
.in-coupon li .c .l p{font-size:30px;font-weight:bold;color:#B78759}
.in-coupon li .c .l p img{margin-right:5px}
.in-coupon li .c .l span{font-size:16px;color:#B78759}
.in-coupon li .c a{float:right;display:block;width:100px;height:30px;background:#B78759;border-radius:16px;text-align:center;line-height:30px;font-size:16px;color:#fff;margin-right:24px;margin-top:20px}
.in-coupon li .bottom{margin-left:48px;color:#B78759;height:30px;line-height:30px}
.adlist{overflow:hidden;width:1210px;margin:15px auto}
.adlist ul{width:1216px}
.adlist li{width:229px;height:158px;float:left;margin-right:15px;border-radius:4px;overflow:hidden}
.adlist li:last-child{margin-right:0}
.adlist li img{width:100%;height:100%}
.in-seckill{overflow:hidden;margin:30px auto}
.in-seckill .title{background:url(img/seckill-bg.png);width:180px;height:246px;padding:24px;float:left;border-radius:4px;overflow:hidden}
.in-seckill .title h2{text-align:center;font-size:26px;color:#fff;margin-top:23px}
.in-seckill .title img{margin:40px auto;display:block}
.in-seckill .title p{text-align:center;color:#fff;font-size:16px;margin:13px 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-seckill .picScroll-left{float:right;width:960px}
.in-list{width:180px;height:246px;padding:24px;float:left;background:#fff;margin-right:16px;margin-bottom:16px;border-radius:4px;overflow:hidden}
.in-list .img{width:100%;height:180px;overflow:hidden;border-radius:4px;position:relative}
.in-list .img img{width:100%;height:100%;object-fit:cover;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s}
.in-list .img .light{position:absolute;left:-400px;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform:skewx(-40deg);-o-transform:skewx(-40deg);-moz-transform:skewx(-40deg);-webkit-transform:skewx(-40deg)}
.in-list p{font-size:16px;margin:13px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-list span{font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-list .price{font-size:12px;color:#8c02d5}
.in-list .price p{display:inline;font-size:20px;font-weight:bold;margin-left:5px}
.in-list .price img{float:right;margin-top: 4px;}
.in-list:hover .img img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s}
.in-list:hover .img .light{left:400px;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.floor-title{width:100%;height:35px;line-height:35px}
.floor-title h2{font-size:26px;color:#000;float:left}
.floor-title h2 span{color:#E31939;padding-left:10px}
.floor-title .tagBar{float:left;max-width:1000px;margin-left:20px}
.floor-title .tagBar li{width:auto;padding:0 10px;cursor:pointer;font-size:14px;color:#999999;float:left;line-height:48px}
.floor-title .tagBar li a{font-size:14px;color:#999999}
.floor-title a:hover{color:#000}
.floor-title .more{float:right;line-height:48px;color:#999}
.recommen .picRight{width:100%;margin:18px auto;position:relative}
.recommen .picRight .hd{position:absolute;right:0;top:-40px}
.recommen .picRight .hd a{width:25px;height:25px;display:block;background-size:cover;border-radius:50%;background-color:rgba(0,0,0,0.15);font-size:12px;line-height:25px;color:#fff;text-align:center;float:left;overflow:hidden}
.recommen .picRight .hd a:first-child{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.recommen .picRight .hd a:last-child{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);margin-left:10px}
.floor-list{margin-top:15px;overflow:hidden}
.floor-list .hf{margin-bottom:20px}
.floor-list .hf,.floor-list .hf a{width:100%;height:100px;overflow:hidden;display:block}
.floor-list .hf img{width:100%;height:100%;object-fit:cover}
.floor-list .floor-content{margin:18px auto;overflow:hidden}
.floor-list .floor-right{width:100%;overflow:hidden}
.floor-list .lunbo{float:left;margin-right:16px;background-color:#fff; border-radius: 4px; }
.floor-list .lunbo,.floor-list .lunbo .slideBox,.floor-list .lunbo .slideBox .bd,.floor-list .lunbo .slideBox .li,.floor-list .lunbo .slideBox .li{display:block;width:472px;height:294px;overflow:hidden}
.floor-list .lunbo .slideBox .bd img{width:100%;height:100%;object-fit:cover}
.floor-list .lunbo .slideBox{position:relative}
.floor-list .lunbo .slideBox .li img{width:100%;height:100%;object-fit:cover}
.floor-list .lunbo .slideBox .hd{position:absolute;bottom: 0;left:0;right:0;margin:auto;width: 100%;height: 30px;background: rgba(0,0,0,0.3);z-index: 999;text-align: center;}
.floor-list .lunbo .slideBox .hd li{width:6px;height:6px;background:none;border: 1px solid #fff;/* float:left; */margin: 10px 5px;border-radius:50%;overflow:hidden;text-indent:50px;cursor:pointer;display: inline-block;}
.floor-list .lunbo .slideBox .hd li img{display: none}
.floor-list .lunbo .slideBox .hd li.on{background:#fff}
.floor-list .in-list:nth-child(4),.floor-list .in-list:last-child{margin-right:0}
/*面包屑导航*/
.breadcrumb{margin:10px 0;}
/*左侧菜单*/
.leftMenu{width:210px; float:left; overflow:hidden; border-radius: 4px;}
.leftMenu .channelName{height:40px; text-indent:20px; line-height:40px; font-size:16px; color:#fff}
.leftMenu .left-menu{ border:1px solid #ececec; /*background-color:#f9f9f9;*/ padding:10px 20px;}
.leftMenu .left-menu ul li a{ display:block; height:40px; line-height:40px; font-size:14px; color:#666}
.leftMenu .left-menu ul li a span{ float:right}
.leftMenu .left-menu ul li a:hover,.leftMenu .left-menu ul li a.on{color:#8c02d5; font-weight:bold}
.leftMenu .left-menu ul li ul{padding-left:10px;}
.leftMenu .left-menu ul li ul li a:before{content:"- "}
/*单页*/
.rightCon{width:988px; float:right; overflow:hidden; border:1px solid #ececec; min-height:540px; padding-bottom:30px; border-radius: 4px}
.rightCon h1{ line-height:40px; border-bottom:1px dashed #ececec; text-align:center; font-size:20px; margin:20px 10px 10px;}
.rightCon .content{padding:20px; font-size:14px; color:#666; line-height:1.8em;}
.rightCon .content p{font-size:14px; color:#666; line-height:1.8em;}
.rightCon .content img{max-width:100%;}
/*热卖推荐*/
.hotsale{height:150px; background-color:#f9f9f9; margin-bottom:5px; overflow:hidden; margin-top:10px;}
.hotsale h2{width:16px; padding:0 12px; font-size:16px; color:#fff; line-height:24px; height:125px; padding-top:25px; float:left}
.hotsale ul{padding:15px 0 15px 15px; float:right; width:1155px;}
.hotsale ul li{width:254px; height:100px; padding:10px; background-color:#fff; margin-right:12px; overflow:hidden; float:left}
.hotsale ul li .pimg{width:100px; height:100px; float:left; overflow:hidden}
.hotsale ul li .pimg img{width:100%; height:100%}
.hotsale ul li:hover .pimg img{transform: scale(1.2); -ms-transform: scale(1.2);	-webkit-transform: scale(1.2); -o-transform: scale(2,4); -moz-transform: scale(2,4);}
.hotsale ul li .text{width:144px; float:right}
.hotsale ul li .text .p-name{height:40px; line-height:20px; overflow:hidden}
.hotsale ul li .text .p-price{ margin-top:5px; color:#999;}
.hotsale ul li .text .p-price span{color:#E31939; font-size:16px; font-weight:bold}
.hotsale ul li .text .btns{width:72px; height:25px; border-radius:2px; line-height:25px; text-align:center; font-size:12px; color:#fff; display:block; margin-top:8px; }
/*筛选条件*/
.search-wrap{ border:1px solid #ececec; overflow:hidden; position:relative; border-bottom:0}
.search-wrap ul li{width:1188px; padding:10px 10px 0px 10px; overflow:hidden; border-bottom:1px solid #ececec}
.search-wrap ul li .filter_tit{width:70px; height:40px; line-height:40px; text-align:right; color:#999; float:left}
.search-wrap ul li .filter_con{width:1103px; float:right;}
.search-wrap ul li .filter_con a{height:40px; line-height:40px; float:left; display:block; border-right:none; margin-bottom:10px; padding:0 10px;}
.search-wrap ul li .filter_con a.on,.search-wrap ul li .filter_con a:hover{color:#8c02d5;}
/***********************************商品页列表页***********************************/
.shoplist{width:100%; float:right; overflow:hidden; }
.shoplist .filter{width:100%; box-sizing:border-box;border: 1px solid #ececec;border-top: 0;line-height:44px; z-index:999; overflow: hidden}
.shoplist .filter dt{padding: 0 19px; float:left; color:#999; margin-right: 7px;}
.shoplist .filter a{ color:#999;    margin-right: 20px;}
.shoplist .filter.fixed{ position:fixed; top:0;}
.shoplist .filter #searchSelect4 a{line-height:44px;  display:block; float:left; font-size:12px; color:#666;cursor:pointer}
.shoplist .filter #searchSelect4  a.on{ background-color:#fff; color:#E31939; }
.shoplist .filter #searchSelect4 a.desc:after{ content:' ↓'}
.shoplist .filter #searchSelect4 a.asc:after{ content:' ↑'}
.shoplist .filter #searchSelect3{float:right;}
.shoplist .filter #searchSelect3 a{line-height:44px;  display:block; float:left; font-size:12px; color:#666;cursor:pointer}
.shoplist .filter #searchSelect3  a.on{ color:#e31939; }
.shoplist .filter #searchSelect3 a:after{content:"⊙"}

.shoplist ul.goods-list{width:100%; overflow:hidden;margin-top: 20px;}
.shoplist ul.goods-list .in-list:nth-child(5n){margin-right: 0}
.shoplist ul.goods-list .in-list{margin-right: 15px; border: 1px solid #eaeaea;}
/*分页样式*/
.page{ overflow: hidden; padding:20px 0; text-align:center; margin:0; clear: both;}
.page span{ padding:5px 10px; border:1px #ccc solid; color:#282828;}
.page .JZD_PAGE_GONG, .page .JZD_PAGE_ZONGSHU, .page .JZD_PAGE_TIAOJILU, .page .JZD_PAGE_YECI, .page .JZD_PAGE_DANGQIANYE, .page .JZD_PAGE_XIEGANG, .page .JZD_PAGE_ZHONGYE, .page .JZD_PAGE_YE{ padding:5px 0; border-left:none;border-right:none;}
.page .JZD_PAGE_YECI{ margin-left:-4px; padding-left:6px;}
.page .JZD_PAGE_GONG{ border-left:1px #ccc solid; padding-left:10px;}
.page .JZD_PAGE_YE{ border-right:1px #ccc solid; padding-right:10px;}
.page .JZD_PAGE_ZHUANGDAO, .page .JZD_PAGE_SELECT, .page .JZD_PAGE_SELECT_YE{ display:none;}
.page .JZD_PAGE_FIRST{ margin-left:10px;}
.page .JZD_PAGE_FIRST:hover, .page .JZD_PAGE_PREVIOUS:hover, .page .JZD_PAGE_NEXT:hover, .page .JZD_PAGE_LAST:hover,.page .JZD_PAGE_SHUZIYE{ background-color:#499E0B; border-color:#8c02d5;}
.page .JZD_PAGE_FIRST:hover a, .page .JZD_PAGE_PREVIOUS:hover a, .page .JZD_PAGE_NEXT:hover a, .page .JZD_PAGE_LAST:hover a{ color:#fff;}
.page .JZD_PAGE_DISABLED{ border-color:#ccc !important; background-color:#fafafa !important; color:#999;}
.page a{ color:#282828;}
.page a:hover{ color:#000;}
/***********************************商品详情页***********************************/
.shopdetail{ overflow:hidden; margin-top:10px;}
.shopdetail .goods-info{ margin-bottom:10px;}
.shopdetail .goods-info .preview{width:420px; height:540px; float:left; overflow:hidden;}
.shopdetail .goods-info .preview p{ margin-top:10px; float:right;}
.shopdetail .goods-info .preview p i{font-size:12px; margin-right:7px; color:#999}
.shopdetail .goods-info .preview p .on{ color:#E31939}
.shopdetail .goods-info .preview p .on i{color:#E31939}
.shopdetail .goods-info .detail-info{width:750px; height:540px; float:right; overflow:hidden;}
.shopdetail .goods-info .detail-info h1{ line-height:30px; font-size:16px; color:#333;}
.shopdetail .goods-info .detail-info .goods-price{height:62px; padding:12px 20px; background-color:#f5f5f5; margin:10px 0;}
.shopdetail .goods-info .detail-info .goods-price .price-old{height:30px; line-height:32px; float:left; color:#999;}
.shopdetail .goods-info .detail-info .goods-price .price-old del{ margin-left:10px;}
.shopdetail .goods-info .detail-info .goods-price .goods-comment{ float:right; color:#999; text-align:center; line-height:1.6em; height:30px}
.shopdetail .goods-info .detail-info .goods-price .price-new{height:32px; line-height:32px; float:left; color:#999; clear:both; vertical-align:middle;}
.shopdetail .goods-info .detail-info .goods-price .price-new span{color:#8c02d5; font-weight:bold; font-size:24px;}
.shopdetail .goods-info .detail-info dl { overflow: hidden; padding: 0; }
.shopdetail .goods-info .detail-info dt, .shopdetail .goods-info .detail-info dd { width:100%; line-height: 30px; }
.shopdetail .goods-info .detail-info dt { color: #333; }
.shopdetail .goods-info .detail-info dd a { display: inline-block; border: 1px solid #ccc; padding: 2px 12px; margin: 0px 5px 10px 0px; text-align: center; color: #000; background-color: #fff; line-height: 22px; -webkit-border-radius: 3px; border-radius: 3px; }
.shopdetail .goods-info .detail-info dd a:hover, .shopdetail .goods-info .detail-info dd .select { border-color: #8c02d5; }
.shopdetail .goods-info .detail-info dd .select { color: #fff; background-color: #8c02d5; }
.shopdetail .goods-info .detail-info .Com_num { overflow: hidden; border-top: 1px #ccc dotted; padding-top: 25px; margin-top: 10px; }
.shopdetail .goods-info .detail-info .Com_num .choose-amount ,.shopdetail .goods-info .detail-info .Com_num .choose-amounts{ width: 142px; float: left; height: 50px; overflow: hidden; border: 1px solid #ccc; position: relative; }
.shopdetail .goods-info .detail-info .Com_num .choose-amount a,.shopdetail .goods-info .detail-info .Com_num .choose-amounts a{ display: block; width: 32px; text-align: center; height: 25px; font-size: 18px; line-height: 25px; overflow: hidden; background: #f1f1f1; color: #666; position: absolute; right: -1px; border: 1px solid #ccc; }
.shopdetail .goods-info .detail-info .Com_num .stock{ float:left; margin-left:30px; line-height:50px;}
.shopdetail .goods-info .detail-info .Com_num .choose-amount a.btn-reduce,.shopdetail .goods-info .detail-info .Com_num .choose-amounts a.btn-reduces { bottom: -1px; }
.shopdetail .goods-info .detail-info .Com_num .choose-amount a.btn-add,.shopdetail .goods-info .detail-info .Com_num .choose-amounts a.btn-adds{ top: -1px; }
.shopdetail .goods-info .detail-info .Com_num .choose-amount input,.shopdetail .goods-info .detail-info .Com_num .choose-amounts input{ width: 109px; height: 50px; line-height: 50px; position: absolute; top: 1px; left: 0; border: none; font-size: 20px; text-align: center; outline:none;}
.shopdetail .goods-info .detail-info .Com_num .Com_pack { width: 186px; overflow: hidden; }
.shopdetail .goods-info .detail-info .Com_card { clear:both; margin-top:30px;}
.shopdetail .goods-info .detail-info .blackbtn{width: 166px;
    height: 43px;
    text-align: center;
    line-height: 40px;
    border-radius: 6px;
    font-size: 16px;
    float: left;margin-top: 30px !important;}
.shopdetail .goods-info .detail-info .Com_card a { float:left; width: 162px; height: 40px;  background-color:#e8ccf7; border:1px solid #d19aee; color:#8c02d5; border-radius: 4px; margin-right:8px; cursor:pointer; text-align:center; line-height:40px; font-size:16px}
.shopdetail .goods-info .detail-info .Com_card a i{margin-right:10px;}
.shopdetail .goods-info .detail-info .Com_card a:last-child{ background-color:#8c02d5; border:1px solid #8c02d5; color:#fff; }
.shopdetail .goods-info .detail-info .intro{ font-size:14px; color:#666; padding:30px 0; line-height:2em}
.shopdetail .goods-info .detail-info .intro span{color:#E31939; font-size:16px}

.shopdetail .goods-con{width:988px; float:right; border-bottom:0;}
.shopdetail .goods-con .goods-tab{width:100%; box-sizing:border-box; height:39px; line-height:39px; background-color:#fafafa; border:1px solid #ececec;}
.shopdetail .goods-con .goods-tab.fixed{ position:fixed; top:0; z-index:999}
.shopdetail .goods-con .goods-tab ul li{width:139px; height:39px; line-height:37px; float:left;}
.shopdetail .goods-con .goods-tab ul li a{width:138px; height:37px; line-height:37px;  text-align:center; font-size:14px; color:#333; border-top:2px solid #fafafa; border-right:1px solid #fafafa display:block; color:#333; display:block}
.shopdetail .goods-con .goods-tab ul li a.on{height:39px; border-top:2px solid #8c02d5; border-right:1px solid #ececec; border-left:1px solid #ececec; background-color:#fff; position:relative; top:-1px;}
.shopdetail .goods-con .goods-tab ul li.on:first-child{border-left:0}
.shopdetail .goods-con .goods-body{color:#666; line-height:1.8em}
.shopdetail .goods-con .goods-body img{max-width:100%}
.shopdetail .goods-con .goods-body .title{height:46px; line-height:46px; font-size:20px; color:#8c02d5;}
.shopdetail .goods-con .goods-body .goods_item{border:1px solid #ececec;}
.goods_introduce{padding:20px; }
.goods_evaluate .goods-evaluate-tab{width:100%; height:40px; border-bottom:1px solid #ececec;}
.goods_evaluate .goods-evaluate-tab ul li{height:40px; line-height:40px; padding:0 20px; float:left; text-align:center; cursor:pointer}
.goods_evaluate .goods-evaluate-tab ul li i{ margin-right:10px;}
.goods_evaluate .goods-evaluate-tab ul li.on{color:#8c02d5; border-bottom:2px solid #8c02d5}

.kill_note .showtime span{ color:#f60; font-size:25px;}
.kill_note .showtime{height:50px; line-height:50px;font-size:14px;color: #666; overflow: hidden; }
.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more{margin:0 !important;}
.bdshare-button-style2-16:after{display:inline-block !important}
/*左侧新品推荐*/
.newProLeft{width:210px; float:left; overflow:hidden}
.newProLeft .aside-Tit{height:39px; line-height:39px; border-bottom:1px solid #ececec; margin-bottom:15px;}
.newProLeft .aside-Tit h2{ float:left; font-size:16px; color:#666;}
.newProLeft .aside-Tit span{ float:right; font-size:16px; color:#666;}
.newProLeft ul li{width:157px;padding-bottom:10px; border:1px solid #ececec; margin-bottom:15px; overflow:hidden; margin-right:0; height: auto}
.newProLeft ul li .img{width:157px; height:157px; position:relative; margin-bottom:10px; overflow:hidden}
.newProLeft ul li .img img{width:100%; height:100%; object-fit: cover}
.newProLeft ul li p{font-size: 14px; margin:5px 0;}
.newProLeft ul li .price p{font-size: 16px;}
.newProLeft ul li .price img{width: 15px;}

/*商品评价*/
.evaluate-page{ overflow: hidden; padding:10px 0; text-align:right; margin:0;}
.evaluate-page span{ margin-right:10px;}
.evaluate-page em{ margin:0 5px;}
.evaluate-page a{  padding:4px 8px;  border:1px #ccc solid; color:#666; margin-right:8px}
.evaluate-page a:hover{ background:#F0A846; color:#ffffff; border:1px #F0A846 solid}

.evaluate-percentage{ border-bottom:1px #dddddd solid; overflow:hidden}
.evaluate-percentage .rate {width: 130px;padding: 15px 10px;text-align:center; float:left}
.evaluate-percentage .rate span{font-size: 24px;color: #8c02d5;line-height: 1.2;display: block;font-weight: 700;font-family: Arial,Helvetica,sans-serif;}
.evaluate-percentage .rate span strong{font-size: 48px;    font-weight: 400;}
.evaluate-percentage .rate p{display: block;font-size: 12px;color: #666; margin-left:-14px}
.evaluate-percentage .percent{ float:left;padding: 45px 15px 15px 15px; overflow:hidden;}
.evaluate-percentage .percent dl{ width:190px;  float:left;height:10px;}
.evaluate-percentage .percent dl dt{ float:left;width: 70px;color: #999; font-weight:100}
.evaluate-percentage .percent dl dt strong{font-weight:100}
.evaluate-percentage .percent dl dd{float: left;width: 100px;height: 10px;margin-top: 6px;overflow: hidden;background: #efefef;}
.evaluate-percentage .percent dl dd div{overflow: hidden;height: 10px;width: 0;background-color: #8c02d5;}

.goods-evaluate-item{ border-bottom:1px #dddddd solid; overflow:hidden}
.goods-evaluate-item-user{ float:left; width:80px; padding:10px; text-align:center; overflow:hidden}
.goods-evaluate-item-user p{ line-height:22px;}
.goods-evaluate-item-user p img{ width:50px; height:50px; border:1px #dddddd solid; padding:1px; margin-bottom:5px;}
.goods-evaluate-item-info{ float:left; width:795px;border-left:1px #dddddd solid; padding:15px;overflow:hidden; min-height:80px}
.goods-evaluate-item-comment{height:35px; line-height:35px;}
.goods-evaluate-item-comment-score{ float:left; width:70px; height:35px; overflow:hidden}
.goods-evaluate-item-comment-score img{ margin-top:-5px;max-width:70px;max-height:13px;_width:expression(this.width > 70 && this.width > this.height ? 70: auto);_height:expression(this.height > 13 ? 13 : auto);}
.goods-evaluate-item-comment-impress{float:left; margin-left:20px}
.goods-evaluate-item-comment-impress span{padding: 4px 6px;border-radius: 4px;margin-right: 10px;color: #999;background-color: #eee;}
.goods-evaluate-item-comment-time{float:right; color:#BBB}
.goods-evaluate-item-content{word-break: break-all;word-wrap: break-word; line-height:23px; padding:5px 0 10px; overflow:hidden}
.goods-evaluate-item-img{padding:5px 0 10px;overflow:hidden}
.goods-evaluate-item-img ul li{ float:left; position:relative; text-align:center; margin-right:10px;}
.goods-evaluate-item-img ul li a{ display:block;width:50px; height:50px;line-height: 50px;border:1px #dddddd solid; padding:1px;line-height: 50px; cursor:default }
.goods-evaluate-item-img ul li img{ border:0;max-width:50px;max-height:50px;_width:expression(this.width > 50 && this.width > this.height ? 50: auto);_height:expression(this.height > 50 ? 50 : auto);}
.goods-evaluate-item-reply{ border-top:1px #dddddd dotted; padding-top:10px;margin-top:10px;}
.goods-evaluate-item-reply dl dt{ float:left; width:80px; color:#ED4548}
.goods-evaluate-item-reply dl dd{ color:#888888}
/*常见问题*/
.goods_problem{padding:20px;}
.goods_problem .goods-problem-item{padding:15px 0; border-bottom:1px dashed #ececec; font-size:12px;}
.goods_problem .goods-problem-item .question{ line-height:20px; margin-bottom:6px; font-weight:bold}
.goods_problem .goods-problem-item .question span{font-size:16px; color:#999; margin-right:10px; font-weight:normal}
.goods_problem .goods-problem-item .answer{line-height:20px}
.goods_problem .goods-problem-item .answer span{font-size:16px; color:#8c02d5; margin-right:10px;}

/*提问表单*/
.goods_problem .commentInput{margin-top:30px;}
.goods_problem .commentInput h6{font-size:16px;}
.goods_problem .commentInput li{margin-top:10px;}
.goods_problem .commentInput li input[type="text"]{width:200px; height:26px; border:1px solid #ececec}
.goods_problem .commentInput li textarea{width:600px; height:100px; border:1px solid #ececec;resize:none;}
.goods_problem .commentInput li input[type="submit"]{width:200px; height:30px; background:#8c02d5; border:0; font-size:16px; color:#fff;}
/***********************************秒杀专区列表页***********************************/
.cxms{width: 980px;float:right;}
.shoplist ul.spike-list{width:1000px; overflow:hidden}
.shoplist ul.spike-list li{width:938px; height:203px; padding:20px; border:1px solid #ececec; margin-top:15px;}
.shoplist ul.spike-list li .pimg{width:200px; height:200px; overflow:hidden; float:left}
.shoplist ul.spike-list li .pimg img{width:100%; height:100%; object-fit: cover}
.shoplist ul.spike-list li:hover .pimg img{transform: scale(1.2); -ms-transform: scale(1.2);	-webkit-transform: scale(1.2); -o-transform: scale(2,4); -moz-transform: scale(2,4);}
.shoplist ul.spike-list li .text{width:715px; height:100%; overflow:hidden; float:right}
.shoplist ul.spike-list li .text .title{ font-size:24px; color:#333; margin-bottom:30px;}
.shoplist ul.spike-list li .text .des{height:80px; font-size:15px; color:#666; margin-bottom:30px; line-height:1.8em}
.shoplist ul.spike-list li .text .time{ font-size:14px; color:#333; margin-bottom:30px; line-height:1.5em; overflow:hidden}
.shoplist ul.spike-list li .text .time i{margin-right:10px; color:#E31939}
.shoplist ul.spike-list li .text .price{ font-size:14px; color:#E31939;  margin-top:40px; line-height:1.5em; float:left;}
.shoplist ul.spike-list li .text .price span{font-size:30px; color:#E31939}
.shoplist ul.spike-list li .text .price del{ padding-left:20px; color:#999}
.shoplist ul.spike-list li .text .btn{width:120px; height:40px; background-color:#443d3e; text-align:center; line-height:40px; border-radius:6px; font-size:20px; color:#fff; margin-top:30px; float:right}
/*新闻列表页*/
.rightCon .title{height:40px; line-height:40px; background-color:#fafafa; text-indent:20px; font-size:16px; color:#333; border-bottom:1px solid #ececec}
.rightCon .helplist{overflow:hidden; }
.rightCon .helplist li{height:38px; line-height:38px; border-bottom:1px solid #ececec; padding:0 20px; font-size:12px;}

.gobacktop{width:38px; height:38px; background:#f5f5f5; border:1px solid #ccc; border-radius:50%; line-height:38px; position:fixed; right:50px; bottom:100px; text-align:center; font-size:30px; color:#666; z-index:998; cursor:pointer;}
.gobacktop:hover{color:#E31939; border:1px solid #E31939;}