body {
    /*overflow: hidden;*/
}

.myAvatar {
    position   : relative;
    max-width  : 850px;
    min-height : 620px;
    float      : left;
    width      : 70%;
}

.Avatar_noideal {
    float     : none;
    width     : 100%;
    max-width : 100%;
}

.avatarName {
    position    : absolute;
    width       : 150px;
    text-align  : center;
    left        : 50%;
    margin-left : -75px;
    bottom      : -45px;
    font-size   : 18px;
    font-weight : 700;
}

.zfxw, .zfx {
    transition : linear all .3s;
}

.zfxw {
    -moz-transform    : rotate(405deg);
    -webkit-transform : rotate(405deg);
    transform         : rotate(405deg);
    width             : 300px;
    height            : 300px;
    background        : transparent;
    margin            : 0 auto;
    margin            : auto;
    position          : absolute;
    top               : 0px;
    left              : 0;
    bottom            : 0;
    right             : 0;
    margin-top        : 165px;
}

.zfx {
    width      : 300px;
    height     : 300px;
    background : transparent;
    position   : absolute;
}

.zfx.top {
    border-top        : 4px solid #206E7A;
    right             : 0;
    width             : 0px;
    animation         : zfxtop 1s 0s linear 1 forwards;
    -moz-animation    : zfxtop 1s 0s linear 1 forwards;
    -webkit-animation : zfxtop 1s 0s linear 1 forwards;
}

.zfx.top > .light {
    left              : -45px;
    top               : -50px;
    height            : 0px;
    animation         : zfxlight 1s 1s linear 1 forwards;
    -moz-animation    : zfxlight 1s 1s linear 1 forwards;
    -webkit-animation : zfxlight 1s 1s linear 1 forwards;
}

.zfx.top .mypabtn {
    left              : -110px;
    top               : -65px;
    height            : 71px;
    animation         : zfxbtn4 1s 1s linear 1 forwards;
    -moz-animation    : zfxbtn4 1s 1s linear 1 forwards;
    -webkit-animation : zfxbtn4 1s 1s linear 1 forwards;
}

.zfx.right {
    border-right      : 4px solid #206E7A;
    bottom            : 0;
    height            : 0px;
    animation         : zfxright 1s 0s linear 1 forwards;
    -moz-animation    : zfxright 1s 0s linear 1 forwards;
    -webkit-animation : zfxright 1s 0s linear 1 forwards;
}

.zfx.right > .light {
    right             : -50px;
    top               : -45px;
    height            : 0px;
    animation         : zfxlight 1s 1s linear 1 forwards;
    -moz-animation    : zfxlight 1s 1s linear 1 forwards;
    -webkit-animation : zfxlight 1s 1s linear 1 forwards;
}

.zfx.right .mypabtn {
    right             : -135px;
    top               : -110px;
    height            : 0px;
    animation         : zfxbtn3 1s 1s linear 1 forwards;
    -moz-animation    : zfxbtn3 1s 1s linear 1 forwards;
    -webkit-animation : zfxbtn3 1s 1s linear 1 forwards;
}

.zfx.bottom {
    border-bottom     : 4px solid #206E7A;
    width             : 0px;
    animation         : zfxbottom 1s 0s linear 1 forwards;
    -moz-animation    : zfxbottom 1s 0s linear 1 forwards;
    -webkit-animation : zfxbottom 1s 0s linear 1 forwards;
}

.zfx.bottom > .light {
    bottom            : -50px;
    right             : -45px;
    height            : 0px;
    animation         : zfxlight 1s 1s linear 1 forwards;
    -moz-animation    : zfxlight 1s 1s linear 1 forwards;
    -webkit-animation : zfxlight 1s 1s linear 1 forwards;
}

.zfx.bottom .mypabtn {
    right             : -166px;
    bottom            : -60px;
    animation         : zfxbtn1 1s 1s linear 1 forwards;
    -moz-animation    : zfxbtn1 1s 1s linear 1 forwards;
    -webkit-animation : zfxbtn1 1s 1s linear 1 forwards;
}

.zfx.left {
    border-left       : 4px solid #206E7A;
    height            : 0px;
    animation         : zfxleft 1s 0s linear 1 forwards;
    -moz-animation    : zfxleft 1s 0s linear 1 forwards;
    -webkit-animation : zfxleft 1s 0s linear 1 forwards;
}

