html, body { margin: 0 auto; padding: 0; background: #f8f8f8; font-size: 14px; color: #333; max-width: 1920px; z-index: 1; font-family: "微软雅黑"; }
html.noscroll { overflow: hidden; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
ul:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
dl:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
dd:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
.clc { clear: both; }
.icon { width: 1em; height: 1em; vertical-align: -0.25em; fill: currentcolor; overflow: hidden; margin-right: 8px; }
.iconfont { vertical-align: middle; margin-right: 5px; }
::-webkit-input-placeholder { color: #cccccc; }
::-moz-placeholder { color: #cccccc; }
:-ms-input-placeholder { color: #cccccc; }

/*首页*/

/*侧导航*/
.side-nav { float: left; margin-top: 40px; }
.side-nav .side-navlist { background: #fff; height: 330px; width: 220px; padding: 15px 20px; }
.side-nav .side-navlist li { padding: 10px 0; }
.side-nav .side-navlist li .icon { font-size: 20px; vertical-align: bottom; }
.side-nav .side-navlist li a { font-size: 16px; margin-right: 15px; color: #666; }
.side-nav .side-navlist li a:last-child { margin: 0; }
.side-nav .side-navlist li a:hover { color: #dd001a; }

/*轮播图*/
.slide-bigad { width: 600px; height: 360px; overflow: hidden; float: left; margin-left: 20px; margin-top: 40px; position: relative;}
.slide-bigad ul li img { width: 600px; height: 360px; object-fit: cover; }
.slide-bigad .hd { text-align: center; width: 600px; position: absolute; bottom: 10px; left: 50%; transform: translatex(-50%); }
.slide-bigad .hd ul { display: inline-block; }
.slide-bigad .hd ul li { float: left; /* margin-right: 15px; */ width: 60px; height: 5px; cursor: pointer; opacity: 0.2; background: #fff; }
.slide-bigad .hd ul li.on { opacity: 1; }
.slide-bigad .pn { width: 600px; position: absolute; top: 50%; left: 50%; transform: translatex(-50%); }
.slide-bigad .prev, .slide-bigad .next { position: absolute; top: 50%; transform: translatey(-50%); color: #ffffff; background: rgba(0,0,0,.3); width: 50px; height: 50px; border-radius: 30px; text-align: center; opacity: 0; transition: all .3s; z-index: 2; }
.slide-bigad .prev i, .slide-bigad .next i { font-size: 26px; line-height: 50px; margin: 0; }
.slide-bigad .prev { left: 10px; }
.slide-bigad .next { right: 10px; }
.slide-bigad:hover .prev, .slide-bigad:hover .next { opacity: .6; }
.slide-bigad .prev:hover, .slide-bigad .next:hover { opacity: 1; }

/*用户*/
.user { width: 260px; height: 320px; padding: 20px; background: #fff; float: right; margin-top: 40px; text-align: center; }
.user img { width: 60px; height: 60px; margin: 0 auto; border: 1px solid #f2f2f2; border-radius: 60px; display: block; }
.user p { font-size: 15px; color: #333; margin: 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user a:hover p { color: #db0022; }
.user .btn a { display: inline-block; padding: 0 20px; background: #db0022; color: #fff; line-height: 30px; border-radius: 15px; margin: 0 7px; }
.user .btn a:hover { background: #e72037; }
.user .btn a:nth-child(2) { background: #333; }
.user .btn a:nth-child(2):hover { background: #000; }
.user .news { text-align: left; }
.user .news h4 { text-align: left; font-size: 15px; margin-bottom: 0; }
.user .news h4 a { font-weight: normal; float: right; font-size: 12px; color: #999; }
.user .news h4 a:hover { color: #333; }
.user .news ul { margin-top:10px; }
.user .news ul li { line-height: 24px; font-size: 13px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user .news ul li:hover { color: #db0022; }

.wrapper { width: 1200px; margin: 0 auto; }
.rec-product { margin-top: 70px; width: 100%; }
.rec-tlt { text-align: center; position: relative; padding-bottom: 40px; }
.rec-tlt:before { content: ""; width: 40%; height: 1px; background: #cccccc; position: absolute; left: 0; top: 30px; }
.rec-tlt:after { content: ""; width: 40%; height: 1px; background: #cccccc; position: absolute; right: 0; top: 30px; }
.popular { background: #ffffff; padding: 10px 25px; box-sizing: border-box; position: relative; overflow: hidden; }
.popular .bd { width: 1149px; overflow: hidden; }
.popular ul li { width: 180px; padding: 25px; margin: 0; background: url(/uploads/image/2images/fgx.png) right no-repeat; }

.popular ul li:hover { box-shadow: none; }
.popular ul li .buy { width: 180px; height: 24px; background: url(/uploads/image/2images/buy.png) right center no-repeat; border: 1px solid #e71f37; background-position-x: 100px; }
.popular ul li .buy font { width: 58%; text-align: center; display: block; float: left; line-height: 22px; color: #e71f37; font-size: 18px; font-weight: bold; font-family: tahoma, pingfangsc-regular, microsoft yahei,tahoma,arial,hiragino sans gb; }
.popular ul li .buy font i { font-style: normal; font-size: 13px; }
.popular ul li .buy label { display: block; width: 42%; float: left; height: 24px; color: #f3e59d; cursor: pointer; }
.popular ul li .buy label i { font-size: 24px; margin-left: 15px; }
.popular ul li .buy label:hover { color: #fff; }
.popular .prev, .popular .next { position: absolute; top: 50%; transform: translatey(-50%); color: #ffffff; background: rgba(0,0,0,.3); width: 55px; height: 50px; border-radius: 30px; text-align: center; opacity: .2; popular transition: all .3s; }
.popular .prev { left: -30px; }
.popular .next { right: -30px; }
.popular .prev i, .popular .next i { font-size: 16px; line-height: 51px; margin: 0; }
.popular .prev i { margin-left: 25px; }
.popular .next i { margin-right: 25px; }
.popular:hover .prev, .popular:hover .next { opacity: .7; }
.popular .prev:hover, .popular .next:hover { opacity: 1; }
.classics-left { width: 930px; background: #ffffff; }
.classics-left ul { width: 100%; }
.classics-left ul li { width: 310px; border-right: 1px dotted #eaeaea; border-bottom: 1px dotted #eaeaea; float: left; box-sizing: border-box; padding: 20px; }
.classics-left ul li:nth-child(3n) { border-right: none; }
.classics-left ul li:nth-child(4) { border-bottom: none; }
.classics-left ul li:nth-child(5) { border-bottom: none; }
.classics-left ul li:nth-child(6) { border-bottom: none; }
.classics-left ul li .img-out { width: 125px; height: 125px; overflow: hidden; float: left; position: relative; }
.classics-left ul li .img-out img { width: 100%; }
img.activity { display: inline-block; background: #dd001a; border-radius: 3px; height: 16px; width: auto !important; vertical-align: sub; margin-right: 5px !important; }
img.activity   h3 { position: absolute; bottom: 0; background: #dd001a; color: #fff; padding: 0 7px; border-radius: 0 10px 0 0; font-size: 20px; }
img.activity   h3 { position: absolute; bottom: 0; background: #dd001a; color: #fff; padding: 2px 7px; border-radius: 6px 6px 0 0; font-size: 18px; left: 50%; transform: translatex(-50%); white-space: nowrap; margin: 0; }
img.activity   h3:before { content: "到手价 ￥"; font-size: 10px; font-weight: normal; }
.classics-left ul li p { font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; margin: 5px 0 0 15px; float: left; width: 125px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; }
.classics-left ul li:hover p { color: #dd001a; }
.classics-left ul li font { display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 125px; margin: 10px 0 15px 15px; font-size: 12px; color: #999999; }
.classics-left ul li h4 { display: block; float: left; font-size: 18px; font-family: tahoma, pingfangsc-regular, microsoft yahei,tahoma,arial,hiragino sans gb; font-weight: normal; color: #e71f37; margin: 0 0 0 15px; }
.classics-left ul li h4 i { font-style: normal; font-family: microsoft yahei; font-size: 14px; }
.classics-left ul li h4 label { color: #999; font-size: 12px; text-decoration: line-through; margin-left: 10px; }
.classics-right { width: 255px; height: 330px; background: #fff; position: relative; }
.classics-right .bd ul li { width: 100%; position: relative; }
.classics-right .bd ul li p { width: 195px; padding: 50px 30px 10px 30px; margin: 0; position: absolute; bottom: 0; left: 0; text-align: center; color: #ffffff; font-size: 16px; background: url(/uploads/image/2images/gradient_bg.png) bottom repeat-x; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.classics-right .bd ul li img { width: 100%; display: block; }
.classics-right .hd { position: absolute; right: 10px; top: 10px; z-index: 1; }
.classics-right .hd li { width: 5px; height: 5px; border-radius: 3px; background: #ccc; float: left; margin: 0 3px; cursor: pointer; }
.classics-right .hd li.on { background: #dd001a; }
/*热门品牌*/
.hotbrand { background: #ffffff; width: 100%; box-sizing: border-box; border: 1px solid #f0f0f0; border-bottom: none; margin-top: 70px; }
.hotbrand h3 { font-size: 18px; font-weight: normal; margin: 0; padding: 15px 20px; border-bottom: 1px solid #f0f0f0; }
.hotbrand-list { width: 1120px; padding: 0 40px; overflow: hidden; position: relative; }
.hotbrand-list ul li { padding: 29px; float: left; border-left: 1px solid #ffffff; border-right: 1px solid #f0f0f0; border-top: 1px solid #ffffff; border-bottom: 1px solid #f0f0f0; }
.hotbrand-list ul li a { display: block; width: 100px; height: 100px; overflow: hidden; transition: all .2s; transform: translatez(0); }
.hotbrand-list ul li a img { display: block; width: 100%; }
.hotbrand-list ul li:hover a { transform: translatez(0) scale(1.2); }
.hotbrand-list .prev, .hotbrand-list .next { position: absolute; width: 40px; top: -1px; height: 319px; line-height: 319px; text-align: center; color: #ccc; border: 1px solid #f0f0f0; transition: all .2s; z-index: 1; }
.hotbrand-list .prev i, .hotbrand-list .next i { font-size: 28px; margin: 0; }
.hotbrand-list .prev { left: -1px; }
.hotbrand-list .next { right: -1px; }
.hotbrand-list .prev:hover, .hotbrand-list .next:hover { color: #666; }

/*新闻*/
.toutiao { margin: 70px 0; width: 100%; }
.toutiao-left { width: 315px; height: 360px; position: relative; overflow: hidden; }
.toutiao-left .bd li { position: relative; }
.toutiao-left .bd li .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0) 70%,rgba(0,0,0,.65)); transition: .5s; }
.toutiao-left .bd li img { display: block; }
.toutiao-left .bd li p { width: 295px; padding: 10px 10px; margin: 0; position: absolute; bottom: 0; left: 0; text-align: center; color: #ffffff; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.toutiao-left .prev, .toutiao-left .next { position: absolute; top: 50%; transform: translatey(-50%); color: #ffffff; transition: all .3s; }
.toutiao-left .prev { left: -20px; transition: all .3s; }
.toutiao-left .next { right: -20px; transition: all .3s; }
.toutiao-left .prev i, .toutiao-left .next i { font-size: 22px; margin: 0; }
.toutiao-left:hover .prev { left: 10px; }
.toutiao-left:hover .next { right: 10px; }
.toutiao-left .prev:hover, .toutiao-left .next:hover { color: #dd001a; }
.toutiao-center { margin-left: 20px; background: #ffffff; width: 865px; height: 340px; padding-bottom: 20px; }
.toutiao-center h2 { margin: 0 20px; padding: 20px 0; font-weight: normal; border-bottom: 1px solid #f2f2f2; }
.toutiao-center h2 span { background: #dd001a; color: #ffffff; padding: 2px 10px; font-size: 18px; }
.toutiao-center h2 a { float: right; font-size: 16px; color: #666; padding-top: 5px; }
.toutiao-center h2 a i { font-size: 18px; color: #aaa; vertical-align: text-top; margin: 0 0 0 8px; }
.toutiao-center h2 a:hover { color: #333; }
.toutiao-center h2 a:hover i { color: #999; }
.toutiao-center li { float: left; width: 400px; height: 120px; margin-left: 20px; margin-top: 19px; }
.toutiao-center li:last-child { margin-bottom: 0; }
.toutiao-center li .img-out { width: 102px; height: 114px; overflow: hidden; border: 1px solid #f2f2f2; box-sizing: border-box; margin-right: 20px; position: relative; }
.toutiao-center li .img-out img { width: 100%; transition: all .3s; }
.toutiao-center li .img-out:hover img { transform: scale(1.1); }
.toutiao-center li h5 { margin: 0; font-size: 15px; padding-bottom: 8px; line-height: 28px; }
.toutiao-center li h5:hover { color: #dd001a; }
.toutiao-center li h5 span { display: inline-block; margin-right: 6px; font-size: 12px; text-align: center; width: 37px; height: 16px; line-height: 16px; color: #ffffff; background: url(/uploads/image/2images/tag.png); }
.toutiao-center li p { color: #999; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; font-size: 13px; }

/*通栏广告*/
.tad { width: 100%; height: 120px; overflow: hidden; margin: 60px 0; position: relative; border: 1px solid #efefef; box-sizing: border-box; }
.tad img { display: block; width: 100%; transition: all .2s; }
.tad:hover img { opacity: .85; }
.tad .tag { position: absolute; width: auto; right: 1px; bottom: 1px; }
/*分类*/
.floor { width: 100%; position: relative; }
.floor h3 { font-weight: normal; font-size: 22px; }
.floor h3 span { text-transform: uppercase; padding-left: 10px; font-size: 18px; vertical-align: text-bottom; }
.floor h3 a { float: right; font-size: 16px; color: #666; padding-top: 6px; }
.floor h3 a i { font-size: 18px; color: #aaa; vertical-align: text-top; margin: 0 0 0 8px; }
.floor h3 a:hover { color: #333; }
.floor h3 a:hover i { color: #888; }

.floor-all { width: 100%; height: 615px; }
.floor-all li { float: left; width: 228px; height: 300px; box-sizing: border-box; background: #ffffff; margin-left: 15px; margin-bottom: 15px; padding: 20px 24px; text-align: center; cursor: pointer; transition: all 0.2s; }
.floor-all li .img-out { width: 180px; height: 180px; overflow: hidden; position: relative; }
.floor-all li .img-out img { width: 100%; }
.floor-all li p { font-size: 14px; line-height: 20px; height: 40px; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.floor-all li span { color: #e71f37; font-size: 18px; font-family: tahoma, pingfangsc-regular, microsoft yahei,tahoma,arial,hiragino sans gb; }
.floor-all li span i { font-style: normal; font-size: 16px; font-family: microsoft yahei; }
.floor-all li span label { font-size: 14px; color: #999; text-decoration: line-through; margin-left: 10px; }
.floor-all li:hover { -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.1); box-shadow: 0 3px 15px rgba(0,0,0,.1); transform: translatey(-5px); }
.floor-all li:hover p { color: #e71f37; }

.floor-news { width: 405px; height: 260px; padding: 20px 25px; background: #ffffff; position: absolute; right: 0; top: 51px; }
.floor-news ul li { padding-bottom: 16px; }
.floor-news ul li:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
.floor-news ul li h5 { font-size: 14px; color: #262626; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 0 0; padding: 7px 0 0 0; }
.floor-news ul li h5 span { display: inline-block; margin-right: 10px; font-size: 12px; text-align: center; width: 16px; line-height: 16px; background: #f2f2f2; color: #666; border-radius: 3px; }
.floor-news ul li:nth-child(1) h5 span { background: #dd001a; color: #fff; }
.floor-news ul li:nth-child(2) h5 span { background: #dd001a; color: #fff; }
.floor-news ul li:nth-child(3) h5 span { background: #dd001a; color: #fff; }

/*横图广告*/
.floor-all.horizontal li:nth-child(4) { margin-left: 0; }
.floor-all.horizontal li:first-child { width: 714px; height: 300px; padding: 0; overflow: hidden; margin-left: 0; position: relative; }
.floor-all.horizontal li:first-child  p{ width: 270px; height: 26px; background: rgba(0,0,0,.7); color: #fff; margin: 0; padding: 10px 30px; position: absolute; text-align: center; right: 0; bottom: 20px; }
.floor-all.horizontal li:first-child p font { font-size: 16px; line-height: 26px; height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.floor-all.horizontal   div   .floor-news { width: 421px; }
/*竖图广告*/
.floor-all.vertical li { width: 220px; padding: 20px; }
.floor-all.vertical li:first-child { width: 260px; height: 615px; padding: 0; margin: 0; overflow: hidden; position: relative; }
.floor-all.vertical li:first-child p { width: 210px; height: auto; background: rgba(0,0,0,.7); color: #fff; margin: 0; padding: 10px 15px; position: absolute; text-align: center; right: 0; bottom: 20px; }
.floor-all.vertical li:first-child p font { font-size: 16px; line-height: 26px; height: 52px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; }

.floor-news ul li .img-out { width: 90px; height: 90px; overflow: hidden; /*border: 1px solid #f2f2f2;*/ margin-right: 20px; display: none; position: relative; }
.floor-news ul li .img-out img { width: 100%; transition: all .2s; }
.floor-news ul li p { color: #999; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: none; margin: 10px 0 6px 0; }
.floor-news ul li.on .img-out { display: block; position: relative; }
.floor-news ul li.on p { display: -webkit-box; }
.floor-news ul li .img-out img:hover { transform: scale(1.1); }
.floor-news ul li h5:hover { color: #dd001a; }
.elevator { position: absolute; right: 10px; top: 960px; width: 90px; line-height: 40px; text-align: center; background: #fff; z-index: 2; }
.elevator.fix { position: fixed; top: 50%; transform: translatey(-50%); }
.elevator a { display: block; background: url(/uploads/image/2images/ebg.png) center bottom no-repeat; /* border-bottom: 1px solid #f2f2f2;*/ }
.elevator a.on { background: #dd001a; color: #ffffff; }
.elevator a:hover { background: #dd001a; color: #ffffff; }
.elevator .totop { line-height: 20px; padding: 10px 0; color: #dd001a; transition: all .2s; cursor: pointer; }
.elevator .totop i { display: block; margin: 0; font-size: 28px; }
.elevator .totop:hover { color: #ffffff; background: #dd001a; }

.friendlink { color: #999999; font-size: 12px; margin: 50px 0 -30px 0; }
.friendlink a { margin-left: 30px; }
.friendlink a:hover { color: #333; }
/*列表页*/ .path { margin: 30px 0 10px 0; color: #666; font-size: 12px; width: 1120px; float: left; line-height: 27px; }
.path a:hover { color: #e71f37; }
.path i { font-size: 12px; vertical-align: baseline; margin: 0 5px; }
.path .droptype { display: inline-block; line-height: 24px; cursor: pointer; position: relative; z-index: 1; }
.path .droptype span { display: block; border: 1px dotted #ccc; padding: 0 10px; }
.path .droptype.on span { border-color: #dd001a; color: #dd001a; background: #ffffff; border-bottom-color: #ffffff; position: relative; z-index: 2; }
.path .droptype i { font-size: 10px; color: #999; margin-right: 0; }
.path .droptype.on span i { color: #dd001a; }
.path .droptype.on span i:before { transform: rotate(-180deg); display: inline-block; }
.path .drop-list { position: absolute; width: 442px; background: #fff; border: 1px dotted #e71f37; left: 0; top: 27px; padding: 5px 0; line-height: 28px; box-sizing: border-box; display: none; }
.path .drop-list:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
.path .drop-list a { display: block; float: left; width: 100px; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.path .tj { display: inline-block; color: #dd001a; border: 1px solid #dd001a; line-height: 25px; padding: 0 25px 0 5px; position: relative; margin: 0 8px 9px 0; }
.path .tj font { max-width: 120px; overflow: hidden; display: inline-block; white-space: nowrap; vertical-align: bottom; text-overflow: ellipsis; }
.path .tj i { color: #999999; position: absolute; top: 1px; right: 1px; margin: 0; font-size: 18px; }
.path .tj:hover { background: #fff3f4; }
.path .tj:hover i { color: #dd001a; }
.path #palshopname { float: right; margin-right: -80px; background: #f3f3f3; padding: 0 15px 0 10px; font-size: 14px; color: #333; font-weight: bold; position: relative; }
.path #palshopname i { font-size: 16px; color: #dd001a; font-weight: normal; }
.path #palshopname strong { margin-left: 10px; font-size: 12px; color: #666; cursor: pointer; }
.path #palshopname strong i { font-size: 12px; font-weight: bold; color: #666; margin: 2px; }
.path #palshopname .phone-shop { display: none; position: absolute; right: 0; background: #fff; z-index: 2; border: 1px solid #ff9800; padding: 0px 10px 5px 10px; }
.path #palshopname .phone-shop p { font-size: 12px; text-align: center; margin: 5px 0; font-weight: normal; }
.path #palshopname:hover .phone-shop { display: block; }

.qingkong { display: block; float: right; margin: 30px 0 10px 0; color: #999; line-height: 25px; font-size: 12px; }
.qingkong:hover { color: #dd001a; }
.condition { background: #fff; width: 100%; padding: 0 20px; box-sizing: border-box; font-size: 12px; line-height: 30px; margin-top: 10px; }
.condition li { padding: 15px 0; border-bottom: 1px solid #efeff4; }
.condition li:last-child { border: none; }
.condition li a:hover { color: #dd001a; }
.condition li:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
.condition li span { display: block; float: left; width: 90px; color: #999; }
.condition li .condition-show { width: 1070px; }
.condition li .condition-show .condition-list { line-height: 30px; overflow: hidden; width: 930px; }
.condition li .condition-show .condition-list.mh { max-height: 60px; }
.condition li .condition-show .condition-list.mh   .operate .more { display: block; }
.condition li .condition-show .condition-list.auto { max-height: 180px; overflow-y: scroll; }
.condition li .condition-show .condition-search { position: relative; margin-bottom: 5px; display: none; }
.condition li .condition-show .condition-search i { position: absolute; left: 7px; top: 1px; color: #666; }
.condition li .condition-show .condition-search input { outline: none; border: 1px solid #ccc; line-height: 20px; height: 20px; font-size: 12px; padding-left: 30px; width: 120px; }
.condition li .condition-list::-webkit-scrollbar, .condition li .multiple-list::-webkit-scrollbar { width: 2px; height: 16px; background-color: rgba(0, 0, 0, .05); }
.condition li .condition-list::-webkit-scrollbar-track, .condition li .multiple-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); border-radius: 10px; background-color: rgba(255, 255, 255, 0); }
.condition li .condition-list::-webkit-scrollbar-thumb, .condition li .multiple-list::-webkit-scrollbar-thumb { width: 2px; border-radius: 10px; background-color: #ccc; }
.condition li .condition-show a { margin-right: 30px; display: block; float: left; }
.condition li .condition-show p { margin: 0; }
.condition li .multiple-show { width: 1070px; display: none; }
.condition li .multiple-show .condition-search { position: relative; margin-bottom: 5px; }
.condition li .multiple-show .condition-search i { position: absolute; left: 7px; top: 1px; color: #666; }
.condition li .multiple-show .condition-search input { outline: none; border: 1px solid #ccc; line-height: 20px; height: 20px; font-size: 12px; padding-left: 30px; width: 120px; }
.condition li.condition-brandname .multiple-show .multiple-list { line-height: 36px; }
.condition li .multiple-show .multiple-list { max-height: 180px; overflow: hidden; overflow-y: scroll; width: 930px; }
.condition li .multiple-show .multiple-list input { display: none; }
.condition li .multiple-show .multiple-list label { float: left; margin-right: 30px; cursor: pointer; display: block; }
.condition li.condition-brandname .multiple-show .multiple-list label { width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.condition li .multiple-show .multiple-list label:before { content: ""; margin-right: 5px; vertical-align: sub; width: 13px; height: 13px; display: inline-block; border: 1px solid #ccc; }
.condition li .multiple-show .multiple-list label:hover { color: #dd001a; }
.condition li .multiple-show .multiple-list input:checked   label { color: #dd001a; }
.condition li .multiple-show .multiple-list input:checked   label:before { content: "√"; font-size: 14px; line-height: 12px; margin-right: 5px; text-align: center; border-color: #dd001a; vertical-align: initial; }
.condition li .multiple-show .multiple-list p { margin: 0; }
.condition li .operate div { border: 1px solid #ccc; line-height: 24px; display: inline-block; padding: 0 3px 0 8px; margin-left: 10px; cursor: pointer; color: #666; float: right; }
.condition li .operate div:hover { color: #dd001a; border-color: #dd001a; }
.condition li .operate div i { margin: 0; vertical-align: top; font-size: 14px; margin-left: 5px; }
.condition li .operate div.more { display: none; }
.condition li .operate div.multiple { margin-left: 10px; }
.condition li .operation div { line-height: 26px; display: inline-block; width: 56px; text-align: center; background: #eaeaea; margin-left: 10px; cursor: pointer; color: #333; float: right; border-radius: 3px; }
.condition li .operation div:hover { background: #e2e2e2; }
.condition li .operation div.yes { background: #dd001a; color: #ffffff; }
.condition li .operation div.yes:hover { background: #e71f37; }
.sort { width: 100%; margin: 20px 0; line-height: 24px; color: #666; }
.sort a { display: inline-block; width: 60px; text-align: center; border: 1px solid #ccc; margin-right: 10px; font-size: 12px; }
.sort a i { margin: 0; font-size: 12px; vertical-align: top; margin-left: 2px; }
.sort a:hover { color: #dd001a; border-color: #dd001a; }
.sort a.on { color: #dd001a; border-color: #dd001a; background: #fff3f4; }
.product-list { width: 100%; }
.product-list .nodata { width: 400px; display: block; margin: 0 auto; }
.product-list .nodata   p { text-align: center; color: #999; font-size: 16px; line-height: 32px; }
.product-list .nodata   p span { display: block; width: 80px; margin: 10px auto; background: #dd001a; color: #fff; border-radius: 5px; cursor: pointer; }
.product-list .nodata   p span:hover { background: #c30218; }

.product-list li { float: left; width: 226px; border: 1px solid #ffffff; padding: 30px; background: #ffffff; margin: 0 16px 16px 0; text-align: center; }
.product-list li:hover { border-color: #dd001a; }
.product-list li:nth-child(4n) { margin-right: 0; }
.product-list li .img-out { width: 228px; height: 228px; overflow: hidden; margin: 0 auto; position: relative; }
.product-list li .img-out img { width: 100%; }
.product-list li p { font-size: 14px; line-height: 24px; height: 48px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-list li p:hover { color: #dd001a; }
.product-list li span { color: #dd001a; font-weight: bold; font-size: 18px; font-family: tahoma, pingfangsc-regular, microsoft yahei,tahoma,arial,hiragino sans gb; }
.product-list li span i { font-style: normal; font-size: 16px; font-family: microsoft yahei; }
.product-list li span label { font-size: 14px; font-weight: normal; color: #999; text-decoration: line-through; margin-left: 10px; }
/*列表分页*/
.pagger { text-align: center; background: #ffffff; padding: 30px 0; line-height: 26px; }
.pagger a { display: inline-block; padding: 0 15px; margin: 0 5px; border-radius: 3px; border: 1px solid rgba(0,0,0,0); color: #666; }
.pagger a:hover { color: #ffffff; background: #dd001a; border: 1px solid #dd001a; }
.pagger a.on { color: #ffffff; background: #dd001a; }
.pagger a.k { border: 1px solid #ccc; color: #666; }
.pagger a.k:hover { color: #ffffff; border: 1px solid #dd001a; }

/*店铺列表*/
.shop-left { float: left; width: 200px; }
.shop-left.fix { position: fixed; top: 0; }
.shop-cont { width: 200px; margin-top: 30px; background: #ffffff; text-align: center; border: 1px solid #e8e8e8; box-sizing: border-box; position: relative; }
.shop-cont .shop-logo { width: 100px; height: 100px; margin: 20px auto;}
.shop-cont .shop-logo img { width: 100%; }
.shop-cont h3 { margin: 0; padding: 0 10px; font-size: 14px; background: #333; color: #fff; text-align: left; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shop-cont h3 i { font-weight: normal; vertical-align: bottom; }
.shop-cont h3 a:hover { color: #ff203a; }
.shop-cont .contact, .shop-cont .love { display: inline-block; width: 65px; background: #333333; color: #fff; border-radius: 3px; margin: 0 8px 15px 8px; font-size: 12px; height: 20px; line-height: 20px; }
.shop-cont .love { background: #dd001a; }
.shop-cont .contact:hover { background: #555; }
.shop-cont .love:hover { background: #f1253d; }
.shop-cont strong { display: block; font-weight: normal; width: 151px; background: #f3f3f3; border-radius: 3px; margin: 0 auto 20px auto; font-size: 12px; height: 20px; line-height: 20px; color: #333; cursor: pointer; }
.shop-cont strong:hover { background: #e9e9e9; }
.shop-cont .phone-shop { display: none; position: absolute; width: 100px; left: 38px; top: 240px; background: #fff; z-index: 2; border: 1px solid #ff9800; padding: 0px 10px 5px 10px; }
.shop-cont .phone-shop p { font-size: 12px; text-align: center; margin: 8px 0; font-weight: normal; }
.shop-type { width: 200px; margin-top: 30px; background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; }
.shop-type.fix{position: fixed; top: 0;}
.shop-type h3 { margin: 0; padding: 0 10px; font-size: 14px; background: #333; color: #fff; text-align: left; line-height: 32px; }
.shop-type h3 i { font-weight: normal; vertical-align: bottom; }
.shop-type h3 a:hover { color: #ff203a; }
.shop-type ul li h2 { color: #dd001a; font-size: 14px; padding: 0 10px; margin: 0; line-height: 32px; margin-top: 5px; }
.shop-type ul li p { padding: 0 10px; font-size: 14px; /*background: #f5f5f5;*/ line-height: 32px; margin: 0; font-weight: bold; }
.shop-type ul li p:hover { background: #f5f5f5; }
.shop-type ul li p i{ font-size: 13px; font-weight: normal; cursor: pointer; margin-right: 8px;}
.shop-type ul li p a:hover { color: #dd001a; }
.shop-type ul li font { padding: 0 10px 0 30px; line-height: 26px; color: #666; display: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shop-type ul li.on p { background: #f5f5f5; }
.shop-type ul li.on font { display: block; }
.shop-type ul li p   font { margin-top: 5px; }
.shop-type ul li font:last-child { margin-bottom: 5px;}
.shop-type ul li font a:hover{color: #dd001a;}

.shop-product { width: 970px; float: right; margin-top: 10px; }
.brandbig { margin: 20px auto 30px auto; height: 450px; overflow: hidden; position: relative; }
.brandbig ul li img { width: 100%; display:block;}
.brandbig .hd { position: absolute; bottom: 15px; width: 100%; text-align: center; }
.brandbig .hd ul li { border-radius: 10px; display: inline-block; width: 16px; line-height: 16px; color: #fff; background: rgba(255,255,255,.5); font-size: 12px; margin:0 5px; cursor: pointer;}
.brandbig .hd ul li.on { background: #fff; color: #333; }

.shop-product .product-list.index-list { background: #ffda9b; padding: 40px 40px 15px 40px; box-sizing: border-box; margin-top: 20px;}
.shop-product .product-list.index-list li a { display: block; }
/*前四个*/
.shop-product .product-list.index-list li:nth-child(-n 4) { width: 100%; margin-right: 0; box-sizing: border-box; padding: 0 35px 0 0; text-align: left; border-radius: 15px; border: none; overflow: hidden; margin-bottom: 25px; }
.shop-product .product-list.index-list li:nth-child(-n 4) .img-out { float: left; width: 400px; height: 400px; margin-right: 40px; }
.shop-product .product-list.index-list li:nth-child(-n 4) .img-out img { height: 400px; object-fit: cover; }
.shop-product .product-list.index-list li:nth-child(-n 4) p { font-size: 30px; line-height: 42px; height: 84px; font-weight: bold; margin: 0; padding-top: 45px; text-align: left; }
.shop-product .product-list.index-list li:nth-child(-n 4) font { display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 20px 30px 0 0; color: #999; }
.shop-product .product-list.index-list li:nth-child(-n 4) span { font-size: 44px; display: block; margin-top: 30px; }
.shop-product .product-list.index-list li:nth-child(-n 4) span label { text-decoration: line-through; color: #999; font-size: 24px;  margin-left: 10px; }
.shop-product .product-list.index-list li:nth-child(-n 4) span i { font-size: 24px; font-weight: normal; }
.shop-product .product-list.index-list li:nth-child(-n 4) button { display: block; outline: none; border: none; color: #ffffff; width: 180px; height: 48px; border-radius: 30px; font-size: 26px; background-image: linear-gradient(to left, #ff5200, #ffa500); cursor: pointer; margin-top: 40px; font-weight: bold; letter-spacing: 2px; }
.shop-product .product-list.index-list li:nth-child(-2n 4) { padding: 0 0 0 35px; }
.shop-product .product-list.index-list li:nth-child(-2n 4) .img-out { float: right; margin: 0 0 0 40px; }
/*第五、六个*/
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) { width: 430px; border-radius: 15px; padding: 0 0 30px 0; margin: 0 25px 25px 0; border: none; overflow: hidden; }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) .img-out { width: 430px; height: 430px; }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) .img-out img { height: 430px; object-fit: cover; }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) p { font-size: 26px; line-height: 36px; margin: 25px 20px; height: 36px; font-weight: bold; -webkit-line-clamp: 1; }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) font { display: block; font-size: 18px; color: #999; margin: -15px 30px 25px 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) span { display: inline-block; font-size: 26px; border-radius: 21px 0 0 21px; padding: 0 25px; line-height: 42px; height: 42px; background-image: linear-gradient(to left, #ffa500, #ffa500); color: #fff; transform: translatex(3px); }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) span label{ display: none; }
.shop-product .product-list.index-list li:nth-child(n 5):nth-child(-n 6) button { display: inline-block; outline: none; border: none; color: #ffffff; width: 150px; height: 42px; border-radius: 0 21px 21px 0; font-size: 22px; background-image: linear-gradient(to left, #ff5200, #ff5200); cursor: pointer; font-weight: bold; letter-spacing: 2px; transform: translate(-2px, -2px); }
.shop-product .product-list.index-list li:nth-child(n 6):nth-child(-n 6) { margin-right: 0; }
/*后六个*/
.shop-product .product-list.index-list li:nth-child(n 7) { width: 280px; border-radius: 15px; padding: 0 0 30px 0; margin: 0 25px 25px 0; border: none; overflow: hidden; }
.shop-product .product-list.index-list li:nth-child(n 7) .img-out { width: 280px; height: 280px; }
.shop-product .product-list.index-list li:nth-child(n 7) p { font-size: 22px; padding: 0 20px; line-height: 32px; height: 64px; font-weight: bold; }
.shop-product .product-list.index-list li:nth-child(n 7) font { display: none; }
.shop-product .product-list.index-list li:nth-child(n 7) span { display: inline-block; font-size: 20px; border: 1px solid #dd001a; border-radius: 31px; padding: 5px 20px; }
.shop-product .product-list.index-list li:nth-child(n 7) span label { display: none; }
.shop-product .product-list.index-list li:nth-child(n 7) button { display: none; }
.shop-product .product-list.index-list li:nth-child(3n 9) { margin-right: 0; }

.shop-product .product-list li { width: 190px; padding: 20px; margin: 0 14px 14px 0; }
.shop-product .product-list li:nth-child(4n){ margin-right:0; }
.shop-product .product-list li .img-out { width: 175px; height: 175px; position: relative; }
.brandbig .pn { width: 970px; position: absolute; top: 50%; left: 50%; transform: translatex(-50%); }
.brandbig .prev, .brandbig .next { position: absolute; top: 50%; transform: translatey(-50%); color: #ffffff;transition: all .3s;  }
.brandbig .prev i, .brandbig .next i { font-size: 32px; line-height: 60px; margin: 0; }
.brandbig .prev { left: -50px; }
.brandbig .next { right: -50px; }
.brandbig:hover .prev { left: 10px; opacity: .5; }
.brandbig:hover .next { right: 10px; opacity: .5; }
.brandbig .prev:hover, .brandbig .next:hover { opacity: 1; }

/*底部推荐*/
.recommend { margin-top: 60px; width: 100%; overflow: hidden; position: relative; }
.recommend h3 { font-size: 20px; font-weight: normal; }
.recommend .prev, .recommend .next { position: absolute; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; text-align: center; top: 20px; right: 0; color: #999; }
.recommend .prev { right: 35px; }
.recommend .prev i, .recommend .next i { margin: 0; }
.recommend .prev:hover, .recommend .next:hover { color: #444; border-color: #999; }
.recommend .product-reclist li:hover { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e71f37; }
.product-reclist li:hover { -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.1); box-shadow: 0 3px 15px rgba(0,0,0,.1); }
.product-reclist li { background: #ffffff; margin-right: 15px; width: 186px; padding: 20px; border: 1px solid #ffffff; text-align: center; position: relative; overflow: hidden; float: left; }
.product-reclist li:last-child { margin: 0; }
.product-reclist li .img-out { width: 180px; height: 180px; margin: 0 auto; overflow: hidden; position: relative; }
.product-reclist li .img-out img { width: 100%; }
.product-reclist li p { width: 100%; color: #333333; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; margin: 15px 0; }
.product-reclist li h4 { font-size: 18px; font-family: tahoma, pingfangsc-regular, microsoft yahei,tahoma,arial,hiragino sans gb; font-weight: normal; color: #dd001a; margin: 15px 0 0; }
.product-reclist li h4 i { font-style: normal; font-family: microsoft yahei; font-size: 17px; }
.product-reclist li span { display: block; width: 120px; border: 1px solid #dd001a; color: #dd001a; background: #ffffff; line-height: 26px; position: absolute; left: 50%; transform: translatex(-50%); bottom: -120px; transition: all .2s; }
.product-reclist li span:hover { background: #dd001a; color: #fff; }
.product-reclist li:hover span { bottom: 20px; }
.product-reclist li p:hover { color: #dd001a; }

/*三级页*/
.product-show { width: 100%; background: #fff; padding: 0 0 50px 0; color: #333; }
.product-show .product-content { width: 1200px; height: 610px; margin: 20px auto 0 auto; position: relative; }
.product-show .product-content .product-left { width: 502px; }
.product-show .product-content .product-left .product-img { width: 500px; height: 500px; overflow: hidden; border: 1px solid #eee; position: relative; }
.product-show .product-content .product-left .product-img img { width: 100%; }

.product-show .product-content .product-left .product-imglist { width: 502px; height: 100px; overflow: hidden; text-align: center; margin-top: 10px; }
.product-show .product-content .product-left .product-imglist li { width: 97px; height: 97px; overflow: hidden; box-sizing: border-box; border: 2px solid #fff; cursor: pointer; display: inline-block; }
.product-show .product-content .product-left .product-imglist li.on { border: 2px solid #dd001a; }
.product-show .product-content .product-left .product-imglist li img { width: 100%; }
.product-show .product-content .product-left .product-img span { width: 250px; height: 250px; position: absolute; border: 1px solid #afafaf; top: 0; left: 0; display: none; cursor: move; }
.product-show .product-content .product-left .product-img:hover span { background: rgba(0,0,0,.3); display: block; }
.product-show .product-content .product-left .product-bigimg { position: absolute; top: 1px; left: 505px; width: 500px; height: 500px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; z-index: 10; display: none; overflow: hidden; }

.product-show .product-content .product-left .product-bigimg img { position: absolute; display: block; }
.product-show .product-content .product-right { width: 600px; position: relative; }
.product-show .product-content .product-right.auto { position: absolute; right: 0; top: 50%; transform: translatey(-50%); }
.product-show .product-content .product-right h1 { font-size: 26px; line-height: 42px; color: #262626; margin: 0;}
.product-show .product-content .product-right h3 { font-size: 16px; line-height: 27px; color: #999; font-weight: normal;margin: 20px 0; }
.product-show .product-content .product-right h3 a { width: auto; height: auto; line-height: 20px; font-size: inherit; padding: 0 5px; border: none; color: #ff9800; text-decoration: underline; border-radius: 2px; margin-top: 0; }
.product-show .product-content .product-right .product-price { width: 100%; /*background: #f3f4f5;*/ background:  top center; background-size: 100%; box-sizing: border-box; font-family: arial; position: relative; }
.product-show .product-content .product-right .product-price .product-pricecont { padding: 10px 20px; position: relative;}
.product-show .product-content .product-right .product-price .product-pricecont p { color: #dd001a; font-size: 24px; margin: 0; font-family: "pmingliu"; }
.product-show .product-content .product-right .product-price .product-pricecont p font { font-size: 36px; font-weight: bold; }
.product-show .product-content .product-right .product-price .product-pricecont span { color: #666; margin-top: 5px; font-size: 18px; display: inline-block; text-decoration: line-through; font-family: "pmingliu"; }
.product-show .product-content .product-right .inoperable { margin-top: 30px; background: rgb(255 243 243 / 90%); width: 598px; height: 77px; padding: 18px 0; font-size: 20px; line-height: 40px; color: #dd0a1a; text-align: center; cursor: no-drop; border: 1px solid #dd0a1a; }

.vipprice { width: 100%; box-sizing: border-box; background: #dd001a; padding: 0 10px; border-radius: 5px; margin: 10px 0; color: #fff; font-size: 20px; font-family: "pmingliu"; display: inline-flex; flex-wrap: nowrap; justify-content: space-between; }
.vipprice h2 { margin: 0; }
.vipprice h2:before { content: "app专享价: ￥"; font-size: 16px; color: #fff; font-weight: normal; display: block; float: left; margin-top: 12px; }


.active-before { background:  no-repeat top center; padding: 4px 20px 5px 20px; }
.active-before img { position: absolute; top: 10px; height: 26px; cursor: pointer; }
.active-before h2 { margin: 0; font-size: 40px; color: #dd001a; text-align: right; height: 40px; }
.active-before h2:before { content: "￥"; font-size: 22px; }
.active-before p { font-size: 14px; color: #fff; line-height: 24px; margin: 0px; }
.active-before p font { background: #333; padding: 2px 5px; margin: 0 5px; font-size: 12px; }
.active-before p span { display: inline-block; float: right; color: #333; text-decoration: none; margin: 0; }

.active-on { background:  no-repeat top center; padding: 7px 20px 17px 20px; }
.active-on p { font-size: 14px; color: #fff; line-height: 24px; margin: 0px; text-align: right; }
.active-on p img { float: left; height: 26px; cursor: pointer; }
.active-on p font { background: #333; padding: 3px 5px; margin-left: 5px; font-size: 12px; }

.product-show .product-content .product-right .product-price .pshare { position: absolute; right: 20px; bottom: 24px; }
.product-show .product-content .product-right .product-price .pshare font { color: #eee; line-height: 32px; height: 30px; display: block; padding: 0 35px 0 10px; cursor: pointer; font-size: 13px; position: relative; }
.product-show .product-content .product-right .product-price .pshare font i { font-size: 18px; position: absolute; right: 5px; top: -2px; }
.product-show .product-content .product-right .product-price .share-qrcode { position: absolute; width: 120px; border: 1px solid #ff9800; background-color: #fff; color: #666; text-align: center; font-size: 12px; top: 0px; right: 150px; display: none; }
.product-show .product-content .product-right .product-price .share-qrcode p { margin: -5px 0 6px 0; padding: 0; height: 20px; font-weight: normal; font-size: 12px; line-height: 20px; color: #333; }
.product-show .product-content .product-right .product-price .share-qrcode .codeqr { margin: 10px auto; width: 100px; }
.product-show .product-content .product-right .product-price .pshare:hover font { color: #fff; }
.product-show .product-content .product-right .product-price .pshare:hover .share-qrcode { display: block; }
.product-show .product-content .product-right .product-price a { position: absolute; width: auto; height: auto; border: none; right: 20px; top: -8px; line-height: 0; }
.product-show .product-content .product-right .product-price a img { width: 80px; }

.product-show .product-content .product-right .product-price .online { position: absolute; width: auto; height: auto; border: none; right: 31px; bottom: 15px; line-height: 0; cursor: pointer; }
.product-show .product-content .product-right .product-price .online img { width: 80px; }
.kefulayer { position: fixed; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 200px; padding: 25px 15px; box-shadow: 0 0 10px rgb(0 0 0 / 30%); background: #fff; display: none; }
.kefulayer i { position: absolute; top: 5px; right: 0; font-size: 20px; color: #ccc; cursor: pointer; }
.kefulayer i:hover { color: #999; }
.kefulayer p { margin-top: 0; font-size: 16px; margin-bottom: 20px; }
.kefulayer img { width: 170px; }

.product-show .product-content .product-right .product-post { margin-top: 15px; line-height: 22px; margin-bottom: -5px; }
.product-show .product-content .product-right .product-post:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
.product-show .product-content .product-right .product-post span { width: 65px; color: #999; float: left; }
.product-show .product-content .product-right .product-post ul { width: 520px; float: left; padding-left: 13px; }
.product-show .product-content .product-right .product-post ul li {  height: 22px; color: #666; }
.product-show .product-content .product-right .product-post ul li p { margin: 0; display: inline-block; max-width: 460px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; }
.product-show .product-content .product-right .product-post ul li font { display: inline-block; vertical-align: top; color: #dd001a; }

.product-show .product-content .product-right .product-specs dl { margin: 25px 0 0 0; }
.product-show .product-content .product-right .product-specs dt { width: 65px; color: #999; float: left; line-height: 34px; }
.product-show .product-content .product-right .product-specs dd { float: left; margin: 0; width: 485px; }
.product-show .product-content .product-right .product-specs dd ul li { border: 1px solid #ccc; padding: 4px 12px; float: left; margin: 5px 0 5px 14px; cursor: pointer; font-size: 12px; }
.product-show .product-content .product-right .product-specs dd ul li.on { border: 1px solid #dd001a; margin: 5px 0px 5px 14px; }
.product-show .product-content .product-right .product-specs dd ul li.no { border: 1px dashed #999; color: #ccc; cursor: no-drop; opacity: .6; }
.product-show .product-content .product-right .product-specs dd ul.colorlist li { height: 38px; overflow: hidden; padding: 0px 10px; line-height: 38px; color: #666; font-size: 13px; }
.product-show .product-content .product-right .product-specs dd ul li img { height: 100%; float: left; margin-right: 10px; margin-left: -10px; }
.product-show .product-content .product-right .product-specs dd .product-number { margin-left: 14px; position: relative; display: inline-block; width: 80px; }
.product-show .product-content .product-right .product-specs dd input { width: 40px; outline: none; border: 1px solid #ccc; text-align: center; line-height: 31px; font-size: 14px; padding: 0; }
.product-show .product-content .product-right .product-specs dd button { width: 17px; outline: none; background: none; border: 1px solid #ccc; text-align: center; height: 17px; cursor: pointer; vertical-align: bottom; position: absolute; left: 41px; bottom: 0; }
.product-show .product-content .product-right .product-specs dd button:before { content: ''; position: absolute; left: 50%; top: 50%; transition: background-color .5s; margin-left: -3px; margin-top: -1px; width: 7px; height: 1px; background-color: #999; }
.product-show .product-content .product-right .product-specs dd button:hover:before { background: #dd001a; }
.product-show .product-content .product-right .product-specs dd button:hover:after { background: #dd001a; }
.product-show .product-content .product-right .product-specs dd button:disabled { cursor: no-drop; }
.product-show .product-content .product-right .product-specs dd button:disabled:before { background: #cccccc; }
.product-show .product-content .product-right .product-specs dd button:disabled:after { background: #cccccc; }
.product-show .product-content .product-right .product-specs dd .number-add { top: 0; }
.product-show .product-content .product-right .product-specs dd .number-add:before { margin-left: -3px; margin-top: -1px; width: 7px; height: 1px; }
.product-show .product-content .product-right .product-specs dd .number-add:after { content: ''; position: absolute; left: 50%; top: 50%; transition: background-color .5s; margin-top: -4px; width: 1px; height: 7px; background-color: #999; }

.product-show .product-content .product-right a { display: inline-block; width: 205px; line-height: 50px; height: 49px; font-size: 18px; text-align: center; margin-top: 30px; border: 1px solid #ccc; cursor: pointer; }
.product-show .product-content .product-right a:hover { color: #dd001a; border-color: #dd001a; }
.product-show .product-content .product-right a i { font-size: 22px; }
.product-show .product-content .product-right a i.shoucangh { color: #dd001a; }
.product-show .product-content .product-right .product-buy { border-color: #dd001a; background: #dd001a; color: #fff; }
.product-show .product-content .product-right .product-buy:hover { background: #e71f37; color: #fff; }
.product-show .product-content .product-right .product-buy2 { background: #f4f4f4; color: #999; cursor: default; }
.product-show .product-content .product-right .product-buy2:hover { border-color: #ccc; background: #f4f5f6; color: #999; }
.product-show .product-content .product-right .product-cart { border-color: #dd001a; color: #dd001a; margin-left: 15px; }
.product-show .product-content .product-right .product-cart i { font-size: 24px; }
.product-show .product-content .product-right .product-cart:hover { background: #ffd9dd; }
.product-show .product-content .product-right .product-love { width: 145px; margin-left: 15px; }
.product-show .product-content .product-right a.product-love:hover { background: #ffd9dd; border-color: #dd001a; color: #dd001a; }
.product-show .product-content .product-right .product-love2 { width: 95px; margin-left: 15px; color: #ff9800; border-color: #ff9800; }
.product-show .product-content .product-right a.product-love2:hover { color: #ff9800; border-color: #ff9800; }

/*左侧相关推荐*/
.relatedrec { margin-top: 40px; width: 260px; }
.relatedrec h3 { font-size: 20px; font-weight: normal; }
.relatedrec .product-reclist li { margin-bottom: 20px; }
.relatedrec .product-reclist li span { background: #dd001a; color: #ffffff; }
.relatedrec .shop-cont{ width: 230px; margin-top: 25px; }
.relatedrec .shop-cont h3 { font-size: 14px; font-weight: bold; }

.product-detail { margin-top: 40px; }
.product-detail h3 { font-size: 20px; font-weight: normal; padding-left: 15px; position: relative; }
.product-detail h3:before { content: ""; display: inline-block; width: 4px; height: 20px; background: #dd001a; position: absolute; left: 0; top: 4px; }
.product-detail h3 a { font-size: 16px; color: #ff7d03; float: right; line-height: 29px; }
.product-parameter, .product-details, .product-comment { width: 800px; background: #ffffff; padding: 30px 40px; margin-bottom: 40px; }
.product-parameter dl { margin: 0; padding: 0; }
.product-parameter dd { width: 31.3%; float: left; margin: 0; padding: 0; margin-right: 2%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; line-height: 32px; }
.product-details { text-align: center; padding: 40px; }
.product-details .details-cont { background: #f3f4f5; padding: 25px; box-sizing: border-box; }
.product-details p { color: #666; line-height: 28px; margin: 0 0 10px 0; text-align: left; }
.product-details p span { font-size: 30px !important; line-height: 50px; color: #333; }
.product-details img { max-width: 100%; display: block; margin: 0 auto; }
.product-details .video { position: relative; padding-bottom: 64%; height: 0; overflow: hidden; margin-top: 40px; }
.product-details iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-details #palvideo { position: relative; width: 50%; font-size: 20px; margin: 45px auto -30px auto; color: #fff; font-weight: bold; border-radius: 50px 50px 0 0; overflow: hidden; }
.product-details a { display: block; width: 100%; line-height: 50px; background: #dd001a; background-image: linear-gradient(to right, #dd001a, #dd5200); }
.product-details a:hover { background-image: linear-gradient(to left, #dd001a, #dd5200); }

.product-comment .comment-condition { background: #f2f2f2; margin-bottom: 25px; }
.product-comment .comment-condition a { line-height: 36px; margin-left: 25px; color: #666; }
.product-comment .comment-condition a:hover { color: #dd001a; }
.product-comment .comment-condition a.on { color: #dd001a; }
.product-comment ul li { padding: 0 0 20px 0; border-bottom: 1px dashed #f2f2f2; margin-bottom: 20px; }
.product-comment ul li a { cursor: auto; display: block; }
.product-comment ul li:after { content: ""; display: block; width: 100%; height: 0; clear: both; }
.product-comment ul li:last-child { margin-bottom: 0; }
.product-comment ul li .comment-user { line-height: 36px; width: 130px; display: inline-block; float: left; }
.product-comment ul li .comment-logo { width: 36px; height: 36px; border-radius: 12px; overflow: hidden; float: left; margin-right: 10px; }
.product-comment ul li .comment-logo img { width: 100%; }
.product-comment ul li .comment-cont { width: 638px; float: left; padding: 5px 0 5px 29px; border-left: 2px solid #f2f2f2; }
.product-comment ul li p { margin: 15px 0 0 0; font-size: 14px; }
.product-comment ul li dl { margin: 18px 0 0 0; }
.product-comment ul li dd { display: inline-block; margin-top: 10px; width: 74px; height: 74px; position: relative; border: 1px solid #f2f2f2; margin: 0; cursor: url(/uploads/image/2images/big.cur), auto; }
.product-comment ul li dd.on { border-color: #dd001a; cursor: url(/uploads/image/2images/small.cur), auto; }
.product-comment ul li dd:last-child { margin-right: 0; }
.product-comment ul li dd img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.product-comment ul li .comment-cont font { color: #999; font-size: 12px; display: block; padding-top: 13px; }
.product-comment ul li .comment-cont font span { padding: 0 10px; }
.product-comment ul li .comment-cont .bigimg { border: 1px solid #d1d1da; margin-top: 5px; position: relative; display: none; }
.product-comment ul li .comment-cont .bigimg img { max-height: 475px; max-width: 475px; display: block; cursor: url(/uploads/image/2images/small.cur), auto; }
.product-comment ul li .comment-cont .bigimg font { position: absolute; top: 0; cursor: pointer; padding: 5px 10px; background: rgba(255,255,255,.8); border-radius: 3px; margin: 5px 0 0 5px; color: #333; }
.product-comment ul li .comment-cont .bigimg font i { font-weight: bold; }
.product-comment ul li .comment-cont .bigimg .bm-left { left: 0; }
.product-comment ul li .comment-cont .bigimg .bm-right { left: 73px; }
.product-comment ul li .comment-cont .bm-prev { cursor: url(/uploads/image/2images/prev.cur), auto; width: 25%; height: 100%; position: absolute; top: 0; left: 0; }
.product-comment ul li .comment-cont .bm-next { cursor: url(/uploads/image/2images/next.cur), auto; width: 25%; height: 100%; position: absolute; top: 0; right: 0; }

.istar { margin: 0; }
.istar i { color: #eeeeee; font-size: 24px; vertical-align: baseline; }
.istar1 i:first-child { color: #ff7d03; }
.istar2 i:nth-child(-n 2) { color: #ff7d03; }
.istar3 i:nth-child(-n 3) { color: #ff7d03; }
.istar4 i:nth-child(-n 4) { color: #ff7d03; }
.istar5 i { color: #ff7d03; }

.product-comment .pagger { padding-bottom: 0; }
.product-comment .pagger a { display: inline-block; padding: 0 10px; margin: 0 5px; border: 1px solid #ccc; color: #666; border-radius: 0; }
.product-comment .pagger a:hover { border-color: #dd001a; background: none; color: #dd001a; }
.product-comment .pagger a.on { border-color: #dd001a; background: #dd001a; color: #fff; }

.recproduct h3 { border-bottom: 1px solid #ccc; padding-bottom: 11px; }
.recproduct h3 span { border-bottom: 2px solid #dd001a; padding-bottom: 10px; font-size: 20px; }
.recproduct h3 font { float: right; padding-top: 10px; color: #666; font-weight: normal; font-size: 16px; cursor: pointer; }
.recproduct h3 font i { font-size: 18px; margin-left: 8px; color: #999; vertical-align: baseline; }
.recproduct .product-reclist li { width: 148px; margin-right: 12px; }
.recproduct .product-reclist li:nth-child(6n) { margin: 0; }
.recproduct .product-reclist li .img-out { width: 150px; height: 150px; position: relative; }
.recproduct .product-reclist li p { font-size: 12px; line-height: 20px; height: 40px; }
.recproduct .product-reclist li span { width: 100px; }