.header{
    flex-shrink: 0;
    height: 50px;
    
    position: relative;
    background: #2b8aff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
    padding:10px;
}
.header img{
    height: 46px;
    vertical-align: middle;
    margin-right: 12px;
}
.header .logo{color:#fff;font-size:24px;font-weight:bold;line-height:50px;}
.container{width:1200px;margin:0 auto;max-width:100%;}


.header_person{height:47px;min-width:100px;text-align: center;line-height:47px; display:inline-block;vertical-align: middle;color:#fff;font-size:16px;}
.header .right{position:relative}

.drop{display:none;top: 46px;position: absolute;background: #fff;z-index: 99999;right: 0;border-radius: 5px;padding: 10px 0;box-shadow: 0 8px 8px #dbdbdb;width: 116px;}
.drop a{cursor:pointer;display: block;color: #1597fc;font-size: 12px;padding: 10px 21px 10px 21px;    line-height: 20px; text-decoration: none; text-align: center; }
.drop a:hover{background-color:#f1f1f1;}
.drop:before{content:"";position: absolute;top: -14px;border: 7px;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;left: 50%;margin-left: -7px;}
.header .right:hover .drop,.drop:hover{display:block;animation:mymove 0.1s;-webkit-animation:mymove 0.1s; }
@keyframes mymove
{
    from {top:42px;}
    to {top:46px;}
}