.zfx.left > .light {
    left              : -50px;
    bottom            : -45px;
    height            : 0px;
    animation         : zfxlight 1s 1s linear 1 forwards;
    -moz-animation    : zfxlight 1s 1s linear 1 forwards;
    -webkit-animation : zfxlight 1s 1s linear 1 forwards;
}

.zfx.left .mypabtn {
    left              : -200px;
    bottom            : -80px;
    animation         : zfxbtn2 1s 1s linear 1 forwards;
    -moz-animation    : zfxbtn2 1s 1s linear 1 forwards;
    -webkit-animation : zfxbtn2 1s 1s linear 1 forwards;
}

.zfx img {
    position                    : absolute;
    transition-duration         : 0.5s;
    -moz-transition-duration    : 0.5s;
    -webkit-transition-duration : 0.5s;
}

.zfx .light {
    z-index                     : 10;
    width                       : 95px;
    height                      : 95px;
    border-radius               : 50%;
    transition-duration         : 0.5s;
    -moz-transition-duration    : 0.5s;
    -webkit-transition-duration : 0.5s;
}

.zfx .mypabtn {
    transform         : rotate(-45deg);
    -moz-transform    : rotate(-45deg);
    -webkit-transform : rotate(-45deg);
    width             : 0px;
    height            : 0px;
    cursor            : pointer;
}

.zfx .mypabtn:hover {
    transform         : scale(1.1) rotate(-45deg);
    -ms-transform     : scale(1.1) rotate(-45deg);
    -webkit-transform : scale(1.1) rotate(-45deg);
    -o-transform      : scale(1.1) rotate(-45deg);
    -moz-transform    : scale(1.1) rotate(-45deg);
}

.friendlist {
    margin     : 1em;
    width      : 202px;
    position   : relative;
    background : #00869A;
    padding    : 1em;
}

.friendlist li {
    float         : left;
    margin-right  : 1em;
    margin-bottom : 1em;
}

.friendlist li:nth-child(2n) {
    margin-right : 0;
}

.userphoto {
    position  : relative;
    color     : #FFF;
    font-size : 12px;
    margin    : 0;
}

.userphoto .type {
    text-align              : center;
    line-height             : 20px;
    bottom                  : 0;
    left                    : 0;
    width                   : 20px;
    height                  : 20px;
    background              : #410;
    border-top-right-radius : 5px;
    position                : absolute;
}

.userphoto .sc {
    text-align             : center;
    line-height            : 20px;
    width                  : 30px;
    height                 : 20px;
    position               : absolute;
    background             : #00869A;
    border-top-left-radius : 4px;
    bottom                 : 0;
    right                  : 0;
}

.yuan1 {
    border        : 1px solid #FFF;
    width         : 80px;
    height        : 80px;
    border-radius : 50%;
    margin        : 5px;
}

.yuan {
    border        : 4px solid #FFF;
    width         : 90px;
    height        : 90px;
    border-radius : 50%;
}

.y {
    position : absolute;
    left     : 0;
    right    : 0;
    top      : 0;
    margin   : auto;
    bottom   : 0;
}

.y1 {
    background        : url(/Images/myavatar/photoBg_L.png) no-repeat;
    width             : 137px;
    height            : 137px;
    animation         : y1 30s 0s linear infinite;
    -moz-animation    : y1 30s 0s linear infinite;
    -webkit-animation : y1 30s 0s linear infinite;
}

.y2 {
    background        : url(/Images/myavatar/photoBg_S.png) no-repeat;
    width             : 111px;
    height            : 112px;
    animation         : y2 15s 0s linear infinite;
    -moz-animation    : y2 15s 0s linear infinite;
    -webkit-animation : y2 15s 0s linear infinite;
}

.y .userphoto {
    width             : 100px;
    height            : 100px;
    animation         : userphoto 30s 0s linear infinite;
    -moz-animation    : userphoto 30s 0s linear infinite;
    -webkit-animation : userphoto 30s 0s linear infinite;
    overflow          : visible;
}

.y .userphoto,
.y .userphoto > img {
    border-radius : 50%;
}

@keyframes zfxw {
    0% {
        -webkit-transform : rotate(45deg);
        -moz-transform    : rotate(45deg);
        transform         : rotate(45deg);
    }

    100% {
        -webkit-transform : rotate(100%);
        -moz-transform    : rotate(100%);
        transform         : rotate(100%);
    }
}

