.usertop {
    font-family: "microsoft yahei",SimSun,arial,sans-serif;
    position: relative;
    height: 42px;
    color: #ccc;
    background: #3c3e46;
    box-shadow: 0 1px 3px rgba(27,27,27,.25);
    z-index: 300;
}

    .usertop .top-inner {
        width: 1200px;
        margin: 0 auto;
    }

    .usertop .ut-ico-hot {
        height: 14px;
        width: 18px;
        position: absolute;
        top: -4px;
        right: -13px;
        background: url(../img/l0LQ7A5K8C.png) no-repeat -82px -100px;
    }

    .usertop .ut-l {
        float: left;
        width: 300px;
        line-height: 42px;
    }

    .usertop .ut-user {
        color: #999;
    }

        .usertop .ut-user a {
            color: #999;
            margin-left: 18px;
        }

    .usertop .visitor-name a {
        margin-left: 0;
    }

    .usertop .ut-user a:hover {
        color: #fff;
        text-decoration: none;
    }

    .usertop .ut-user .name {
        color: #ccc;
        margin-left: 0;
    }

    .usertop .ut-r {
        float: right;
        width: 720px;
    }

    .usertop .ut-lst {
        float: right;
    }

    .usertop .ut-itm {
        position: relative;
        float: left;
        background-image: url(../img/l0LQ7A5K8C.png);
        background-repeat: no-repeat;
        background-position: left -165px;
        padding-left: 1px;
    }

    .usertop .ut-drp {
        z-index: 2;
    }

    .usertop .ut-fir {
        background-image: none;
    }

    .usertop .ut-count {
        display: none;
        padding: 2px 3px;
        color: #fff;
        background: #46ad3b;
        line-height: 1;
        border-radius: 2px;
        margin-left: 5px;
        _margin-top: 14px;
    }

    .usertop .ut-tit {
        color: #ccc;
        display: inline-block;
        padding: 0 10px;
        line-height: 42px;
        height: 42px;
    }

    .usertop .ut-drp .ut-tit {
        padding-right: 18px;
        cursor: default;
        background: url(../img/l0LQ7A5K8C.png) no-repeat right -20px;
    }

    .usertop .ut-drp .ut-link {
        cursor: pointer;
    }

    .usertop .ut-hover .ut-tit, .usertop .ut-tit:hover {
        background-color: #27282e;
        color: #fff;
        text-decoration: none;
    }

    .usertop .ut-hover .ut-tit, .usertop .ut-drp .ut-tit:hover {
        background: #27282e url(../img/l0LQ7A5K8C.png) no-repeat right 20px;
    }

    .usertop .ut-itm:hover .ut-dwn, .usertop .ut-hover .ut-dwn {
        display: block;
    }

    .usertop .ut-dwn {
        position: absolute;
        left: 0;
        top: 38px;
        display: none;
    }

    .usertop .ut-dwn-r {
        left: auto;
        right: -137px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .usertop .ut-dwn-code {
        position: absolute;
        left: auto;
        right: 0;
    }

    .usertop .ut-code {
        padding: 13px 18px 20px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 3px rgba(6,0,1,.15);
        border: 1px solid #ccc;
    }

    .usertop .code-title {
        line-height: 38px;
        height: 38px;
        text-align: center;
        color: #666;
        white-space: nowrap;
    }

    .usertop .ut-code-img {
        height: 130px;
        width: 130px;
    }

    .usertop .ut-con {
        padding-top: 4px;
        padding-bottom: 13px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 3px rgba(6,0,1,.15);
        border: 1px solid #ccc;
    }

    .usertop .hd {
        line-height: 2;
        font-size: 14px;
        color: #000;
    }

    .usertop .ut-con a {
        color: #304f8f;
        position: relative;
        display: inline-block;
    }

        .usertop .ut-con a:hover {
            color: #304f8f;
            text-decoration: underline;
        }

    .usertop .ut-row {
        padding: 9px 0 4px 20px;
        border-bottom: 1px solid #ededed;
    }

    .usertop .last {
        border-bottom: 0;
    }

    .usertop .w-li, .usertop .m-li {
        position: relative;
        float: left;
        height: 24px;
        line-height: 2;
    }

    .usertop .ut-footprint .hd {
        position: relative;
    }

    .usertop .ut-footprint .more {
        color: #999;
        position: absolute;
        right: 17px;
        top: 0;
        font-size: 12px;
    }

        .usertop .ut-footprint .more:hover {
            color: #999;
            text-decoration: underline;
        }

    .usertop .ut-fp-list {
        margin-top: 3px;
        border-left: 1px solid #e6e6e6;
    }

    .usertop .ut-fp-li {
        float: left;
        height: 46px;
        width: 46px;
        overflow: hidden;
        border: 1px solid #e6e6e6;
        border-left: 0;
    }

        .usertop .ut-fp-li .img-box {
            height: 46px;
            width: 46px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            line-height: 0;
            *font-size: 41px;
        }

        .usertop .ut-fp-li img {
            vertical-align: middle;
            max-height: 46px;
            max-width: 46px;
            _height: 46px;
            _width: 46px;
        }

    .usertop .ut-wid {
        width: 466px;
    }

    .usertop .w-ul {
        padding-left: 5px;
    }

    .usertop .w-li {
        width: 101px;
        padding-left: 6px;
        background: url(../img/l0LQ7A5K8C.png) no-repeat -99px -204px;
    }

    .usertop .mt-7 {
        margin-top: 7px;
    }

    .usertop .ut-mid {
        width: 226px;
    }

    .usertop .m-li {
        width: 100px;
    }

    .usertop .ut-sml {
        padding: 10px 0;
        width: 104px;
    }

        .usertop .ut-sml a {
            display: block;
            height: 28px;
            padding-left: 20px;
            line-height: 28px;
            color: #333;
            background: url(../img/l0LQ7A5K8C.png) no-repeat -85px -126px;
        }

            .usertop .ut-sml a:hover {
                color: #333;
                text-decoration: none;
                background-color: #f5f5f5;
            }

    .usertop .msg {
        display: none;
        border-radius: 2px;
        padding: 0 3px;
        color: #fff;
        line-height: 17px;
        text-align: center;
        background: #46ad3b;
    }

    .usertop .ut-logged {
        display: none;
    }

.clf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '.';
    clear: both;
    height: 0;
}

