/***************个人信息 开始********************/
.user-info-region{
    position: relative;
    float:right;
    margin-right: 20px;
    margin-left: 15px;
    margin:7px 20px 0 15px;
    .user-info{
        float:right;
        position: relative;
        cursor:pointer;
        .user-photo{
            display:block;
            width:30px;
            height:30px;
            float:left;
            border-radius:50%!important;
            overflow:hidden;
            img{
                display:block;
                width:30px;
                height:30px;
            }
        }
        .name-pic{
            display: block;
            float:left;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 30px;
            text-align: center;
            color: #fff;
            font-size: 14px;
        }
        .user-name{
            display:block;
            float:right;
            height: 30px;
            font-size: 14px;
            color: #005999;
            line-height: 30px;
            margin-left: 10px;
            padding-right: 20px;
            position: relative;
            width:auto;
            width:45px\9;
            max-width:100px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            &:after{
                display: block;
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                top: 13px;
                right: 5px;
                border-top: 6px solid transparent;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top-color: #005999;
            }
        }
    }

    .dp-down-list{
        position: relative;
        right: -10px;
        top: 35px;
    }

    // .dp-list-item-new {
    //     a {
    //         position: relative;
            
    //     }
    // }

    .list-ul-box{
        border-radius:2px!important;
        position:absolute;
        right: 0;
        top: 0;
        a{
            color:$M1;
            display: block;
            width: 140px;
            height:32px;
            line-height: 32px;
            white-space: nowrap;
            text-align:left;
            font-size:12px;
            padding: 0 15px;
            overflow:hidden;
            &:hover{
                background:$M5;
            }
        }
    }

    .dp-list-front{
        border: 0 !important;
        box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
        z-index: 999!important;
        background-color:#fff;

        opacity: 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
       
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);

        -webkit-transition: all .15s $Linear;
        -moz-transition: all .15s $Linear;
        -o-transition: all .15s $Linear;
        -ms-transition: all .15s $Linear;
        transition: all .15s $Linear;

        display:none \9;

        .dp-list-link {
            width: auto;
            min-width:140px;
            height:32px;
        }
        
        .dp-list-icon-new {
            display: inline-block;
            width: 30px;
            height: 13px;
            background-image: url(../../../images/new2.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            position: relative;
            top: 2px;
        }
    }
    

    .dp-list-shadow{
        z-index: 998!important;
        background-color: transparent!important;
        display:none;
        .dp-list-link {
            color:transparent;
            background-color: transparent!important;
        }
        .li-scale a{
            color:$M1;
            -webkit-transform-origin:20% center;
            -moz-transform-origin:20% center;
            -ms-transform-origin:20% center;
            transform-origin:20% center;

            @include AniQuote(fontScale .3s $Linear forwards);
        }
    }


    .dp-down-active{
        .dp-list-front{
            -webkit-transition: all .15s $Linear;
            -moz-transition: all .15s $Linear;
            -o-transition: all .15s $Linear;
            -ms-transition: all .15s $Linear;
            transition: all .15s $Linear;

            opacity: 1;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);

            display:block\9;
        }
    }
}