@keyframes zfxtop {
    0% {
        width : 0px;
    }

    100% {
        width : 100%;
    }
}

@keyframes zfxright {
    0% {
        height : 0px;
    }

    100% {
        height : 100%;
    }
}

@keyframes zfxbottom {
    0% {
        width : 0px;
    }

    100% {
        width : 100%;
    }
}

@keyframes zfxleft {
    0% {
        height : 0px;
    }

    100% {
        height : 100%;
    }
}

@keyframes zfxlight {
    0% {
        height : 95px;
    }

    100% {
        height : 95px;
    }
}

@keyframes zfxbtn1 {
    0% {
        width  : 289px;
        height : 70px;
    }

    100% {
        width  : 289px;
        height : 70px;
    }
}

@keyframes zfxbtn2 {
    0% {
        width  : 208px;
        height : 60px;
    }

    100% {
        width  : 208px;
        height : 60px;
    }
}

@keyframes zfxbtn3 {
    0% {
        width  : 184px;
        height : 61px;
    }

    100% {
        width  : 184px;
        height : 61px;
    }
}

@keyframes zfxbtn4 {
    0% {
        width  : 178px;
        height : 71px;
    }

    100% {
        width  : 178px;
        height : 71px;
    }
}

@keyframes userphoto {
    0% {
        transform         : rotate(-45deg);
        -moz-transform    : rotate(-45deg);
        -webkit-transform : rotate(-45deg);
    }

    100% {
        transform         : rotate(315deg);
        -moz-transform    : rotate(315deg);
        -webkit-transform : rotate(315deg);
    }
}

@keyframes y1 {
    0% {
        transform         : rotate(0deg);
        -moz-transform    : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }

    100% {
        transform         : rotate(360deg);
        -moz-transform    : rotate(360deg);
        -webkit-transform : rotate(360deg);
    }
}

