.header{height: 120px;}
.header .wrap1200{display: flex;justify-content: space-between;align-items: center;height: 120px;}
.header .logo img{width: 430px;height: 55px;cursor:pointer}
.header .header-login-btn{display: flex;align-items: center;}

.before_login{display: flex;align-items: center;font-size: 16px;height: 22px;line-height: 22px;}
.before_login span{color: rgba(201,23,44,.4);margin: 0 12px;position: relative;top: -1px;}
.before_login a{font-size: 16px;color: #C9172C;font-weight: 500;}
.before_login a:hover,.after_login a.username:hover{color: #EA4C5F;}
.after_login{display: flex;align-items: center;}
.after_login a.username{ font-size: 16px;color: #C9172C;vertical-align: middle;line-height: 20px;align-items: center;justify-content: space-between;max-width: 175px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.after_login .exit{display: inline-block;margin-left: 12px; width: 20px;height: 20px;background: url(../images/exit_icon.png) no-repeat 0 0;background-size: 20px 20px;vertical-align: middle;}
.after_login .exit::before{content:'';display: inline-block;width: 10px;height: 16px;border-right:1px solid rgba(201,23,44,.4);cursor: default;position: relative;top: 2px;left: -18px;}
.after_login .exit:hover{background-image: url(../images/exit_icon_hover.png);}
.before_login.hide,.after_login.hide{display: none;}


.nav-wrapper{height: 72px;background: url(../images/nav-bg.png) no-repeat top center;width:100%;z-index: 500;min-width: 1200px;}
.nav-wrapper .wrap1200{display: flex;justify-content: space-between;align-items: center;height: 74px;}
.nav-list{display: flex;align-items: center;}
.nav-list .item{width: 123px;text-align: center;height: 74px;position: relative;z-index:5;}
.nav-list .item:first-child{width: 93px;}
.nav-list .item>a{font-size: 16px;color: #fff;font-weight: 500;line-height: 72px;display: block;}
.nav-list .item:hover>a{background: linear-gradient(180deg, rgba(168,21,8,1) 0%, rgba(181,37,25,0.3) 100%);font-weight: 700;}
.nav-list .item.active>a{background: linear-gradient(180deg, rgba(168,21,8,1) 0%, rgba(181,37,25,0.3) 100%);font-weight: 700;}
.nav-list .item.active::after{content:'';display: block;width: 100%;height: 3px;background: #fff;position: absolute;bottom: 2px;left: 0;}


body{background:#F4F6F7 url(../images/header_bg.png) no-repeat top center;}