a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    /*word-break:break-all;*/
    word-wrap:break-word;
}
input{
    white-space:nowrap;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
*{
    background-repeat: no-repeat;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    font-size: .28rem;
    box-sizing: border-box;
}
ul,li,ol{
    list-style: none;
}
img{
    border: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html, body{
    height: 100%;
    max-width: 750px;
    margin:0 auto;
}
.content{
    min-height: 100%;
}
a{
    text-decoration: none;
    border: none;
    outline: none;
}
input,button{
    outline: none;
}

/*-------------------*/
.nav_bar{
    height: 2.57rem;
    background: #00b38a url("../img/banner.png") no-repeat;
    background-size:100%;
}
.logo_top{
    padding:.12rem .4rem .12rem .4rem;
    position: relative;
    display: flex;
    align-items: center;
}
.logo{
    width:1.11rem;
    display: block;
    margin:0.1rem auto 0;
}
.logo_top p{
    width: 1.52rem;
    height: 0.42rem;
    background-color: #ffffff;
    border-radius: 0.21rem;
    font-size: 0.24rem;
    color: #02b28b;
    text-align: center;
    line-height: 0.42rem;
}
.logo_top .btn{
    width: 0.94rem;
    height: 0.42rem;
    background-color: #ffffff;
    border-radius: 0.21rem;
    text-align: center;
    line-height: 0.42rem;
    font-size: 0.24rem;
    color: #02b28b;
    cursor: pointer;
}
.log_btn{
    margin: 0 0.2rem 0 auto;
}
.search_box{
    width: 5.86rem;
    height: 0.66rem;
    background-color: #ffffff;
    border-radius: 0.33rem;
    margin:1rem auto 0;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.inp{
    border:none;
    height: .66rem;
    width: 5.2rem;
    padding:0 0.3rem;
    font-size:0.28rem;
}
.search{
    width: .4rem;
    cursor: pointer;
}

/* ְλ */
.container{
    padding-bottom: 1.5rem;
}
.pos_ul{
    padding:0 .4rem;

}
.pos_ul li{
    border-bottom: 1px solid #eff4f5;
    padding:.4rem 0;
}
.pos_tit{
    height: .82rem;
    color: #333333;
    line-height: .82rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.pos_tit img{
    width: .38rem;
    margin-right:0.1rem;
}
.options{
    height: .5rem;
    line-height: .5rem;
    color: #4a4a4a;
    padding:0 .22rem;
    background-color: #f3f3f3;
    border-radius: .24rem;
    display: inline-block;
    margin-top: .2rem;
    font-size: .26rem;
    margin-right: .28rem;
}
.some_link{
    height: 1rem;
    line-height: 1rem;
    padding:0 .4rem;
}
.link{
    border-bottom: 1px solid #eff4f5;
    padding:0 2%;
    text-align: center;
}
.link span{
    display: inline-block;
    width: 32%;
    color:#8d92a1;
    cursor: pointer;
}
.owers{
    padding:.3rem 0;

}
.owers p{
    text-align: center;
    font-size: .24rem;
    color: #8d92a1;
    line-height: .50rem;
}

.foot p{
    text-align: center;
    color: #8d92a1;
    font-size: .22rem;
    height: .81rem;
    line-height: .81rem;
    background-color: #f9fcfd;
}

/* µ¼º½ */
.tabbar{
    width:100%;
    height:1.4rem;
    background: #fff;
    border:1px solid #ededed;
    display: flex;
    align-items: center;
    padding-bottom:0.24rem;
    position: fixed;
    bottom:0;left:0;

}
.tabbar .tab{
    width:100%;
    text-align: center;
    font-size:0.24rem;
    position: relative;
    cursor: pointer;
}
.tabbar .icon{
    width:0.4rem;
    height:0.4rem;
    display: inline-block;
    margin-bottom:0.06rem;
    position: relative;
}
.tab:nth-child(1) .icon{
     background: url("../img/icon-home.png") no-repeat;
     background-size:100% 100%;
 }
.tab:nth-child(2) .icon{
     background: url("../img/icon-chat.png") no-repeat;
     background-size:100% 100%;
 }

.tab:nth-child(3) .icon{
     background: url("../img/icon-user.png") no-repeat;
     background-size:100% 100%;
 }
.tab.active{
     color: #00b38a;
 }
.tab:nth-child(1).active .icon{
     background: url("../img/icon-home-active.png") no-repeat;
     background-size:100% 100%;
 }
.tab:nth-child(2).active .icon{
     background: url("../img/icon-chat-active.png") no-repeat;
     background-size:100% 100%;
 }
.tab:nth-child(3).active .icon{
     background: url("../img/icon-user-active.png") no-repeat;
     background-size:100% 100%;
 }