@keyframes y2 {
    0% {
        transform         : rotate(0deg);
        -moz-transform    : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }

    100% {
        transform         : rotate(-360deg);
        -moz-transform    : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
}

/*-webk*/

@-webkit-keyframes zfxtop {
    0% {
        width : 0px;
    }

    100% {
        width : 100%;
    }
}

@-webkit-keyframes zfxright {
    0% {
        height : 0px;
    }

    100% {
        height : 100%;
    }
}

@-webkit-keyframes zfxbottom {
    0% {
        width : 0px;
    }

    100% {
        width : 100%;
    }
}

@-webkit-keyframes zfxleft {
    0% {
        height : 0px;
    }

    100% {
        height : 100%;
    }
}

@-webkit-keyframes zfxlight {
    0% {
        height : 95px;
    }

    100% {
        height : 95px;
    }
}

@-webkit-keyframes zfxbtn1 {
    0% {
        width  : 289px;
        height : 70px;
    }

    100% {
        width  : 289px;
        height : 70px;
    }
}

@-webkit-keyframes zfxbtn2 {
    0% {
        width  : 208px;
        height : 60px;
    }

    100% {
        width  : 208px;
        height : 60px;
    }
}

@-webkit-keyframes zfxbtn3 {
    0% {
        width  : 184px;
        height : 61px;
    }

    100% {
        width  : 184px;
        height : 61px;
    }
}

@-webkit-keyframes zfxbtn4 {
    0% {
        width  : 178px;
        height : 71px;
    }

    100% {
        width  : 178px;
        height : 71px;
    }
}

@-webkit-keyframes userphoto {
    0% {
        transform         : rotate(-45deg);
        -moz-transform    : rotate(-45deg);
        -webkit-transform : rotate(-45deg);
    }

    100% {
        transform         : rotate(315deg);
        -moz-transform    : rotate(315deg);
        -webkit-transform : rotate(315deg);
    }
}

@-webkit-keyframes y1 {
    0% {
        transform         : rotate(0deg);
        -moz-transform    : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }

    100% {
        transform         : rotate(360deg);
        -moz-transform    : rotate(360deg);
        -webkit-transform : rotate(360deg);
    }
}

@-webkit-keyframes y2 {
    0% {
        transform         : rotate(0deg);
        -moz-transform    : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }

    100% {
        transform         : rotate(-360deg);
        -moz-transform    : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
}

/*-webk*/

.wrapBlock {
    margin-top : 50px;
    max-width  : 250px;
    float      : right;
}

.wrapBlock-content {
    padding       : 0;
    margin-bottom : 0;
    box-shadow    : 0 2px 3px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .4);
    z-index       : 100;
    position      : relative;
}

.elementList {
    right : 0;
}

.elementList > li {
    padding : 0;
}

.element-photo {
    height     : 120px;
    text-align : center;
}

.element-photo dd {
    padding-top : 0;
    width       : 120px;
}

.element-photo dt {
    width   : 95px;
    height  : 95px;
    display : inline-block;
}

.elementList {
    padding : 0 0 10px;
}

.btn-save {
    width         : 150px;
    border-radius : 0 0 5px 5px;
    text-align    : center;
    padding       : 0;
    line-height   : 30px;
    font-size     : 18px;
    margin        : 0 auto;
    position      : relative;
    z-index       : 10;
    top           : -2px;
}

.btn-save a {
    color   : #FFF;
    display : block;
}

.btn-save i {
    font-size : 22px;
}

.cadidateList {
    max-height : 420px;
    min-width  : 248px;
}

.cadidateList:last-child {
    display : none;
}

.wrapBlock-primary {
    position : relative;
    height   : 33px;
}

.wrapBlock-primary dt {
    position   : absolute !important;
    left       : 0;
    top        : 6px;
    cursor     : pointer;
    min-width  : 150px;
    opacity    : .85;
    transition : all ease .1s;
}

.wrapBlock-primary dt span.candidate-party {
    position    : relative;
    top         : -3px;
    font-size   : 14px;
    width       : 18px;
    height      : 18px;
    line-height : 18px;
}

.wrapBlock-primary dt:hover {
    opacity : 1;
}

.wrapBlock-primary dt .word-toggle {
    display : none;
}

.wrapBlock-primary dt.active {
    z-index : 1000;
    cursor  : default;
    opacity : 1;
    top     : 2px;
}

.wrapBlock-primary dt.active .word-toggle {
    display : inline;
}

.wrapBlock-primary dt.active span.candidate-party {
    top : -1px;
}

.wrapBlock-primary dt:last-child {
    left                   : auto;
    right                  : 33px;
    text-align             : right;
    padding-left           : 0;
    border-top-left-radius : 0;
}

.cadidateList-mark {
    height        : 23px;
    width         : 30px;
    left          : 0;
    color         : #FFF;
    border-radius : 0 5px 0 5px;
    background    : #00859A;
    border-left   : 1px solid #00859A;
    border-top    : 1px solid #00859A;
    font-size     : 12px;
    overflow      : hidden;
    line-height   : 23px;
}

.cadidateList-mark input {
    padding    : 0 2px;
    width      : 100%;
    background : none;
    text-align : center;
    outline    : none;
    border     : none;
    box-shadow : 0 0 2px #333 inset;
    transition : all ease .1s;
}

.cadidateList-mark input:focus {
    background : #195C66;
    box-shadow : 0 0 2px #000 inset;
}

/*
::-webkit-input-placeholder { 
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}
*/
:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color : #FFF;
}

.myavatar-more button {
    background : #FAFAFA;
    width      : 100%;
    box-shadow : 0 0 2px rgba(0, 0, 0, 0.2);
    padding    : 5px 0;
    outline    : none !important;
}

li.myavatar-more button {
    margin-top : 10px;
}

.template {
    float             : right;
    top               : 0px;
    width             : 160px;
    height            : 160px;
    -moz-transform    : rotate(405deg);
    -webkit-transform : rotate(405deg);
    transform         : rotate(405deg);
    background        : transparent;
}

.template .avatarName::after {
    content : '';
}

.fix-modal-body {
    margin-top         : 88px;
    background-color   : antiquewhite;
    border             : 1px solid rgba(0, 0, 0, .2);
    border-radius      : 6px;
    -webkit-box-shadow : 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow         : 0 5px 15px rgba(0, 0, 0, .5);
}

.myAvatars {
    position : absolute;
    left     : 200px;
    top      : 5px;
    height   : 90px;
}

.myAvatars > ul > li {
    width   : 90px;
    height  : 90px;
    display : -webkit-inline-box;
}

.myAvatars > ul > li canvas {
    cursor : pointer;
}

.candidate-homePhoto {
    bottom     : -30px;
    background : transparent;
    width      : auto;
    height     : auto;
    border     : 0px;
}

.candidate-homePhoto canvas {
    display : block;
}

