.panel {
            overflow: visible;
        }
        .layout-panel {
              overflow: visible;
        }
         .cicle {
             border-radius: 100%;
             border: 2px solid #373d41;
         }

        .per_center {
            width: 40px;
            height: 40px;
            float: right;
            cursor: pointer;
            text-align: center;
            margin-right: 30px;
        }

        .per_center_menu {
            background: #2F3B53;
            position: absolute;
            top: 50px;
            right: -17px;
            border-top: 1px solid #666;
            display: none;
            
        }

        .per_center:hover .cicle {
            border-color: #fefefe;
        }

        .per_center:hover .mange {
            display: block;
        }

        .per_center_menu_itme {
            height: 20px;
            color: #fff;
            padding: 0 16px;
            margin: 18px 12px;
            font: 14px/20px "微软雅黑";
            text-align: left;
            width: 84px;
        }

        .per_center_menu_itme img {
            width: 16px;
            vertical-align: text-bottom;
            margin-right: 8px;
        }

        .per_center_menu_itme:hover {
            color: #00a2ca;
        }