@charset "UTF-8"; 
.navs .menu .lst { display: block; height: 455px;}

/*上部*/
.tops { width: 100%;}
.tops .banner { float: left; width: 785px; height: 475px; margin-left: 260px; overflow: hidden; background: #fff;}
.tops .banner img { display: block; width: 785px; height: 475px;}
.tops .banner .swiper-pagination { bottom: 10px;}
.tops .banner .swiper-pagination span { width: 8px; height: 8px; filter: alpha(opacity=50); opacity: 0.5; border-radius: 4px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.tops .banner .swiper-pagination .swiper-pagination-bullet-active { width: 25px; filter: alpha(opacity=100); opacity: 1;}
.tops .rgt { float: right; width: 255px; border-top: 1px solid #e6e7eb; background: #fff;}
.tops .rgt .log { text-align: center; padding: 25px 15px;}
.tops .rgt .log .img { width: 70px; height: 70px; margin: 0 auto; border-radius: 50%; overflow: hidden; background: #e9f5f2;}
.tops .rgt .log .img img { display: block; width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}
.tops .rgt .log h3 { width: 100%; height: 45px; line-height: 45px; font-weight: 500; font-size: 14px; color: #333; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tops .rgt .log a { display: inline-block; width: 75px; height: 30px; line-height: 30px; font-size: 14px; margin: 0 5px; background-repeat: no-repeat; background-position: center;}
.tops .rgt .log .dl { color: #fff; background-image: url(../images/hy05.png);}
.tops .rgt .log .zc { color: #24bb99; background-image: url(../images/hy06.png);}
.tops .rgt .ords { margin: 0 15px; border-radius: 4px; overflow: hidden; background: #f5f6fa;}
.tops .rgt .ords li { float: left; width: calc(100% / 3 - 10px); text-align: center; padding: 10px 5px;}
.tops .rgt .ords li h3 { height: 25px; line-height: 25px; font-weight: 500; font-size: 18px; color: #24bb99;}
.tops .rgt .ords li p { height: 20px; line-height: 20px; font-size: 12px; color: #333;}
.tops .rgt .notic { margin-top: 20px; padding: 15px 20px; border-top: 1px solid #f2f3f7;}
.tops .rgt .notic .tits { width: 100%; height: 30px; line-height: 30px; margin-bottom: 5px;}
.tops .rgt .notic .tits h3 { float: left; font-size: 16px; color: #333; padding-left: 30px; background: url(../images/hy07.png) no-repeat left center;}
.tops .rgt .notic .tits a { float: right; font-size: 14px; color: #999; padding-right: 15px; position: relative;}
.tops .rgt .notic .tits a::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 13px;}
.tops .rgt .notic .tits a:hover { color: #24bb99;}
.tops .rgt .notic .tits a:hover::after { border-color: #24bb99;}
.tops .rgt .notic li { width: 100%; height: 30px;}
.tops .rgt .notic li a { display: block; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.tops .rgt .notic li a span { color: #000;}
.tops .rgt .notic li:hover a { color: #24bb99;}

/*广告*/
.advs { width: 100%; height: 125px; margin: 15px auto 20px auto; overflow: hidden;}
.advs img { display: block; width: 100%; height: 125px;}

/*限时秒杀*/
.miaos { width: 100%; margin-bottom: 20px; background: #f96f17 url(../images/hy08.jpg) no-repeat center top;}
.miaos .tit { width: 100%; height: 115px; position: relative;}
.miaos .tit::after { display: block; content: ""; width: 1350px; height: 140px; background: url(../images/hy08c.png) no-repeat center top; position: absolute; left: -35px; top: -20px; z-index: 1;}
.miaos .tit .tims { display: flex; flex-direction: row; float: left; height: 35px; margin: 45px 0 0 295px; position: relative; z-index: 2;}
.miaos .tit .tims span { display: block; min-width: 25px; height: 35px; line-height: 35px; font-size: 20px; color: #f96f17; text-align: center; padding: 0 5px; box-shadow: 3px 3px 0 #f95810; border-radius: 4px; overflow: hidden; background: #fff;}
.miaos .tit .tims i { display: block; width: 20px; height: 35px; line-height: 35px; font-size: 24px; color: #fff; text-align: center;}
.miaos .tit a { display: block; float: right; width: 330px; height: 65px; margin: 25px 45px 0 0; border-radius: 30px; overflow: hidden; position: relative; z-index: 2;}
.miaos .lst { width: calc(100% - 20px); padding: 10px; position: relative; z-index: 2;}
.miaos .lst .swiper-slide { background: #fff;}
.miaos .lst .swiper-slide a { display: block; padding: 15px; overflow: hidden; position: relative;}
.miaos .lst .swiper-slide .tip { height: 22px; line-height: 22px; font-size: 12px; color: #fff; padding: 0 5px; border-radius: 0 0 0 4px; overflow: hidden; background-image: linear-gradient(to right,#15daa4,#21c19b); position: absolute; top: 0; right: 0; z-index: 2;}
.miaos .lst .swiper-slide h3 { width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.miaos .lst .swiper-slide .img { width: 165px; height: 165px; margin: 0 auto 10px auto; overflow: hidden;}
.miaos .lst .swiper-slide .img img { display: block; width: 165px; height: 165px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.miaos .lst .swiper-slide p { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 25px; overflow: hidden;}
.miaos .lst .swiper-slide p span { display: block; max-width: 50%; height: 25px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.miaos .lst .swiper-slide p i { display: block; width: 30px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border-radius: 11px; overflow: hidden; background-image: linear-gradient(to right,#fd80a7,#ff6a29);}
.miaos .lst .swiper-slide .wh70 span { max-width: 70%;}
.miaos .lst .swiper-slide .wh100 span { max-width: 100%;}
.miaos .lst .swiper-slide .prcs { display: block; height: 30px; line-height: 28px; font-size: 12px; color: #fff; margin-top: 10px; padding: 0 35px 0 10px; border-radius: 15px; overflow: hidden; background-image: linear-gradient(to right,#fd81af,#ff6a29); position: relative;}
.miaos .lst .swiper-slide .prcs::before,
.miaos .lst .swiper-slide .prcs::after { display: block; content: ""; position: absolute;}
.miaos .lst .swiper-slide .prcs::before { width: 5px; height: 5px; border-top: 2px solid #f96f17; border-right: 2px solid #f96f17; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 12px; right: 12px; z-index: 2;}
.miaos .lst .swiper-slide .prcs::after { width: 24px; height: 24px; border-radius: 50%; background: #fff; top: 3px; right: 3px; z-index: 1;}
.miaos .lst .swiper-slide .prcs b { font-size: 16px;}
.miaos .lst .swiper-slide:hover h3 { color: #f96f17;}
.miaos .lst .swiper-slide:hover .img img { transform: scale(1.1,1.1);}

.miaos .recods { height: 40px; padding: 0 15px 10px 15px;}
.miaos .recods span { display: block; float: left; width: 165px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; padding-left: 25px; background: url(../images/hy09.png) no-repeat left center;}
.miaos .recods .lts { float: right; width: calc(100% - 190px); height: 40px; overflow: hidden;}
.miaos .recods .lts .swiper-container { height: 40px;}
.miaos .recods .lts .swiper-slide { height: 100%;}
.miaos .recods .lts .swiper-slide .lt { display: flex; flex-direction: row; align-items: center; float: left; width: calc(100% / 4 - 15px); height: 40px; margin-right: 20px;}
.miaos .recods .lts .swiper-slide .lt:last-child { margin-right: 0;}
.miaos .recods .lts .swiper-slide .lt img { display: block; width: 25px; height: 25px; margin: 5px 10px 0 0; border: 1px solid #fff; border-radius: 50%; overflow: hidden; background: #fff;}
.miaos .recods .lts .swiper-slide .lt p { flex: 1 1 0%; display: block; line-height: 40px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*四块*/
.forlst { width: 100%;}
.forlst .lst { float: left; width: calc(50% - 10px); margin: 0 20px 20px 0; background: #fff;}
.forlst .lst:nth-child(2n) { margin-right: 0;}
.forlst .lst .lft { float: left; width: 195px; height: 410px; background-repeat: no-repeat; background-position: 0 0;}
.forlst .lst .lft .tit { width: 130px; padding: 10px 15px; border-radius: 0 0 30px 0; overflow: hidden; background: rgba(0,0,0,0.2);}
.forlst .lst .lft .tit h3 { height: 30px; line-height: 30px; font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forlst .lst .lft .tit p { height: 20px; line-height: 20px; font-size: 12px; color: rgba(255,255,255,0.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forlst .lst .rgt { float: right; width: calc(100% - 215px); padding: 10px;}
.forlst .lst .rgt li { float: left; width: calc(50% - 32px); height: 366px; margin-right: 20px; padding: 11px 10px; border: 1px solid #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.forlst .lst .rgt li::after { display: block; content: ""; width: 1px; height: 165px; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); position: absolute; top: 15px; right: -10px;}
.forlst .lst .rgt li:last-child { margin-right: 0;}
.forlst .lst .rgt li:last-child::after { display: none;}
.forlst .lst .rgt li .img { width: 180px; height: 180px; margin: 0 auto; overflow: hidden;}
.forlst .lst .rgt li .img img { display: block; width: 180px; height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.forlst .lst .rgt li .msg { width: 100%; margin-top: 10px;}
.forlst .lst .rgt li .msg h3 { height: 30px; line-height: 30px; font-size: 17px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.forlst .lst .rgt li .msg p { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden;}
.forlst .lst .rgt li .msg p span { display: block; max-width: 50%; height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forlst .lst .rgt li .msg p i { display: block; width: 40px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; text-align: center; border-radius: 11px; overflow: hidden; background-image: linear-gradient(to right,#15daa4,#21c19b);}
.forlst .lst .rgt li .msg .wh70 span { max-width: 70%;}
.forlst .lst .rgt li .msg .wh100 span { max-width: 100%;}
.forlst .lst .rgt li .msg .pric { float: left; width: 65%; height: 25px; line-height: 25px; font-size: 12px; color: #24bb99; overflow: hidden;}
.forlst .lst .rgt li .msg .pric b { font-size: 16px;}
.forlst .lst .rgt li .msg .pric span { display: inline-block; height: 15px; line-height: 15px; font-size: 10px; color: #fff; margin-left: 5px; padding: 0 5px; border-radius: 10px 10px 10px 0; background-image: linear-gradient(to right,#fd80a7,#ff6a29); position: relative; top: -4px;}
.forlst .lst .rgt li .msg .ysho { float: right; max-width: 35%; height: 25px; line-height: 25px; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forlst .lst .rgt li .msg .ysho b { font-size: 12px;}
.forlst .lst .rgt li .msg s { display: block; height: 20px; line-height: 20px; font-size: 11px; color: #999;}

.forlst .lst .rgt li .btn { width: 100%; height: 30px; margin-top: 5px;}
.forlst .lst .rgt li .btn .nmb { float: left; width: calc(100% - 55px); height: 28px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.forlst .lst .rgt li .btn .nmb span,
.forlst .lst .rgt li .btn .nmb input { display: block; float: left; height: 28px; line-height: 28px; text-align: center; border: none; overflow: hidden; background: #fff;}
.forlst .lst .rgt li .btn .nmb span { width: 30px; font-size: 18px; cursor: pointer;}
.forlst .lst .rgt li .btn .nmb input { width: calc(100% - 62px); font-size: 14px; color: #24bb99; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.forlst .lst .rgt li .btn .cart { float: right; width: 46px; height: 30px; background: url(../images/hy14.png) no-repeat center;}
.forlst .lst .rgt li:hover { border-color: #24bb99;}
.forlst .lst .rgt li:hover .img img { transform: scale(1.1,1.1);}
.forlst .for01 .lft { background-image: url(../images/hy10.jpg);}
.forlst .for02 .lft { background-image: url(../images/hy11.jpg);}
.forlst .for03 .lft { background-image: url(../images/hy12.jpg);}
.forlst .for04 .lft { background-image: url(../images/hy13.jpg);}

/*广告*/
.advtow { width: 100%; margin-bottom: 20px;}
.advtow li { float: left; width: 640px; height: 115px; margin-right: 20px; overflow: hidden;}
.advtow li:last-child { margin-right: 0;}
.advtow li img { display: block; width: 640px; height: 115px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advtow li:hover img { transform: scale(1.1,1.1);}

/*热销推荐*/
.hotsals { width: 100%; margin-bottom: 20px;}
.hotsals .tit { float: left; width: 250px; height: 535px; border-radius: 0 0 0 10px; background-image: linear-gradient(#ff7405,#ff913b); position: relative;}
.hotsals .tit .nr { height: 435px; padding: 50px; background: url(../images/hy15.png) no-repeat right bottom; position: relative; z-index: 1;}
.hotsals .tit .nr h3 { line-height: 55px; font-size: 46px; color: #fff; letter-spacing: 5px;}
.hotsals .tit .nr p { height: 40px; line-height: 40px; font-size: 16px; color: #fff; letter-spacing: 2px; margin-bottom: 10px; padding-bottom: 40px; position: relative;}
.hotsals .tit .nr p::after { display: block; content: ""; width: 35px; height: 3px; background-image: linear-gradient(to right,#fff,rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0;}
.hotsals .tit .nr span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #fff; letter-spacing: 2px;}
.hotsals .tit i { display: block; width: 200px; height: 100px; background: url(../images/hy16.png) no-repeat center; position: absolute; left: -15px; bottom: -5px; z-index: 2;}
.hotsals .list { float: right; width: calc(100% - 280px); height: 505px; padding: 15px; background-image: linear-gradient(#ff9847,#ff7a11);}
.hotsals .list .top { width: 100%;}
.hotsals .list .top li { float: left; width: calc(50% - 42.5px); margin-right: 5px; padding: 20px; background: #fff; position: relative;}
.hotsals .list .top li:last-child { margin-right: 0;}
.hotsals .list .top li i { display: block; width: 30px; height: 40px; line-height: 16px; font-size: 12px; color: #fff; text-align: center; padding: 5px 9px 3px 9px; background: url(../images/hy17.png) no-repeat center top; position: absolute; right: 35px; top: 0; z-index: 2;}
.hotsals .list .top li .img { float: left; width: 145px; height: 145px; overflow: hidden;}
.hotsals .list .top li .img img { display: block; width: 145px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.hotsals .list .top li .msg { float: right; width: calc(100% - 195px); padding-right: 20px;}
.hotsals .list .top li .msg h3 { height: 35px; line-height: 35px; font-size: 17px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.hotsals .list .top li .msg p { height: 25px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotsals .list .top li .msg span { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #24bb99; text-align: center; margin: 25px 0 0 44px; border-radius: 0 15px 15px 0; background: #e6f5f1; position: relative;}
.hotsals .list .top li .msg span::after { display: block; content: ""; width: 44px; height: 51px; background: url(../images/hy18.png) no-repeat center; position: absolute; left: -44px; top: -10px;}
.hotsals .list .top li .msg span b { font-size: 18px;}
.hotsals .list .top li:hover .img img { transform: scale(1.1,1.1);}
.hotsals .list .top li:hover .msg h3 { color: #24bb99;}
.hotsals .list .lst { width: 100%;}
.hotsals .list .lst li { float: left; width: calc(100% / 5 - 34px); margin: 5px 5px 0 0; padding: 15px; background: #fff; position: relative;}
.hotsals .list .lst li:last-child { margin-right: 0;}
.hotsals .list .lst li i { display: block; width: 30px; height: 40px; line-height: 16px; font-size: 12px; color: #fff; text-align: center; padding: 5px 9px 3px 9px; background: url(../images/hy17.png) no-repeat center top; position: absolute; right: 15px; top: 0; z-index: 2;}
.hotsals .list .lst li .img { width: 165px; height: 165px; margin: 0 auto; overflow: hidden;}
.hotsals .list .lst li .img img { display: block; width: 165px; height: 165px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.hotsals .list .lst li span { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #24bb99; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotsals .list .lst li span b { font-size: 18px;}
.hotsals .list .lst li h3 { height: 30px; line-height: 30px; font-size: 17px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.hotsals .list .lst li p { height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotsals .list .lst li:hover .img img { transform: scale(1.1,1.1);}
.hotsals .list .lst li:hover h3 { color: #24bb99;}

/*为你推荐*/
.foryou { width: 100%;}
.foryou .tit { width: 100%; height: 35px; text-align: center; padding-top: 15px;}
.foryou .tit span { display: inline-block; height: 35px; line-height: 35px; font-weight: bold; font-size: 24px; color: #333; padding: 0 90px; position: relative;}
.foryou .tit span::before,
.foryou .tit span::after { display: block; content: ""; width: 75px; height: 35px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0;}
.foryou .tit span::before { background-image: url(../images/hy19.png); left: 0;}
.foryou .tit span::after { background-image: url(../images/hy20.png); right: 0;}
.foryou .tabs { display: flex; flex-direction: row; justify-content: center; margin: 20px auto; padding: 15px 0; border-radius: 10px; overflow: hidden; background: #fff;}
.foryou .tabs span { display: block; cursor: pointer; text-align: center; padding: 0 40px; position: relative;}
.foryou .tabs span::after { display: block; content: ""; width: 1px; height: 40px; margin: auto; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); position: absolute; right: 0; top: 0; bottom: 0;}
.foryou .tabs span:last-child::after { display: none;}
.foryou .tabs span b { display: block; height: 30px; line-height: 30px; font-weight: 500; font-size: 18px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.foryou .tabs span i { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #999; padding: 0 5px; border-radius: 10px;}
.foryou .tabs span:hover b { color: #24bb99;}
.foryou .tabs span.on {}
.foryou .tabs span.on b { color: #333 !important; font-weight: bold;}
.foryou .tabs span.on i { color: #fff; background-image: linear-gradient(to right,#15d9a4,#21c19b);}
.foryou .lst { padding: 15px; border-radius: 10px; overflow: hidden; background: #fff;}
.foryou .lst li { float: left; width: calc(100% / 5 - 38px); height: 400px; margin-right: 20px; padding: 10px; border: 1px solid #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.foryou .lst li::after { display: block; content: ""; width: 1px; height: 165px; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); position: absolute; top: 15px; right: -10px;}
.foryou .lst li:nth-child(5n) { margin-right: 0;}
.foryou .lst li:nth-child(5n)::after { display: none;}
.foryou .lst li .img { width: 215px; height: 215px; margin: 0 auto; overflow: hidden;}
.foryou .lst li .img img { display: block; width: 215px; height: 215px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.foryou .lst li .msg { width: 100%; margin-top: 10px;}
.foryou .lst li .msg h3 { height: 30px; line-height: 30px; font-size: 17px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.foryou .lst li .msg p { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden;}
.foryou .lst li .msg p span { display: block; max-width: 50%; height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.foryou .lst li .msg p i { display: block; width: 40px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; text-align: center; border-radius: 11px; overflow: hidden; background-image: linear-gradient(to right,#15daa4,#21c19b);}
.foryou .lst li .msg .wh70 span { max-width: 70%;}
.foryou .lst li .msg .wh100 span { max-width: 100%;}
.foryou .lst li .msg .pric { float: left; width: 65%; height: 25px; line-height: 25px; font-size: 12px; color: #24bb99; overflow: hidden;}
.foryou .lst li .msg .pric b { font-size: 16px;}
.foryou .lst li .msg .pric span { display: inline-block; height: 15px; line-height: 15px; font-size: 10px; color: #fff; margin-left: 5px; padding: 0 5px; border-radius: 10px 10px 10px 0; background-image: linear-gradient(to right,#fd80a7,#ff6a29); position: relative; top: -4px;}
.foryou .lst li .msg .ysho { float: right; max-width: 35%; height: 25px; line-height: 25px; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.foryou .lst li .msg .ysho b { font-size: 12px;}
.foryou .lst li .msg s { display: block; height: 20px; line-height: 20px; font-size: 11px; color: #999;}

.foryou .lst li .btn { width: 100%; height: 30px; margin-top: 5px;}
.foryou .lst li .btn .nmb { float: left; width: calc(100% - 55px); height: 28px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.foryou .lst li .btn .nmb span,
.foryou .lst li .btn .nmb input { display: block; float: left; height: 28px; line-height: 28px; text-align: center; border: none; overflow: hidden; background: #fff;}
.foryou .lst li .btn .nmb span { width: 30px; font-size: 18px; cursor: pointer;}
.foryou .lst li .btn .nmb input { width: calc(100% - 62px); font-size: 14px; color: #24bb99; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.foryou .lst li .btn .cart { float: right; width: 46px; height: 30px; font-size: 0; background: url(../images/hy14.png) no-repeat center;}
.foryou .lst li:hover { border-color: #24bb99;}
.foryou .lst li:hover .img img { transform: scale(1.1,1.1);}

/*楼层*/
.louc { width: 1540px; margin: 0 auto; position: relative;}
.fools { width: 65px; background: #fff; border-radius: 5px; overflow: hidden; position: fixed; top: 45%; z-index: 9999;}
.fools li { width: 100%; border-bottom: 1px solid #f4f4f4;}
.fools li a { display: block; line-height: 20px; font-size: 14px; color: #666; text-align: center; padding: 10px; letter-spacing: 2px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fools li:hover a,
.fools li.on a { color: #fff; background: #24bb99;}

@media screen and (max-width: 1500px) { 
	.louc { width: 1360px;}
	.fools { left: 0;}
} 
@media screen and (max-width: 1360px) { 
	.louc { width: 1300px;} 
}