.candidate-signature {
    position     : absolute;
    left         : 0px;
    margin-left  : 198px;
    right        : 0px;
    margin-right : 5px;
    top          : -95px;
    height       : 90px;
    text-align   : left;
    overflow     : hidden;
    font-size    : 18px;
}

.candidate-signature pre {
    color : #EEE;
}

.canblock-center {
    width     : 100%;
    max-width : 540px;
}

.canblock-center .content {
    min-height : 40px;
}

.position-answers li {
    border        : 1px solid #DDD;
    margin-bottom : 8px;
}

.position-subject {
    white-space      : nowrap;
    /*width: 270px;*/
    text-overflow    : ellipsis;
    overflow         : hidden;
    padding          : 5px 2px;
    background-color : #EEE;
    padding-left     : 13px;
    border-bottom    : 1px solid #DDD;
}

.position-answer {
    padding          : 2px 20px;
    background-color : #FFF;
}

.send-box {
    background-color : #F2F8FD;
    min-height       : 100px;
    border-radius    : 4px;
    margin-bottom    : 10px;
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    padding          : 7px 14px;
}

.send-box .btns {
    height        : 32px;
    padding-top   : 5px;
    padding-left  : 9px;
    border-bottom : 1px solid #AAA;
    margin-bottom : 5px;
}

.send-box .btns button {
    background : transparent;
}

.send-box .btns button span {
    background-color : brown;
    padding          : 3px;
    color            : white;
    border-radius    : 3px;
}

.send-box .photo {
    display       : block;
    width         : 34px;
    height        : 34px;
    margin-left   : 5px;
    margin-top    : 5px;
    padding       : 1px;
    border        : 1px solid #AAA;
    border-radius : 50%;
}

.send-box .photo img {
    border-radius : 50%;
}

.send-box .content {
    min-height    : 80px;
    border        : 1px solid rgba(123, 150, 196, .3);
    border-radius : 2px;
}

.content[contenteditable="true"] {
    padding    : 5px 8px;
    outline    : 1px solid transparent;
    transition : all linear .2s;
    background : #FFF;
}

.content[contenteditable="true"]:focus {
    outline : 1px solid rgba(123, 150, 196, .8);
}

.content[contenteditable="true"]:empty:before {
    content : "Enter your words...";
    color   : #999;
    cursor  : text;
}

.content[contenteditable="true"]:focus:before {
    content : "";
}

.send-box .tool {
    margin-top : 5px;
}

.send-box .tool .btns {
    float : left;
}

.send-box .tool .btns button {
    background-color : #EEE;
    border           : 1px solid #AAA;
    color            : #AAA;
}

.Recommend-box {
    background-color : white;
    border-radius    : 4px;
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom    : 10px;
    overflow         : hidden;
}

.Recommend-box .icon-Friends {
    border-radius    : 4px;
    background-color : #337AB7;
    color            : white;
    width            : 32px;
    height           : 32px;
    display          : block;
    line-height      : 32px;
    text-align       : center;
    font-size        : 18px;
}

.Recommend-box .head {
    padding          : 8px;
    display          : table;
    width            : 100%;
    background-color : #FAFAFA;
    box-shadow       : 0 1px 1px rgba(0, 0, 0, .1);
    border-bottom    : 1px solid #FFF;
}

.Recommend-box .head li {
    display        : table-cell;
    vertical-align : middle;
    min-width      : 41px;
}

.Recommend-box .head li.Recommend-box-tit {
    width : 100%;
}

.Recommend-box .friends {
    overflow   : hidden;
    border-top : 1px solid #DDD;
}

.Recommend-box .head li span {
    display : block;
}

.Recommend-box-photo {
    width   : 100px;
    height  : 100px;
    border  : 1px solid #CCC;
    display : inline-block;
}

.Recommend-box-photo img {
    padding    : 1px;
    width      : 100%;
    transition : all linear .2s;
}

.Recommend-box .friends ul {
    padding    : 10px 12px;
    overflow   : hidden;
    display    : table;
    text-align : center;
    width      : 100%;
}

.Recommend-box .friends ul > li {
    display       : table-cell;
    width         : 25%;
    border-right  : 1px solid #EEE;
    padding-left  : 10px;
    padding-right : 10px;
}

.Recommend-box .friends ul > li:last-child {
    border-right : none;
}

.Recommend-box .friends ul > li dl {
    margin-bottom : 0;
}

.Recommend-box-btn button {
    padding    : 1px 8px;
    margin-top : 2px;
}

