@charset "utf-8";a,body,cude,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,img,input,label,li,ol,p,select,span,ul{margin:0;padding:0;list-style:none;-webkit-tap-highlight-color:transparent}
body,html{font-size:.24rem;font-family:Helvetica,STHeiti,Droid Sans Fallback}
a{color:#4d4d4d;text-decoration:none;-webkit-tap-highlight-color:transparent}
li,ol,ul{list-style:none}
em,i{font-style:normal}
img{border:none}
article,aside,dialog,figure,footer,header,nav,section{display:block}
textarea{-webkit-appearance:none}
.cf{*zoom:1}
.cf:after{content:'';display:block;height:0;clear:both}
.fl{float:left}
.fr{float:right}
.lh{line-height:5rem;overflow:hidden}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.page{width:7.5rem;margin:0 auto;position:relative}
.page{width:7.5rem;margin:0 auto;position:relative;overflow:hidden}
.page .bg{position:absolute;z-index:1}
.page .bg img{display:block;width:7.5rem}
.page .container{position:relative;z-index:2;width:7.5rem}
body{background-color:#efefef}
body.no-scroll{overflow:hidden}
.page{min-height:100%;min-width:7.5rem;position:relative}
.page .nav{position:relative;width:7.5rem;height:.88rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .32rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.page .nav a{display:block}
.page .nav .back{width:.46rem;height:.46rem;background:url(../images/nav_icon_back.png) no-repeat center;background-size:.44rem .44rem}
.page .nav .search{width:.46rem;height:.46rem;background:url(../images/nav_icon_search.png) no-repeat center;background-size:.44rem .44rem}
.page .nav .question{width:.46rem;height:.46rem;background:url(../images/nav_icon_question.png) no-repeat center;background-size:.44rem .44rem}
.page .nav .more{width:.46rem;height:.46rem;background:url(../images/nav_icon_more.png) no-repeat center;background-size:.44rem .44rem}
.page .nav .other-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-left:auto}
.page .nav .other-nav a{margin-left:.28rem}
.page .tabbar{position:fixed;left:0;bottom:0;z-index:10;width:7.5rem;height:1.16rem;border:#1e1e1e;background-color:#1e1e1e;border-radius:.24rem .24rem 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.page .tabbar-item{height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.2rem;color:#898989;position:relative}
.page .tabbar-item.active{color:#fff}
.page .tabbar-item .icon{margin-bottom:.1rem}
.page .tabbar-item .num{position:absolute;background-color:#ffd101;color:#1e1e1e;border-radius:.12rem .04rem .12rem .04rem;padding:.02rem .06rem;top:.04rem;font-size:.18rem}
.page .tabbar-item-home .icon{width:.43rem;height:.45rem;background:url(../images/tabbar_icon_home.png) no-repeat center;background-size:.41rem .43rem}
.page .tabbar-item-home.active .icon{background-image:url(../images/tabbar_icon_home_active.png)}
.page .tabbar-item-chat .icon{width:.45rem;height:.44rem;background:url(../images/tabbar_icon_chat.png) no-repeat center;background-size:.43rem .42rem}
.page .tabbar-item-chat.active .icon{background-image:url(../images/tabbar_icon_chat_active.png)}
.page .tabbar-item-publish{position:relative}
.page .tabbar-item-publish.active .icon{background-image:url(../images/tabbar_icon_publish_bg.png)}
.page .tabbar-item-publish.active .icon::before{-webkit-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.page .tabbar-item-publish.active .publish{display:none}
.page .tabbar-item-publish.active .cancel,.page .tabbar-item-publish.active .publish-popover{display:block}
.page .tabbar-item-publish .icon{background-image:url(../images/tabbar_icon_publish_bg.gif);background-size:100% 100%;width:.7rem;height:.7rem;position:relative;z-index:1;margin-bottom:0}
.page .tabbar-item-publish .icon::before{content:'';display:block;position:absolute;width:.3rem;height:.3rem;left:.2rem;top:.2rem;z-index:2;background-image:url(../images/tabbar_icon_publish.png);background-size:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.page .tabbar-item-publish .cancel,.page .tabbar-item-publish .publish-popover{display:none}
.page .tabbar-item-publish .publish-popover{position:absolute;content:'';left:50%;margin-left:-1.14rem;top:-2.15rem;width:2.28rem;height:2.05rem;background:url(../images/tabbar_popover_bg.png) no-repeat center;background-size:2.26rem 2.03rem;padding-top:.08rem}
.page .tabbar-item-publish .publish-popover-item{margin:.24rem auto;display:block;width:1.4rem;height:.48rem;text-align:center;background-color:#ffd101;border-radius:.24rem;line-height:.48rem;border:.03rem solid #000;color:#222122}
.page .tabbar-item-strategy .icon{width:.42rem;height:.43rem;background:url(../images/tabbar_icon_strategy.png) no-repeat center;background-size:.4rem .41rem}
.page .tabbar-item-strategy.active .icon{background-image:url(../images/tabbar_icon_strategy_active.png)}
.page .tabbar-item-me .icon{width:.42rem;height:.43rem;background:url(../images/tabbar_icon_me.png) no-repeat center;background-size:.4rem .41rem}
.page .tabbar-item-me.active .icon{background-image:url(../images/tabbar_icon_me_active.png)}
.page .toast{display:none;position:fixed;z-index:11;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:2rem;padding:.25rem .32rem;font-size:.26rem;color:#fff;background-color:#1e1e1e;border:.03rem solid #72716c;border-radius:.12rem .24rem .12rem .24rem}
.page .mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:11}
.page .dialog-rule{width:6.86rem;border:.05rem solid #1e1e1e;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.32rem .24rem 0;border-radius:.5rem .24rem .5rem .24rem}
.page .dialog-rule .header-lace{margin:0 auto;width:6.12rem;height:.24rem;background:url(../images/rule-lace.png) no-repeat center;background-size:6.1rem .22rem}
.page .dialog-rule .title{color:#222122;font-size:.4rem;font-weight:700;text-align:center;margin:.32rem 0}
.page .dialog-rule .rule-box-bg{margin-right:-.05rem;border:.03rem solid #72716c;border-radius:.2rem;background-color:#1e1e1e}
.page .dialog-rule .rule-box{width:6.48rem;max-height:6.18rem;overflow-x:hidden;overflow-y:scroll;padding:.1rem .28rem .18rem .18rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.page .dialog-rule .rule-box::-webkit-scrollbar{width:.05rem;border-radius:0;background-color:#fff}
.page .dialog-rule .rule-box::-webkit-scrollbar-thumb{background-color:#72716c;border-radius:0}
.page .dialog-rule .rule-box p{position:relative;z-index:2;font-size:.28rem;color:#fff;line-height:1.5}
.page .dialog-rule .rule-box p.caption{font-size:.3rem;color:#ffd101;margin-top:.2rem}
.page .dialog-rule .btn-ok{display:block;margin:.32rem auto;width:2.42rem;height:.78rem;background:url(../images/btn_ok_bg.png) no-repeat center;background-size:2.4rem .76rem;text-align:center;line-height:.8rem;font-size:.3rem;font-weight:700;color:#222122}
.page .dialog-com{width:6.24rem;border:.05rem solid #1e1e1e;background-color:#efefef;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.32rem .24rem .64rem;border-radius:.5rem .24rem .5rem .24rem}
.page .dialog-com .header-lace{margin:0 auto;width:6.12rem;height:.24rem;background:url(../images/rule-lace.png) no-repeat center;background-size:6.1rem .22rem}
.page .dialog-com .title{color:#222122;font-size:.4rem;font-weight:700;text-align:center;margin:.32rem 0}
.page .dialog-com .desc{margin:0 auto .32rem;width:5.6rem;background-color:#fff;border-radius:.2rem;font-size:.28rem;line-height:1.5;color:#545453;text-align:center;padding:.24rem}
.page .dialog-com .desc span{color:#fa8d10}
.page .dialog-com .dialog-btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.page .dialog-com .dialog-btns .btn{margin:0 .12rem;line-height:.78rem;font-size:.3rem;font-weight:700;color:#222122;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.page .dialog-com .dialog-btns .btn-cancel{width:2.42rem;height:.79rem;background:url(../images/dialog_btn_cancel.png) no-repeat center;background-size:2.4rem .77rem}
.page .dialog-com .dialog-btns .btn-ok{width:2.42rem;height:.79rem;background:url(../images/dialog_btn_ok.png) no-repeat center;background-size:2.4rem .77rem}
.page .fixed-center{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:12}
.page .role-setting-com{width:6.86rem;height:3.36rem;border-radius:.2rem;background-color:#efefef;padding:.28rem .24rem;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.28rem}
.page .role-setting-com .role-box{margin-left:-.28rem;width:3.82rem;height:1.3rem;background:url(../images/create_role_bg.png) no-repeat center;background-size:3.8rem 1.28rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.page .role-setting-com .role-box .role-box-bg{display:none}
.page .role-setting-com .role-box .role-img{margin-left:.2rem;width:.88rem;height:.88rem;border-radius:.2rem;border:.02rem solid #efefef}
.page .role-setting-com .role-box .role-desc{margin-left:.16rem}
.page .role-setting-com .role-box .role-desc .role-name{font-size:.28rem;color:#222122}
.page .role-setting-com .role-box .role-desc .role-tag{margin-top:.06rem;font-size:.2rem;color:#545453}
.page .role-setting-com .role-box .btn-change{margin-left:auto;margin-right:.2rem;width:.34rem;height:.34rem;background:url(../images/change_icon.png) no-repeat center;background-size:.32rem .32rem}
.page .role-setting-com .drive{margin-left:.2rem;background-color:#fff;border-radius:.18rem}
.page .role-setting-com .gather{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:.2rem;width:100%;background-color:#fff;border-radius:.18rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.page .role-setting-com .gather::before{content:'';position:absolute;left:3.57rem;top:.56rem;width:.01rem;height:.62rem;background-color:#ccc}
.page .role-setting-com .gather .setting-com:first-child{width:3.4rem}
.page .role-setting-com .setting-com{min-width:2.62rem;padding-bottom:.16rem}
.page .role-setting-com .setting-com .title{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.06rem .12rem;background-color:#1e1e1e;font-size:.22rem;color:#fff;border-radius:.2rem .1rem .2rem .1rem}
.page .role-setting-com .setting-com .title .drive-icon{margin-right:.04rem;display:inline-block;width:.26rem;height:.26rem;background:url(../images/drive_icon.png) no-repeat center;background-size:.24rem .24rem}
.page .role-setting-com .setting-com .setting-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:.08rem;margin-top:.14rem}
.page .role-setting-com .setting-com .setting-list img{width:.66rem;height:.66rem;margin-left:.12rem}
.page .propaganda{margin:.2rem auto;font-size:.22rem;color:#898989;text-align:center}
.page .propaganda-logo{margin:0 auto;padding:0 .05rem 0 .16rem;height:.42rem;background-color:#1e1e1e;border-radius:.42rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.page .propaganda-logo-img{width:2.06rem}
.page .propaganda-logo .propaganda-search-guide{margin-left:.12rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:.16rem;padding:.05rem .18rem;background-color:#ffd101;height:.32rem;color:#222122}
.page .propaganda-logo .propaganda-search-guide img{width:.24rem;height:.24rem;margin-right:.08rem}
.page .propaganda-tips{padding-top:.07rem;font-size:.18rem;color:#898989}
@-webkit-keyframes drawerAni{
0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes drawerAni{
0%{-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}