@charset "UTF-8";
/* all reset */
/* list_left reset */
/*body, html {
    height: 100%;
}*/
/*left_nav*/

body{min-width:320px;margin-left:100px;}
.left_nav{position:fixed;z-index:100;top:0;left:0;width:100px;height:100%;background:url(/dev/product/www_v3/imgs/include/left_list_bg.jpg) no-repeat 0 0 #303030;-webkit-box-shadow:-3px 0 25px #666;-webkit-box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;}
.logo{display:block;width:96px;height:40px;margin:20px 0 48px 32px;text-indent:-999px;background:url(/dev/product/www_v3/imgs/include/logo.png) no-repeat 0 0;}
.nav_list{width:100px;}
.nav_list li span{padding:11px 0;border-bottom:1px transparent solid;}
.nav_list li a{font-size:14px;line-height:60px;display:block;margin:0 auto;text-align:center;color:#d0d0d0;}
.nav_list li a:hover,.nav_list li a.active{color:#fff;}
.nav_list li a:hover span,.nav_list li a.active span{border-bottom:1px #fff solid;}
.login_box{position:absolute;bottom:25px;left:0;}
.login_box{width:100px;}
.login_box a{font-size:14px;line-height:54px;display:block;text-align:center;color:#fff;}
.login_box a:hover{color:#f51e55;}
.login_box a.active{color:#f51e55;}
.login_box a span{padding:18px 0;border-bottom:1px #505050 solid;}
.login_after_box{width:60px;height:58px;padding-top:22px;border-top:1px #505050 solid;}
.login_after{position:relative;width:44px;height:44px;margin:0 auto;}
.login_after a{display:inline-block;width:40px;height:40px;border:2px solid #b0b0b0;-webkit-border-radius:50%;border-radius:50%;}
.login_after a img{display:inline-block;overflow:hidden;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;}
.login_after a:hover,.login_after a.active{border:2px solid #f51e55;}


.login_list_main{position:absolute;bottom:110px;left:0;display:none;width:100%;}
.login_list_main a{font-size:14px;line-height:44px;display:block;width:60px;margin:0 auto;text-align:center;color:#d0d0d0 !important;border-bottom:1px solid transparent;}
.login_list_main a:hover{color:#fff !important;border-bottom:1px solid #fff;}
/*bg-box*/

.bg_box{position:relative;min-height:1024px;background:#f0f0f0;}
.top_nav_list_box{display:none;}
/*icp*/

.icp{position:absolute;z-index:950;right:40px;bottom:25px;text-align:right;}
.bg_home_box .icp{right:140px;}
.bg_home_box .icp p{color:#fff;text-shadow:1px 1px 1px #222;}
.icp p{font-size:12px;line-height:20px;}
.icp_about_box{margin-bottom:8px;}
.icp_num{color:#303030;}
.icp_en{font-family:'Microsoft YaHei', 'Helvetica';color:#707070;}
.icp_list_box li{display:inline-block;border-right:1px solid #d0d0d0;}
.icp_list_box li a{font-size:12px;display:inline-block;padding:0 20px;color:#707070 !important;}
.icp_list_box li a:hover{color:#303030 !important;}
.attention_box a{display:inline-block;width:20px;height:18px;margin-left:22px;background-image:url(/dev/product/www_v3/imgs/login/icp.png);}
.icp_btn_wx{position:relative;background-position:0 0;}
.icp_btn_wx:hover{background-position:0 -18px;}
.icp_btn_wx:hover .icp_er{display:block;}
.icp_btn_wb{background-position:0 -36px;}
.icp_btn_wb:hover{background-position:0 -54px;}
.icp_er{position:absolute;bottom:15px;left:-80px;display:none;}


@media screen and (min-height: 1280px) {
    .bg_box {
        min-height: 1440px;
    }
}
@media screen and (max-width: 767px) {
    html, body {
        height: 100%;
    }
    body {
        margin-left: 0;
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    .top_nav {
        display: block;
    }
    .left_nav {
        display: none;
    }
    .bg_box {
        min-height: 800px;
    }
    /* top_nav */
    
    .top_nav {
        height: 80px;
        width: 100%;
        background: #303030;
        box-shadow: 0 0px 6px #000;
         position: relative;
    }
    .mobile_logo {
        width: 96px;
        height: 40px;
        margin: 23px 0 0 20px;
        float: left;
        display: block;
        background: url(/dev/product/www_v3/imgs/include/mobile_logo.png);
    }
    .mobile_list {
        width: 20px;
        height: 20px;
        display: block;
        background: url(/dev/product/www_v3/imgs/include/top_right.png);
        float: right;
        margin-top: 30px;
        margin-right: 30px;
    }
    .top_nav_list_box {
        width: 200px;
        position: fixed;
        left: 100%;
        left: -webkit-calc(100% + 8px);
        left: calc(100%);
        left: calc(100% - 200px) \0;
        top: 0;
        top: -webkit-calc(6px);
        top: calc(0px);
        height: 100%;
        background: #fff;
        box-shadow: 0px 4px 20px #ddd;
        display: none;
        z-index: 1100;
    }
    .top_nav_list_box.show {
        display: block;
    }
    .mobileMark {
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1000;
        display: block;
        background: #000;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /*visibility: hidden;*/
    }
    body.slide_left {
        -webkit-transform: translate(-200px, 0);
        -moz-transform: translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        transform: translate(-200px, 0);
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
    body.slide_left .mobileMark {
        width: 100%;
        left: 0px;
        top: 0;
        /*  visibility: visible;*/
        
        opacity: 0.4;
        z-index: 1002;
    }
    .m_nav_box li a {
        display: block;
        margin: 0 15px;
        color: #707070;
        font-size: 14px;
        border-bottom: 1px solid #f0f0f0;
        line-height: 60px;
    }
    .m_nav_box li a span {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 10px;
    }
    .m_nav_box li a:hover {
        color: #b0b0b0;
    }
    .m_zy_btn span {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -40px
    }
    .m_zy_btn:hover span {
        background-position: 0 -60px;
    }
    .m_kc_btn span {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -160px
    }
    .m_kc_btn:hover span {
        background-position: 0 -180px;
    }
    .m_fx_btn span {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -200px
    }
    .m_fx_btn:hover span {
        background-position: 0 -220px;
    }
    .m_zt_btn span {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -40px
    }
    .m_zt_btn:hover span {
        background-position: 0 -60px;
    }
    .m_app_btn span{
        background: url(/dev/product/www_v3/imgs/include/app_icon.png) 0 0 no-repeat;
    }
    .m_app_btn:hover span{
        background-position: 0 -20px;
    }
    .m_login_box {
        position: absolute;
        left: 0;
        bottom: 10px;
        text-align: center;
        width: 100%;
    }
    .m_login_btn {
        color: #fff !important;
        font-size: 14px;
        width: 160px;
        height: 40px;
        line-height: 40px;
    }
    .m_login_box a {
        margin-bottom: 20px;
        display: inline-block;
    }
    .m_reg_btn {
        width: 158px;
        height: 38px;
        border: 1px solid #d0d0d0;
        background: #fff;
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        color: #303030;
        border-radius: 3px;
    }
    .m_reg_btn:hover {
        background: #f1f1f1;
    }
    .m_login_after_box {
        padding: 0 15px;
        text-align:left;
    }
    .m_login_after_box img {
        border-radius: 50%;
        width: 36px;
        height: 36px;
        vertical-align: middle;
    }
    .m_user_name {
        color: #707070;
        font-size: 14px;
        display: inline-block;
        margin-left: 10px;
        line-height: 36px;
    }
    .m_list_box {
        margin-top: 18px;
        border-top: 1px solid #f0f0f0;
        padding-top: 10px;
    }
    .m_list_box a {
        font-size: 14px;
        color: #707070;
        display: inline-block;
        line-height: 50px;
        margin-bottom: 0;
    }
    .m_list_box a:hover {
        color: #b0b0b0;
    }
    .m_list_box span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        vertical-align: middle;
        margin-top: -2px;
    }
    .m_my {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -80px
    }
    .m_set {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -0px
    }
    .m_back {
        background: url(/dev/product/www_v3/imgs/include/m_list_icon.png) no-repeat 0 -120px
    }
    .m_list_box a:hover .m_my {
        background-position: 0 -100px;
    }
    .m_list_box a:hover .m_set {
        background-position: 0 -20px;
    }
    .m_list_box a:hover .m_back {
        background-position: 0 -140px;
    }
    .bg_home_box .icp {
        display: none;
    }
}


/*20160418 职上统一标识修改*/

.logo{width:49px;height:77px;margin-left:25px;}

.login_after a img{border-radius:50%;}

/*站内信*/

.login_after_com .mail {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/dev/product/www_v3/separate/imgs/mod/desktop/leftNav/mail_icon.png) no-repeat 0 0;
    margin:0 auto 22px;
    position: relative;
}
.login_after_com .mail:hover {
  background-position: 0 -24px;
}
.login_after_com>a.active>span{
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #f51e55;
  position: absolute;
  right:-4px;
  top:-5px;
  border-radius: 50%;
}
.login_after_com {
    position: absolute;
    bottom: 0;
    left: 20px;
}
@media screen and (max-width: 767px) {
    .top_nav{
        position: relative;
    }
    .top_nav .mail{
        display: block;
        width: 24px;
        height: 24px;
        background: url(/dev/product/www_v3/separate/imgs/mod/desktop/leftNav/mail_icon.png) no-repeat 0 -24px;
        position: absolute;
        top:30px;
        right: 80px;
    }
    .top_nav>a.active>span{
        width: 10px;
        height: 10px;
        position: absolute;
        right: -5px;
        top: -5px;
        display: inline-block;
        background: #f51e55;
        border-radius: 50%;
    }
}