.Recommend-box-btn i {
    position    : relative;
    top         : 2px;
    line-height : 1;
}

.message-box {
    background-color : #FFF;
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    min-height       : 100px;
    margin-bottom    : 10px;
    border-radius    : 2px;
}

.message-box .sender {
    padding : 16px 10px 0;
    /*overflow: hidden;*/
}

.message-box .sender .photo {
    position      : relative;
    display       : block;
    width         : 50px;
    height        : 50px;
    margin-left   : 5px;
    padding       : 1px;
    float         : left;
    border        : 1px solid #AAA;
    border-radius : 50%;
    overflow      : hidden;
}

.message-box .sender .photo img {
    border-radius : 50%;
    width         : 100%;
    height        : 100%;
}

.message-box .sender .other {
    margin-left : 10px;
    float       : left;
}

.message-box .sender .other .name {
    font-size : 16px;
    margin    : 3px 0 2px;
}

.message-box .sender .other .name a {
    color : #394F75;
}

.message-box .sender .other .time {
    font-size : 12px;
    color     : #AAA;
}

.message-box .content-text {
    padding     : 0 10px 10px 75px;
    line-height : 1.1;
}

.message-box .tool {
    height : 34px;
}

.message-box > .tool {
    position   : relative;
    z-index    : 1;
    transition : all ease-out .2s;
}

.message-box > .tool.active {
    box-shadow : 0 1px 1px rgba(0, 0, 0, 0.3);
}

.message-box .tool .btns {
    border-top   : 1px solid rgba(123, 150, 196, .15);
    padding-left : 15px;
    height       : 100%;
}

.message-box .tool .btns button {
    background    : transparent;
    margin-right  : 20px;
    box-shadow    : none !important;
    outline       : none !important;
    color         : #666;
    height        : 100%;
    border-radius : 0;
    border        : none;
}

.message-box .tool .btns button[data-key="comments"].active {
    box-shadow : 0 -1px 0 #556F9D inset !important;
    color      : #556F9D;
}

.message-box .tool .btns button.active {
    color       : purple;
    font-weight : 700;
}

.message-box .tool .btns button:hover {
    color : #556F9D;
}

.message-box .comments {
    background-color : #F2F8FD;
    position         : relative;
    transition       : all ease-in .2s;
    max-height       : 0;
    min-height       : 0;
    border           : 0;
    padding          : 0;
    overflow         : hidden;
    visibility       : hidden;
    opacity          : 0;
}

.message-box .comments.show {
    min-height    : 40px;
    max-height    : 1000px;
    position      : relative;
    padding-top   : 10px;
    border-bottom : 2px solid #DF9185;
    visibility    : visible;
    opacity       : 1;
}

.message-box .comments .comment {
    margin : 0px 10px 0;
}

.message-box .comments .comment .shares {
    display       : block;
    font-size     : 14px;
    margin-top    : 6px;
    padding-left  : 10px;
    margin-bottom : 5px;
}

.message-box .comments .comment .photo {
    position      : absolute;
    display       : block;
    width         : 34px;
    height        : 34px;
    margin-top    : 5px;
    padding       : 1px;
    float         : left;
    border        : 1px solid #AAA;
    border-radius : 50%;
}

.message-box .comments .comment .photo img {
    border-radius : 50%;
}

.message-box .comments .comment .content {
    min-height : 32px;
    border     : 1px solid #CCC;
}

.message-box .comments .comment .content:focus + span {
    color : #333;
}

.message-box .comments .comment .send {
    font-size    : 12px;
    color        : #AAA;
    padding      : 10px 0;
    padding-left : 0;
    text-align   : right;
    display      : block;
}

.message-box .comments .list {
    margin     : 0px 10px;
    padding    : 5px 0px;
    border-top : 1px solid rgba(0, 0, 0, .2);
}

.message-box .comments .list > li {
    display : table;
    width   : 100%;
}

.message-box .comments .list > li > div {
    display        : table-cell;
    vertical-align : top;
}

.message-box .comments .list li > .reply-box {
    padding       : 5px 0;
    border-bottom : 1px solid rgba(123, 150, 196, .2);
}

.message-box .comments .list li:last-child > .reply-box {
    border-bottom : none;
}

.message-box .comments .list li > .reply-box .content {
    margin-bottom : 5px;
}

.message-box .comments .list li > .reply-box .content a {
    margin-right : 2px;
}

