.user-menu-component{display:inline-block;line-height:1}html[dir] .user-menu-component{text-align:center}.user-menu-component .unlogin{color:#969696}html[dir] .user-menu-component .unlogin{cursor:pointer}.user-menu-component .unlogin i{color:#ea5947;font-size:18px;vertical-align:middle}.user-menu-component .unlogin span{vertical-align:middle}@media (max-width:768px){.user-menu-component .unlogin{display:none}}html[dir=ltr] .user-menu-component .button-login{margin-left:6px}html[dir=rtl] .user-menu-component .button-login{margin-right:6px}@media (max-width:768px){.user-menu-component .button-login{display:none}}.user-menu-component .login-btn-text{display:inline-block;height:30px;line-height:28px;color:#fff}html[dir] .user-menu-component .login-btn-text{padding:0 6px;text-align:center;background-color:#ea5947;border-radius:4px;border:1px solid #ea5947;cursor:pointer}@media (max-width:768px){.user-menu-component .login-btn-text{display:none}}html[dir] .user-menu-component .login-btn-text:hover{background-color:#db7a6a}html[dir] .user-menu-component .login-btn-text:active{background-color:#bb4330}.user-menu-component .login-btn-text.register{color:#ea5947}html[dir] .user-menu-component .login-btn-text.register{background-color:#fff}html[dir=ltr] .user-menu-component .login-btn-text.register{margin-left:8px}html[dir=rtl] .user-menu-component .login-btn-text.register{margin-right:8px}html[dir] .user-menu-component .login-btn-text.register:hover{background-color:#fcedec}.user-menu-component .login-btn-text.register:active{color:#fff}html[dir] .user-menu-component .login-btn-text.register:active{background-color:#da624f}.user-menu-component .login-i{display:none;font-size:22px}html[dir] .user-menu-component .login-i{cursor:pointer}@media (max-width:768px){.user-menu-component .login-i{display:block;font-weight:700}html[dir] .user-menu-component .login-i{margin:0 10px}}.user-menu-component .user-info{color:#969696;text-decoration:none}.user-menu-component .user-info .name{display:inline-block;max-width:56px;max-height:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.user-menu-component .user-info .name{display:none}}.user-menu-component .avator{width:32px;height:32px}html[dir] .user-menu-component .avator{border-radius:100%}html[dir] .user-menu-component .user-menu-item{text-align:center;cursor:pointer}.user-menu-component .user-control{position:relative}html[dir] .user-menu-component .user-control{cursor:pointer}.user-menu-component .user-control .user-control-menu{display:none;position:absolute;top:100%;z-index:3}html[dir] .user-menu-component .user-control .user-control-menu{margin-top:10px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15)}html[dir=ltr] .user-menu-component .user-control .user-control-menu{right:0}html[dir=rtl] .user-menu-component .user-control .user-control-menu{left:0}.user-menu-component .user-control:active .user-control-menu,.user-menu-component .user-control:focus .user-control-menu,.user-menu-component .user-control:hover .user-control-menu{display:block}.user-menu-component .user-control .fill-blank{position:absolute;top:-10px;width:100%;height:10px}html[dir=ltr] .user-menu-component .user-control .fill-blank{left:0}html[dir=rtl] .user-menu-component .user-control .fill-blank{right:0}.user-menu-component .user-control .user-menu-item{display:block;width:100px;height:36px;line-height:36px;color:#969696;text-decoration:none}@media (max-width:768px){.user-menu-component .user-control .user-menu-item{height:40px;line-height:40px}}html[dir] .user-menu-component .user-control .user-menu-item:hover{background-color:#efeff7}.i18n-espanol .user-menu-component .user-control .user-menu-item{width:180px}
/*# sourceMappingURL=userMenu.css.map */