/* mainVisual */
#mainVisual {width:100%; overflow:hidden; position:relative;margin-top:60px;}
#mainVisual.tb-close {margin-top:102px;}
#mainVisual .slick-dots {position: absolute;bottom:10px;width:100%;text-align: center;z-index: 9;}
#mainVisual .slick-dots li {display:inline-block;width:10px;height:10px;overflow:hidden;border-radius:50%;text-indent:-99999px;background:#fff;margin:0 3px;}
#mainVisual .slick-dots li.slick-active {background:#0971ce;}

#mainContents {}
#mainContents h2 {font-size:25px;color:rgba(0,0,20,1);text-align:center;font-weight:700;margin-bottom:10px;}
#mainContents .conBox {padding:20px 0;overflow:hidden;}
#mainContents .main-banner {margin-top:10px;}
.prd-list {position:relative;}
.prd-list > ul {margin:-5px;overflow:hidden;}
.prd-list > ul.slick-slider {padding-right:30px;}
.prd-list ul li.slick-slide {float:left;width:50%;padding:5px;}
.prd-list > ul > li {float:left;width:49%;padding:5px;}
.prd-list ul li .thumb {position:relative;}
.prd-list ul li .prd-info {padding: 10px 0;}
.prd-list ul li .prd-info .prd-name {font-size: 14px;color:#333;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prd-list ul li .prd-info .prd-sub {font-size: 14px;color:#333;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prd-list ul li .prd-info .prd-price {}
.prd-list ul li .prd-info .prd-price p {display:inline-block;}
.prd-list ul li .prd-info .prd-price .prd-price-discount {font-size: 16px;color:#ff5100;font-weight:700;}
.prd-list ul li .prd-info .prd-price .prd-price-discount-before {font-size: 14px;color:#999;font-weight:300;text-decoration:line-through;}
.prd-list .slick-dots {text-align:center;margin:50px 0;}
.prd-list .slick-dots li {display:inline-block;vertical-align:top;text-indent:-9999px;width:6px;height:3px;border-radius:3px;background:#909091;width:8px;height:8px;border-radius:50%;cursor:pointer;margin:0 10px;}
.prd-list .slick-dots li.slick-active {background:#222;}
.prd-list .arrow {position:absolute;top:220px;}
.prd-list .arrow.btnPrev {left:-100px;}
.prd-list .arrow.btnNext {right:-100px;}

.prd-list.non-slide ul {padding-right:0;}
#mainContents .conBox01 ul {margin:-5px;}
#mainContents .conBox01 ul li {float:left;width:25%;text-align:center;padding:5px;}
#mainContents .conBox01 ul li .thumb {display:block;width:90%;margin:auto;}
#mainContents .conBox01 ul li p {font-size:12px;color:#666;}

#mainContents .conBox02 {background:#f6f6f6;}
#mainContents .conBox02 .slide-box {border:1px solid #d9d9d9;background:#fff;padding:10px 50px;position:relative;}
#mainContents .conBox02 .slide-box .mask {overflow:hidden;}
#mainContents .conBox02 .slide-box li a {display:block;position:relative;}
#mainContents .conBox02 .slide-box .thumb {width:35%;}
#mainContents .conBox02 .slide-box .txtBox {position:absolute;left:0;top:50%;padding-left:40%;transform:translateY(-50%);}
#mainContents .conBox02 .slide-box .txtBox .prd-name {font-size:14px;color:#333;font-weight:700;display:inline-block;word-break:break-word;}
#mainContents .conBox02 .slide-box .txtBox .prd-sub {font-size:12px;color:#999;font-weight:300;margin-top:5px;display:inline-block;}
#mainContents .conBox02 .slide-box .txtBox .prd-price {font-size:13px;color:#666;font-weight:700;}
#mainContents .conBox02 .slide-box .arrow {position:absolute;top:50%;transform:translateY(-50%);width:30px;}
#mainContents .conBox02 .slide-box .arrow.btnPrev {left:10px;}
#mainContents .conBox02 .slide-box .arrow.btnNext {right:10px;}

#mainContents .conBox03 {}
#mainContents .conBox03 .tab {overflow:hidden;}
#mainContents .conBox03 .tab ul li {float:left;width:25%;text-align:center;position:relative;margin-right:-1px;}
#mainContents .conBox03 .tab ul li:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#e8e8e8;}
#mainContents .conBox03 .tab ul li:last-child:after {display:none;}
#mainContents .conBox03 .tab ul li a {display:block;line-height:35px;font-size:14px;color:#808080;border:1px solid #ccc;border-bottom-color:#4d4d4d;position:relative;z-index:0;}
#mainContents .conBox03 .tab ul li.on a {border-color:#4d4d4d;border-bottom-color:#fff;z-index:1;}
#mainContents .conBox03 .tabContents {position:relative;margin-top:20px;left:1%;}
#mainContents .conBox03 .tabContents > ul > li {}
#mainContents .conBox03 .tabContents > ul > li.on {}

#mainContents .conBox04 {background:#f6f6f6;padding-bottom:50px;}
#mainContents .conBox04 ul li {margin-top:10px;}
#mainContents .conBox04 ul li:first-child {margin-top:0;}

#mainContents .conBox05 {}
#mainContents .conBox05 ul {margin:-5px;}
#mainContents .conBox05 ul li {float:left;width:50%;padding:5px;}
#mainContents .conBox05 ul li a {display:block;position:relative;}
#mainContents .conBox05 ul li .txtBox {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);color:#fff;text-align:center;}
#mainContents .conBox05 ul li .txtBox p {font-size: 16px;font-weight:700;margin-bottom: 10px;line-height: 1.2;height:38px;}
#mainContents .conBox05 ul li .txtBox span {display:block;width: 90px;line-height: 28px;border:1px solid #fff;font-size:12px;text-align:center;margin:auto;}

.popup {position:fixed;top:60px;left:0;right:0;bottom:0;padding:10px;background:rgba(0,0,0,0.7);z-index:9999;}
.popup .inner {background:#fff;}
.popup .inner .btns {border-top:1px solid #d9d9d9;overflow:hidden;}
.popup .inner .btns a {display:block;float:left;width:50%;text-align:center;line-height:40px;font-size:14px;color:#666;position:relative;}
.popup .inner .btns a:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#d9d9d9;}


.mainProductList {background:#f3f3f3;padding:0px 10px;}
.mainProductList .mask {overflow:hidden;margin:-5px;}
.mainProductList .mask ul li ul li {float:left;width:33.33%;}
.mainProductList .mask ul li ul li a {display:block;padding:5px;}
.mainProductList .mask ul li ul li .imgBox {border:1px solid #ccc;position:relative;}
.mainProductList .mask ul li ul li .imgBox .new {position:absolute;top:0;left:0;font-size:0.8rem;color:#fff;background:rgba(0,0,0,0.3);width:35px;height:20px;line-height:20px;text-align:center;}
.mainProductList .pager {width:100%;text-align:center;}
.mainProductList .pager .swiper-pagination-bullet {background:none;border:2px solid #a4a4a3;width:10px;height:10px;margin:0 3px;}
.mainProductList .pager .swiper-pagination-bullet-active {background:#a4a4a4;}

#mainContents .mainProductList h2{min-height:53px;font-size:18px;color:#262f33;line-height:53px;font-weight:bold;padding-left:15px}

.productDesc {padding:10px 5px;}
.productDesc .name {font-size:0.8rem;color:#4d4d4d;font-weight:300;line-height:1.5;height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
.productDesc .priceWrap {font-size:0.7rem;color:#4d4d4d;}
.productDesc .priceWrap .priceNormal {font-weight:300;text-decoration:line-through;}
.productDesc .priceWrap .priceNormal.normal {text-decoration:none;}
.productDesc .priceWrap .priceSale {font-weight:500;}
.productDesc .priceWrap .discount {color:#e00909;font-weight:500;}