@charset "utf-8";
/* CSS Document */
header{border-bottom:1px solid rgba(0,0,0,0.075);}
body{ background:#f8f8f8;}



/*列表*/
.itemBox{ overflow:hidden; padding:0 8px;}
.itemBox .item{ width:50%; display:inline-block; float:left; margin-bottom:16px;}
.itemBox .item .inner{ padding:0 8px;}
.itemBox .item .innerBox{ background:#fff; border-radius: 8px; display:table; position:relative; cursor:pointer; width:100%; padding:12px 0 12px 0;}
.itemBox .item .innerBox .info{display: table-cell; vertical-align: middle;}

.itemBox .item .pic{ width:100%; margin:0 auto; padding:0px 0 3px 0; text-align:center;}
.itemBox .item .pic img{ width:75%;}
.itemBox .item .txt{ padding:0 16px; text-align:center;}
.itemBox .item .txt h3{ font-size:14px; color:#000; margin-bottom:8px; font-weight: bold; height:14px; line-height:24px;
overflow: hidden; height:21px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.itemBox .item .txt p{ font-size:12px; color:#999; width:100%; line-height:18px; margin:0 auto;overflow: hidden; height:36px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;word-break: break-all;}
	
	
/*产品详情*/
.proMain{ width:88%; overflow:hidden; padding:30px; box-sizing:border-box; background:#fff; position:absolute; left:6%; top:50%; margin-top:-250px; border-radius: 5px; color:#000; text-align:center;}
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.kvSwiper .swiper-pagination-bullet{ background:#000; opacity:0.4;}
.kvSwiper .swiper-pagination-bullet-active{ background:#000; opacity:1; width:15px; border-radius: 8px;}
.swiper-pagination-bullet{ width:8px; height:8px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;}
.swiper-slide img{ width:100%;}
.proMain h2{ font-size:18px; line-height:24px; margin-bottom:12px;}
.proMain p{ font-size:13px; line-height:22px; color:#666;}
.kvSwiper{ width:100%;  padding-bottom:20px; padding-top:10px;}
.proDialog .close{ position:absolute; right:10px; top:10px; background:url(/template/mobile/xnskin/img/product/close.png) no-repeat center center; background-size:12px; cursor:pointer; width:20px; height:20px;}
.proDialog{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);-webkit-backdrop-filter: blur(4px); z-index:1003; display:none;}
.proDialog .buyBtn{ text-align:center; padding:20px 0px 0 0;}
.proDialog .buyBtn a{ width:45%; margin:0 2.4%; height:38px; line-height:38px; background:#ad0003; color:#fff; font-size:13px; text-align:center; display:inline-block; border-radius: 5px;}
.swiper-pagination-bullet{ width:6px; height:6px;}
.kvSwiper .swiper-pagination-bullet-active{ width:12px;}
.imgMain {padding-top: 90px;width: 100%;overflow: hidden;}
.imgMain img{width: 100%;overflow: hidden;}

.swiper-pagination-bullet,.kvSwiper .swiper-pagination-bullet-active{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}
	
	
	
	
	
	
	
/*产品类型*/
.topBar{ height:50px; line-height:50px; margin:16px; background:#2f2f2f; border-radius: 5px; }
.topBar .select{ float:right; margin-right:18px; padding-right:16px; display:inline-block;  height:50px; line-height:50px; color:rgba(255,255,255,0.75); font-size:13px; background:url(/template/mobile/xnskin/img/product/icon.png) no-repeat right center;background-size:10px;}
.topBar .name span{ height:50px; line-height:50px; font-size:13px; color:rgba(255,255,255,0.75); background-repeat:no-repeat; background-position:left center; display:inline-block; text-indent:28px; background-size:20px; margin-left:15px;}
.topBar .name span.icon1{ background-image:url(/template/mobile/xnskin/img/product/icon1.png)}
.topBar .name span.icon2{ background-image:url(/template/mobile/xnskin/img/product/icon2.png)}
.topBar .name span.icon3{ background-image:url(/template/mobile/xnskin/img/product/icon3.png)}
.topBar .name span.icon4{ background-image:url(/template/mobile/xnskin/img/product/icon4.png)}
.topBar .name span.icon5{ background-image:url(/template/mobile/xnskin/img/product/icon5.png}__.dialogS{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); width:100%; height:100%; overflow:hidden; z-index:1001; display:none;}
.dialogS .selectBox{ position:absolute; left:0; bottom:0; width:100%; background:#fff; padding-bottom:50px;}
.dialogS .selectBox .btn{ height:50px; line-height:50px; background:#333; text-align:center; font-size:14px; color:#fff; position: absolute; bottom:0; left:0; width:100%;}
.dialogS .selectBox h2{ font-size:18px; font-weight:normal; text-align:center; padding:20px 0 10px 0;}
.dialogS .selectBox ul{ padding:0 20px;}
.dialogS .selectBox li{ height:55px; line-height:55px; position:relative; border-bottom:1px solid rgba(0,0,0,0.075);}
.dialogS .selectBox li i{ position:absolute; width:19px; height:19px; background-repeat:no-repeat; background-position:center center; background-size:12px; right:4px; top:18px; border:1px solid #888;border-radius: 100%;}
.dialogS .selectBox li.on i{ background-color:#ad0003; background-image:url(/template/mobile/xnskin/img/product/icon_03.png); border:1px solid #ad0003;}
.dialogS .selectBox li.bBor:after{background:#d6d6d6;}
.dialogS .selectBox li p{background-position:left center; background-size:20px; display:inline-block; background-repeat:no-repeat; text-indent:32px; color:#555; font-size:13px;}
.dialogS .selectBox li .icon1{ background-image:url(/template/mobile/xnskin/img/product/icon01.png)}
.dialogS .selectBox li .icon2{ background-image:url(/template/mobile/xnskin/img/product/icon02.png)}
.dialogS .selectBox li .icon3{ background-image:url(/template/mobile/xnskin/img/product/icon03.png)}
.dialogS .selectBox li .icon4{ background-image:url(/template/mobile/xnskin/img/product/icon04.png)}
.dialogS .selectBox li .icon5{ background-image:url(/template/mobile/xnskin/img/product/icon05.png)}
.dialogS .selectBox{ -webkit-transform: translateY(100%); transform:translateY(100%); opacity: 0;
-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.dialogShow .selectBox{ opacity: 1; -webkit-transform: none; transform: none;}
.da{position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); width:100%; height:100%; overflow:hidden; z-index:1001; display:none;}



/*detail*/
.proDetailPage .info{ color:#000; padding-bottom:22px;}
.proDetailPage .info h1{ font-size:32px; margin-bottom:12px;}
.proDetailPage .info p{ font-size:15px; line-height:24px;}
.p20{ padding:20px;}
.proDetailPage .item,.colList,.buyList{ padding:20px 20px; border:1px solid rgba(0,0,0,0.08); box-sizing:border-box; margin-bottom:22px; font-size:15px; color:#000; line-height:24px;}
.colItem,.buyItem{ font-size:15px; color:#000; overflow:hidden;}
.colItem .name,.buyItem .name{ padding-top:0px; padding-bottom:24px; opacity:0.75;}
.colList{ text-align:center; width:23%; padding:15px 0; float:left;margin-right:2.5%;}
.colList:last-child{ margin-right:0%;}
.colItem span{ width:18px; height:15px; line-height:15px; overflow:hidden; display:inline-block;border-radius: 100%; padding-bottom:3px;}
.colItem p{}
.buyList{ text-align:center; color:#000;}
.buyList a{ display:block; color:#000;}
.buyList .tm{ background:url(/template/mobile/xnskin/img/product/tmall.png) no-repeat center center; background-size:25px; width:34px; height:20px; display:inline-block; margin-right:8px; position:relative; top:3px;}
.buyList .jd{ background:url(/template/mobile/xnskin/img/product/jd.png) no-repeat center center; background-size:20px; width:34px; height:20px; display:inline-block; margin-right:3px;position:relative; top:4px;}
.buyList .dz{ background:url(/template/mobile/xnskin/img/product/dz.png) no-repeat center center; background-size:17px; width:30px; height:20px; display:inline-block; margin-right:3px;position:relative; top:4px;}<!--耗时1758983409.9094秒-->