.font-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.header-wrap{position:relative;z-index:9;box-sizing:border-box;height:5.2rem;background:#2a2b2f;font-size:1.6rem;color:#fff}.header-wrap.sub-opacity{background:none;border-bottom:0 none}.header-wrap:before{content:"";display:block;width:100%;height:0}.header-wrap:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:1px;background:#2a2b2f;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.sub-nostatusbar .header-wrap{height:5.2rem}.sub-nostatusbar .header-wrap:before{display:none}.header-wrap h1{padding:1rem 5rem 1rem 6rem;font-size:1.8rem;line-height:3.2rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-left,.header-right{position:absolute;bottom:0;min-width:5rem}.header-left{left:0;text-align:left;font-size:0}.header-left .header-btn{padding-right:7px}.header-left .header-btn+.header-btn{padding-left:7px}.header-right{right:0;text-align:right}.header-right .header-btn{padding-right:24px}.header-btn{position:relative;z-index:99;top:0;display:inline-block;padding:16px 14px;font-size:0}.header-btn>*{font-size:1.6rem}.header-btn-arrowleft{position:relative;display:inline-block;width:16px;height:16px}.header-btn-arrowleft:after,.header-btn-arrowleft:before{content:"";position:absolute;top:4px;left:2px;display:block;width:10px;height:2px;background:#fff;border-radius:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header-btn-arrowleft:after{top:auto;bottom:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header-btn-close{position:relative;display:inline-block;width:16px;height:16px}.header-btn-close:after,.header-btn-close:before{content:"";position:absolute;top:8px;left:8px;display:block;width:18px;height:2px;margin:-1px 0 0 -9px;background:#fff;border-radius:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header-btn-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header-icon-tri{display:inline-block;width:0;height:0;border:5px solid #999;border-color:#999 transparent transparent;border-width:5px 4px 0;vertical-align:middle;-webkit-transform:rotate(0);transform:rotate(0)}.header-icon-tri,.sub-select-open .header-icon-tri{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.sub-select-open .header-icon-tri{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header-select-wrap{position:absolute;top:5.2rem;left:0;width:0;height:0;background:#fff;font-size:1.6rem;color:#fff;line-height:1.6rem;box-shadow:0 1px 5px 0 rgba(51,51,51,.1);overflow:hidden}.header-select-wrap,.sub-select-open .header-select-wrap{-webkit-transition:height .5s ease-out;transition:height .5s ease-out}.sub-select-open .header-select-wrap{width:100%;height:auto;padding:5px 0}.header-select-item{padding:10px 0;text-align:center}.header-select-item.active{color:#3376fe}