.clf {
    zoom: 1;
}

.usertop .ut-l .ut-tit {
    color: #999;
}

    .usertop .ut-l .ut-tit:hover {
        color: #fff;
    }

.usertop .hover-bg-show {
    display: inline-block;
    padding: 0 10px;
    margin-left: 8px!important;
}

    .usertop .hover-bg-show:hover {
        background-color: #27282e;
    }

.usertop .w-auto {
    width: auto!important;
}

.usertop-white {
    border-bottom: 1px solid #ededed;
    box-shadow: none;
    background: #fff;
}

.usertop-gray {
    background: #f5f5f5;
}

.usertop-white .ut-l .ut-tit, .usertop-white .ut-tit {
    color: #666;
}

    .usertop-white .hover-bg-show:hover, .usertop-white .ut-l .ut-tit:hover, .usertop-white .ut-tit:hover {
        background: #eee;
        color: #666;
    }

.usertop-white .ut-hover .ut-tit {
    background: #eee;
    color: #666;
}

.usertop-white .ut-hover .ut-tit, .usertop-white .ut-drp .ut-tit:hover {
    background: #eee url(../img/IUg42yUZFr.png) no-repeat right 20px;
}

.usertop-white .ut-ico-ph {
    background-image: url(../img/IUg42yUZFr.png);
}

.usertop-white .ut-itm {
    background-image: url(../img/IUg42yUZFr.png);
}

.usertop-white .ut-fir {
    background-image: none;
}

.usertop-white .ut-user a {
    color: #666;
}

    .usertop-white .ut-user a:hover {
        color: #333;
    }