.front-header{width:100%;border:0 solid red;display:block;z-index:100000;background:#1f2937}.front-header .header-nav{width:100%;height:55px;border:0 solid red;display:flex}.front-header .header-nav .left{width:50%;border:0 solid red;display:flex;cursor:pointer;position:relative;margin:0 0 0 0}.front-header .header-nav .left .center{display:flex;justify-content:center;border:0 solid #fff}.front-header .header-nav .left .center .logo{width:84px;height:auto;margin:3px 10px 10px 32px}.front-header .header-nav .left .center ul{border:0 solid red;display:flex;justify-content:flex-start;margin:0 0 0 0}.front-header .header-nav .left .center ul li{font-size:14px;font-weight:500;line-height:55px;letter-spacing:0;color:#6b7280;margin:0 30px 0 6px;display:flex;align-items:center;border:0 solid red}.front-header .header-nav .left .center ul li img{width:16px;height:16px;margin:0 0 0 0}.front-header .header-nav .left .center ul li span{height:16px;line-height:16px;border:0 solid red;margin:0 4px 0 0}.front-header .header-nav .left .center ul .active,.front-header .header-nav .left .center ul li:hover{color:#1b9af5}.front-header .header-nav .right{width:50%;border:0 solid #fff;height:100%;display:flex;cursor:pointer;justify-content:flex-end}.front-header .header-nav .right .nav{width:12%;border:0 solid red;display:flex}.front-header .header-nav .right .user-info{position:relative;max-width:80%;border:0 solid #000;display:flex;z-index:100000;margin:0 32px 0 0}.front-header .header-nav .right .user-info .nickname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#fff}.front-header .header-nav .right .user-info div{display:flex;align-items:center;cursor:pointer}.front-header .header-nav .right .user-info div .login-avatar{width:35px;height:35px;border-radius:20px;z-index:10!important;margin:0 12px 0 0!important;border:0 solid #6b7280}.front-header .header-nav .right .user-info div .el-icon-arrow-down{margin:0 0 0 0;font-size:20px;color:#fff}.front-header .header-nav .right .user-info .login_text{font-size:14px;display:inline-block;margin-top:2px}.front-header .header-nav .right .user-info .login_icon .el-button{margin:0 0 0 10px}.el-dropdown-menu{background-color:#111827!important;border:none}.el-dropdown-menu__item--divided{border:none}.el-dropdown-menu__item--divided:before{height:1px!important;display:block;margin:0 -20px;background-color:#374151}.el-dropdown-menu__item:hover{color:#374151!important}.popper__arrow{border-color:transparent transparent #000 transparent;left:50%!important}.el-popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#1f2937!important;top:0!important}.collect,.register{background:none;border:1px solid #409eff}.collect span,.register span{color:#409eff}