.new-header-container{
    width:100%;
    /*height:155px;*/
    background:#ffffff;
    z-index:3;
}
.new-header-container>div.header-top{
    width:100%;
    height:40px;
    line-height:40px;
    padding:0;
    background:#f5f7f9;
}
.new-header-container>div.header-top .top-date{
    line-height:40px;
    font-size:14px;
    color:#657180;
    float:left;
}
.new-header-container>p{
    width:100%;
    height:140px;
    background:url('../../images/BakImage/header_banner.png') center center no-repeat;
    background-size:cover;
}
.new-header-container .header-logo>img{
    width:100%;
    height:100%;
}


.new-header-container .header-nav>a{
    width:77px;
    height:40px;
    line-height:40px;
    text-align:center;
    float:left;
    font-size:14px;
    margin:0 1vw;
    display:block;
    color:#333333;
    cursor:pointer;
}

.new-header-container .input-wrap>input{
    width:calc(100% - 70px);
    margin-left:10px;
    height:30px;
    line-height:30px;
    margin-top:5px;
    outline:none;
    border:0;
    float:left;
}
.new-header-container .input-wrap>input::-webkit-input-placeholder{
    color: #C3CBD6;
}
.new-header-container .input-wrap>.search-btn{
    width:50px;
    height:40px;
    margin-top:-1px;
    float:right;
    border-radius:0 8px 8px 0;
    background: #54AA7B;
    display:flex;
    justify-content:center;
    align-items:center;
}
.new-header-container .input-wrap>.search-btn>img{
    width:34px;
    height:34px;
    cursor:pointer;
}
.new-header-container #IndexUserNo{
    width:30px;
}
.new-header-container .user-type{
    float: right;
    line-height: 26px;
    box-sizing: border-box;
    font-size: 14px;
    color:#54AA7B;
    margin: 4px 0px 0px 0px;
    width: 60px;
    height: 26px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
}
.new-header-container .nav-btn{
    float:right;
    height:34px;
    line-height:34px;
    font-size:12px;
    margin-right:20px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
}
.new-header-container .nav-btn>img{
    /*width:14px;
    height:14px;
    margin:10px 5px 10px 0;
    float:left;*/
}
.new-header-container .nav-btn>span{
    float:left;
}


.new-header-container .header-nav>a.selected,
.new-header-container .header-nav>a:hover{
    color:#2689f1;
    position:relative;
}
.new-header-container .header-nav>a.selected:after,
.new-header-container .header-nav>a:hover:after{
    position:absolute;
    content:'';
    width:35px;
    height:3px;
    background:#2689f1;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
}


.public-footer{
    width:100%;
    min-height:160px;
    padding:20px 0;
    background:rgba(34, 53, 46, 1);
    background-size:cover;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    margin-top:5px;
    z-index: 0;
}
.public-footer .com-footer{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}
.public-footer .footer-left{
    float:left;
    box-sizing:border-box;
}
.public-footer .footer-left>p{
    line-height:35px;
    font-size:14px;
    color:#333333;
}
.public-footer .footer-left>p>a{
    color:#333333;
}
.public-footer .footer-right{
    float:right;
}
.public-footer .footer-right .qrcode-wrap{
    width:120px;
    height:142px;
    float:right;
}
.public-footer .footer-right .qrcode-wrap>.img{
    width:110px;
    height:110px;
    margin:5px auto;
}
.public-footer .footer-right .qrcode-wrap>.img>img{
    width:100%;
    height:100%;
}
.public-footer .footer-right .qrcode-wrap>p{
    line-height:22px;
    font-size:14px;
    text-align:center;
}
/*.com-footer{
    width:100%;
    height:80px;
    background:#f5f5f5;
    padding-top:20px;
    box-sizing:border-box;
}
.com-footer>p{
    line-height:24px;
    margin:0;
    font-size:12px;
    text-align:center;
    color:#919191;
}*/
/*我的账户菜单Start*/

.user-name{
    position:relative;
}

.account-menu{
    width:130px;
    z-index:9999;
    position:absolute;
    top:34px;
    right:-55px;
}

.combobox-four {
    height:140px;
    background-color: #ffffff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
}

.combobox-five {
    height:164px;
    background-color: #ffffff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
}

.account-menu-text{
    width:100%;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:#000000;
    text-align: left;
    text-indent: 12px;
    position:relative;
}

