@charset "utf-8";
/*CSS Document*/

@import "fontawesome/font-awesome.css";
@import "public.css";

body{margin:0;background:#f6f5fa;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}

/*当屏幕最小768时，执行下面css*/
@media screen and (min-width: 768px) {
    .is_mobile{display:none;}
    .is_pc{display:block;}

    header  {
        position:fixed;left:0;top:0;width:100%;z-index: 99;
    }
    .logo{
        position:fixed;left:100px;top:10px;z-index: 99;
        display:block;
    }
    .header-menu{margin:auto;max-width:1200px;display:flex;justify-content:flex-end;align-content:center;}
    .header-menu a{margin:15px 25px;color:#fff;text-align:center;font:bold 14px/25px 微软雅黑;}
    .header-menu a span{display:block;font:normal 12px 微软雅黑;}
    .header-menu a:hover{border-bottom:2px solid rgb(255, 176, 59);color:rgb(255, 176, 59);}
    .header-menu .h{border-bottom:2px solid rgb(255, 176, 59);}

    .header-user{
        margin:15px 0 0 150px;font-size:12px;
    }
    .UserLogin{cursor:pointer;}
    bg		{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    .UserImg{float:left;margin-right:10px;width:45px;height:45}

    .body{margin:0 auto;max-width:1200px;}


    footer{background:#000;color:#999;}
    .footer{margin:0 auto;max-width:1200px;padding:15px 0;font-size:12px;line-height:25px;}
    .footer b{font:bold 20px/45px 微软雅黑;}
    .footer-bot{
        margin-top:20px;padding:20px;
        border-top:1px solid #333;
        text-align:center;
    }
    .footer-bot a{color:#999;}

    .pageTab{
        position: fixed;top:50%;right:0;
    }
    .pageTab div{
        margin:10px;padding:10px;
        background:#fff;border-radius:5px;
        text-align:center;color:#fff;font-size:10px;
    }
    .pageTab div i{
        display:block;
        font-size:30px;
    }
}

/*当屏幕最大768时，执行下面css*/
@media screen and (max-width: 768px) {
    .is_mobile{display:block;}
    .is_pc{display:none;}

    body    {margin:0;background:#faf9fe;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}
    headerMobile{
        display:flex;position:fixed;left:0;bottom: 0;width: 100%;height:50px;background: #fff;border-top:1px solid #ddd;box-shadow: 0 0 5px rgba(0,0,0,0.25);
        text-align:center;z-index:7;font-size:12px;
    }
    headerMobile div{
        flex:0 1 25%;text-align:center;color:#999;
    }
    headerMobile div a{
        color:#999;
    }
    headerMobile div i{
        display:block;font-size:22px;margin-top:5px;
    }
    headerMobile .h{color:#5AB74C;}
    headerMobile .h a{color:#5AB74C;font-weight:bold;}

    .body{margin:0 auto;max-width:1200px;}
    .c{clear:both;}
    img{display:block;width:100%;}

    footer{
        margin:20px 0 60px 0;
        text-align:center;line-height:25px;
    }
}