﻿.hd{position:fixed;top:0;left:0;right:0;overflow:hidden;z-index: 999;}
.main{width: 6.4rem;overflow: hidden;font-size: .24rem;margin: 0 auto;}
.seach{width: 6.2rem;height:.8rem;padding: 0 .1rem;position: fixed;border-bottom: solid .02rem #e3e3e3;background: #fff;z-index:4;top: .8rem;}
.seach input{outline: none;height: .6rem;line-height: .6rem;width:6.2rem;background: url(http://res.fengj.cn/image/m/search.png) no-repeat;padding-left: 10%;background-position: 3% center;box-sizing: border-box;border-radius: .3rem;margin-top:.08rem;border: .02rem solid #ccc; float:left;}
.seach span{display: none;float: left;width: 15%;background: #eb413d;text-align: center;height: .6rem;line-height: .6rem;margin-top: .12rem;color: #fff;border-radius: .1rem;margin-left: 6%;cursor: pointer;font-size:.24rem;}
.screening{width: 6.4rem;overflow: hidden;background: #fff;z-index: 4;border-bottom: solid .02rem #e3e3e3;height:.8rem;line-height:.8rem;position:fixed;top: 1.62rem!important;}
.screening ul{margin: 0;padding: 0;list-style-type: none;overflow: hidden;}
.screening li{float: left;width:50%;text-align: center; position:relative;}
.screening li:nth-child(1):after,footer a:nth-child(1):after,footer a:nth-child(2):after,footer a:nth-child(3):after{position:absolute; right:0; top:0; width:.02rem; height:.8rem; content:"";}
.screening li i{background: url(http://res.fengj.cn/image/m/lanmu/h_icon20190610.png) no-repeat -.41rem 0;width:.3rem;height:.14rem;display:inline-block;margin-left:.08rem;background-size: 1rem;}
.screening li.current{ color:#f80;}
.screening li.current i{background: url(http://res.fengj.cn/image/m/lanmu/h_icon20190610.png) no-repeat -.7rem 0;width:.3rem;height:.14rem;display:inline-block;margin-left:.08rem;background-size: 1rem;}
.bigpic{position: absolute;right: 2%;width: .4rem;height: .4rem;top: .16rem;}
.bigpic img{ width:100%; height:100%;margin-left: -.2rem;}
.grade-eject,.Sort-eject{position:fixed; top: -67%;width: 6.4rem;left: 0;right: 0;margin: 0 auto; height:67%;z-index: 1;-webkit-transition-duration: 0.4s;}
.grade-eject ul,.Sort-eject ul{ margin: 0; padding: 0; overflow: auto;height: 100%;width: 100%;-webkit-transition-duration: 0.4s;}
.grade-eject ul li,.Sort-eject ul li{height:.7rem;line-height:.7rem;padding:0 3%; width:94%;border-bottom: solid .02rem #e3e3e3;}
.grade-eject ul.grade-w{background: #fff; position: absolute; z-index: 1; }
.grade-t{ background: #eee; position: absolute;z-index: 2; left: 100%;width: 50% !important;}
.grade-t li{ border-bottom: solid .02rem #e3e3e3;}
.grade-w-roll{top:2.4rem; }
.grade-w-roll::after{ position: fixed; content: ""; width: 100%; height: 100%;display: block; background:rgba(0,0,0,0.2);top: 0;}
.Sort-Sort{ background: #fff;position: absolute;z-index: 1;left: 0;list-style-type: none;}
.Sort-Sort li{border-bottom: solid .02rem #eee;padding: 0;}
.Sort-height{ height:67%;}
.grade-w a,.grade-t a,.Sort-Sort a{ display:block}
.list01>li:nth-child(1){ background: #eee;}
.list{width:100%;height:auto;overflow:hidden;padding-top: 2.4rem;display:block;}
.list li{ padding:.2rem 3%; float:left; width:94%; overflow:hidden; height:.1.2rem; border-bottom:.02rem solid #e3e3e3;display:block}
.textli{padding:0 3%!important;height:1rem!important;}
.textli .name,.textli .price{height:.5rem!important;line-height:.5rem!important;}
.tu{ width:1.2rem; height:1.2rem; float:left; margin-right:.2rem; overflow:hidden;}
.tu img{ width:100%; min-height:100%;}
.name{ width:75%; float:left; height:.6rem; line-height:.6rem; overflow:hidden;}
.price{width:75%; float:left; height:.6rem; line-height:.6rem; overflow:hidden;color:#888;}
.price01{ width:65%; float:left;height:.6rem; overflow:hidden;}
.price02{ width:35%; float:right;height:.6rem; overflow:hidden; text-align:right;}
.textli .price02{height:.5rem!important;}
.price02 b{ color:#f00;}
.price03{float: right;}
.noinfo{ width:94%; float:left; margin:.4rem 3%; text-align:center;}
footer{width: 6.4rem;height:.6rem;padding:.1rem 0;overflow:hidden;background:#f5f5f5;line-height:.6rem;position:fixed;bottom:0;border-top:.02rem solid #e3e3e3;}
footer a{ position:relative; width:25%; float:left; text-align:center; overflow:hidden; font-size:.24rem;}
footer a span{ padding:.08rem 0 .08rem .6rem; background:url(http://res.fengj.cn/image/m/lanmu/hs_icon.png) no-repeat; background-size:.5rem 2rem;}
footer a span.jiam{ background-position: 0 .02rem}
footer a span.yuy{ background-position: 0 -.5rem}
footer a span.hsmap{ background-position: 0 -1rem}
footer a span.qiangd{ background-position: 0 -1.5rem}
.pager{background:#fff;width:100%;margin:.2rem auto 0;height: .7rem;line-height: .7rem;float:left;padding-bottom:.8rem;}
.pager a{ color:#666; font-size:.24rem; display:block;}
.pager .next{ float:left; text-align:center; width:33%; font-size:.24rem; color:#666; border-top:.02rem solid #e6e6e6; position:relative;}
.navbg{ background:#eee;}
.navbg,.navbg a{ color:#f80;}
.phonelink{width:1rem;height: auto;position: fixed;right: .3rem;bottom: 1.8rem;z-index: 0;}
.phonelink a{ font-size:.24rem; display:block; text-align:center; line-height:.4rem;width: 1rem;height: .7rem; padding:.14rem 0;  border-radius:50%; background-color:#307dff; color:#fff; box-shadow:0 .04rem .2rem #307dff;}
.backtop{width:.8rem;height:.8rem;background: url(http://res.fengj.cn/image/m/backtop_new.png) no-repeat;background-size:.8rem .8rem;position:fixed;right:.4rem;bottom:3rem;z-index:999;display:none;-webkit-animation:backtop 0.3s linear;animation:backtop 0.3s linear;}
.clickimg,.clicknoimg{z-index: 99;position: absolute;right:.1rem;width: .45rem;height: .45rem;display: inline;float: right;margin-top: .2rem;background-size: 100% !important;}
.clicknoimg{background: url("http://res.fengj.cn/image/m/lanmu/zzc2.png") no-repeat;}
.clickimg{background: url("http://res.fengj.cn/image/m/lanmu/zzc3.png") no-repeat;}
.tuhide{display: none;}

.bigpiclist li{padding:.2rem 3%; float:left; width:93.5%; overflow:hidden; height:auto; border-bottom:.02rem solid #e3e3e3;display:block}
.bigpiclist ul:nth-of-type(odd) li{border-right:.02rem solid #e3e3e3;}
.bigpiclist ul{ width:50%; height:auto; float:left;}
.bigpiclist{ width:100%; height:auto; overflow:hidden; padding-top:2.4rem; display:block}
.tu1{ width:100%; height:2.4rem; float:left; margin-right:.2rem; overflow:hidden; background:#f2f2f2;}
.tu1 img{height:2.4rem;width:100%;}
.name1{ width:100%; float:left; height:.6rem; line-height:.6rem; overflow:hidden; }
.price011,.price021{ width:100%; float:left;height:.5rem; overflow:hidden; line-height:.5rem;}
.price021 b{ color:#f00;}