/*===================================*/
/*==============展示页面=============*/
/*===================================*/


/*#region ===========首页banner===========*/

.ban_bg{ width:100%; height:500px; overflow:hidden; margin:0 auto 30px auto; background:#f9f9f9; position:relative; z-index:1; }
.ban{ width:720px; height:480px; margin:20px 0 0 240px; overflow:hidden; }

/*漂浮层*/

.ibanfloat{ width:220px; height:490px; margin:20px 0 0; overflow:hidden; background:#fff; }
.ibanfloat_title{ width:100%; height:50px; border-bottom:1px solid #ddd; }
.ibanfloat_title span{ height:50px; line-height:50px; display:inline-block; overflow:hidden; margin:0 20px; color:#333; font-size:16px; position:relative; }
.ibanfloat_title span::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 2px; background: #f42424;  z-index: 2; }
.ibanfloat_news{ height:172px; padding:10px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.ibanfloat_news li{ height:34px; line-height:34px; overflow:hidden;}
.ibanfloat_news li a{ display:block; overflow:hidden; padding:0 20px;}
.ibanfloat_news li i{ float:left; font-size:16px; font-weight:bold; margin:0 6px 0 0;}
.ibanfloat_news li span{ color:#666;}
.ibanfloat_news li a:hover span{ color:#f42424;}

/*轮播产品*/

.ibanfloat_box{ overflow:hidden; position:relative;}
.ibanfloat_item a.img{ width:200px; height:200px; display:block; overflow:hidden;}
.ibanfloat_item a.img img{ width:200px; height:200px;}
.ibanfloat_item a.name{ height:20px; line-height:20px; display:block; overflow:hidden; margin:10px 0 5px 0; padding:0 10px; color:#666; font-size:13px;}
.ibanfloat_item span{ line-height:20px; font-size:14px; color:#f42424; font-weight:bold;}
.ibanfloat_item span.left{ margin-left:10px;}
.ibanfloat_item span.right{ margin-right:10px;}

/*快捷导航*/

.ibanfloat_link ul { display:flex; flex-wrap: wrap; justify-content: space-between;  }
.ibanfloat_link ul li { width:calc(33.3% - 1px); text-align:center; padding:15px 0; border-width: 0 0 1px 1px; border-color: #f9f9f9;  border-style: solid; }
.ibanfloat_link ul li i { display:block; font-size:24px; -webkit-background-clip:text; color: transparent; margin-bottom:5px; }
.ibanfloat_link ul li i.xs-wode { background-image: -webkit-gradient(linear,0 0,right 0,from(#e89621),to(#f5c568)); }
.ibanfloat_link ul li i.xs-dingdan { background-image: -webkit-gradient(linear,0 0,right 0,from(#325bb4),to(#4c9afe)); }
.ibanfloat_link ul li i.xs-shoucangxiao { background-image: -webkit-gradient(linear,0 0,right 0,from(#1c9daf),to(#40cda7)); }
.ibanfloat_link ul li i.xs-baozhang { transform:scale(1.1); background-image:  -webkit-gradient(linear,0 0,right 0,from(#d13837),to(#df6d4f)); }
.ibanfloat_link ul li i.xs-sdfahuo { transform:scale(1.2);  background-image: -webkit-gradient(linear,0 0,right 0,from(#ca4283),to(#eb75cf)); }
.ibanfloat_link ul li i.xs-tuihuo { background-image: -webkit-gradient(linear,0 0,right 0,from(#5d40c1),to(#8c5fdb)); }

/*箭头*/

.ibanitem_btn{ width:17px; height:40px; line-height:40px; display:block; overflow:hidden; text-align:center; background:#000; background:rgba(0,0,0,0.4); color:#fff; font-size:14px; position:absolute; z-index:100;}
.ibanitem_btn:hover{ color:#fff;}
.ibanitem_left{ top:85px; left:0; padding-left:3px;}
.ibanitem_right{ top:85px; right:0; padding-right:3px;}

/*#endregion */


/*#region ===========首页限时促销===========*/

/*侧边导航*/

#loutinav { width: 50px; position: fixed;  top:calc(50vh - 250px); left: 10%; border: 1px solid #ddd; z-index:9; display: none; }
#loutinav ul li { box-sizing:border-box; width: 100%;  border-bottom: 1px dotted #ddd;  text-align: center;  position: relative;  cursor: pointer;  background: #fff; color: #666; }
#loutinav ul li span { display: block; line-height:160%;  padding:5px 10px; text-align:center; }
#loutinav ul li.last {  background: #5e4a4a;  color: #fff; border-bottom: 1px solid #ddd; }
#loutinav ul li.active span { background: #f42424; color: #fff; }
#loutinav ul li:hover span { background: #f42424; color: #fff; }
    
/*促销广告*/

.iadv-s {  margin:0 auto 30px auto; }
.iadv-s a { float:left; display:inline-block;font-size:0; letter-spacing:-4px; width:33.33%; min-height:10px; background:#eee;}
.iadv-s a img { width: 100%; height: 100%; object-fit: cover;  transition: all 0.3s ease;}
.iadv-s a:hover img { opacity:0.8; } 

/*限时促销*/
.ilimit-s{ margin:0 auto 30px auto;}
.ilimit-s .timebox { width:200px; height:292px; background:url(../images/mximg.png) center top no-repeat; background-size:cover; color:#fff; text-align:center; }
.ilimit-s .timebox h2 { font-size:24px; font-weight:bold; margin:30px 0 0; }
.ilimit-s .timebox em { font-size:14px; font-style:normal; line-height:200%; }
.ilimit-s .timebox p {  font-size:14px; margin:90px auto 15px; }
.ilimit-s .timebox .timmer .timmer-unit { display:inline-block; width:30px; height:30px; line-height:30px; background:#333; border-radius:6px; font-size:14px; }
.ilimit-s .timebox .timmer em { font-style:normal; margin:0 5px; }
.ilimit-s .list { width:1000px;  background:#fff;  position:relative; }

/*列表*/

.ilimit_list{ width:100%; height:280px; position:relative;}
.ilimit_list div.swiper-container{ overflow:visible;}
.ilimit_item{ height:320px; background:#fff; position:relative; box-sizing:border-box; padding:0 10px; transition: all 0.3s ease; max-width: 192px;}
.ilimit_item a.img{ display:block; padding:10px 0 0; overflow:hidden;  }
.ilimit_item a.img img{ display:block; width: 100%; height: 100%; object-fit: cover;  transition: all 0.3s ease;}
.ilimit_item:hover a.img img { transform:scale(1.08); }
.ilimit_item a.name{ height:50px; line-height:25px; display:block; overflow:hidden; margin:10px 0 5px; color:#666; font-size:14px;}
.ilimit_item p.price{ height:40px; line-height:40px; display:block; margin:0 0 5px; overflow:hidden;  }
.ilimit_item p.price span{ float:left; font-size:18px; color:#f42424; margin-right:10px;}
.ilimit_item p.price s{ color:#8c8c8c; font-size:14px; }
.ilimit_item a.btn{ width:100%; height:40px; line-height:40px; background:#f42424; color:#fff; font-size:15px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; z-index:100; display:none; overflow:hidden;}
.ilimit_item:hover{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }
.ilimit_item:hover a.btn{ display:block;}

/*箭头*/

.ibanlimit_btn{ width:30px; height:40px; line-height:40px; display:block; text-align:center; background:rgba(0,0,0,0.3); color:#fff; font-size:16px; position:absolute; z-index:100; transition: all 0.3s ease; }
.ibanlimit_btn:hover{ background:rgba(0,0,0,0.5); color:#fff;}
.ibanlimit_left{ top:120px; left:0; border-top-right-radius:80px; border-bottom-right-radius:80px; }
.ibanlimit_right{ top:120px; right:0; border-top-left-radius:80px; border-bottom-left-radius:80px; }

/*促销盒子*/

.iadv-box { width:1200px; margin:0 auto 30px auto; }
.iadv-box .iadv-boxc {  background:url(/pcshop/images/iadvboxbg.png) center top no-repeat; margin-left:-68px; border-top-right-radius:20px; border-bottom-right-radius:20px; }
.iadv-box .iadv-boxc ul { float:right; width:980px; min-height:200px; margin:20px 20px 0 0;}
.iadv-box .iadv-boxc ul li { float:left; font-size:0; letter-spacing:-4px; width:calc(20% - 12px); margin-right:15px; margin-bottom:15px; }
.iadv-box .iadv-boxc ul li:nth-child(5n) { margin-right:0; }
.iadv-box .iadv-boxc ul li a img { max-width:100%; border-radius:10px; }
.iadv-box .iadv-boxc ul li:hover img { box-shadow:0 0 10px rgba(0, 0, 0, 0.3); transform:translateY(-5px);  transition: all 0.3s ease; }

/*#endregion */


/*#region ===========首页图组===========*/

.iadv{ width:1200px; overflow:hidden; margin:0 auto 60px auto;}
.iadv_ban{ float:left; width:594px; height:280px; overflow:hidden; margin:0 0 10px 0;}
.iadv_img1{ float:left; width:192px; height:280px; display:block; overflow:hidden; background:#f3f2f9; margin:0 0 10px 10px;}
.iadv_img1 img{ max-width:100%; max-height:100%;}
.iadv_img2{ float:left; width:292px; height:200px; display:block; overflow:hidden; background:#f3f2f9; margin:0 10px 0 0;}
.iadv_img2 img{ max-width:100%; max-height:100%;}
.iadv_img3{ float:right; width:292px; height:200px; display:block; overflow:hidden; background:#f3f2f9;}
.iadv_img3 img{ max-width:100%; max-height:100%;}

.home-standard-layout{width:1200px;overflow:hidden;margin:0 auto 30px auto;}
.p-img img { width:100%; height:100%; object-fit:cover; }
.p-img-scale img { transition: transform .5s;}
.p-img-scale:hover img{ transform: scale(1.05);}

/*组图1+2*/

.com-floor{  overflow:hidden;}
.com-floor .title{width:100%;height:50px;background:#fff; margin-bottom:20px; }
.com-floor .title-name{float:left;width:120px;height:50px; }
.com-floor .title-name p{float:left;color:#fff;}
.com-floor .title-name p.name{margin-left:20px; line-height:50px; font-size:20px; font-weight:bold; }
.com-floor .title-name span.border{float:left;width:4px;height:20px;margin-top:16px; background:#fff; display:none; }
.com-floor .keyword{float:right;margin:14px 18px 0 0}
.com-floor .keyword a{float:right;margin-left:20px; color:#fff; }
.com-floor .keyword a:hover{ text-decoration:underline; }
.com-floor .content{width:100%; }
.com-floor .floor-l{float:left;width:590px;height:530px;overflow:hidden;}
.com-floor .floor-l.right-floor{margin-left:20px;}
.com-floor .left-img{float:left;position:relative;width:190px;height:360px;cursor:pointer;}
.com-floor .left-img img{display:block;width:190px;height:360px}
.com-floor .left-img .cover{position:absolute;width:160px;height:60px;left:0;bottom:40px;opacity:0.5;background:#000;border-radius:0 10px 10px 0}
.com-floor .left-img p.img-name{position:absolute;top:268px;left:14px;width:140px; height:24px; overflow:hidden; color:#fff; font-size:20px;  font-weight:bold; line-height:100%; }
.com-floor .left-img p.img-desc{position:absolute;top:294px;left:14px;color:#fff;width:140px;height:16px;overflow:hidden;}
.com-floor .left-img a{position:absolute;width:100%;height:100%;top:0;left:0;}
.com-floor .left-img:hover img{opacity:.9;}
.com-floor .middle-img{position:relative;float:left;width:200px;height:360px;text-decoration:none;cursor:pointer; }
.com-floor .middle-img img{position:absolute;top:0;left:0;display:block;width:200px;height:360px; }
.com-floor .middle-img p{position:absolute;z-index:1;left:20px}
.com-floor .middle-img p.img-name{top:20px; font-size:20px; font-weight:bold; color:#333; line-height:180%; }
.com-floor .middle-img p.img-desc{top:60px; color:#666; }
.com-floor .middle-img:hover img{opacity:.8;}
.com-floor .img-list{position:relative;float:left;width:400px;height:360px;background:#fff;overflow:hidden; }
.com-floor .img-list li { position:relative; float:left;width:199px;height:179px;border-width:0 0 1px 1px;border-color:#f9f9f9;border-style:solid;overflow:hidden; }
.com-floor .img-list li a.click-area{position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-decoration:none;cursor:pointer; }
.com-floor .img-list li p.img-name{width:180px;height:24px;overflow:hidden;text-align:center;margin:15px auto 0; color:#333; font-size:16px; line-height:100%; }
.com-floor .img-list li p.img-desc{width:180px;height:20px;overflow:hidden;text-align:center;margin:0 auto; color:#8c8c8c; }
.com-floor .img-list li a.img-wrapper{position:absolute;top:58px;left:40px;width:120px;height:120px; }
.com-floor .img-list li img{display:block;width:120px;height:120px;margin:0 auto; transition:-webkit-transform .5s;transition:transform .5s;}
.com-floor .img-list li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05); }
.com-floor .bottom-list{position:relative;width:100%;height:120px;overflow:hidden; background:#fff; }
.com-floor .bottom-list ul{width:590px; }
.com-floor .bottom-list ul li { position:relative;float:left;width:200px;height:109px;border-right:1px solid #f9f9f9; }
.com-floor .bottom-list ul li a.click-area{position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;cursor:pointer; }
.com-floor .bottom-list ul li p.img-name{width:70px;color:#333;height:24px;margin-top:35px;padding-left:20px;overflow:hidden;}
.com-floor .bottom-list ul li p.img-desc{width:72px;height:22px;padding-left:20px;overflow:hidden; color:#8c8c8c; }
.com-floor .bottom-list ul li a.img-wrapper{position:absolute;top:15px;right:15px; }
.com-floor .bottom-list ul li img{display:block;width:80px;height:80px;transition:-webkit-transform .5s;transition:transform .5s;}
.com-floor .bottom-list ul li:hover img{-webkit-transform:scale(1.05); transform:scale(1.05)}
.com-floor .bottom-list ul li:first-child {width:189px; }
.com-floor .bottom-list ul li:last-child { width:199px; border:none; }

/*组图6*/

.iabox { margin:0 auto 30px auto; }
.iabox .left_s, .iabox .middle_s, .iabox .flink_s {border-radius:10px;height:290px; }
.iabox .left_s{background-image:url(../images/qipao2.png);background-repeat:no-repeat;background-size:100% 100%; background-color: #9975C5;}
.iabox .left_s .img {width:290px;height:290px;}
.iabox .middle_s{width:610px; margin:0 20px; box-sizing:border-box; border-radius:10px; overflow:hidden; }
.iabox .middle_s .link_s img{ width: 100%; height: 100%; object-fit: cover;}
.iabox .dlink_s {display:block;background-repeat:no-repeat;background-size:100% 100%;position:relative;}
.iabox .dlink_s .go {width:67px;height:67px;border-radius:60px;overflow:hidden;background-image:url(../images/goimg.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:50%;margin-left:-33px;bottom:28%;}
.iabox .dlink_s .text_s{font-size:20px;line-height:26px;text-align:center;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);bottom:8.5%; color:#333;}
.iabox .flink_s {height:136px;display:block;/*background-image:url(../images/qipao3.png);background-repeat:no-repeat;background-size:100% 100%;*/ overflow:hidden;display:flex;display:-webkit-flex;display:-moz-flex;align-items:center;justify-content:center;padding:0 4% 0 5%; }
.iabox .flink_s .text_s{overflow:hidden;float:left;width:55%; color:#333; }
.iabox .flink_s .text_s .text1{font-size:14px;line-height:16px;margin-bottom:8px;}
.iabox .flink_s .text_s .text2{font-size:18px;line-height:20px;margin-bottom:24px;}
.iabox .flink_s .text_s .text3{ line-height:32px;border-radius:32px;display:inline-block; padding:0 20px; background:#fff; border:1px solid #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.iabox .flink_s .pic_s {float:left;width:45%;}
.iabox .flink_s .pic_s img{width:100%;}
.iabox .right_s {width:260px;}
.iabox .right_s .flink_s:first-child { margin-bottom:20px; }

.ibbox { margin:0 auto 30px auto; }
.ibbox img {width: 100%; height: 100%; object-fit: cover;  transition: all 0.3s ease; }
.ibbox .left { width:480px; height:400px; border-radius:10px; overflow:hidden; }
.ibbox .middle { width:400px; margin:0 20px;  overflow:hidden; }
.ibbox .middle ul li { height:190px; border-radius:10px; margin-bottom:20px; overflow:hidden; }
.ibbox .middle ul li:last-child { margin-bottom:0; }
.ibbox .middle ul li a:hover img { opacity:0.8; }
.ibbox .right { width:280px; height:400px; border-radius:10px; overflow:hidden; }

/*组图3*/

.second-wrapper{  margin:0 auto 30px auto;}
.second-wrapper .module{ width:595px; margin-left:20px; background-color:#fff; float:left;}
.second-wrapper .title{ width:100%; height:50px; line-height:50px; background-color:#449dae;}
.second-wrapper .title h5{ float:left; margin-left:20px; color:#fff; font-size:20px; font-weight:bold; }
.second-wrapper .title .more{ float:right; margin-right:10px; color:#fff;}
.second-wrapper .title .more .xs-iconfont{ display:inline-block; font-size:12px; margin-left:5px; vertical-align:top; }

.second-wrapper .second-content{ position:relative; height:390px; background-color:#fff; z-index:2;}
.second-wrapper .second-content ul{ padding-top:10px;}
.second-wrapper .second-content li{ float:left;}
.second-wrapper .second-content .sew-item{ width:200px; height:100px; margin-bottom:20px;}
.second-wrapper .second-content .sew-item .p-img{ float: left;width: 80px;height: 80px;margin: 18px 0 0 10px;}
.second-wrapper .second-content .sew-item .p-info{ float:left; margin:33px 0 0 16px; width: 76px;}
.second-wrapper .second-content .sew-item .p-name{ width:100%; height: 20px;overflow: hidden; white-space:nowrap; text-overflow:ellipsis;color: #333; font-size:12px;}
.second-wrapper .second-content .sew-item .p-desc{ width:100%; height:36px; line-height:15px; margin-top:2px; color:#449dae; font-size:12px;}

.second-wrapper .hh-module{ margin-left:0;}
.second-wrapper .hh-module .second-content .first{ width:189px; height:360px; border-right: 1px solid #eee;}
.second-wrapper .hh-module .second-content .first .p-img{ width:160px; height:160px; margin:40px 0 0 15px;}
.second-wrapper .hh-module .second-content .first .p-name{ color: #333;width: 155px;height: 18px;overflow: hidden;margin: 27px 0 0 17px;padding-top: 10px;border-top: 1px solid #eee;font-weight: 700;}
.second-wrapper .hh-module .second-content .first .p-desc{ float: left;width: 155px;height: 36px;overflow: hidden;color: #8c8c8c; margin:5px 0 0 17px;}
.second-wrapper .hh-module .second-content .first .sew_btn{ float:left;margin: 9px 0 0 17px;padding: 3px 9px;color: #fff;background-color: #449dae;border-radius: 2px;}
.second-wrapper .hh-module .second-content .first .sew_btn:hover{ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); transform: translateY(-2px);}

.second-wrapper .tj-module .title{ background-color:#a25684;}
.second-wrapper .tj-module .second-content .tj-item{ margin:36px 0 0 30px; width:264px;}
.second-wrapper .tj-module .second-content .tj-item:nth-child(1),
.second-wrapper .tj-module .second-content .tj-item:nth-child(3){ float:left;}
.second-wrapper .tj-module .second-content .tj-item:nth-child(2),
.second-wrapper .tj-module .second-content .tj-item:nth-child(4){ float:right;}
.second-wrapper .tj-module .second-content .tj-item-1,
.second-wrapper .tj-module .second-content .tj-item-3{ float:left;}
.second-wrapper .tj-module .second-content .tj-item-2,
.second-wrapper .tj-module .second-content .tj-item-4{ float:right;}
.second-wrapper .tj-module .second-content .tj-item .tit{ float: left;width: 260px;height: 18px;overflow: hidden;}
.second-wrapper .tj-module .second-content .tj-item .tj-icon{ display: inline-block;padding: 0 10px;line-height: 18px;border-radius: 9px;color: #FFF;margin-right: 8px;background: #a25684;}
.second-wrapper .tj-module .second-content .tj-item .tit a:hover{ color:#a25684;}
.second-wrapper .tj-module .second-content .tj-item ul{ margin-top:10px;}
.second-wrapper .tj-module .second-content .tj-item li{ float:left; margin-right:10px; cursor:pointer;}
.second-wrapper .tj-module .second-content .tj-item li img{display: block;width: 220px;height: 110px;}
.second-wrapper .tj-module .second-content .line{ position: absolute; left: 294px;width: 1px;height: 360px;background: #eee;top: 10px;}

.secondwh-wrapper .module{ width:386px;}
.secondwh-wrapper .tm-module{ margin-left:0;}
.secondwh-wrapper .tm-module .title{ background-color:#c43d7e;}
.secondwh-wrapper .xp-module .title{ background-color:#e66a07;}
.secondwh-wrapper .phb-module .title{ background-color:#b62323;}

.secondwh-wrapper .second-content{ margin:10px auto 0; width:369px;}
.secondwh-wrapper .second-content li{ position: relative;float: left;width: 184px;height: 120px;border-width: 0 0 1px 0;border-style: solid;border-color: #e7e7e7;}
.secondwh-wrapper .second-content li .p-name{ width: 72px;height: 35px;line-height:21px; overflow: hidden;margin: 20px 0 0 15px;color: #333; font-size:14px; word-break: break-all;}
.secondwh-wrapper .second-content li .p-desc{ width: 72px;height: 21px;overflow: hidden;color: #8c8c8c;margin: 5px 0 0 15px; }
.secondwh-wrapper .second-content li .p-img{ position: absolute;display: block;width: 90px;height: 90px;bottom: 10px;right: 5px;}
.secondwh-wrapper .second-content .first{ height:241px;}
.secondwh-wrapper .second-content .first .p-name{ width:140px; height:25px;}
.secondwh-wrapper .second-content .first .p-desc{ width:144px; margin-top:3px;}
.secondwh-wrapper .second-content .first .p-img{ width: 160px;height: 160px;left: 13px;top: auto;right: auto;bottom: 0;}

.secondwh-wrapper .tm-module .second-content li:nth-child(1),
.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .xp-module .second-content li:nth-child(1),
.secondwh-wrapper .xp-module .second-content li:nth-child(3),
.secondwh-wrapper .xp-module .second-content li:nth-child(5){ border-right-width:1px;}
.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .tm-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(6){ border-bottom-width:0;}

.secondwh-wrapper .phb-module .com-list{}
.secondwh-wrapper .phb-module .com-ul{ overflow:hidden;}
.secondwh-wrapper .phb-module .com-ul:first-child{ border-bottom:1px solid #e7e7e7; margin-bottom:10px;}
.secondwh-wrapper .phb-module .com-li{ float:left; position:relative; width:123px; height:190px;}
.secondwh-wrapper .phb-module .com-li .p-img{ width:100px; height:100px; margin:10px auto 0; overflow:hidden; }
.secondwh-wrapper .phb-module .com-li .p-name{ width: 100px;height: 40px;overflow: hidden;color: #333; margin-left: 10px; margin-top:6px;}
.secondwh-wrapper .phb-module .com-li .p-price{ margin: 4px 0 0 10px;color: #f42424; font-size:14px; }
.secondwh-wrapper .phb-module .com-li .p-price em{ font-size:12px;}
.secondwh-wrapper .phb-module .com-li .ph-icon{ position: absolute;width: 23px;height: 23px;top: 10px;right: 16px;background: url(../images/festival_icon.png);color: #FFF;text-align: center;font: 12px/23px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";}

.secondwh-wrapper .phb-module .com-li .ph-icon1{ background-position:-2px -30px;}
.secondwh-wrapper .phb-module .com-li .ph-icon2{ background-position:-31px -30px;}
.secondwh-wrapper .phb-module .com-li .ph-icon3{ background-position:-60px -30px;}
.secondwh-wrapper .phb-module .com-li .ph-icon4{ background-position:-2px -30px;}
.secondwh-wrapper .phb-module .com-li .ph-icon5{ background-position:-31px -30px;}
.secondwh-wrapper .phb-module .com-li .ph-icon6{ background-position:-60px -30px;}

/*组图4*/

.floorhd{height:65px}
.floorhd_tit,.floorhd_tit_empty{position:relative;width:120px;height:45px;font-size:24px;font-weight:700;text-align:center;line-height:45px;padding:0 30px;margin:0 auto 20px;overflow:hidden;color:#333}
.floorhd_tit:after,.floorhd_tit:before{content:"";position:absolute;top:50%;margin-top:-10px}
.floorhd_tit:before{background-position:0 0;left:0}
.floorhd_tit:after,.floorhd_tit:before{background-image:url(../images/sprite.png);width:25px;height:20px}
.floorhd_tit:after{background-position:-25px 0;right:0}
                     
.pindao-enter{ margin:0 auto 30px auto;}
.pindao-enter ul{ width:1200px; margin-top:-20px;}
.pindao-enter li{ float:left; position:relative; width:386px; height:160px; margin:20px 20px 0 0; border-radius:10px;}
.pindao-enter li:nth-child(3n) { margin:20px 0 0 0;}
.pindao-enter li a{ display:block; width:100%;  padding:30px 0 0;}
.pindao-enter li a p{ position: relative;color: #FFF;width: 160px;overflow: hidden;z-index: 1;}
.pindao-enter li a .name{ font-size:20px; font-weight:bold; margin: 5px 0 15px 30px; position:relative; padding-bottom:15px; }
.pindao-enter li a .name::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:40px;  height: 2px; background: rgba(255,255,255,0.3);  z-index: 2; }
.pindao-enter li a .desc{  font-size:14px; height: 20px; margin-left:30px;}
.pindao-enter li a img{ position: absolute;  width: 160px; height: 160px; right: 25px; top: 0; background: 0; transition: transform .5s; }
.pindao-enter li a:hover img { transform: translateX(-10px);}
.pindao-enter li.item1{
	background: #e89621;
    background: -webkit-gradient(linear,0 0,right 0,from(#e89621),to(#f5c568));
    /*background: -moz-linear-gradient(center,#e89621,#f5c568);
    background: -webkit-gradient(linear,0 0,right 0,from(#e89621),to(#f5c568));
    background: -o-linear-gradient(center,#e89621,#f5c568);
    background: -ms-linear-gradient(center,#e89621 0,#f5c568 100%);*/
}
.pindao-enter li.item2{ background: #325bb4; background: -webkit-gradient(linear,0 0,right 0,from(#325bb4),to(#4c9afe));}
.pindao-enter li.item3{ background: #1c9daf; background: -webkit-gradient(linear,0 0,right 0,from(#1c9daf),to(#40cda7));}
.pindao-enter li.item4{ background: #d13837; background: -webkit-gradient(linear,0 0,right 0,from(#d13837),to(#df6d4f));}
.pindao-enter li.item5{ background: #ca4283; background: -webkit-gradient(linear,0 0,right 0,from(#ca4283),to(#eb75cf));}
.pindao-enter li.item6{ background: #5d40c1; background: -webkit-gradient(linear,0 0,right 0,from(#5d40c1),to(#8c5fdb));}


/*组图7*/
.catetop-floor{ margin: 0 auto 30px auto; }
.catetop-floor .f-hd{ height: 50px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.catetop-floor .f-hd h2{ font-size: 20px; line-height: 50px; font-weight:bold;  float: left;}
.catetop-floor .f-hd .extra{ height: 50px; float: right; }
.catetop-floor .f-hd .extra .fgoods-hd{ margin-top: 10px; font-size: 14px;}
.catetop-floor .f-hd .extra .fgoods-hd li{ padding: 0 20px; height: 38px; border: 1px solid #f8f8f8; line-height: 38px; background: #fff; color:#666; cursor: pointer; float: left; margin-left: 10px; font-size: 14px;}
.catetop-floor .f-hd .extra .fgoods-hd li.on{ color: #333; height: 39px; border: 1px solid #ddd; border-bottom-color: #fff;}
.catetop-floor .f-bd .bd-left{ float: left; width: 280px; position: relative;}
.catetop-floor .f-bd .bd-left .l-ad{ width: 280px; height: 460px;}
.catetop-floor .f-bd .bd-left .l-menu{ position: absolute; width: 200px; top: 320px; left: 46px;}
.catetop-floor .f-bd .bd-left .l-menu a{ float: left; width: 90px; height: 30px; line-height: 30px; text-align: center; margin: 0 10px 10px 0; opacity: 0.75; filter:alpha(opacity=75); background: rgba(0,0,0,.4); color: #fff; transition: all .3s;}
.catetop-floor .f-bd .bd-left .l-menu a:hover{ opacity: 1; filter:alpha(opacity=100);}
.catetop-floor .f-bd .bd-right { float: left; width: 920px;}
.catetop-floor .f-bd .bd-right .fgoods-list li{ float: left; width: 168px; font-size: 14px; text-align: center; margin: 0 -1px -1px 0; position: relative; padding: 14px; border: 1px solid #ddd;}
.catetop-floor .f-bd .bd-right .fgoods-list .p-img {text-align: center; width:142px; height:142px; margin:0 auto; position:relative;}
.catetop-floor .f-bd .bd-right .fgoods-list .p-img a{ display:table-cell; vertical-align:middle; width:143px; height:143px;}
.catetop-floor .f-bd .bd-right .fgoods-list .p-img img{ width:143px; height:143px;}
.catetop-floor .f-bd .bd-right .fgoods-list .p-name{ margin:11px 0 5.5px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.catetop-floor .f-bd .bd-right .fgoods-list .p-price{text-align: center; font-size: 14px; color:#f42424; }
.catetop-floor .f-bd .bd-right .fgoods-list li.first{ width: 280px; padding: 24px; }
.catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img{ width:280px; height:280px; position:relative;}
.catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img a{ display:table-cell; vertical-align:middle; width:280px; height:280px;}
.catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img img{ width: 100%; height:100%;}
.catetop-floor .f-bd .bd-right .fgoods-list li.first .p-info{ background: #f9f9f9; padding: 12px; margin-top: 20px;}
.catetop-floor .f-bd .bd-right .fgoods-list li.first .info-name{  text-align: left; height: 40px; overflow: hidden; margin-bottom: 10px;}
.catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle{ overflow: hidden; height: 36px; }
.catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-price{ float: left; color: #f42424; font-size: 21px; width: 140px; text-align: left; overflow: hidden; height: 36px;}
.catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-btn{ float: right; background: #f42424; color: #fff; text-align: center; height: 36px; line-height: 36px; width: 110px; }
.catetop-floor .f-bd .brands{ width: 100%; height: 70px;}
.catetop-floor .f-bd .brands li{width: 120px; height:70px; text-align: center; float:left; vertical-align: middle;}
.catetop-floor .f-bd .brands li a{display: table-cell;width: 120px;height: 70px;vertical-align: middle;}
.catetop-floor .f-bd .brands li img{ max-width: 80%; height: auto; }
.catetop-floor .f-bd .f-banner img{ max-width: 100%; height: auto; }


/*组图5*/

.hot-channel { margin:0 auto 30px auto; }
.feed-tab-wrapper { background:#fff;  }
.feed-tab-wrapper ul { width:100%; text-align:center; border-bottom:2px solid #eee; }
.feed-tab-wrapper ul li { float:left; width:20%; padding:10px 0; cursor:pointer;  }
.feed-tab-wrapper ul li .p-name { font-size:16px; font-weight:bold; }
.feed-tab-wrapper ul li .p-name span { display:inline-block; padding:0 10px; border-radius:100px;  color:#333; }
.feed-tab-wrapper ul li .p-desc { color:#8c8c8c; margin:5px 0 0; }
.feed-tab-wrapper ul li.on { border-bottom:2px solid #f42424; }
.feed-tab-wrapper ul li.on .p-name span { background:#f42424; color:#fff; }
.feed-tab-wrapper ul li.on .p-desc { color:#f42424; }

.hot-channel .cnbox { margin:20px 0 0; }
.hot-channel .cnbox ul li{ float:left; width:210px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd; padding:10px;}
.hot-channel .cnbox ul li:nth-child(5n) { margin:0 0 10px 0; }
.hot-channel .cnbox ul li:hover{ border-color:#f42424;}
.hot-channel .cnbox ul li .p-img{ width:210px; height:210px; }
.hot-channel .cnbox ul li .p-name{  height:42px; line-height:180%; margin:10px 0; overflow:hidden;  }
.hot-channel .cnbox ul li .p-price { line-height:24px;}
.hot-channel .cnbox ul li .p-price .shop-price{ float:left; font-size:16px; color:#f42424;}
.hot-channel .cnbox ul li .p-price .original-price{ float:left; margin-left:10px; color:#8c8c8c; text-decoration: line-through;}

.lift{ position: fixed;-moz-transform: translate(0,-50%) scale(1,1); -webkit-transform: translate(0,-50%) scale(1,1); -o-transform: translate(0,-50%) scale(1,1); transform: translate(0,-50%) scale(1,1); opacity: 1; filter:alpha(opacity=100); z-index: 100; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;}
.lift-hide{ transform: translate(0,-50%) scale(0,0); -webkit-transform: translate(0,-50%) scale(0,0); -moz-transform: translate(0,-50%) scale(0,0); -o-transform: translate(0,-50%) scale(0,0); opacity: 0; filter:alpha(opacity=0);}

.iadvimgs { margin:0 auto 30px auto; background:#eee; min-height:20px;}
.iadvimgs img{ display:block; margin:0 auto; max-width:100%;}

/*#endregion */


/*#region ===========所有推荐===========*/

.iprobox{ width:1200px; margin:0 auto 60px auto;}
.iprobox_title{ height:40px; line-height:40px; overflow:hidden; border-bottom:2px solid #f17fa0;}
.iprobox_title span{ float:left; color:#666; font-size:18px;}
.iprobox_title em{ float:left; color:#8c8c8c; font-size:14px; margin-left:10px; font-style:normal;}
.iprobox_title ul{ float:right; overflow:hidden;}
.iprobox_title ul li{ float:left; height:40px; line-height:40px; overflow:hidden; margin-left:10px;}
.iprobox_title ul li a{ min-width:56px; color:#666; font-size:14px; display:block; overflow:hidden; text-align:center; padding:0 30px; background:#f9f9f9;}
.iprobox_title ul li.lion a{ color:#fff; background:#f17fa0;}
#iprobox_title1{ border-bottom:2px solid #f17fa0;}
#iprobox_title1 ul li.lion a{ color:#fff; background:#f17fa0;}
#iprobox_title2{ border-bottom:2px solid #54b30e;}
#iprobox_title2 ul li.lion a{ color:#fff; background:#54b30e;}
#iprobox_title3{ border-bottom:2px solid #ff6000;}
#iprobox_title3 ul li.lion a{ color:#fff; background:#ff6000;}
#iprobox_title4{ border-bottom:2px solid #0093fa;}
#iprobox_title4 ul li.lion a{ color:#fff; background:#0093fa;}
#iprobox_title5{ border-bottom:2px solid #e60152;}
#iprobox_title5 ul li.lion a{ color:#fff; background:#e60152;}

.iprobox_item{ overflow:hidden; margin-top:30px;}
.iprobox_ban{ float:left; width:400px; height:500px;}
.iprobox_list{ overflow:hidden; border-top:1px solid #ddd; padding-top:1px;}
.iprobox_list li{ float:left; width:199px; height:248px; overflow:hidden; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.iprobox_list li a.img{ width:180px; height:180px; display:block; overflow:hidden; margin:10px auto 5px auto;}
.iprobox_list li a.img img{ width:180px; height:180px;}
.iprobox_list li a.name{ height:25px; line-height:25px; display:block; overflow:hidden; font-size:14px; color:#666; text-align:center;}
.iprobox_list li p.price{ height:25px; line-height:25px; display:block; overflow:hidden; font-size:16px; color:#f42424; text-align:center; }

/*#endregion */





/*#region ===========内页===========*/

.info{ width:1200px; height:auto; margin:0 auto; position:relative; z-index:7; padding:30px 0 60px 0;}
.info_left{ float:left; width:220px; overflow:hidden; margin:0 30px 0 0;}
.info_right{ overflow:hidden; background:#fff;}
.info_proleft{ float:left; width:955px; height:auto;}
.info_proright{ float:right; width:220px; height:auto;}

/*菜单*/

.menu{ overflow:hidden;}
.menu li{ overflow:hidden; margin:0 0 20px 0; background:#fff;}
.menufirst{ height:50px; line-height:50px; padding:0 20px; display:block; overflow:hidden;}
.menufirst:hover span{ color:#f42424;}
.menufirst span{ float:left; font-size:16px; color:#333;}
.menufirst i{ float:right; font-size:14px; color:#8c8c8c;}
.menuchild{ display:none; overflow:hidden; line-height:39px;}
.menuchild a{ height:39px; display:block; overflow:hidden; padding:0 0 0 40px; color:#666; font-size:14px; border-top:1px solid #eee;}
.menuchild a:hover{ color:#f42424;}
.menuchild a.aon{ color:#f42424;}

/*位置*/

.info_title{ height:50px; line-height:50px; overflow:hidden; padding:0 30px; border-bottom:1px solid #ddd; background:#fff;}
.info_title span.name{ float:left; color:#333; font-size:18px; position:relative; }
.info_title span.name::after { content: " ";  position: absolute; bottom: 0;  left: 0; width:100%;  height: 2px; background: #f42424;  z-index: 2; }
.info_title p{ float:right;}
.info_title p a,.info_title p span{ float:left; display:inline-block; overflow:hidden; color:#666;}
.info_title p i{ float:right; font-family:"宋体"; font-style:normal; display:inline-block; overflow:hidden; margin:1px 7px 0 7px;}

/*#endregion */


/*#region ===========产品列表===========*/

/*导航*/

.product_location{ height:30px; line-height:30px; overflow:hidden; padding:10px 0; background:#f9f9f9; }
.product_location a{ float:left; display:inline-block; overflow:hidden; margin:0 12px 0 0;}
.product_location a i{ float:right; font-family:"宋体"; font-style:normal; margin:1px 0 0 5px; font-size:14px;}
.product_location span{ color:#8c8c8c;}

/*热门*/

.hotsale{ width:1180px; background-color:#f9f9f9; overflow:hidden; margin:0 0 30px 0; padding:0 20px 0 0;}
.hotsale .hatsale-mt{ font-size:16px; color:#fff; background:#f42424; float:left; padding:20px 10px; width:16px; height: 100px; overflow: hidden; }
.hotsale .bd { position:relative; overflow:hidden; padding:20px 0 20px 0;}
.hotsale li{  float:left; width:calc(25% - 17px); height:100px; border:1px solid #fff; background:#fff; margin-right:0px; position:relative; }
.hotsale li:last-child { margin-right:0; }
.hotsale li:hover{ border-color:#ec5051;}
.hotsale li:last-child{ margin-right:0;}
.hotsale li.last{ margin-right:0;}
.hotsale .item{ padding:10px; overflow:hidden;}
.hotsale .item .p-img{ width:80px; height:80px; float:left; margin-right:10px;}
.hotsale .item .p-name{ float:left; width:140px; height:46px; line-height:180%; overflow:hidden; color:#666; }
.hotsale .item .p-price .shop-price { float:left; color:#f42424; font-size:16px; margin:6px 10px 0 0; }
.hotsale .item .p-price .original-price { float:left; color:#8c8c8c; margin:10px 0 0; text-decoration: line-through; }

.hotsale .prev,.hotsale .next{ background-color:#dedede; top:35%;}
.hotsale .next{ right:0;}
.hotsale .prev{ left:15px;}

/*面包屑*/

.plocation { margin-bottom:20px; position:relative; z-index:9; }
.nch-breadcrumb { min-height: 28px; }
.nch-breadcrumb .sort-box { position: relative; z-index: 1; display: inline-block; }
.nch-breadcrumb .sort-box:hover { z-index: 3;}
.nch-breadcrumb .sort-box .current { position: relative; z-index: 2; display: block; height: 26px; border: solid 1px #E6E6E6; padding: 0 10px; background: #fff; line-height: 26px; color: #666; font-size:13px; }
.nch-breadcrumb .sort-box .current .drop-arrow { display: inline-block; font-size:12px; margin-left:5px; vertical-align: top; }
.nch-breadcrumb .sort-box:hover .current { border-width: 1px 1px 0 1px; border-color: #f42424; color:#f42424; }
.nch-breadcrumb .sort-sub { display: none; position: absolute; z-index: -1; top: 26px; left: 0; width: 380px; background-color: #FFF; border: solid 1px #f42424;}
.nch-breadcrumb .sort-box:hover .sort-sub { display: block;}
.nch-breadcrumb .sort-sub ul { box-sizing:border-box;  padding: 10px 0; }
.nch-breadcrumb .sort-sub li { float:left; width:calc(20% - 10px); line-height:200%; margin-left:10px;  }
.nch-breadcrumb .sort-sub li a { display: block; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.nch-breadcrumb .sort-sub li a:hover { color:#f42424; }
.nch-breadcrumb span { color:#8c8c8c; }
.nch-breadcrumb span.arrow { font-family: "宋体"; line-height: 26px; color: #8c8c8c; margin: 0 5px; }

.pinfolct { background:#f9f9f9; padding:15px 0; }
.pinfolct .plocation { margin-bottom:0; }

/*筛选*/

.selector{ border: 1px solid #ddd; background: #fff; margin-bottom: 30px;}

.usteel_cloose { box-sizing:border-box; padding:10px; background:#f9f9f9; }
.usteel_cloose .selected-box { display: block; float: left; min-height: 30px; }
.usteel_cloose .selected-box .selected { box-sizing:border-box; display: inline-block; padding-left:10px; margin-right: 10px; background:#fff; border: solid 1px #f42424; height:30px; line-height: 30px; color:#666; }
.usteel_cloose .selected-box .selected em { display: inline-block; vertical-align: top; margin-right: 10px; color: #f42424; font-style:normal; }
.usteel_cloose .selected-box .selected i { display: inline-block; width: 28px; height: 28px; text-align:center; font-size:12px; vertical-align: top; background: #f42424; color:#fff; }
/*.usteel_cloose .selected-box .selected:hover { border-color: #f42424;}
.usteel_cloose .selected-box .selected:hover i { background: #f42424; color:#fff; }*/
.select-undo { float: right; }
.select-undo a { box-sizing:border-box; display: block; border: 1px solid #ddd; background: #fff; height:30px; line-height: 30px; padding: 0 20px; color: #333; }
.select-undo a:hover {  border:1px solid #f42424; background:#f42424; color: #fff; }

.usteel-search { display:flex; border-top: 1px dashed #ddd;}
.usteel-search.more,.usteel-search.multiple{ background:#f9f9f9; }
.sl-key,.sl-v-list ul li{  height: 40px; line-height: 40px;}
.sl-key{float: left; width: 80px; padding:5px 10px; white-space: nowrap;  }
.usteel-search.more .sl-key,.usteel-search.multiple .sl-key{background: #eee; height: auto;}
.sl-key strong{ display: block; width: 100%; height: 40px; line-height: 40px; color:#333; }
.sl-value{padding: 0 10px; width: calc(100% - 220px); overflow: hidden;}
.usteel-search.more .sl-value,.usteel-search.multiple .sl-value{padding: 0 10px;}
.sl-v-list{ height: 40px; margin:5px 0; }
.usteel-search.more .sl-v-list,.usteel-search.multiple .sl-v-list{height: auto;}
.sl-v-list ul{overflow: auto;}
.sl-v-list ul li{ float: left; font-size: 14px; position:relative; }
.sl-btns{text-align: center; display: none; margin-bottom:25px;}
.usteel-search.more .sl-btns,.usteel-search.multiple .sl-btns{display: block;}
.sl-ext{width: 160px; text-align: right; letter-spacing:-20px;}
.sl-b-more,.sl-b-multiple{ box-sizing:border-box; color: #f42424; display: inline-block;  padding: 3px 6px; border: 1px solid #f42424; margin:10px 10px 10px 0; letter-spacing:0; }
.usteel-search.more .sl-b-multiple,.usteel-search.multiple .sl-b-multiple{margin-right: 8px;}
.sl-b-more:hover,.sl-b-multiple:hover{color: #fff; background: #f42424;}
.sl-b-more i, .sl-b-multiple i{font-size: 12px; margin-right: 5px;}
.multiple .sl-v-list li a{ padding-left: 24px;}
.multiple .sl-v-list li a i{ position: absolute; left: 0; top: 12px; background: url(../images/icon.png) no-repeat 9999px 9999px; display: inline-block; height: 14px; width: 14px; background-color: #fff; border: 1px solid #ccc; font-size: 0;}
.multiple .sl-v-list li a:hover i{border-color: #f42424;}
.sl-v-list li a:hover{color: #f42424;}
.multiple .sl-v-list li.selected a i{border-color: #f42424; background-position:0 -106px; }
.multiple .sl-v-list li.selected a{color: #f42424;}
.usteel-search .sl-value .sl-v-list ul li{  width:10%;}
.search-bottom{width: 100%;font-size: 14px;background: #f2f3f6; padding: 7.5px 10px; color: #666666;}
.search-bottom span{padding: 0 5px;}
.search-bottom input{width: 25%; height: 30px;border: 1px solid #e0e0e0;font-size: 14px;padding: 0 5px;}
.search-bottom a{display: block;min-width: 60px;height: 30px;line-height: 30px;text-align: center;border: none;color: #fff;background: #3e88f5;border-radius: 5px;cursor: pointer;}
.search-bottom a:nth-child(2){margin-left: 5px;}

.usteel-search .btn { margin:0 6px; padding:6px 20px; border: 1px solid #f42424; }
.usteel-search .btn-primary{ box-sizing:border-box;  color: #fff;  background: #f42424;}
.usteel-search .btn-default{ box-sizing:border-box;  color: #f42424; background-color: #fff; background-repeat: repeat-x;}
.usteel-search .btn.disabled{  border: 1px solid #ddd; background: #fff; color: #ccc; }
.usteel-search .btn.disabled:hover{ color: #ccc;}
.usteel-search .btn-default:hover{ background:#f42424; color: #fff; }

/*工具栏*/

.product_tool{ height:38px; line-height:38px; overflow:hidden; border:1px solid #ddd; background:#f9f9f9;}
.product_tool span.name { font-size:15px; color:#666; margin:0 0 0 15px; font-weight:bold;}
.product_order{ float:left; overflow:hidden; height:38px;}
.product_order li{ float:left; overflow:hidden; border-right:1px solid #ddd; }
.product_order li a{ width:100px; height:38px; display:block; overflow:hidden; text-align:center;}
.product_order li a span{ height:38px; display:inline-block; overflow:hidden; font-size:14px; color:#666; padding:0 5px;}
.product_order li a i{ height:38px; line-height:42px; display:inline-block; overflow:hidden; font-size:18px; color:#ddd;}
.product_order li a.aon{ background:#fff;}
.product_order li a.aon span{ color:#f42424;}
.product_order li a.aon i{ color:#f42424;}
.product_order li a:hover span{ color:#f42424;}
.product_order li a:hover i{ color:#f42424;}
.product_search{ float:right; overflow:hidden; height:38px; color:#666;}
.product_search input[type="checkbox"]{ float:left; width:18px; height:18px; margin:10px 10px 0 0; position:relative; }
.product_search input[type="checkbox"]::after{position: absolute; top: 0; width: 18px; height: 18px; display: inline-block; visibility: visible; text-align: center; content: ' '; border-radius: 2px;}
.product_search input[type="checkbox"]:checked::after{content: "🗸"; background-color: #f42424; color: #fff; font-size: 16px; line-height: 20px; }
.product_search label{ float:left; color:#666; cursor:pointer; margin:0 40px 0 0;}
.product_search span{ float:left;}
.product_search input[type="text"]{ float:left; width:58px; height:24px; outline:none; text-align:center; border:1px solid #ddd; margin:6px 0 0 0; color:#666; }
.product_search em{ float:left; padding:0 4px;}
.product_search a.btn{ float:left; height:24px; line-height:24px; display:inline-block; overflow:hidden; margin:6px 10px 0; color:#fff;  background:#f42424; padding:0 15px;}

/*列表*/

.productlist{ width:980px; height:auto; padding-bottom:20px;}
.productlist li{ float:left; width:198px; height:360px; overflow:hidden; border:1px solid #fff; margin:30px 25px 0 0; padding:10px; background:#fff;}
.productlist li:hover{ border:1px solid #e9e9e9; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.productlist li a.img{ display:block; overflow:hidden;}
.productlist li a.img img{ width:100%; height:100%; object-fit: cover; }
.productlist li p.price{ height:30px; line-height:30px; display:block; overflow:hidden; padding:10px 0 0 0;}
.productlist li p.price span{ float:left; color:#f42424; font-size:20px;}
.productlist li p.price span i{ display:inline-block; font-style:normal; font-size:16px; margin-right:5px; }
.productlist li p.price em{ float:right; color:#8c8c8c; font-style:normal;}
.productlist li a.name{ height:40px; line-height:20px; margin:5px 0; display:block; overflow:hidden;}
.productlist li p.btns{ height:28px; line-height:28px; display:block; overflow:hidden; margin:10px 0 0 0;}
.productlist li p.btns a{ float:left; width:50%; height:26px; line-height:26px; display:block; overflow:hidden; color:#8c8c8c; border:1px solid #ddd; }
.productlist li p.btns a i{ float:left; font-size:16px; margin:0 5px 0 8px;}
.productlist li p.btns a i.red { color:#f42424; }
.productlist li p.btns a.a1{ background:#fff; border-right:0 none; }
.productlist li p.btns a.a1:hover{ color:#f42424; }
.productlist li p.btns a.a2{ float:none; width:auto; color:#f42424; }
.productlist li p.btns a.a2:hover{ color:#fff; background:#f42424; border-color:#f42424; }

.picfocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1; }
.picfocus .hd{ width:100%; margin:10px 0 0; }
.picfocus .hd dl{ overflow:hidden; zoom:1; }
.picfocus .hd dl dt{ float:left;  text-align:center;  }
.picfocus .hd dl dt img{ width:26px; height:26px; border:1px solid #ddd; cursor:pointer; margin-right:6px;  }
.picfocus .hd dl dt:last-child { margin-right:0; }
.picfocus .hd dl dt.on img { border:1px solid #f42424; }
.picfocus .bd img{ width:100%; height:100%; object-fit:cover; }

/*分页*/

.layui-laypage { margin:40px 0 20px; }
.layui-laypage a, .layui-laypage span { width:32px; height:32px; line-height:32px; padding:0; margin:0 5px; font-size:14px; color:#666; }
.layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius:0; }
.layui-laypage-em  { border-radius:0; }

/*右侧推荐*/

.product_tab{ height:39px; line-height:39px; border:1px solid #ddd; border-bottom:0 none; overflow:hidden; background:#f9f9f9;}
.product_tab li{ float:left; width:50%; height:39px; overflow:hidden; text-align:center;}
.product_tab li a{ display:block; overflow:hidden; font-size:14px; color:#333; font-weight:bold; }
.product_tab li.lion a{ background:#f42424; color:#fff;}
.product_rightrec{ overflow:hidden; border:1px solid #ddd; border-top:1px solid #f42424; background:#f9f9f9; padding:25px 15px 0 15px;}
.product_rightrec li{ overflow:hidden; margin-bottom:15px;}
.product_rightrec li a.img{ width:188px; height:188px; display:block; overflow:hidden; position:relative;}
.product_rightrec li a.img img{ width:188px; height:188px; display:block;}
.product_rightrec li a.img span{ width:168px; line-height:180%; max-height:46px; padding:5px 10px; color:#fff; background:#000; background:rgba(0,0,0,0.75); position:absolute; left:0; bottom:-60px; z-index:10; display:block; overflow:hidden; transition:all linear 0.2s; -webkit-transition:all linear 0.2s;}
.product_rightrec li:hover a.img span{ bottom:0px;}
.product_rightrec li p.price{ line-height:30px; display:block; padding:5px 0 0 0;}
.product_rightrec li p.price span{ float:left; font-size:16px; color:#f42424;}
.product_rightrec li p.price em{ float:right; color:#8c8c8c; font-style:normal;}

/*#endregion */


/*#region ===========产品详细===========*/

/*产品目录*/

.propath_bg{ height:40px; overflow:hidden; background:#f8f8f8; margin-bottom:10px;}
.propath{ width:1200px; height:40px; line-height:40px; margin:0 auto;}
.propath a{ float:left; color:#666; display:inline-block; overflow:hidden; margin:0 12px 0 0;}
.propath a:hover{ color:#f42424;}
.propath a i{ float:right; font-family:"宋体"; font-style:normal; margin:1px 0 0 5px; font-size:14px;}
.propath span{ float:left; color:#8c8c8c; display:inline-block; overflow:hidden;}

/*放大镜*/

.pinfo_zoom{ float:left; width:400px; height:auto;}
.zoom_big{ width:398px; height:398px; border:1px solid #ddd;}
.zoom_big img{ width:398px; height:398px;}

.zoom_list{ padding:20px 0 18px; overflow:hidden; text-align:center; border:1px solid #ddd; border-top:0 none;}
.zoom_list a.iconfont{ float:left; width:20px; line-height:56px; text-align:center; display:inline-block; overflow:hidden;color:#ccc;font-size:20px;}
.zoom_list a.zoombtn1{ margin-left:10px;}
.zoom_list div.swiper-container{ float:left; width:340px; display:block; overflow:hidden;}
.zoomimg{ width:56px; height:56px; display:block; cursor:pointer; border:1px solid #fff;}
.zoomimgon{ border:1px solid #f42424;}
.zoomContainer{ z-index:10;}

.zoom_share{ height:42px; line-height:42px; overflow:hidden; padding:10px 0;}
.zoom_share a{ float:left; display:inline-block; overflow:hidden; margin-right:20px; color:#666;}
.zoom_share i{ float:left; color:#f42424; font-size:18px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-1px; }
.zoom_share i.i2 { color:#8c8c8c; font-size:18px; display:inline-block; vertical-align:middle; margin-top:-2px; }
.zoom_share i.ion { color:#f42424;}
.bdsharebuttonbox { float:right;}
.bdsharebuttonbox p { float:left; margin:0 5px 0 0;}
.bdsharebuttonbox a { margin:2px 5px 2px 0 !important;}

/*参数*/

.pinfo_canshu{ float:left; width:580px; height:auto; margin:0 0 0 30px;}
.proname{ line-height:180%; font-size:16px; color:#555; font-weight:bold; padding-bottom:25px;}
.limittime{ height:40px; line-height:40px; overflow:hidden; padding:0 20px; background:#f42424;}
.limittime span.name{ float:left; font-size:14px; color:#fff;}
.limittime p{ float:right; font-size:14px; color:#fff;}
.limittime p s{ float:left; font-style:normal; text-decoration:none;}
.limittime p em{ float:left; width:30px; height:24px; line-height:24px; display:inline-block; overflow:hidden; background:#333; text-align:center;
margin:8px; border-radius:4px; font-size:14px; font-family:Arial; font-style:normal;}
.canshubox{ padding:15px 20px; height:100px; background:url(../images/pcanshubg.jpg) no-repeat left top; background-size:cover; position:relative; margin-bottom:30px;}
.canshubox p.price{ height:35px; line-height:35px; display:block; overflow:hidden;}
.canshubox p.price span{ color:#8c8c8c; margin-right:20px;}
.canshubox p.price i{ color:#f42424; font-size:16px; font-style:normal;}
.canshubox p.price em{ color:#f42424; font-size:24px; font-style:normal; font-weight:bold; }
.canshubox p.oldprice{ height:36px; line-height:36px; display:block; overflow:hidden; color:#8c8c8c;}
.canshubox p.oldprice span{ font-size:14px; margin-right:20px;}
.canshubox p.oldprice s{ font-family:Arial; font-size:14px;}
.canshubox p.number{ height:30px; line-height:30px; display:block; overflow:hidden; font-size:14px;}
.canshubox p.number span{ color:#666; margin-right:5px; }
.canshubox p.number em{ color:#f42424; font-style:normal;  margin-right:30px;  }
.canshubox p.procode{ width:80px; height:40px; line-height:40px; color:#666; position:absolute; top:15px; right:20px; z-index:9; cursor:pointer;}
.canshubox p.procode span{ float:left;}
.canshubox p.procode i{ float:right; font-size:20px;}
.canshubox p.procode b{ width:200px; height:200px; margin-left: -80px; display:none; overflow:hidden; background:#fff; padding:10px;  box-shadow: 0 0 15px rgba(0,0,0,.1);}
.canshubox p.procode:hover b{ display:block;}

/*商品规格*/

.Attribute{ overflow:hidden; margin-bottom:20px;}
.Attribute li{ overflow:hidden; margin-bottom:10px;}
.Attribute li:last-child { margin-bottom:0; }
.Att_title{ float:left; width:66px; height:36px; line-height:36px; display:inline-block; overflow:hidden; color:#8c8c8c; padding:0 0 0 15px; }
.Att_link{ display:block; overflow:hidden;}
.Att_link a{ float:left; height:36px; line-height:36px; display:inline-block; overflow:hidden; padding:0 20px; margin:0 10px 5px 0; border:1px solid #ddd; color:#666; position:relative;  }
.Att_link a i{ font-size:14px; position:absolute; right:-4px; bottom:-40%; z-index:10; color:#fff; display:none;
  /*background:url(../images/selected-icon.png) no-repeat right bottom;*/ }
.Att_link a span { line-height:30px; }
.Att_link a:hover, .Att_link a.aon{  height:34px; line-height:34px; border:2px solid #f42424; }
.Att_link a:hover::before, .Att_link a.aon::before { content: "";  width:46px; height:24px;  background:#f42424; position: absolute;  bottom: -12px; right: -23px; transform: rotate(-45deg); color:#fff; }
.Att_link a:hover i, .Att_link a.aon i{ display:block;}

/*库存*/

.pronumber{ height:38px; line-height:38px; overflow:hidden; font-size:14px; margin-bottom:30px;}
.pronumber span.name{ float:left; width:66px; display:inline-block; overflow:hidden; color:#8c8c8c; padding:0 0 0 15px; }
.pronumber span.unit{ float:left; color:#666; margin-left:10px;}
.pronumber span.num{ float:left; color:#666; margin-left:20px;}
.pronumber span.num em { font-style:normal;}
.pronumber .numform{ float:left; width:80px; height:36px; display:block; overflow:hidden; border:1px solid #ddd;}
.pronumber .numform input{ float:left; width:56px; height:36px; line-height:36px; border:0 none; text-align:center; color:#666; font-size:14px; outline:none;}
.pronumber .numform a{ display:block; overflow:hidden; border-left:1px solid #ddd; text-align:center; background:#f9f9f9; color:#666; font-size:14px; }
.pronumber .numform a i { font-weight:normal; }
.pronumber .numform a.a1{ height:18px; line-height:18px;}
.pronumber .numform a.a2{ height:17px; line-height:17px; border-top:1px solid #ddd;}

/*按钮*/

.probtn{ overflow:hidden; padding:0 0 0 80px;}
.probtn a{ float:left; height:46px; line-height:46px; display:inline-block; overflow:hidden; margin:0 20px 0 0; padding:0 30px; background:#ff8f22; border-radius:5px;
color:#fff; font-size:16px;  text-align:center; font-size:18px; font-weight:bold; }
.probtn a i{ font-size:24px; margin-right:10px; display:inline-block; overflow:hidden; font-weight:normal;}
.probtn a span{ display:inline-block; overflow:hidden;}
.probtn a.a1{ /*background:#ff8f22;*/ background: linear-gradient(90deg,#ffd01e,#ff8f22);}
.probtn a.a2{ /*background:#f42424;*/ background: linear-gradient(90deg,#ff6034,#f42424);}
.probtn a.a3{ background:#bbb;}

/*看了又看*/

.pinfo_lock{ float:right; width:160px; overflow:hidden;}
#lockban{ height:520px;}
.lock_title{ height:30px; line-height:30px; overflow:hidden; position:relative;}
.lock_title p{ width:100%; height:1px; display:block; overflow:hidden; margin-top:15px; background:#ddd;}
.lock_title span{ width:80px; height:30px; display:block; overflow:hidden; background:#fff; color:#8c8c8c; font-size:14px; text-align:center;
position:absolute; left:40px; top:0; z-index:100;}
.locklist{ width:160px; overflow:hidden; margin:0 auto; padding:15px 0 0 0;}
.lockban_item{ width:160px; height:160px; overflow:hidden;}
.lockban_item a{ width:158px; height:158px; display:block; overflow:hidden; position:relative; border:1px solid #ddd;}
.lockban_item a img{ width:158px; height:158px;}
.lockban_item a p { width:138px; padding:0 10px; height:50px; display:block; overflow:hidden; background:#fff; background:rgba(255,255,255,0.75); 
  position:absolute; left:0; bottom:0; z-index:10;}
.lockban_item a p span { display:block; height:20px; line-height:20px; margin:5px 0 0; overflow:hidden; }
.lockban_item a p em { line-height:100%; color:#f42424; font-style:normal; font-size:14px; }
.lockbtn{ height:30px; line-height:30px; overflow:hidden; text-align:center; padding:10px 0 20px;}
.lockbtn a{ height:30px; display:inline-block; overflow:hidden; color:#8c8c8c; font-size:20px; margin:0 5px;}
.lockbtn a:hover{ color:#f42424;}

/*#endregion */


/*#region ===========产品详细2===========*/

/*详细内容*/

.infopro_title{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #f42424; background:#f9f9f9;}
.infopro_title li{ float:left; overflow:hidden;}
.infopro_title li a{ padding:0 30px; display:inline-block; overflow:hidden; color:#333; font-size:14px; font-weight:bold; }
.infopro_title li.lion a{ color:#fff; background:#f42424;}
.infopro_conts{ overflow:hidden;}
.infopro_wenzi{ min-height:300px; overflow:hidden; line-height:200%; padding:20px; font-size:13px; background:#fff; border:1px solid #ddd; border-top:0 none;}
.infopro_wenzi img{ max-width:100%;}

/*评论*/

.Assess{ overflow:hidden; padding:20px 30px; background:#f9f9f9; margin:20px 0;}
.Assess_left{ float:left; width:165px; overflow:hidden;}
.Assess_left p.p1{ line-height:25px; color:#666; font-size:14px;}
.Assess_left p.p2{ height:50px; line-height:50px; color:#f42424; display:block; overflow:hidden;}
.Assess_left p.p2 em{ font-size:38px; font-style:normal;}
.Assess_left p.p2 span{ font-size:24px;}
.Assess_left p.p3{ line-height:25px; color:#666;}
.Assess_right{ float:left; overflow:hidden; margin:10px 0 0 0;}
.Assess_right li{ overflow:hidden; line-height:12px; height:12px; margin-bottom:20px; }
.Assess_right li:last-child { margin-bottom:0; }
.Assess_right li span{ float:left; width:100px; display:inline-block; overflow:hidden; color:#666; }
.Assess_right li p{ float:left; width:200px; height:12px; display:block; overflow:hidden; background:#ececec;border-radius:12px;  }
.Assess_right li p em{ float:left; width:50%; display:inline-block; overflow:hidden; height:13px; line-height:12px; background: linear-gradient(90deg,#ff6034,#f42424);  }

/*评论列表*/

.Assess_tab{ height:40px; border:1px solid #ddd;}
.Assess_tab li{ float:left; width:140px; height:40px;}
.Assess_tab li a{ height:40px; line-height:40px; display:block; overflow:hidden; text-align:center; font-size:14px; color:#666;}
.Assess_tab li.lion a{ height:39px; line-height:40px; border-bottom:2px solid #f42424; color:#f42424;}
.Assess_conts{ overflow:hidden; border:1px solid #ddd; border-top:0 none; padding-bottom:20px; }
.Assess_list{ overflow:hidden; padding:20px 45px 5px 40px; overflow-y:scroll;}
.Assess_list li{ overflow:hidden; position:relative; padding:0 0 0 50px; margin-bottom:15px;}
.Assess_list li:last-child { margin-bottom:0; }
.Assess_list li img.toux{ width:38px; height:38px; display:block; border-radius:100%; position:absolute; left:0; top:0; z-index:100; border:1px solid #ddd;}
.Assess_list li p.line{ width:2px; height:100%; display:block; overflow:hidden; background:#f2f2f2; position:absolute; left:19px; top:0; z-index:99;}
.Assess_list li p.name{ line-height:40px; display:block; overflow:hidden; color:#333; font-size:14px;}
.Assess_list li p.cont{ line-height:24px; color:#666; padding:0 200px 0 0;}
.Assess_list li p.repa{ line-height:24px; color:#047a4f; padding:0 200px 0 0;}
.Assess_list li p.time{ line-height:24px; color:#8c8c8c;}
.pingimg{ overflow:hidden; padding:10px 0; border-bottom:1px dashed #ddd; }
.pingimg a{ float:left; height:40px; display:block; overflow:hidden; padding:4px; border:1px solid #ddd; margin:0 10px 0 0;}
.pingimg a img{ height:40px; display:block;}
.pingimg a:hover{ border:1px solid #F30;}
.pingxing{ width:170px; overflow:hidden; position:absolute; top:10px; right:0; z-index:100;}
.pingxing p{ height:16px; line-height:16px; display:block; overflow:hidden; margin-bottom:10px;}
.pingxing p span{ float:left; width:80px; display:inline-block; overflow:hidden; text-align:right; margin:0 5px 0 0; color:#666;}
.pingxing p em{ float:left; height:16px; display:block; overflow:hidden;}
.pingxing p em i{ float:left; font-size:18px; color:#fcb108; width:16px; height:16px; text-align:center; display:block; overflow:hidden;}
.pingxing p em.lv1 { width:25px;}
.pingxing p em.lv2 { width:40px;}
.pingxing p em.lv3 { width:55px;}
.pingxing p em.lv4 { width:70px;}
.pingxing p em.lv5 { width:85px;}

/*选择数量规格*/

.prochoose{ width:100%; height:auto; position:fixed; bottom:20%; left:50%; z-index:1005; max-width:640px; margin-left:-320px; background:#fff; border-radius:10px; overflow:hidden; }
.prochoose_top{ padding:20px 40px 20px 15px; position:relative; border-bottom:1px solid #ddd; margin-bottom:20px;}
.prochoose_top .txtbox { width:calc(100% - 110px); }
.prochoose_top a.img{ display:block; overflow:hidden; width:88px; height:88px; border:1px solid #e5e5e5; }
.prochoose_top a.img img{ width:88px; height:88px; display:block; background:#f0f0f0;}
.prochoose_top p.name{ line-height:24px; display:block; overflow:hidden; color:#333; font-size:14px; padding:5px 0;}
.prochoose_top p.price{ line-height:24px; color:#f42424; font-size:18px;}
.prochoose_top a.close{ font-size:30px; color:#666; position:absolute; top:5px; right:10px; z-index:10;}
.prochoose_btn{ width:100%; overflow:hidden;}
.prochoose_btn li{ float:left; width:50%; overflow:hidden; line-height:50px;}
.prochoose_btn li a{ display:block; overflow:hidden; text-align:center; color:#fff; /*background:#ff8f22;*/ background: linear-gradient(90deg,#ffd01e,#ff8f22);  font-size:16px; }
.prochoose_btn li a.a2{ /*background:#f42424;*/ background: linear-gradient(90deg,#ff6034,#f42424);  }
.prochoose_btn li.nobtn { float:none; width:100%;}
.prochoose_btn li.nobtn a { background:#bbb;}
.prochoose .Attribute { margin-bottom:15px; }
.prochoose .Att_title, .prochoose .pronumber span.name {  padding: 0 0 0 20px;}

/*#endregion */


/*#region ===========单篇信息===========*/

.base{ min-height:300px; overflow:hidden; background:#fff; padding:20px 30px; font-size:14px; color:#666; line-height:200%;}

/*#endregion */


/*#region ===========新闻列表===========*/

.newslist{ min-height:195px; overflow:hidden; padding:10px 20px; background:#fff;}
.newslist li{ height:50px; line-height:50px; overflow:hidden; border-bottom:1px dashed #ddd;}
.newslist li i{ float:left; margin:0 10px 0 0; font-weight:bold; font-style:normal; color:#8c8c8c;}
.newslist li a{ height:50px; font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.newsinfo{ overflow:hidden; padding:20px 0 0 0;}
.news_title{ line-height:25px; padding:5px 0; font-size:18px; color:#333; text-align:center;}
.news_time{ line-height:20px; padding:5px 0 10px 0; color:#666; text-align:center; border-bottom:1px solid #ddd;}
.news_conts{ min-height:250px; overflow:hidden; font-size:14px; line-height:200%; padding:15px 20px; color:#666;}
.news_conts table{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
.news_conts td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.newsinfo a.back{ width:80px; line-height:20px; display:block; overflow:hidden; margin:20px auto; text-align:center; color:#266dd8; font-size:14px;}
.newsinfo a.back:hover{ text-decoration:underline;}

/*#endregion */