.layout{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:auto}.layout__search{position:sticky;top:0;z-index:2;padding:.2rem .23rem;background-color:#fff}.layout__search button{position:absolute;top:50%;right:.28rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.2rem;height:.2rem;background-color:transparent;background-image:url(/uploads/default/wxofficial_search_icon.png);background-size:contain;background-repeat:no-repeat;border:none}.layout__search button:focus{outline:none}.layout__search input{position:relative;width:100%;height:auto;padding:.07rem .25rem .07rem .3rem;font-size:.12rem;background-color:#f5f5f5;border:none;border-radius:.15rem;text-align:center;color:#000}.layout__search input::-webkit-input-placeholder{color:#dcdcdc}.layout__search input:-moz-placeholder,.layout__search input::-moz-placeholder{color:#dcdcdc}.layout__search input:-ms-input-placeholder{color:#dcdcdc}.layout__search input:focus{outline:none;color:#000}.layout__filters{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 .23rem;margin-bottom:.2rem}.layout__filters__item{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:.24rem;font-size:.14rem;text-align:center}.layout__filters__item__text{max-width:100%;width:auto;padding-top:.01rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout__filters__item__arrow{min-width:.06rem;max-width:.06rem;height:.06rem;margin-left:.06rem;background-image:url(/uploads/default/wxofficial_arrow_down_icon.png);background-position:50%;background-size:contain;background-repeat:no-repeat;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.layout__filters__item a,.layout__filters__item span{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout__filters__item>a,.layout__filters__item>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;width:100%;padding:0 .1rem .1rem}.layout__filters__item>a:after,.layout__filters__item>span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.03rem;background-color:transparent}.layout__filters__item.expand .layout__filters__item__arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.layout__filters__item.active .layout__filters__item__arrow{background-image:url(/uploads/default/wxofficial_arrow_down_active_icon.png)}.layout__filters__item.active>a,.layout__filters__item.active>span{color:#d25050}.layout__filters__item.active>a:after,.layout__filters__item.active>span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.03rem;background-color:#d25050;border-radius:.02rem}.layout__filters__item__children{position:absolute;top:.24rem;z-index:1;width:100%;max-height:3.1rem;padding:0 .15rem;background-color:#fff;border:.01rem solid #c8c8c8;border-radius:.06rem;overflow:auto}.layout__filters__item__children a,.layout__filters__item__children span{font-size:.12rem;color:#323232;padding:.15rem 0}.layout__filters__item__children a:not(:last-child),.layout__filters__item__children span:not(:last-child){border-bottom:.01rem solid #c8c8c8}.layout__filters__item__children a.active,.layout__filters__item__children span.active{color:#d25050}.layout__content{padding:0 .23rem}