* {word-wrap:break-word;font-weight:300;}
* strong, * b, * a[style*="bold"], * strong * {font-weight:600 !important;}
ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd {margin:0;padding:0;border:0;z-index:inherit;}
img, a img {border:0;margin:0;padding:0;}
ul, ol, li {list-style:none;}
* {margin:0;padding:0;}
html, body {font:12px/1.5 -apple-system-font,'Helvetica Neue',sans-serif;color:#000;min-height:100%;}
input, select, textarea, button {font:14px/1.5 -apple-system-font,'Helvetica Neue',sans-serif;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {margin:0;padding:0;}
table {empty-cells:show;border-collapse:collapse;}
caption, th {text-align:left;font-weight:300;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:300;}
em, cite, i {font-style:normal;}
label {cursor:pointer;}
a:link, a:visited, a:hover {color:#666;text-decoration:none;}
.z {float:left;}
.y {float:right;}
.cl:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.vm {vertical-align:middle;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance:none;outline:none}
textarea {resize:none}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{
    -webkit-overflow-scrolling:touch;
}
.bg_f{
    background:#fff;
}
.app-page{
    height:48px;
    overflow:hidden;
    width:100%;
}
.left-menubg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:990;
    background:#222;
    opacity:0;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    display:none;
}
.left-side-box{
    position:fixed;
    width:280px;
    height:100%;
    overflow:hidden;
    top:0;
    left:0;
    z-index:999;
    background:rgb(255, 255, 255);
    -webkit-transform:translateX(-280px);
            transform:translateX(-280px);
    
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
}
.show-left-nav .left-menubg{
    display:block;
    opacity:.5;
}
.show-left-nav .left-side-box{
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
            box-shadow:0 0 3px rgba(0,0,0,0.3);
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
}
.app-page-header{
    position:fixed;
    display:block;
    z-index:99;
    left:0;
    right:0;
    top:0;
    width:100%;
    height:48px;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    -webkit-transform:translateY(0px);
            transform:translateY(0px);
}
.app-page-header .header-inner{
    background:#fff;
    color:#333;
    height:38px;
    padding:5px;
}
.header-inner .header-inner-z{
    float:left;
    width:25%;
    position:relative;
}
.header-inner-z img{
    width: 90px;
    height: auto;
    vertical-align: -19px;
}
.header-inner-z .onshownav img{
    width:26px;
    height:26px;
    border-radius:50%;
    margin-top:1px;
}
.header-inner-z .onshownav{
    float:left;
    width:auto;
    overflow:visible;
    height:38px;
    text-align:center;
}
.header-inner-z .onshownav .h-dot-icon{
    float:left;
    width:18px;
    height:38px;
    background:url(../images/show_side_icon.svg) no-repeat center;
    background-size:14px;
}
.header-inner-z .onshownav em{
    float: left;
    margin-top: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: relative;
}
.header-inner h2{
    float:left;
    width:50%;
    text-align:center;
    font-size:18px;
    line-height:38px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header-inner .header-inner-s{
    float:right;
    width:25%;
    position:relative;
}
.header-inner .header-inner-s a{
    display: block;
    width: 34px;
    height: 38px;
    line-height:38px;
    text-align: center;
    overflow: hidden;
    float:right;
}
.header-inner .header-inner-s .h-search-icon{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../images/search_icon.png) no-repeat center;
    background-size:contain;
    vertical-align:-5px;
}
.left-side-box .slideNavtop{
    width:100%;
    height:160px;
    overflow:hidden;
    position:relative;
    z-index:10;
    z-index:10;
    background:#fff url(../images/home_bg.jpg) no-repeat 0 0;
    background-size:cover;
}
.slideNavtop .sidenv_user{
    position:relative;
    display:block;
    padding:15px 15px 12px;
    overflow:hidden;
    z-index:40;
}
.slideNavtop .sidenv_user em{
    display:block;
    width:54px;
    height:54px;
    margin-bottom:26px;
    background:rgba(255,255,255,0.5);
    border-radius:50%;
    position:relative;
}
.slideNavtop .sidenv_user em img{
    width:50px;
    height:50px;
    margin:2px;
    border-radius:50%;
}
.slideNavtop .sidenv_user .sidenv_num{
    position: absolute;
    top: 14px;
    left: 55px;
    height: 12px;
    line-height: 12px;
    padding: 1px 4px;
    border-radius: 18px;
    z-index: 30;
    background-color:#dd0000;
    color:#fff;
}
.sidenv_user .user_tit{
    display:block;
    width:100%;
    height:24px;
    line-height:24px;
    overflow:hidden;
}
.sidenv_user .user_tit .user_name{
    float: left;
    font-size: 20px;
}
.sidenv_user .user_tit span{
    margin-right:6px;
    color:#fff;
}
.sidenv_user .user_tit .user_lv{
    float: left;
    margin-top: 7px;
    height: 14px;
    line-height: 14px;
    padding: 0 3px;
    font-size: 12px;
    border-radius: 1.5px;
    background:#00a4ff;
    color:#fff;
}
.sidenv_user .fyy{
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    margin-top:5px;
}
.sidenv_user .fyy span{
    color:#fff;
    margin-right:6px;
}
.sidenv_svg_box{
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 26px;
    width: 100%;
    z-index: 1;
}
.sidenv_svg_box .svg_a,.sidenv_svg_box .svg_b{
    position: absolute;
    width: 100%;
    height: 26px;
}
.sidenv_svg_box .svg_a{
    background:url(../images/comiis_a.svg) repeat-x;
    background-size:450px;
    -webkit-animation:commis_bg 3.58s infinite linear;
            animation:commis_bg 3.58s infinite linear;
}
.sidenv_svg_box .svg_b{
    background:url(../images/comiis_b.svg) repeat-x;
    top: 5px;
    background-size: 450px;
    -webkit-animation: commis_bg 6s infinite linear;
    animation: commis_bg 6s infinite linear;
}
@-webkit-keyframes commis_bg{
    0%{
        background-position:0 top;
    }
    100%{
        background-position:450px top;
    }
}
@keyframes commis_bg{
    0%{
        background-position:0 top;
    }
    100%{
        background-position:450px top;
    }
}
.slideNav_misign{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.slideNav_misign .misign_button_box{
    padding:10px;
}
.slideNav_misign .misign_button_box .misign_button{
    height: 28px;
    width: 100%;
    display: -webkit-box;
    position: relative;
}
.left-side-box .slidenv_li{
    position: relative;
    padding: 0 0 0 15px;
    width: 250px;
    overflow: hidden;
    height: -webkit-calc(100% - 160px);
    height: calc(100% - 160px);
}
.slidenv_li .slidenv_Touch{
    overflow-x:hidden;
    overflow-y:scroll;
    width:110%;
    height:100%;
    padding-bottom:20px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.slidenv_li .slidenv_Touch .slidenv_Touch_item{
    overflow: hidden;
    margin-top: 6px;
}
.slidenv_li .slidenv_Touch .slidenv_Touch_item a{
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#000;
}
.slidenv_Touch .slidenv_Touch_item a i{
    float: left;
    width: 22px;
    margin-right: 8px;
    overflow: hidden;
    line-height:36px;
}
.slidenv_Touch .slidenv_Touch_item a i img{
    width:22px;
    display:inline-block;
    vertical-align:-5px;
}

.slideNavtop .slidenv_edit{
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 13px;
    z-index: 30;
}
.slideNavtop .slidenv_edit i{
    display:inline-block;
    width:16px;
    height:17px;
    background:url(../images/setting_icon.svg) no-repeat center;
    background-size:contain;
}
.slideNavtop .slidenv_exit{
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: 50;
}
.slideNavtop .slidenv_exit a{
    display:block;
    padding:15px 15px 12px;
    color:#fff;
}
.slideNavtop .slidenv_exit span{
    display: block;
    background: rgba(0,0,0,0.5);
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 5px;
    white-space: nowrap;
    border-radius: 2px;
}
.slideNavtop .slidenv_exit .slidenv_exit_icon{
    width:14px;
    height:16px;
    display:inline-block;
    background:url(../images/exit_icon.svg) no-repeat center;
    background-size:contain;
    vertical-align:-2px;
}




/* 底部导航 */
.app-footer{
    height:58px;
}
.app-footer .footer_menu{
    border-top:1px solid #efefef;
    position: fixed;
    display: block;
    z-index: 101;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 48px;
    background-color:#fff;
}
.app-footer .footer_menu .menu_flex{
    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;
}
.footer_menu .menu_flex .flex_item{
    -webkit-box-flex:1;
    -webkit-flex:1;
        -ms-flex:1;
            flex:1;
    height:48px;
    text-align:center;
    overflow:hidden;
}
.menu_flex .flex_item a{
    display:block;
    height:48px;
    margin:0 auto;
    overflow:hidden;
    color:#999;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    outline: none;
}
.menu_flex .flex_item .footer_icon{
    display:block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 4px auto 0;
    position: relative;
}
.menu_flex .flex_item .footer_icon img{
    width:24px;
    height:24px;
}
.menu_flex .flex_item.on .footer_icon img:last-child{
    display:block;
}
.menu_flex .flex_item:not(.on) .footer_icon img:last-child,.menu_flex .flex_item.on .footer_icon img:first-child{
    display:none;
}
.menu_flex .flex_item.on a{
    color:#00a4ff;
}

/* 头部返回 */
.app_head_back{
    float:left;
    width:20px;
    height:20px;
    background:url(../images/back_icon.svg) no-repeat center;
    background-size:18px;
    margin-top:9px;
    margin-left:8px;
}


/* 底部图标 */
.footer_menu .menu_flex .flex_item.f_bigbtn{
    overflow:visible;
    position:relative;
}
#bt_bigbtn{
    position:absolute;
    bottom:0;
    left:-webkit-calc(50% - 30px);
    left:calc(50% - 30px);
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:visible;
}
#bt_bigbtn .b_ok{
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    background:#fff;
    border:1px solid #efefef;
    border-radius:50%;
    z-index:100;
}
#bt_bigbtn .b_plus{
    display:block;
    position:absolute;
    bottom:-1px;
    left:-webkit-calc(50% - 30px);
    left:calc(50% - 30px);
    z-index:110;
    width:44px;
    height:62px;
    line-height:62px;
    padding:0 9px;
    border-radius:50%;
    background:#fff;
}

#bt_bigbtn .b_plus .b_plus_img{
    width:44px;
    height:44px;
    line-height:44px;
    border-radius:50%;
    padding:0;
    margin-top:8px;
    background:#00a4ff url(../images/app_index/plus_icon.svg) no-repeat center;;
    background-size:24px;
    display:block;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
}
#bt_bigbtn.show_foot_menu .b_plus .b_plus_img{
    -webkit-transform:rotate(405deg);
            transform:rotate(405deg);
    background-size:20px;
}