.reply-box .content {
    min-height    : 20px;
    background    : transparent;
    margin-left   : 2px;
    margin-bottom : 0px;
}

.reply-box .tool {
    height : 20px;
    margin : 0px;
}

.reply-box .tool .btns {
    border-top   : 0px;
    padding-left : 0px;
    height       : 20px;
    padding-top  : 0px;
    color        : #AAA;
}

.reply-box .tool .btns .time {
    display   : inline-block;
    font-size : 12px;
}

.reply-box .tool .btns button {
    background : transparent;
}

.noavatar, .message-nodata {
    height           : 200px;
    text-align       : center;
    padding-top      : 95px;
    border           : 1px solid #AAA;
    border-radius    : 4px;
    background-color : white;
}

.Change_photo {
    position      : absolute;
    width         : 100px;
    text-align    : center;
    bottom        : 25px;
    left          : 25px;
    border-radius : 50%;
    height        : 100px;
    border-left   : none;
    padding       : 40px 25px;
    font-size     : 12px;
    opacity       : 0;
    transition    : all linear .1s;
    cursor        : pointer;
    z-index       : 1;
    box-shadow    : 0 0 0 0 rgba(32, 110, 122, .8) inset;
}

.Change_photo:hover {
    opacity    : 1;
    box-shadow : 0 0 0 50px rgba(32, 110, 122, .8) inset;
}

#shwoimg {
    width  : 300px;
    height : 300px;
    border : 1px solid #DCDCDC;
    margin : 0 auto;
}

.img-circle {
    border-radius : 50%;
}

.img-preview {
    border   : 1px solid #DCDCDC;
    overflow : hidden;
    width    : 150px;
    height   : 150px;
}

.avatarLog-tip {
    padding   : 5px 0;
    font-size : 18px;
    color     : #394F75;
}

.avatarcomm-filter {
    position      : absolute;
    bottom        : 100%;
    right         : 4px;
    margin-bottom : 4px;
    z-index       : 10;
}

.avatarcomm-filter .dropdown-menu, .avatarView-filter .dropdown-menu {
    left  : auto;
    right : 0;
    width : 420px;
}

.avatarView-filter {
    display : inline-block;
}

.avatarView-filter .dropdown-menu {
    width       : auto;
    padding-top : 0;
}

.avatarcomm-filter .dropdown-menu a, .avatarView-filter .dropdown-menu a {
    color : #333;
}

.avatarView-filter .dropdown-menu a {
    white-space : nowrap;
}

.a-filter-tip {
    font-size   : 12px;
    margin-left : 5px;
    color       : #666;
}

.avatarView-filter .dropdown-menu a i {
    top      : 2px;
    position : relative;
}

.avatarName-comm {
    width       : 42px;
    /* border: 1px solid #ddd; */
    text-align  : center;
    padding-top : 5px;
}

.avatarName-comm img {
    display       : inline-block;
    border        : 1px solid #DDD;
    border-radius : 50%;
    height        : 30px;
    width         : 30px;
}

.tcont-taghot {
    top          : 0 !important;
    color        : #D60F0F !important;
    margin-right : 2px;
}

.reply-box .tool .btns button:last-of-type {
    display : none;
}

.avatarComm-icon {
    margin-right : 4px;
}

.Recommend-box-tool > i,
.Recommend-box-tool-bot span {
    border           : 1px solid #EEE;
    border-radius    : 5px;
    display          : inline-block;
    line-height      : 25px;
    background-color : #FAFAFA;
    color            : #666;
    font-size        : 24px;
    padding          : 0 2px;
    cursor           : pointer;
}

.Recommend-box-tool > i {
    width       : 30px;
    height      : 30px;
    font-size   : 14px;
    line-height : 30px;
}

.Recommend-box-tool > i.icon-Add {
    font-size   : 16px;
    font-weight : 700;
    padding     : 0 5px;
}

.Recommend-box-tool > i:hover,
.Recommend-box-tool-bot span:hover {
    border           : 1px solid #DDD;
    background-color : #EDEDED;
    color            : #000;
}

.Recommend-box-tool > i:active,
.Recommend-box-tool-bot span:active {
    border           : 1px solid #EEE;
    background-color : #FFF;
    color            : #999;
}

.Recommend-box-tool-bot {
    margin : 1px 0 9px;
}

.Recommend-box-tool-bot span {
    font-size : 12px;
    padding   : 2px 35px;
    border    : 1px solid #DDD;
}

