﻿@charset "utf-8";
@font-face {font-family: "iconfont";src: url('../font/iconfont.eot'); /* IE9*/src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome, firefox */url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
body{font-size:14px; font-family:Microsoft Yahei; margin:0; padding:0; color:#333; /*background:#F0F3EF;*/}
p,h1,h2,img,span,b,button,input,i,ul,li,em,select,option{margin:0; padding:0; border:0;font-style:inherit; list-style-type:none;font-weight:normal;}
h1{font-size:18px;}
a{color:#333; text-decoration:none;}
a:hover{color:#CF4F42; text-decoration:underline;}
.left,.l{float:left;}
.right,.r{float:right;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt17{margin-top:17px;}
.mt25{margin-top:25px;}
.mt20{margin-top:20px;}
.w1200{width:1200px; margin:auto;}
.w800{width:800px; margin:auto;}
.h100{height:100px;}
.clear{clear:both;}
.header{height:40px; border-bottom:1px #E2E2E2 solid; background:#FAFAFA; width:100%;}
.header span{height:40px;position:relative;line-height:40px;}
.header .l{max-width:500px;height:40px; overflow:hidden;}
.header .l .collect{cursor:pointer; float:left; width:90px; line-height:36px;color:#CF4F42;}
.collect-tipe{padding:20px; line-height:30px; text-align:center;}
.collect-tipe i{color:#CF4F42;}
.header .l .collect i{font-size:18px; position:relative; top:1px;}
.header .l marquee{width:300px; float:right;}
.header .r i{margin:0 13px; background:#ccc; width:1px; display:inline-block; height:14px; position:relative; top:2px;}
.header a{line-height:30px; display:inline-block; height:30px; color:#666;}
.header #wxpay{cursor:pointer;}
.header #paypic{width:150px; height:auto; position:absolute; right:0; z-index:9999; display:none; line-height:normal; top:40px;}
.header #paypic img{width:100%; height:auto;}
.header a:hover,.search .keywords a:hover,.mainbox .place a:hover,.article .info a:hover{color:#CF4F42; text-decoration:none;}
.header .r .ok{color:#CF4F42;}

.notice{position: absolute; top:550px; left:2px; height:300px; width:300px; overflow:hidden;}
.notice .tt{height:40px; width:100%; line-height:40px; background:#CF4F42; color:#FFF; text-indent:10px; font-size:16px; font-weight:700;}
.notice .by{width: 268px; border: 1px #DDD solid; line-height:24px; border-top:0; padding:15px; overflow-y:auto; height:228px; background:#EFEFEF;}
.notice .by p{line-height: 24px; margin-bottom:10px;}
.notice .by img{max-width: 100%; height: auto; overflow:hidden;}
.notice .gb{float:right; padding:0 10px;font-size:20px; cursor:pointer}

.logo{height:60px; width:165px;float:left;}
.search{line-height:40px;float:right;width:800px; margin-top:30px;}
.search .box{height:40px; position:relative;}
.search .box #kw{width:380px; float:left;  height:36px; line-height:36px; color:#999; padding:0 10px; border:2px #CF4F42 solid;outline:none; border-right:0; text-indent:100px;}
.search .box #submit{width:80px; float:left;background:#CF4F42;height:40px; line-height:40px;color:#fff;font-size:16px; text-align:center; font-size:22px;}
.search .box #submit:hover{background:#F00; cursor:pointer;}
.search .box .pic{position:absolute; top:2px; left:2px; z-index:999;}
.search .box .new{position:absolute; top:-25px; left:40px; width:26px; height:23px; background:url(../images/new.gif) no-repeat;}
.layui-upload-button{border:0; height:36px!important; line-height:36px; display:inherit;border-right:1px #CF4F42 solid;border-radius:0;}
.layui-upload-button input:hover,.layui-upload-button:hover{border:0; background:0;border-right:1px #CF4F42 solid;}
.layui-upload-icon i{color:#CF4F42;}
.layui-upload-icon{margin:0 10px;}
.search .box .text{position:absolute; top:0; left:0;}
.search .xia{position:absolute; left:103px; top:40px; width:298px; border:1px #CF4F42 solid; border-top:0; background:#FFF; z-index:99; display:none; max-height:350px; overflow:hidden;}
.search .xia a{line-height:34px; display:block; width:278px; height:34px; overflow:hidden; padding:0 10px; border-bottom:1px #ddd dotted;}
.search .xia a:hover{background:#EEE; text-decoration:none;}
.search .xia a:last-child{border-bottom:0;}

.search .box .buy{float:right; position:relative;}
.search .box .buy a{height:40px; line-height:40px; display:inline-block; float:left; padding:0 20px; text-align:center; color:#999; font-size:16px; margin-left:10px; background:#F7F7F7;}
.search .box .buy a:hover{background:#CF4F42; text-decoration:none; color:#fff;}
.search .box .buy a i{margin-right:5px;}
.search .box .buy .num{position:absolute; color:#FFF;background:#CF4F42;border-radius:35px; padding:3px; top:-18px; right:-5px; display:block; height:25px; line-height:25px;width:25px; text-align:center; font-size:13px;}
.fixbox{position:fixed; top:10px;}

.navbox{width:100%; height:50px; line-height:50px; border-bottom:2px #CF4F42 solid; background:#fff; overflow:hidden; position:relative;}
.navbox .mbox{width: 1120px; float: left;}
.navbox li{float:left;color:#666;font-size:16px;}
.navbox li a{display:inline-block; padding:0 14px; color:#666;}
.navbox li a:hover,.navbox li a.this{color:#CF4F42;text-decoration:none;}
.navbox .open{float:right; width:80px;display:inline-block; color:#CF4F42; font-size:16px; cursor:pointer; text-align:center;}


.swiper-slide img { width:100%;}
.b_left,.b_right { position:absolute;width:40px;height:74px;background:url(../images/d3.png) no-repeat;top:180px;z-index:999; cursor:pointer;}
.b_left { left:0;}
.b_right {background:url(../images/d4.png) no-repeat;right:0;}

.banner{width:100%;height:350px;font-size:0;overflow:hidden;position:relative}
.ft-carousel{position: relative;width: 100%;height: 100%;overflow: hidden;}
.ft-carousel .carousel-inner{position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item{float: left;height: 100%;}
.ft-carousel .carousel-item img{width: 100%; height:100%;}
.ft-carousel .carousel-indicators{position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0;}
.ft-carousel .carousel-indicators span{display: inline-block;width: 12px;height: 12px;background-color: #fff;margin: 0 4px;border-radius: 50%;cursor: pointer;}
.ft-carousel .carousel-indicators span.active{background-color: #de3a3a;}
.ft-carousel .carousel-btn{position: absolute;top: 50%;width: 40px;height: 74px;margin-top: -37px;cursor: pointer; display:none;}
.ft-carousel .carousel-prev-btn{left:20px;background: url(../images/left.png) no-repeat;}
.ft-carousel .carousel-next-btn{right:20px;background: url(../images/right.png) no-repeat;}

.shop .title,.main .title{height:40px; line-height:36px; background:#fff;font-size:18px; color:#CF4F42;}
.shop .title i,.main .title i{margin-right:10px; font-size:24px; position:relative; top:1px;}
.shop .title span,.main .title span{float:right; font-size:14px;line-height:40px;color:#999;}
.shop .title span a,.main .title a{color:#999;}
.shop .title span a:hover,.main .title a:hover{color:#CF4F42;}
.shop .sale .list li{float:left; width:190px; margin-right:12px; height:180px;position:relative; overflow:hidden;}
.shop .sale .list li.r{float:right; margin-right:0;}
.shop .sale .list p.img{width:190px; height:120px; overflow:hidden;}
.shop .list p img{max-width:100%;}
.shop .sale .list p.text{margin-top:10px;}
.shop .sale .list p.text,.shop .sale .list p.xia{line-height:20px; height:20px; overflow:hidden;}
.shop .sale .list p.xia{color:#f00;margin-top:5px; font-size:12px;}
.shop .list li:hover img,.main .goods .list li:hover img{-webkit-transform: matrix(1.03,0,0,1.03,0,0); -moz-transform: matrix(1.03,0,0,1.03,0,0); -o-transform: matrix(1.03,0,0,1.03,0,0); -ms-transform: matrix(1.03,0,0,1.03,0,0); transform: matrix(1.03,0,0,1.03,0,0);}
.shop .list li img,.main .goods .list img{-webkit-transition: transform 0.35s ease-in-out;-moz-transition: transform 0.35s ease-in-out;-ms-transition: transform 0.35s ease-in-out;-o-transition: transform 0.35s ease-in-out;transition: transform 0.35s ease-in-out;}
.shop .list li img{min-height: 100%; width:100%;}
.shop .list li a:hover,.main .goods .list li a:hover{text-decoration:none;}
.shop .list li:hover a,.main .goods .list li:hover a{color:#CF4F42;}
.shop .list li .img>a:after,.main .goods .list li .img>a:after{visibility: hidden;content: "";position: absolute;top:50%;left:50%;margin-left:-25px;margin-top:-40px;width:50px;height:50px;background: url(../images/buy.png) center center no-repeat;opacity: 0;filter: alpha(opacity=0);transform-style: preserve-3d;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.shop .list li:hover .img a:after,.main .goods .list li:hover .img a:after{visibility: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.shop li a{display:block;}
.shop .goods{height:460px; overflow:hidden;}
.shop .goods .list{position:relative;}
.shop .goods li.pic,.shop .goods li.pic img{width:200px; height:200px;}
.shop .goods li.p5,.shop .goods li.p5 img{width:396px; height:401px;}
.shop .goods li{position:absolute;overflow:hidden;}
.shop .goods li.p1,.shop .goods li.p3{left:0;}
.shop .goods li.p1,.shop .goods li.p2,.shop .goods li.p5,.shop .goods li.p6,.shop .goods li.p7{left:0; top:0;}
.shop .goods li.p3,.shop .goods li.p4,.shop .goods li.p8,.shop .goods li.p9{top:201px;}
.shop .goods li.p2,.shop .goods li.p4{left:201px;}
.shop .goods li.p2,.shop .goods li.p4{left:201px;}
.shop .goods li.p6,.shop .goods li.p8{left:799px}
.shop .goods li.p5{left:402px}
.shop .goods li.p7,.shop .goods li.p9{left:1000px}
.shop .goods li p.text{display:none;}
.shop .goods li p.text a{position:absolute; bottom:0; left:0; height:40px; background-color:rgba(0,0,0,.7); line-height:40px; text-align:center; overflow:hidden; width:100%;color:#fff; font-size:16px;}

/*商品分类*/
.main .title{border-bottom:1px #eee solid;}
.goods .none{background:url(../images/none.png) no-repeat; width:300px; text-align:center; margin:auto; padding-top:300px; color:#999; padding-bottom:20px;}
.main .goods .list{width:1220px;}
.main .goods .list li{float:left; width:224px; height:300px; margin:0 20px 20px 0;position:relative; overflow:hidden;}
.main .goods .list p.img{width:224px; height:224px; overflow:hidden;}
.main .goods .list p.img span{display:block; position:relative; bottom:25px; left:0; height:25px; line-height:25px; width:100%;background-color:rgba(0,0,0,.7); color:#FFF; font-size:12px; text-align:center;}
.main .goods .list p img{width:224px; height:224px;}
.main .goods .list p.t{margin-top:5px; height:40px; line-height:40px; font-size:16px; overflow:hidden;}
.main .goods .list p.i{height:30px; line-height:30px; color:#CF4F42;}
.main .goods .list p.i .p{font-weight:bold; margin-right:15px;}
.main .goods .list p.i .s{text-decoration:line-through; color:#999}
.main .goods .list p.i .b{display: inline-block;font-size: 13px;border: 1px solid #CF4F42;border-radius: 5px; padding:0 3px; float:right; height:24px; line-height:24px;}
.main .goods .list p.xia{color:#f00;margin-top:5px; font-size:12px;line-height:20px; height:20px; overflow:hidden;}
.main .goods .list li .img>a:after{visibility: hidden;content: "";position: absolute;top:50%;left:50%;margin-left:-25px;margin-top:-60px;width:50px;height:50px;background: url(../images/buy.png) center center no-repeat;opacity: 0;filter: alpha(opacity=0);transform-style: preserve-3d;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.main .soType{background:#F9F9F9; padding:5px 15px; border-bottom:2px #CF4F42 solid;}
.main .soType .row{line-height:30px; border-bottom:1px #aaa dotted;line-height:40px; overflow:hidden; margin:10px 0; padding-bottom:10px;}
.main .soType .row label{width:70px; display:inline-block;float:left}
.main .soType .row .box{float:left;display:inline-block; margin-top:-1px; line-height:40px; height:40px; width:1100px; overflow:hidden;}
.main .soType .row .input{overflow:hidden; float:left; max-width:1040px;}
.main .soType .row .more{float:left; width:60px;}
.main .soType .row .more a{display:inline-block; height:28px; line-height:28px; border:1px #dedede solid; margin:5px 0; width:58px; text-align:center; background:#fff; cursor:pointer; border-radius:2px;}
.main .soType .row .more a:hover{text-decoration:none; border:1px #CF4F42 solid; background:#CF4F42; color:#fff;}
.main .soType #kws{margin:0;}
.main .soType #kws input{height:36px; border:2px #CF4F42 solid; width:400px; padding:0 10px;}
.main .soType #btnBox{height:40px; width:300px; margin:20px auto 15px auto; background:#CF4F42; text-align:center; line-height:40px;border-radius:2px; color:#fff; font-size:18px; cursor:pointer;}
.layui-form-checkbox span{color:#000!important;}
.layui-form-checked span{color:#fff!important;}

/*分页*/
.page{text-align:center; font-size:14px; color:#999;}
.page a{border:1px #ddd solid; border-right:0; padding:0 18px; height:40px; line-height:40px; vertical-align: middle;display:inline-block; color:#999;}
.page a:hover{background:#CF4F42;text-decoration:none; color:#fff; border:1px #CF4F42 solid; border-left:0;}
.page #pages{text-align:center;}
.page #pages span{border:1px #ddd solid;height:40px; line-height:40px;display:inline-block; vertical-align: middle; border-right:0; padding:0 18px;}
.page #pages .layui-laypage-curr{background:#CF4F42;border:1px #CF4F42 solid;color:#fff;}
.page .layui-laypage{display: inline-block; vertical-align: middle; margin: 10px 0;}
.layui-laypage .layui-laypage-total,.page .layui-laypage>:last-child{border-radius:0 5px 5px 0;border-right:1px #ddd solid!important;}
.layui-laypage-total input,.layui-laypage-total button{margin-top:5px;}
.page .total a{border-radius:5px 0 0 5px;border-left:1px #ddd solid; position:relative; top:-2px;}
.page .total a:hover{border-right:0;}
.page .count a{border-right:1px #ddd solid;border-radius:5px;}
.page .layui-laypage-next:hover{border-left:1px #CF4F42 solid;}
.page .total1{position:relative; top:-2px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:#CF4F42;}


/*会员登录*/
.login{background:#f95c68;overflow:hidden;height:700px; width:100%; position:relative;}
.login .box{width:600px; height:450px; background:#fff; margin:75px auto; }
.login .title{text-align:center;padding:40px 0; color:#CF4F42; font-size:32px;}
.login .Fbox{width:350px; margin:auto;}
.login .br{height:40px; margin-bottom:15px; border:1px #ddd solid;position:relative;}
.login .br i{font-size:24px; color:#F95C68;position:relative; top:5px; left:8px; margin-right:15px;}
.login .br input{width:300px;outline:none; position:relative; top:2px; height:38px; line-height:38px;}
.login .loginBtn{background:#F95C68; height:50px; line-height:50px; width:100%; color:#fff; text-align:center; font-size:18px; cursor:pointer;}
.login .loginBtn:hover{background:#CF4F42}
.login .code input{width:180px;}
.login #captcha{position:absolute; right:0; bottom:0; width:120px; height:40px; cursor:pointer;}

.wav{background:url('../images/wave.png');width:200%;height:50px; background-size:50%;-webkit-animation: 40s linear wave infinite;-moz-animation: 40s linear wave infinite;-ms-animation: 40s linear wave infinite;animation: 40s linear wave infinite; position:absolute; bottom:0;}
@-webkit-keyframes cloudMove {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(40px, -10px, 0);-moz-transform: translate3d(40px, -10px, 0);-ms-transform: translate3d(40px, -10px, 0);transform: translate3d(40px, -10px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-moz-keyframes cloudMove {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(40px, -10px, 0);-moz-transform: translate3d(40px, -10px, 0);-ms-transform: translate3d(40px, -10px, 0);transform: translate3d(40px, -10px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-ms-keyframes cloudMove {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(40px, -10px, 0);-moz-transform: translate3d(40px, -10px, 0);-ms-transform: translate3d(40px, -10px, 0);transform: translate3d(40px, -10px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes cloudMove {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(40px, -10px, 0);-moz-transform: translate3d(40px, -10px, 0);-ms-transform: translate3d(40px, -10px, 0);transform: translate3d(40px, -10px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-webkit-keyframes wave {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(-25%, 0, 0);-moz-transform: translate3d(-25%, 0, 0);-ms-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-moz-keyframes wave {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(-25%, 0, 0);-moz-transform: translate3d(-25%, 0, 0);-ms-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-ms-keyframes wave {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(-25%, 0, 0);-moz-transform: translate3d(-25%, 0, 0);-ms-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes wave {0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}50% {-webkit-transform: translate3d(-25%, 0, 0);-moz-transform: translate3d(-25%, 0, 0);-ms-transform: translate3d(-25%, 0, 0);transform: translate3d(-25%, 0, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.cloud {position: absolute;width: 9vw;height: 60px;background-position: center;background-repeat: no-repeat;-webkit-animation: 12s linear cloudMove infinite;-moz-animation: 12s linear cloudMove infinite;-ms-animation: 12s linear cloudMove infinite;animation: 12s linear cloudMove infinite;}
.cloud-1 {left: 6vw;top: 14vh;background-size: 3vw;background-image: url('../images/cloud1.png');}
.cloud-2 {left: 13vw;top: 6vh;background-size: 6vw;background-image: url('../images/cloud2.png');}
.cloud-3 {right: 16vw;top: 4vh;background-size: 6vw;background-image: url('../images/cloud3.png');}
.cloud-4 {right: 5vw;top: 12vh;background-size: 5vw;background-image: url('../images/cloud4.png');}

/*footer*/
.footer{background:#262728; padding:20px 0; text-align:center;}
.footer p{color:#999; line-height:30px;}
.footer a{color:#999;}


/*会员中心*/
.user{background:#F9F9F9; width:100%;}
.user .left{width: 250px;height:auto;overflow:hidden;border-radius:2px;background:#FFF; padding-bottom:5px; box-shadow: 0 0 4px #EEE}
.user .left li a{line-height:60px; height:60px; text-align:center; margin-bottom:1px; display:block; font-size:16px;}
.user .left li a:hover,.user .left li a.cur{background:#CF4F42; color:#fff; text-decoration:none;}
.user .left li a i{font-size:20px; position:relative; top:1px; margin-right:10px;}
.user .right{width:auto;box-sizing:border-box;background:#FFF; float:right; width:930px; margin-bottom:25px; box-shadow: 0 0 4px #EEE}
.user .right .info{height:150px; width:100%; position:relative;}
.user .right .info .avatar{position:absolute; left:40px; font-size:90px; color:#EEE; top:12px;border-radius:45px;}
.user .right .info .name{position:absolute; left:160px; top:35px; line-height:40px; height:40px;}
.user .right .info .text{position:absolute; left:160px; top:75px; line-height:35px; height:35px;}
.user .right b{margin:0 3px; color:#CF4F42; font-weight:bold;}
.user .right .info .name b{margin-left:0; font-size:24px; margin-right:15px;}
.user .order{height:150px;}
.user .order .t{border-bottom:2px #e8e8e8 solid; border-top:2px #e8e8e8 solid; height:40px; line-height:36px; background:#FAFAFA; text-indent:20px; color:#666;}
.user .order .t i{font-size:20px; margin-right:5px; position:relative; top:2px;}
.layui-table .del{color:#f00!important;}
.layui-table .del a,.layui-table .del .t .t2{color:#f00!important;}
.user .order .i{line-height:96px; height:106px; text-align:center; color:#999;}
.user .order .i a{color:#CF4F42;}
.user .order .i a:hover{color:#F00;}
.user .order .l{width:464px; border-right:2px #e8e8e8 solid;}
.user .order .r{width:464px;}
.user .right .title{height:60px; line-height:60px; border-bottom:2px #e8e8e8 solid;}
.user .right .title li{font-size:16px; padding:0 20px; float:left; text-align:center;}
.user .right .title li.cur{border-bottom:2px #CF4F42 solid;}
.user .right .content,.user .collects{margin:30px 0 30px 20px;}
.user .layui-form-item{border-bottom:1px #f3f3f3 solid; padding-bottom:20px;}
.user .layui-form-label{padding:9px 15px 9px 0;}
.user .layui-input-block{margin-left:96px;}
.user .layui-form-item span{color:#CF4F42;}
.user .collects .none{background:url(../images/none.png) no-repeat; width:300px; text-align:center; margin:auto; padding-top:285px; color:#999; padding-bottom:20px;}
.user .collects .none p{margin-top:15px;}
.user .page{padding-bottom:30px;}

.user .collects li{float:left; width:207px; height:300px; margin:0 20px 20px 0;position:relative; overflow:hidden;}
.user .collects li p.img{width:224px; height:224px; overflow:hidden;}
.user .collects li p img{width:224px; height:224px;}
.user .collects li p.t{margin-top:5px; height:40px; line-height:40px; font-size:16px; overflow:hidden;}
.user .collects li p.i{height:30px; line-height:30px; color:#CF4F42;}
.user .collects li p.i .p{font-weight:bold; margin-right:15px;}
.user .collects li p.i .s{text-decoration:line-through; color:#999}
.user .collects li p.i .b{display: inline-block;font-size: 24px; color:#CF4F42; float:right; position:relative; cursor:pointer; top:-2px;}
.user .collects li p.i .b:hover{color:#F00;}
.user .collects li .img>a:after{visibility: hidden;content: "";position: absolute;top:50%;left:50%;margin-left:-25px;margin-top:-60px;width:50px;height:50px;background: url(../images/buy.png) center center no-repeat;opacity: 0;filter: alpha(opacity=0);transform-style: preserve-3d;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.user .collects li:hover img{-webkit-transform: matrix(1.03,0,0,1.03,0,0); -moz-transform: matrix(1.03,0,0,1.03,0,0); -o-transform: matrix(1.03,0,0,1.03,0,0); -ms-transform: matrix(1.03,0,0,1.03,0,0); transform: matrix(1.03,0,0,1.03,0,0);}
.user .collects li img{-webkit-transition: transform 0.35s ease-in-out;-moz-transition: transform 0.35s ease-in-out;-ms-transition: transform 0.35s ease-in-out;-o-transition: transform 0.35s ease-in-out;transition: transform 0.35s ease-in-out;}
.user .collects li a:hover{text-decoration:none;}
.user .collects li:hover a{color:#CF4F42;}
.user .collects li:hover .img a:after{visibility: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.user .collects li .d{position:absolute; bottom:75px; left:0; height:40px; background-color:rgba(0,0,0,.5); line-height:40px; text-align:center; overflow:hidden; width:100%;color:#fff; font-size:12px;}
.xuan{margin:0 20px 10px 0; height:140px;}
.xuan .soBtn{width:155px; height:38px; font-size:16px; margin-left:10px;}
.xuan .soBtn i{position:relative; top:1px; margin-right:10px; font-size:20px!important;}

.user .collects .orderBox{margin:0 20px 0 0;}
.user .collects .orderBox .pic { float:left;width: 60px;height: 60px;background: #f5f5f5;}
.user .collects .orderBox .pic img {width: 60px;height: 60px;}
.user .collects .orderBox .t{ width:230px;height:60px;line-height:20px;padding: 0 10px;display:table-cell; vertical-align: middle; overflow:hidden;}
.user .collects .orderBox .t .t1{ display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px; max-height:36px; overflow:hidden;}
.user .collects .orderBox .t .t2{ display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #999; margin-top:5px; font-size:12px;}
.user .collects .orderBox .price { float:left;width: 80px;line-height: 60px;text-align: center;}
.user .collects .orderBox .num { float:left;width: 50px;line-height: 60px;text-align: center;}
.user .collects .orderBox .mt5{margin-top:5px;}
.user .collects .orderBox .ico i{position:relative; font-size:18px; top:2px;}
.user .collects .orderBox .w{color:#999;}
.user .collects .orderBox .n{color:#F00;}
.user .collects .orderBox .y{color:#009688;}


.DelBox{padding:5px 15px 15px 15px;}
.DelBox .pic { float:left;width: 60px;height: 60px;background: #f5f5f5; padding:}
.DelBox .pic img {width: 60px;height: 60px;}
.DelBox .t{ width:230px;height:60px;line-height:20px;padding: 0 10px;display:table-cell; vertical-align: middle; overflow:hidden; font-size:14px;}
.DelBox .t .t1{ display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px; max-height:36px; overflow:hidden;}
.DelBox .t .t2{ display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #999; margin-top:5px; font-size:12px;}
.DelBox .price { float:left;width: 80px;line-height: 60px;text-align: center;}
.DelBox .num { float:left;width: 50px;line-height: 60px;text-align: center;}
.DelBox .mt5{margin-top:5px;}


/*购物车*/
.cart .tt,.cart .all{float:left;width:1198px;height:45px;border: 1px #ddd solid;background: #f5f5f5;}
.cart .all{height:60px;}
.cart .tt td{padding: 0 1%;box-sizing:border-box;}
.cart .ll{margin:10px 0;float: left;width: 1198px;height:auto;overflow:hidden;border: 1px #ddd solid;background: #fff;display: inline;}
.cart .ll input[type=checkbox],.cart .all input[type=checkbox]{width:30px;height:30px;background: #fff;}
.cart .ll td{ padding: 15px 1%;box-sizing:border-box;}
.cart .ll select{height: 30px;line-height: 30px;border: 1px #ddd solid;padding: 0 10px;}
.cart .total{float: right;text-align: right;line-height: 45px;font-size: 16px;}
.cart .num{width: 110px;height:30px;border: 1px #ddd solid;line-height: 28px;}
.cart .del,.cart .add{float: left;width: 30px;text-align: center;font-size: 26px; cursor: pointer;}
.cart .pic{float:left;width:90px;height:90px;border:1px #eee solid;display:inline; margin-right:20px;}
.cart .pic img{width:90px;height:90px; display:block;}
.cart .cart_input{float: left;width: 48px;height:30px;border: 0;border-left:1px #ddd solid;border-right:1px #ddd solid;text-align: center;line-height: 30px;}
.cart .cart_btn{margin-left:20px;float: right;height:60px;background: #ee4848;color: #fff;text-align: center; cursor: pointer;border: 0;font-size:18px; padding:0 20px;}
.cart .com_btn,.com_btn1{margin:5px 0 5px 10px;float: right;line-height:40px;background: #ee4848;color: #fff;cursor: pointer;border: 0;font-size: 16px;padding: 0 10px; border-radius: 5px;}
.cart .com_btn1{background: #ccc;}
.cart .total{float: right;text-align: right;line-height:60px;font-size: 16px;}
.cart .info{height:90px;line-height:20px;display:table-cell; vertical-align: middle; overflow:hidden;}
.cart .info .t1{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px; max-height:36px; overflow:hidden; font-size:16px;}
.cart .info .t2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #999; margin-top:10px; font-size:14px;}
.cart .all i{ color: #ee4848; margin:0 5px; font-weight:bold;}
.cart .cart_ctr select {height: 30px;line-height: 30px;border: 1px #ddd solid;padding: 0 10px;}
.cart .fl {float:left !important;}
.cart .delAll{background:#999; height:35px; line-height:35px; color:#fff; display:block; margin-left:13px; width:90px; text-align:center;}
.cart .delAll:hover{background:#EE4848; text-decoration:none;}

/*图片轮播放大镜*/
#examples{width:300px; margin-top:20px;}
#etalage{display: none;margin-bottom:10px;}
#etalage .etalage_thumb{background: white url(../images/loading.gif) center no-repeat;border: 1px solid #ddd;padding: 6px;}
#etalage .etalage_small_thumbs li{background: white;border: 1px solid #ddd;margin: 10px;padding: 3px;}
#etalage ul li.etalage_smallthumb_active{-webkit-box-shadow: 0 0 10px #ddd;-moz-box-shadow: 0 0 10px #ddd;box-shadow: 0 0 10px #ddd;}
#etalage .etalage_zoom_area,
.etalage_zoom_area{background: white url(../images/loading.gif) center no-repeat;border: 1px solid #ddd;padding:10px;}
#etalage .etalage_magnifier{background: white;border: 1px solid #bbb;}
#etalage .etalage_icon{background: url(../images/zoom.png) no-repeat;width: 14px;height: 14px;}
#etalage .etalage_description{background: white;font-style: italic;margin: 10px;padding: 6px 10px;}
.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }


/*商品详情*/
.show .tt{width:100%; height:40px; border-bottom:2px #CF4F42 solid;}
.show .tt span{padding:0 10px; height:40px; line-height:40px; background:#CF4F42; color:#FFF; display:inline-block}
.show .left{width:820px;}
.show .left h1{font-size:24px; color:#CF4F42; max-height:60px; line-height:30px; overflow:hidden; text-align:center; margin:30px 0;}
.show .left .info{background:#F5F5F5; height:80px; padding:15px;}
.show .left .info li{float:left; width:243px; height:40px; line-height:40px; margin-right:20px; overflow:hidden;}
.show .left .info li i{color:#CF4F42;}
.show .left .info li.r{margin-right:0;}
.show .left .size{width:520px;}
.show .left .content{padding:15px 0; line-height:24px;}
.show .left .content p{margin-bottom:15px;}
.show .left .content img{max-width:100%; height:auto; overflow:hidden;}

.show .right{width:350px; background:#F5F5F5;}
.show .right .info{padding:15px 15px 20px 15px;}
.show .right .info p{line-height:40px; height:40px; width:100%; overflow:hidden; border-bottom:1px #dedede solid;text-overflow:ellipsis;white-space:nowrap;}
.show .right .info p a{text-decoration:underline; color:#CF4F42}
.show .right .info p a:hover{color:#F00}

.show .color .t{float:left;width:16px; height:50px; padding:50px 10px; background:#F5F5F5; font-weight:bold; font-size:16px; line-height:25px;}
.show .color .p{float:left;width:780px; margin-bottom:5px;}
.show .color .p li{float:left; border:2px #dedede solid; width:116px; height:146px; margin:0 0 15px 10px; cursor:pointer;}
.show .color .p li span{display:block; text-align:center; height:30px; line-height:30px;}
.show .color .p li img{width:116px; height:116px;}
.show .color .p li.cur{border:2px #CF4F42 solid;}
.show .size .box{display:none;}
.show .size .cur{display:block}
.show .size .box .add{width:20%; text-align:center;font-size:20px; border:1px #e6e6e6 solid;line-height:26px; display:inline-block; position:relative; top:3px; font-weight:bold; cursor:pointer;}

.show .btn a{height:50px; line-height:50px; display:inline-block; cursor:pointer; text-align:center; width:250px; font-size:22px; color:#FFF;}
.show .btn a.l{background:#CF4F42;}
.show .btn a.r{background:#FF9900;}
.show .btn a:hover{opacity:0.8;filter:alpha(opacity=80); text-decoration:none;}


/*返回顶部*/
.menubox{position:fixed; left:50%; margin-left:620px; bottom:100px; z-index:999; }
.menubox .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative; background-image:url(../images/top.png);background-repeat:no-repeat;}
.menubox .btn-qq{background-position:0 0;background-color:#6da9de;}
.menubox .btn-qq:hover{background-color:#488bc7;}
.menubox a.btn-qq,.menubox a.btn-qq:visited{background-position:0 0;background-color:#6da9de; text-decoration:none; display:block;}
.menubox .btn-wx{background-position:0 -51px;background-color:#78c340;}
.menubox .btn-wx:hover{background-color:#58a81c;}
.menubox .btn-wx .pic{position:absolute; left:-152px; top:-51px; display:none;width:152px;height:152px;}
.menubox .btn-phone{background-position:0 -102px; background-color:#fbb01f;}
.menubox .btn-phone:hover{background-color:#ff811b;}
.menubox .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.menubox .btn-top{background-position:0 -153px;background-color:#999; display:none;}
.menubox .btn-top:hover{background-color:#333;}
.menubox .btn-msg{background-position:0 -204px;background-color:#CF4F42;}
.menubox .btn-msg:hover{background-color:#f00;}

/*banner*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#e03550}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}