/*常规产品列表*/
.product_list {justify-content:left; flex-wrap:wrap; margin-bottom:1rem;}
.product_box {width:20%; padding:0.7rem;}
.product_box .f14 {line-height:2.1rem;}
.product_content {width:100%; height:100%; position:relative; padding:1rem 1rem 2rem; background:#fff; border-radius:5px; text-align:left;justify-content:space-between;}
.product_content:hover {box-shadow:0 0 0.4rem 0.4rem rgba(0,0,0,0.08);}
.product_content h3 {font-size:1.6rem; line-height:2.4rem; margin:0.75rem 0; text-transform:inherit; text-align:left; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis;}
.product_content h3 em {font-style:normal; color:#bc0000;}
.price {color:#bc0000;}
.price span {font-size:2.4rem;}
.price span.original {font-size:1.4rem; color:#666; text-decoration:line-through; display:inline-block;}
.badge_sale {position:absolute; top:1rem; left:0; background:#bc0000; color:#fff; font-family:"Montserrat-Bold"; font-weight:normal; text-transform:uppercase; line-height:1rem; padding:0.5rem 0 0.5rem 0.5rem; z-index:51;}
.badge_sale::after {content:""; border-top:2rem solid #bc0000; border-right:2rem solid transparent; border-bottom:none; border-left:none; position:absolute; top:0; right:-2rem;}
.badge_gift {position:absolute; top:1rem; left:1rem; z-index:51;}
.hot_02 {position:absolute; top:0.5rem; left:0.5rem;}
.timer {color:#666; font-size:1.4rem; line-height:2rem; background:url(/images/basic/calcadtf/icon_timer.png) no-repeat 0 center; margin:0.5rem 0 0; padding:0 0 0 20px;}
.stars_small {line-height:1.2rem; margin:0 0 1rem;}
a.btn-financing {background:url(/images/basic/calcadtf/btn_financing.png) no-repeat center bottom; background-size:320px; padding:0.3rem 0.5rem 16px; margin-top:0.5rem; margin-bottom:0.5rem; font-family:"Montserrat", sans-serif; font-size:1.2rem; line-height:2rem; border-radius:0.5rem;}
.btn-financing:hover {background:#eaf8d6 url(/images/basic/calcadtf/btn_financing.png) no-repeat center bottom; background-size:320px;}
/* 特殊类目页 图文banner 关联类目 */
.banner_text {background:#efefef; width:100%; padding:1.6rem 4%;}
.banner_pic_text {background:#efefef; width:100%; display:flex; padding:1.6rem 4%; justify-content:space-between; align-items:flex-start;}
.banner_text a:link,.banner_text a:visited,.banner_pic_text a:link,.banner_pic_text a:visited {color:#236ec2;}
.banner_pic_text section:nth-last-child(1) {flex:0 0 310px; width:310px; padding:0.5rem 0; margin-left:2rem;}
#led_modules section:nth-last-child(1) {flex:0 0 310px; width:310px;}
.pic_222px section:nth-last-child(1) {flex:0 0 222px; width:222px;}
.pic_255px section:nth-last-child(1) {flex:0 0 255px; width:255px;}
.pic_386px section:nth-last-child(1) {flex:0 0 386px; width:386px;}
.relevance_catalogs {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; background:#fff; padding:0 0 10px;}
.relevance_10 a {width:calc(20% - 8px); margin:10px 0 0;}
.relevance_title p,.relevance_activity_title p {width:100%; font-style:oblique; text-align:center; background:#fff; font-size:2rem; line-height:3rem; padding:1rem 1%;}
.relevance_title p:nth-child(1) {background:#f39800; color:#fff;}
.relevance_title p:nth-child(1) strong {text-transform:uppercase; font-size:3.2rem; line-height:3.6rem; margin:0 1rem 0 0;}
.relevance_title p:nth-child(1) span {font-size:3.2rem; line-height:3.6rem;}
ul.relevance {width:100%; display:flex; flex-wrap:wrap; justify-content:center; background:#fff; padding:0 0 1rem;}
ul.relevance li {width:calc(16.6% - 1rem); margin:0 0.5rem 1rem; padding:0.5rem; background:#eee; border-radius:1rem; text-align:center;}
ul.relevance_4 li {width:calc(25% - 1rem);}
ul.relevance li a {display:block;}
ul.relevance li a img {border-radius:0.5rem; margin:0 0 0.5rem;}
@media (max-width:600px) {
	.banner_pic_text {display:block;}
	.relevance_catalogs {padding:0 0 4px;}
	.relevance_10 a {width:calc(20% - 4px); margin:5px 0 0;}
	ul.relevance {flex-wrap:wrap; padding:0;}
	ul.relevance li {width:calc(33.3% - 1rem); margin:0 0.5rem 1rem;}
	ul.relevance_4 li {width:calc(50% - 1rem);}
}
/* LED产品列表 */
ul.led_specs,ul.led_tag,ul.led_parameters {display:flex; flex-wrap:wrap;}
ul.led_specs li {font-size:1.4rem; font-family:"Montserrat-Bold"; margin:0 1rem 1rem 0; padding:0 0.75rem; background:#236ec2; color:#fff; border:1px solid #fff; border-radius:0.5rem;}
ul.led_tag li {margin:0 1rem 1rem 0;}
ul.led_parameters {border-top:1px solid #ddd; padding:0.5rem 0 0;}
ul.led_parameters li {flex:0 0 50%; width:50%; padding:0 1rem 0 0; font-size:1.4rem;}
/* 滚动产品列表 */
.product_list_scroll {width:calc(92% + 1rem);}
.product_list_scroll .swiper-slide {padding:0.5rem; height:auto;}
#product_list_scroll_white {width:100%; background:#fff; padding:1rem 0 2rem;}
#product_list_scroll_white .product_content {border:1px solid #ddd;}
#product_list_scroll_white .product_content:hover {box-shadow:none;}
.title_left24 {font-size:2.4rem; line-height:3.2rem; font-weight:normal; text-transform:uppercase; text-align:left; margin:2rem 0 0 4%;}
/* 类目列表 */
.catalogs_list {margin:1rem auto;}
.catalogs_list h3 {font-size:1.8rem; font-family:"Montserrat-Bold"; font-weight:normal;}
.catalogs_list p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:clip; overflow:hidden; margin-top:0.2rem;}
.catalogs_list p span {color:#bc0000;}
.catalogs_list p:nth-last-child(1) {margin-top:0.8rem;}
.catalogs_list .product_content img {width:100%;}
.catalogs_list .product_box {width:25%;}
/* 客户案例图片列表 */
ul.piclist {width:92%; margin:0 auto; display: flex; flex-wrap: wrap; align-items:center;}
ul.piclist li {width:24%; height:24rem; margin:1rem 0.5% 0; border:1px solid #ddd; display:flex; justify-content:center; align-items:center; overflow: hidden;}
/* 产品列表页 */
.products_page {display:flex; padding:2rem 4%; justify-content:space-between;}
.products_page aside {width:25%;}
.products_page aside h3 {font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; text-align:left; margin-top:1.6rem;}
.products_page main {margin-left:3rem; flex:1;}
.products_page main h2 {font-size:2.4rem; line-height:3.6rem; text-transform:inherit; text-align:left; margin:0;}
.products_page main h2 span {font-size:1.4rem; color:#666;}
.products_page main h2 span.filters {display:none;}
.tools {display:flex; justify-content:space-between; align-items:center; font-size:1.4rem; line-height:2rem; color:#666; margin-bottom:1.6rem; padding-bottom:1.6rem; border-bottom:1px solid #ddd;}
.tools div:nth-last-child(1) {display:flex; align-items:center;}
.tools div:nth-last-child(1) a {margin:0.2rem 0 0 0.5rem;}
.tools .view a {display:inline-block; width:20px; height:20px; background:url(/images/basic/calcadtf/view_btn.png) no-repeat 0 -20px;}
.tools .view a:nth-last-child(1) {background-position:-20px -20px;}
.tools .view a.on {background-position:0 0;}
.tools .view a:nth-last-child(1).on {background-position:-20px 0;}
/* 大图列表 */
	.list_bigpic {display:flex; flex-wrap:wrap; justify-content:left;}
	.list_bigpic .product_box {width:33.3%; padding:0.7rem 1.4rem 0.7rem 0;}
	.list_bigpic .timer {color:#666; font-size:1.4rem; line-height:2rem; background:#efefef url(/images/basic/calcadtf/icon_timer_blue.png) no-repeat 0 center; margin:0 0 1rem; padding:5px 0 5px 30px; border:1px solid #ccc; border-radius:0.5rem;}
	.list_bigpic .timer strong {color:#333;}
/* 小图列表 */
	.list_smallpic .product_box {display:flex; width:100%; padding:1.6rem 0; border-bottom:1px solid #ddd; position:relative;}
	.list_smallpic .product_box section {width:20%; position:relative;}
	.list_smallpic .product_box section:nth-child(2) {width:55%; padding:0 1.6rem;}
	.list_smallpic .product_box section:nth-child(2) p {font-size:1.4rem; line-height:2.1rem; color:#666;}
	.list_smallpic h3,.list_smallpic h4 {font-size:1.6rem; line-height:2.4rem; text-transform:inherit; text-align:left; margin-bottom:1rem;}
	.list_smallpic h3 {font-family:"Montserrat-Bold"; font-weight:normal;}
	.list_smallpic .badge_sale {top:0;}
	.list_smallpic .hot_02 {top:1.1rem; left:0;}
/* 侧边栏 - 属性筛选 */
.attr details {border-top:1px solid #ddd; padding:2rem 0;}
.attr summary {text-transform:uppercase; font-family:"Montserrat-Bold"; font-weight:normal; cursor:pointer; margin-bottom:1rem; padding:0 16px 0 0; outline:none; position:relative;}
summary::after {content:url(/images/basic/calcadtf/arrow_gray_down.png); position:absolute; top:-3px; right:0;}
details[open] summary::after {content:url(/images/basic/calcadtf/arrow_gray_up.png); position:absolute; top:-3px; right:0;}
.attr select {width:100%; height:3.5rem; line-height:3.5rem; border:1px solid #ddd; border-radius:0.5rem; outline:none;}
.attr details li {padding:0.9rem 0 0.9rem 2.6rem; position:relative;}
.attr details li a::before {content:""; position:absolute; top:1.4rem; left:0; width:1.4rem; height:1.4rem; border:1px solid #ccc; border-radius:0.2rem;}
.attr details li.checked a::before {background:#236ec2 url(/images/basic/calcadtf/icon_checked.png) no-repeat center center; border-color:#236ec2;}
ul.withpic li a {display:flex; flex-wrap:wrap; align-items:center;}
ul.withpic li a::before {top:1.8rem;}
ul.withpic li:nth-child(1) a::before {top:1.4rem;}
ul.withpic li img {width:94px; height:31px; border:1px solid #ddd; margin-right:1rem;}
/* 侧边栏 - 小广告 */
.aside_adv a {display:block; margin:1.6rem 0;}
.aside_adv a img {width:100%; border-radius:0.5rem;}
/* 侧边栏 - 客户案例 */
.feedback {width:100%; overflow:hidden;}
.feedback p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:clip; overflow:hidden; margin:0.5rem 0 2rem;}
.feedback #title {padding:3px 0 0; font-weight:700; height:3.6rem;}
.feedback #tit_l {float:left; height:2.4rem; overflow:hidden;}
.feedback #tit_r {float:right;}
.feedback #tit_r img {padding:0.5rem; margin-left:0.5rem; border-radius:0.3rem; background:rgba(0,0,0,0.15);}
.feedback #tit_r img:hover {background:rgba(0,0,0,0.08);}
.feedback #feedback_content {clear:both;}
/* 搜索结果页 */
aside .title {text-transform:uppercase; font-family:"Montserrat-Bold"; font-weight:normal; margin-bottom:1rem;}
aside section {margin-bottom:3rem;}
aside li {padding:0.5rem 0;}
aside li a span {font-size:1.4rem; color:#666; margin-left:1rem;}
main .title {color:#666; margin-bottom:1.6rem; padding-bottom:1.6rem; border-bottom:1px solid #ddd;}
main .title span {color:#333;}
/* 空结果页 */
.empty {flex-direction:column; align-items:center; margin:12rem auto; font-size:2rem; line-height:3rem;}
.empty section {margin-bottom:2rem;}
@media (max-width:600px) {
	ul.led_parameters li {flex:0 0 100%; width:100%; padding:0;}
	.list_smallpic .product_box section:nth-child(3) .price {display:flex; flex-wrap:wrap; justify-content:flex-end;}
}
@media (max-width:768px) {
	.product_box,.catalogs_list .product_box {width:50%; padding:0.7rem;}
	.products_page {padding:2rem 0;}
	.products_page main {margin:0 4%; padding:0;}
	.list_bigpic .product_box {width:50%; padding:0.7rem;}
	.product_list_scroll {width:calc(97% + 1rem);}
	ul.piclist li {width:48%; height:240px; margin:1rem 1% 0;}

	.pushbar.opened {display:block;}
	.pushbar_locked {overflow:hidden; -ms-touch-action:none; touch-action:none;}
	.pushbar_locked .pushbar_main_content.pushbar_blur {filter:blur(15px);}
	.pushbar {z-index:1000; position:fixed; will-change:transform; overflow-y:auto; transition:transform 0.5s ease;	will-change:transform; background:#fff;}
	.pushbar_overlay {z-index:-999; position:fixed; width:100%; max-width:100%;	height:100%; min-height:100vh; top:0; left:0; will-change:opacity;	transition:opacity 0.5s ease; opacity:0; will-change:opacity; background:#000;}
	.pushbar_locked .pushbar_overlay {opacity:0.8; z-index:999; transition:opacity 0.5s ease;}
	.pushbar.from_left {top:0; left:0; width:256px; max-width:100%; height:100%; min-height:100vh; padding:1rem 1.5rem; transform:translateZ(0) translateX(-100%);}
	.pushbar.opened {transform:translateX(0px) translateY(0px);}
	.close {width:20px;	height:21px; margin:0 0 0 211px; position:relative; display:inline-block; vertical-align:text-bottom; text-align:center; cursor:pointer;}
	.close:before,.close:after {position:absolute; left:10px; content:''; height:21px; width:3px; background-color:#333;}
	.close:before {transform:rotate(45deg);}
	.close:after {transform:rotate(-45deg);}
	.products_page main h2 span.filters {display:inline; border:1px solid #236ec2; border-radius:22px; font-size:1.6rem; background:#fff url(/images/basic/calcadtf/icon_filter.svg) no-repeat 1rem center; background-size:16px; color:#236ec2; padding:0.5rem 1rem 0.5rem 30px; cursor:pointer;}
}