.Recommend-box-tool-bot span i {
    line-height : 1;
    position    : relative;
    top         : 1px;
    font-size   : 12px;
}

.Recommend-box-name {
    margin-top : 3px;
}

.avatarHead-menu {
    position   : absolute !Important;
    width      : 100%;
    text-align : center;
    height     : 100%;
}

.avatarHead-menu li {
    position    : relative;
    display     : inline-block;
    margin      : 0 30px;
    line-height : 35px;
    padding     : 0 5px;
    font-size   : 16px;
}

.avatarHead-menu li a {
    color : #333;
}

.avatarHead-menu li.active, .avatarHead-menu li:hover {
    box-shadow : 0 -2px 0 #206E7A inset;
}

.avatarHead-menu li.active a, .avatarHead-menu li:hover a {
    color : #206E7A;
}

.myPosition-tab {
    padding     : 0 !important;
    text-align  : center;
    line-height : 30px !Important;
    font-weight : 700;
    overflow    : visible !important;
}

.myPosition-tab li {
    width      : 50%;
    float      : left;
    position   : relative;
    border-top : 1px solid transparent;
    cursor     : pointer;
}

.myPosition-tab li:before {
    content     : "\e606";
    position    : absolute;
    top         : -20px;
    left        : 50%;
    margin-left : -6px;
    color       : #B4C9CD;
    display     : none;
    font-size   : 12px;
}

.myPosition-tab li:first-child {
    border-right : 1px solid #EBEBEB;
}

.myPosition-tab li.active {
    cursor : default;
}

.myPosition-tab li.active, .myPosition-tab li:hover {
    background-color : #FAFAFA;
    border-top-color : #B4C9CD;
}

.myPosition-tab li.active:before, .myPosition-tab li:hover:before {
    display : block;
}

.candidate-homeDetail {
    left : 197px;
}

.message-box-tool .dropdown-menu {
    padding   : 0;
    min-width : 140px;
}

.message-box-tool .dropdown-menu > li > a {
    color : #333;
}

.message-box-tool > .iconfont {
    cursor        : pointer;
    padding       : 0 6px;
    line-height   : 24px;
    border-radius : 5px;
    transition    : all linear .2s;
    color         : #999;
}

.message-box-tool > .iconfont:hover, .message-box-tool.open > .iconfont {
    background : #F2F2F2;
    color      : #333;
}

.chatrooms-blockbg .chat-his {
    background : #ECF5FC;
    padding    : 4px 10px !important;
}

.chatrooms-blockbg .chat-his .iconfont {
    top       : 1px;
    font-size : 14px;
}

/*modal-chatgroups*/
.modal-chatgroups dd {
    position : relative;
    overflow : visible;
}

.modal-chatgroups dd:after {
    content : "";
    clear   : both;
    float   : none;
    display : block;
}

/*modal-chatgroups-end*/

.shareBox {
    background-clip   : padding-box;
    background-color  : #FFF;
    border            : 1px solid rgba(0, 0, 0, 0.3);
    border-radius     : 6px 6px 6px 6px;
    box-shadow        : 0 3px 7px rgba(0, 0, 0, 0.3);
    left              : 50%;
    margin            : -180px 0 0 -180px;
    overflow          : hidden;
    position          : fixed;
    top               : 50%;
    width             : 360px;
    min-height        : 360px;
    overflow          : hidden;
    z-index           : 100;
    visibility        : hidden;
    opacity           : 0;
    transform         : translateY(-100px);
    -ms-transform     : translateY(-100px); /* IE 9 */
    -webkit-transform : translateY(-100px); /* Safari and Chrome */
    transition        : all linear .2s;
}

.shareBox.active {
    visibility        : visible;
    opacity           : 1;
    transform         : translateY(0);
    -ms-transform     : translateY(0); /* IE 9 */
    -webkit-transform : translateY(0); /* Safari and Chrome */
}

.shareBox dt {
    border-bottom : 1px solid #EEE;
    padding       : 9px 15px 9px 37px;
}

.shareBox dt i {
    color      : #D4D4D4;
    cursor     : pointer;
    transition : all linear .2s;
}

.shareBox dt i:hover {
    color : #C00;
}

.shareBox dt b.iconfont {
    color       : #14B81C;
    font-weight : 100;
    font-size   : 20px;
    position    : absolute;
    top         : 5px;
    left        : 11px;
}