.flex-header{padding:0 10px;line-height:44px}.bar-header.bar-back,.bar-header{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-color:#00a8ff;color:#fff}.bar-header.bar-back .title,.bar-header .title{margin:0;font-size:16px;font-weight:normal;color:#fff}.bar-header.bar-back .title.text-gray,.bar-header .title.text-gray{color:#555}.bar-header.bar-back .icon,.bar-header .icon{font-size:15px;margin-right:5px}.bar-header.bar-back .header-search,.bar-header .header-search{background-color:#00a8ff}.bar-header.bar-back .header-search .search,.bar-header .header-search .search{position:relative;display:block;margin:6px;padding:0 10px 0 25px;margin-right:45px;height:31px;line-height:30px;font-size:13px;text-align:left;background-color:#fff;color:#848484}.bar-header.bar-back .header-search .search.addon,.bar-header .header-search .search.addon{width:73%;margin-left:35px;padding-left:25px}.bar-header.bar-back .header-search .search .icon-search,.bar-header .header-search .search .icon-search{position:absolute;left:5px;top:8px}.bar-header.bar-back .header-search .search .input-search,.bar-header .header-search .search .input-search{height:31px;line-height:31px}.bar-header.bar-back .text-primary,.bar-header .text-primary{color:#00a8ff}.bar-header.bar-back.order-header,.bar-header.order-header{border-bottom:1px solid #ddd;background-color:#fff}.bar-header.bar-back .order-switch span,.bar-header .order-switch span{position:relative;display:inline-block;padding:0 5px;height:44px;line-height:44px;text-align:center}.bar-header.bar-back .order-switch span.active,.bar-header .order-switch span.active{color:#00a8ff}.bar-header.bar-back .order-switch span.on,.bar-header .order-switch span.on{color:#00a8ff}.bar-header.bar-back .order-switch span.on:after,.bar-header .order-switch span.on:after{display:block;content:" ";position:absolute;left:0;bottom:-2px;width:100%;height:1px;border-bottom:5px solid #00a8ff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);z-index:10}.bar-header.bar-back .button,.bar-header .button{background-color:transparent;z-index:99;color:#fff}.bar-header.bar-back .button .icon-msg,.bar-header .button .icon-msg{font-size:20px}.bar-header.bar-back .button .unread,.bar-header .button .unread{position:absolute;top:3px;right:5px;width:10px;height:10px;border-radius:50%;background-color:#fff}.bar-header.bar-back .button.activated,.bar-header .button.activated{background-color:transparent;border:none}.bar-header.bar-back .button.icon,.bar-header .button.icon{margin:0;padding:0}.bar-header.bar-back .button.icon:before,.bar-header .button.icon:before{font-size:15px}.bar-header.bar-back .button.text-gray,.bar-header .button.text-gray{color:#555}.has-subheader.supple{top:100px}.bar-subheader{padding:0}.bar-subheader.search-addon{top:133px}.bar-subheader.search-fail{padding:0 7px}.bar-subheader .tab,.bar-subheader .tabs{position:relative;height:46px;line-height:44px;text-align:center}.bar-subheader .tab.active:after,.bar-subheader .tabs.active:after{display:block}.bar-subheader .tab:after,.bar-subheader .tabs:after{content:" ";position:absolute;display:none;left:25%;bottom:0;width:50%;height:1px;border-bottom:5px solid #00a8ff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.bar-subheader .tab.on,.bar-subheader .tabs.on{color:#00a8ff}.bar-subheader .tab{width:50%}.bar-subheader .tab label{position:relative;padding-right:15px}.bar-subheader .tab.check label em{color:#00a8ff}.bar-subheader .tab .icon-box{position:absolute;right:0;width:15px}.bar-subheader .tab .icon-box.addon{top:0px}.bar-subheader .tab .icon-box.supply{top:7px}.bar-subheader .tab .icon-box .icon{display:block;height:10px;font-size:12px}.bar-subheader .tab .icon-box .icon.active{color:#000}.bar-subheader .tab .icon-box .icon.on{color:#00a8ff}.bar-subheader .tab .icon-box .icon.check{color:#00a8ff}.bar-subheader .tabs{background-color:#ffffff}.bar-subheader .search-box{padding:5px 10px}.bar-subheader .search-box input{width:100%;padding:0 5px;line-height:34px;background-color:#f7f7f7}.bar-subheader.shadow{-webkit-box-shadow:0px 6px 8px rgba(0,0,0,0.1);box-shadow:0px 6px 8px rgba(0,0,0,0.1)}.bar-achieve{position:absolute;top:50px;width:100%;text-align:center}.bar-achieve p{font-size:13px;line-height:26px}.bar-achieve p .title+.title{border-left:1px solid #ddd}.has-header.supply{top:105px}.bar-header.bar-white{position:relative;padding:10px;border:none;background:#00a8ff none;color:#fff}.bar-header.bar-white .title{font-size:16px;bottom:0}.bar-header.bar-white .buttons{position:absolute;top:10px;bottom:10px;z-index:1}.bar-header.bar-white .buttons.buttons-left{left:15px}.bar-header.bar-white .buttons.buttons-right{right:10px}.bar-header.bar-white .buttons .button{position:relative;border:none;background:none;padding:0;margin:0;font-size:14px;line-height:20px;color:#555;-webkit-box-shadow:none;box-shadow:none;height:23px;min-height:23px}.bar-header.bar-white .buttons .button>i{line-height:23px}.bar-header.bar-white .buttons .button.back>i{font-size:12px;color:#fff}.bar-header.bar-white .buttons .button.plus{margin-left:10px;width:24px;height:24px;border:1px solid #fff;border-radius:100%;text-align:center;font-size:19px;color:#fff}.bar-header.bar-white .buttons .button.plus i{line-height:12px}.bar-header.bar-white .buttons .button.icon>i{font-size:18px}.tab-bar{height:143px}.subtabs{top:89px}.subheader{top:190px}.search-content{top:175px}.sub-enroll{top:235px}.subcontent{top:133px}.has-top{top:90px}.sub-top{top:88px}