.account-menu-text:hover{
    color:#54AA7B;
    background-color: #f5f5f5;
}

.exit-btn {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align:center;
    color:#ffffff;
    background-color: #54AA7B;
    font-size: 14px;
}

.exit-btn img{
    width:22px;
    height:22px;
    margin-right:5px;
    position:relative;
    top:3px;
}

.user-name .account-menu{
    display:none;
}

.user-name:hover .account-menu{
     display:block;
}
/*我的账户菜单End*/

/*认证管理Start*/
.auth-menu{
    width:130px;
    z-index:9999;
    position:absolute;
    top:34px;
    right: -55px;
}

.auth-menu-text{
    width:100%;
    height:32px;
    line-height:32px;
    margin:0 auto;
    font-size:14px;
    color:#333;
    text-align:right;
    position:relative;
}

.auth-menu-text:hover{
    color:#5bbbee;
}

.auth-menu-text:hover:before{
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    background:#5bbbee;
    position:absolute;
    top:17px;
    left:0px;
}
.user-auth {
    position: relative;
}
.user-auth .auth-menu{
    display:none;
}
.user-auth:hover .auth-menu{
     display:block;
}
/*认证管理End*/

.header-notice {
    position: relative;
}

.new-notice{
    position:relative;
}
.new-notice:after{
    position:absolute;
    top:0;
    left:0;
    content:'';
    width:40px;
    height:40px;
    background:url('/images/Public/new_icon.png');
    background-size:100% 100%;
}
.header-notice:hover .header-notice-list{
     display:block;
}
.header-notice-list {
    width: 210px;
    height: 260px;
    position: absolute;
    top: 34px;
    right: -55px;
    text-align: center;
    overflow: hidden;
    display: none;
    z-index:9999;
    background-color: #ffffff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1)
}
.header-notice-type {
    margin-top: 10px;
}

.header-notice-type >input:nth-child(1){
    background-color: #f5f5f5;
}

.header-notice-type-btn {
    width: 80px;
    height: 31.88px;
    line-height: 26px;
    background: #fff;
    color: #0290ff;
    margin: 0 5px;
    cursor: pointer;
    border: 1px solid #eee;
}
.header-notice-scroll-div {
    width: 210px;
    height: 191.12px;
    overflow: auto;
    margin-top: 17px;
}
.header-notice-time {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #999;
    text-align: right;
    margin: 5px 9px 0px 0px;
}

.header-notice-content {
    min-height: 17px;
    line-height: 17px;
    text-align: left;
    font-size: 12px;
    color: #555;
    border-bottom: 1px solid #eee;
    margin: 3px 0px 0px 11px;
}

.header-notice-line {
    padding-right: 9px;
}

.red-dot {
    display: block;
    background: #f00;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 10px;
    right: -2px;
    position: absolute;
}
@media screen and (max-width:1500px) {
    .new-header-container>div{
        width:100%;
        height:60px;
        padding:0;
        box-sizing:border-box;
        z-index:2;
        margin:0 auto;
    }
    .new-header-container .input-wrap{
        width:15.62vw;
        min-width:225px;
        height:40px;
        border:1px solid #E3E8EE;
        float:right;
        box-sizing:border-box;
        border-radius:8px;
        display:none;
    }
    .new-header-container .header-logo{
        width:292px;
        height:44px;
    }
    .new-header-container .header-nav{
        margin-top:11.12px;
        height:40px;
    }
    .public-footer .index-center-wrap {
        margin: 0 auto;
        width: 75.91vw;
        /*min-width: 850px;*/
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media screen and (min-width:1501px) and (max-width:10000px) {
    .new-header-container > div {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        z-index: 2;
        margin: 0 auto;
    }

    .new-header-container .input-wrap {
        width: 15.62vw;
        min-width: 225px;
        height: 40px;
        border: 1px solid #E3E8EE;
        float: right;
        box-sizing: border-box;
        border-radius: 8px;
        display: none;
    }

    .new-header-container .header-logo {
        width: 292px;
        height: 44px;
    }

    .new-header-container .header-nav {
        margin-top: 23px;
        height: 40px;
        float: left;
    }

    .public-footer .index-center-wrap {
        margin: 0 auto;
        width: 57.91vw;
        /*min-width: 850px;*/
        padding: 0 20px;
        box-sizing: border-box;
    }
}