.f_gobtn_box{
    position:fixed;
    width:100%;
    padding-top:20px;
    left:0;
    bottom:0;
    z-index:210;
    display:block;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
    background:#fff;
    border-top:1px solid #efefef;
}
.footer_showbox .f_gobtn_box{
    display:block;
    -webkit-animation:gobtn_box .3s forwards ease;
            animation:gobtn_box .3s forwards ease;
}
@-webkit-keyframes gobtn_box{
    100%{
        -webkit-transform:translateY(0);
                transform:translateY(0);
    }
}
@keyframes gobtn_box{
    100%{
        -webkit-transform:translateY(0);
                transform:translateY(0);
    }
}
.f_gobtn_box .gobtn_tit{
    font-size:14px;
    padding:0 20px 10px;
    color:#999;
}
.f_gobtn_box .gobtn_list{
    padding:0 15px 5px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.f_gobtn_box .gobtn_list li{
    -webkit-box-flex:1;
    -webkit-flex:1;
        -ms-flex:1;
            flex:1;
}
.f_gobtn_box .gobtn_list li a{
    display:block;
    padding:8px 0;
}
.f_gobtn_box .gobtn_list li a span{
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    margin:0 auto 5px;
    padding:10px;
    border-radius:14px;
    overflow:hidden;
    text-align:center;
    
}
.f_gobtn_box .gobtn_list li a span img{
    width:80%;
    margin-top:4px;
}
.bg_orange{
    background:#FF9900;
}
.bg_red{
    background:#F37D7D;
}
.bg_lightblue{
    background:#91B9EB;
}
.bg_blue{
    background:#3EBBFD;
}
.f_gobtn_box .gobtn_list li a p{
    text-align:center;
    color:#333;
    font-size:12px;
}

.f_gobtn_box .gobtn_foot{
    height: 49px;
    text-align: center;
    overflow: hidden;
}
.app-footer.footer_showbox .footer_menu{
    z-index:211;
    border:none;
}
.footer_showbox .footer_menu .menu_flex .flex_item:not(.f_bigbtn){
    visibility:hidden;
}


/* 底部导航 */
.J-footNav{
    height:50px;
}
.J-footNav .J-footFixed{
    /*position:fixed;*/
    z-index:999;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:50px;
    border-top:1px solid #eee;
    background-color:#fff;
    box-sizing:border-box;
}
.J-footFixed .nav-inner{
    display:flex;
}
.J-footFixed .nav-inner .nav-item{
    display:block;
    flex:1;
    padding-top:4px;
    height:49px;
    text-align:center;
    color:#000;
    box-sizing:border-box;
}
.J-footFixed .nav-inner .nav-item .icon{
    display:inline-block;
    vertical-align:middle;
    width:24px;
    height:24px;
}
.J-footFixed .nav-inner .nav-item .icon img{
    width:100%;
    height:100%;
    vertical-align:middle;
}

.J-footFixed .nav-item:not(.on) .icon img:last-child,.J-footFixed .nav-item.on .icon img:first-child{
    display:none;
}
.J-footFixed .nav-item.on .icon img:last-child{
    display:block;
}
.J-footFixed .nav-item.on .title{
    color:#00a4ff;
}
.J-footFixed .nav-item .title{
    color:#000;
    font-size:12px;
}

.J-footFixed .nav-item.nav-dropdown-wrap{
    position:relative;
    white-space:nowrap;
    z-index:99;
}
.nav-dropdown-wrap .c-dropdown-wrap{
    position:absolute;
    left:50%;
    bottom:10%;
    margin-left:-48px;
    margin-bottom:2px;
    opacity:0;
    z-index:0;
    /* display:none; */
    transition:all .3s;
    visibility:hidden;
}
.nav-dropdown-wrap .c-dropdown-wrap.show{
    /* display:block; */
    visibility:visible;
    bottom:100%;
    opacity:1;
}
.nav-dropdown-wrap .c-dropdown-wrap .c-dropdown-inner{
    font-size:12px;
    box-sizing:border-box;
    padding:8px 10px;
    border:1px solid #ddd;
    border-radius:2px;
    background-color:#fff;
    line-height:18px;
    box-shadow:0 1px 8px rgba(0,0,0,.1);

}
.c-dropdown-wrap .c-dropdown-inner .com-m-footer-menu{
    padding:0 20px;
    margin:-8px -9px;
}
.c-dropdown-inner .com-m-footer-menu li+li{
    border-top:1px solid #e5e5e5;
}
.c-dropdown-inner .com-m-footer-menu li .menu-link{
    display:block;
    height:44px;
    font-size:14px;
    line-height:44px;
    color:#444;
    white-space:nowrap;
    transition:all .2s;
    margin:0 -20px;
    padding:0 16px;
}
.c-dropdown-wrap .c-dropdown-inner::before,.c-dropdown-wrap .c-dropdown-inner::after{
    content:'';
    position:absolute;
    width:0;
    height:0;
    border:8px dashed transparent;
    top:100%;
    left:inherit;
    right:inherit;
    margin-top:-1px;
    border-top-style:solid;
}
.c-dropdown-wrap .c-dropdown-inner::before{
    margin-left:-8px;
    border-top-color:#b3b7bf;
    border-top-color:#ddd;

}
.c-dropdown-wrap .c-dropdown-inner::after{
    border: 7px dashed transparent;
    margin-left:-7px;
    border-top-color:#fff;
}
/* 分页 */
.article_list_pagination{
    text-align:center;
}
.article_list_pagination li{
    display:inline-block;
    padding:0 15px;
    height:30px;
    line-height:30px;
    background:rgba(0,0,0,0.08);
    /* font-size:#333; */
    color:#777;
    border-radius:3px;
    font-size:16px;
}
.article_list_pagination li+li{
    margin-left:40px;
}