.l{float: left;}
.r{float: right;}
em,i{font-style: normal;}
/*头部*/
.absolute.header {position: fixed;}

/*筛选框*/
.choose-tab{height: 0.88rem;line-height:.88rem;border-bottom: 1px solid #f4f4f4;background: #fff;position: fixed;top: .88rem;left: 0;right: 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;z-index: 10;}
.choose-tab li{width: 25%;font-size: .3rem;float: left;text-align: center;position: relative;}
.choose-tab li a{display: block;height: .88rem;line-height: .88rem;font-size: 14px;text-align: center;color: #565c67!important;padding: 0 6px;}
.choose-tab li.style1.active a span{color: #ff3451;}
.choose-tab li.style1 span:after{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: .08rem;border-color: #999 transparent transparent transparent;right: 0;top: 50%;margin-top: -2px;}
.choose-tab li.style1.active span:after{border-color: transparent transparent #f66 transparent;margin-top: -6px;}
.choose-tab li span{position: relative;display: inline-block;height: .88rem;line-height: .88rem;max-width: 85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: .28rem;font-size: .25rem;}
.choose-tab li.orderby span:after{content: '';display: inline-block;width: .08rem;height: .25rem;background: url(../images/up.png) no-repeat center;background-size: cover;vertical-align: middle;margin-top: -.06rem;margin-left: .1rem;}
.choose-tab li.orderby.active span:after{content: '';display: inline-block;width: .08rem;height: .25rem;background: url(../images/down.png) no-repeat center;background-size: cover;vertical-align: middle;margin-top: -.06rem;margin-left: .1rem;}


/*筛选框*/
.choose{position: relative;z-index: 10}
.choose-box{position: fixed;top: 1.8rem;left: 0;right: 0;z-index: 10}
.choose-box .load {text-align: center; line-height: 6rem;}
.choose-local ul{min-height: 100%;}
.choose-local li{position: relative; height: .8rem;line-height: .8rem;font-size: .28rem;text-indent: .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dn{display: none;}
#choose-sort{max-height: 6rem;overflow: hidden;}
#choose-info-second,#choose-info,#choose-area-second,#choose-sort,#choose-area{height: 6rem;background: #fff;}
#choose-more{height: auto;}
.choose-stage-l-short{width: 49%;float: left;}
.choose-stage-r{width: 51%;float: left;display: none;}
.choose-local li.active{background: #fff;color:#ff3451;}
#choose-area li.on:before,#choose-sort li.on:before,#choose-info-second li.on:before,#choose-area-second li.on:before,#choose-sort-third li.on:before{content: '';position: absolute;width: 2px;height: 20px;background: #ff6666;left: 0;top: 50%;margin-top: -10px;}
/*.choose-local li.active:before {content: '';position: absolute;width: 2px;height: 20px;background: #ff6666;left: 0;top: 50%;margin-top: -10px;}*/
.choose-local li.current:before{content: '';position: absolute;width: 2px;height: 20px;background: #ff6666;left: 0;top: 50%;margin-top: -10px;}
.choose-local{background: #fff; width: 100%; max-height: 6rem;}
.choose-local.info-screen{background: #fff;width: 6.15rem!important;position: fixed;top:1.8rem;right: 0;bottom:0; max-height: 15rem!important;padding: .2rem;border-radius: .12rem 0 0 .12rem;}
.huoniao_iOS .choose-local.info-screen {top: .9rem;}
.choose-more li span{margin-right: .2rem;color: #bbb;}
.confirm{text-align: right;font-size: .3rem; z-index: 9;position: absolute;bottom:.4rem;right:.2rem;}
.confirm a{display:inline-block;color: #fff;width: 1.8rem;height: .6rem;line-height:.6rem;margin-left: .24rem;background-image: -moz-linear-gradient( 0deg, rgb(255,68,125) 0%, rgb(255,64,91) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,68,125) 0%, rgb(255,64,91) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,68,125) 0%, rgb(255,64,91) 100%);border-radius: .3rem;text-align: center;}


.back{height: .8rem;line-height: .8rem;text-align: center;font-size: .3rem;background: #fff;border-top: 1px solid #ff6666;}
.back a{color: #ff6666;}
.more-box{position: absolute;left: 0;right: 0;top: 0;background: #fff;z-index: 111;height: 6rem;}
#choose-more-second{height: 6rem;}
#choose-info-second ul{min-height: 100%;}
.h100{min-height: 100%;}
.choose-stage-c{width: 51%;float: left;display: none;height: 6rem;overflow: hidden;}
.choose-stage-th{width: 33.3%;float: left;height: 6rem;overflow: hidden;display: none;}
#choose-sort-third{background: #ddd;border-bottom: none;}
#choose-more-second ul{display: none;}

#info-box .fchoose{height: 6rem;box-sizing: border-box;}
#choose0{background: #f2f2f2;}
.choose-more-search{height: 100%;}

.arrow1 {padding-right: 1rem;}
.arrow1:after {content: ""; position: absolute; right: .1rem; top: 50%; width: .3rem; height: .3rem; margin-top: -.15rem; background: url('../images/right.png') no-repeat; background-size: cover;}

.drop-type{border-bottom: 1px solid #f1f1f1;}
.drop-type ul{padding: .2rem 0 .4rem 0;}
.drop-type ul li{display: inline-block;height: .5rem;line-height: .5rem;margin: .04rem;border: 1px solid #d8cfcf;border-radius: .3rem;padding: 0 .4rem;font-size: .24rem;}
.drop-type ul li.active{background: #ef4949;border-color: #ef4949}
.drop-type ul li.active a{color: #fff;}
.drop-range:first-child{margin-bottom: 1rem;}
.drop-range h3{padding: .45rem 0; font-size: .3rem;color:#808080;}
.drop-range input{width: 2.6rem;outline: 0;background:#f2f2f2;border-radius: .48rem;border:none;height: .5rem; text-align: center;font-size: .24rem;color:#999;}
.drop-range span{margin:0 .25rem;font-size: .26rem;color:#999;}

.drop-range .jftype a{display:block;width: 2.6rem;outline: 0;background:#f2f2f2;border-radius: .48rem;border:none;height: .5rem; line-height:.5rem;text-align: center;font-size: .24rem;color:#999;}
.drop-range .jftype a.active{border:solid 1px #ff3451;color:#ff3451;background: #fff2f4;}

.select-drop .confirm{text-align: center;padding: .2rem 0;}
.select-drop .confirm a{display: block;width: 2rem;border-radius: .1rem;background-color: #ef4949;color: #fff;height: .7rem;margin: 0 auto;line-height: .7rem;}


/*搜索*/
.search-form{height: .6rem;padding:.2rem;margin-top: 1.8rem; background-image: -moz-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 7%, rgb(255,255,255) 93%, rgb(247,247,247) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 7%, rgb(255,255,255) 93%, rgb(247,247,247) 100%);background-image: -ms-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 7%, rgb(255,255,255) 93%, rgb(247,247,247) 100%);}
.search-form form{height: .6rem;position: relative;}
.search-form form .inp{height: .6rem;background: #f2f2f2;border:none;border-radius: .32rem;width: 5.18rem;padding-left: .7rem;font-size: .26rem;color:#b2b2b2;}
.search-form form span{text-align: center;font-size: .3rem;color:#999;margin-left: .34rem; display: inline-block;}
.search-form form .isearch{ position: absolute;top: .19rem;left:.33rem;width:.24rem;height:.24rem;vertical-align:middle;}
.search-form form .isearch:before {position:absolute;content:"";left:0;top:0;width:.16rem;height:.16rem;border:1px solid #a0a0a0;border-radius:50%;}
.search-form form .isearch:after {position:absolute;content:"";left:.19rem;top:.15rem;transform:rotate(-45deg);width:1px;height:.08rem;overflow:hidden;background:#a0a0a0;}
.huoniao_iOS .search-form {margin-top: .9rem;}


/*商品列表*/
.list-box li{position: relative; padding:.25rem .2rem;border-bottom: 1px solid #f2f2f2;}
.list-box li:last-child{border-bottom: 0;}
.list-box li a{display: block;}
.list-box .img-box{width: 2rem;height: 2rem;float: left;overflow:hidden;border-radius: .08rem;}
.list-box .img-box img{display: block;width: 100%;height: 100%;}
.list-box .txt-box{margin-left: 2.2rem;}
.list-box .txt-box h3{font-weight: 100;font-size: .3rem;;overflow: hidden;line-height: .4rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;color:#333;}
.list-box .txt-box .txt-price{margin-top: .3rem;overflow: hidden;}
.list-box .txt-box .txt-price span,.list-box .txt-box .txt-price b{line-height: .4rem;float: left;}
.list-box .txt-box .txt-price span.sprice span.spjf{font-size: .32rem;color:#ffb82a;}
.list-box .txt-box .txt-price span.sprice span.spjf i.jf{display:inline-block;width: .3rem;height: .3rem;margin-right:.08rem;background:url(../images/jfIcon.png) no-repeat center center;background-size: .3rem;vertical-align: middle;margin-top: -.07rem;}
.list-box .txt-box .txt-price span.sprice span.spprice{font-size: .3rem;color: #ff3451;}
.list-box .txt-box .txt-price span.sprice span.spprice em{font-size: .26rem;}
.list-box .txt-box .txt-price span.sprice b{font-size: .28rem;margin:0 .05rem; line-height: .38rem;}
.list-box .txt-box .txt-price span.sellnum{font-size: .24rem;color:#808080;float: right;}
.list-box .txt-box .txt-info{font-size: .24rem;color: #808080;margin-top: .1rem;display: -webkit-box;}
.list-box .txt-box .txt-info a{display: -webkit-box;}
.list-box .txt-box .txt-info span{-webkit-box-flex: 1;display: block;}
.list-box .txt-box .txt-info span.goshop{text-align: right;}
.list-box .txt-box .txt-info span.goshop s{display: inline-block;vertical-align: middle;border-right: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;width: .12rem;height: .12rem;transform: rotate(-45deg);}

.list-box .loading{line-height: 1rem; text-align: center; font-size: .26rem; margin: 1px; }

/*遮罩层*/
.mask{height: 100%;width: 100%;background: rgba(0,0,0,.6);position: fixed;top: 0;right: 0;bottom:0;z-index: 100;display: none;}
.disk{height: 100%;width: 100%;background: rgba(0,0,0,.6);position: fixed;top: 0;right: 0;bottom:0;z-index: 9;display: none;}

.huoniao_iOS .choose-tab{top: 0px;}
.huoniao_iOS .choose-box{top: .8rem;}