* {
    margin: 0;
    padding: 0;
}

.header {
    background: #fff;
}

.header-container {
    /*width: 100%;*/
    height: 90px;
    margin: 0 auto;
    padding-left: 130px;
    padding-right: 130px;
}

.header-container .left-part-ul {
    padding-left: 31px;
}

.header-container a {
    text-decoration: none;
    color: #333;
    font-family: SimHei;
}

.left-part-ul li {
    list-style: none;
    float: left;
}

.header-container .left-part {
    float: left;
}

.header-container .right-part {
    float: right;
    margin-top: -5px;
}

.underline {
    border-bottom: 2px solid #c98efc;
}

.left-part-ul .title {
    font-size: 29px;
    /*margin-left: 90px;*/
    margin-top: 31px;
}

.left-part-ul-li {
    display: inline-block;
    margin-left: 30px;
}

.left-part-ul .mine {
    margin-left: 32px;

}

.left-part-ul .hot {
    margin-left: 32px;
}

.left-part-ul .new {
    margin-left: 32px;
}

.left-part-ul .mobile {
    margin-left: 32px;
}

.left-part-ul .location-mobile {
    font-size: 18px;
    margin-top: 33px;
    width: 90px;
    text-align: center;
    padding-bottom: 5px;
}

.left-part-ul .location {
    font-size: 18px;
    margin-top: 33px;
    width: 43px;
    text-align: center;
    padding-bottom: 5px;
}

.right-part-ul li {
    list-style: none;
    float: right;
}

.right-part-ul-form {
    display: inline-block;
}

.right-part-ul .messages {
    font-size: 14px;
    /*margin-right: 98px;*/
    /*margin-top: 33px;*/
}

.right-part-ul .messages img {
    border: 0; /*ie10*/
}

.right-part-ul-user {
    display: inline-block;
}

.right-part-ul .user-name {
    font-size: 14px;
    margin-right: 24px;
    margin-top: 39px;
}

.right-part-ul .user-head {
    margin-top: 29px;
    margin-right: 7px;
}

.right-part-ul-messages {
    display: inline-block;
    margin-top: 32px;
}

.right-part-ul-messages .messages-number {
    margin-left: 15px;
}

.right-part-ul .messages-number {
    width: 15px;
    height: 15px;
    background: #c959fa;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    /*margin-left:420px;*/
    /*margin-top:26px;*/
    position: absolute;
}

.right-part-ul .messages-number a {
    color: #fff;
}

.right-part-input {
    margin-top: 29px;
    margin-right: 19px;
}

.right-part-input input {
    width: 261px;
    height: 36px;
    border: 1px solid #c6c6c6;
    border-radius: 18.5px;
    outline: none;
    color: #666;
    font-size: 13px;
    font-family: SimHei;
    padding-left: 16.5px;
}

.right-part-input-img {
    position: absolute;
    margin-left: 250px;
    margin-left: -37px \0; /*ie10*/
    margin-top: -30px;
    margin-top: 8px \0; /*ie10*/
    -moz-margin-left: -27px;
    -moz-margin-top: 7px;
    -webkit-margin-left: 250px;
    -webkit-margin-top: -30px;
}

/*firefox支持*/
@-moz-document url-prefix() {
    .right-part-input-img {
        margin-left: -27px;
        margin-top: 7px;
    }
}

/*firefox支持结束*/

.right-part-ul .register {
    font-size: 16px;
    margin-right: 20px;
    margin-top: 39px;
}

.right-part-ul .register-span, .right-part-ul .login-span {
    color: #c959fa
}

.right-part-ul .login {
    font-size: 16px;
    margin-right: 7px;
    margin-top: 39px;
}
.right-part .user-name-part-head{
    vertical-align: middle;
}
.right-part .user-name-part-name{
    font-size: 15px;
    display: inline-block;
    width:80px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    word-break: keep-all;/*必须有,用于不换行*/
    white-space: nowrap;/*必须有,用于不换行*/
}

.right-part-ul .login-span {
    color: #c959fa
}

.right-part-ul .welcome {
    font-size: 16px;
    font-family: SimHei;
    margin-top: 39px;
    margin-right: 9px;
    margin-left: 19px;
}

/*@media screen and (max-width: 1920px) and (min-width: 1366px) {*/
/*.header-container {*/
/*width: 1500px;*/
/*}*/
/*}*/

/*@media screen and (max-width: 1366px) and (min-width: 1276px) {*/
/*.header-container {*/
/*width: 1232px;*/
/*}*/
/*}*/

/*@media screen and (max-width: 1276px) {*/
/*.header-container {*/
/*width: 1080px;*/
/*}*/
/*}*/
@media screen and (max-width: 1920px) and (min-width: 1366px) {
    .header-container {
        padding-left: 55px;
        padding-right: 55px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1276px) {
    .header-container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 1276px) {
    .header-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .right-part-ul .user-name {
        margin-right: 2px;
    }

    .right-part-input input {
        width: 164px;
    }

    .right-part-input-img {
        margin-left: 153px;
        -webkit-margin-left: 153px;
        -moz-margin-left: -28px;
    }

    @-moz-document url-prefix() {
        .right-part-input-img {
            margin-left: -28px;
        }
    }
    .right-part-input {
        margin-right: 0;
    }
}

@media screen and (max-width: 996px) {
    .header {
        width: 996px;
    }

    .header-container {
        width: 998px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .header-container .left-part-ul {
        padding-left: 0;
    }

    .left-part-ul .mine {
        margin-left: 0;
    }

    .left-part-ul .hot {
        margin-left: 22px;
    }

    .left-part-ul .new {
        margin-left: 22px;
    }

    .left-part-ul .mobile {
        margin-left: 22px;
    }
}

/*@media screen and (max-width: 996px) {*/
/*.header-container {*/
/*width: 900px;*/
/*}*/
/*}*/

/*下拉菜单样式开始*/
.user-name-part {
    width: 112px;
    padding-top: 27px;
}

.right-part-ul-user-login {
    width: 110px;
}

.user-name-part-border {
    background: #f2f2f2;
}

.user-name-part-head-img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0 \0; /*ie10*/
}

.drop-down-men-div {
    width: 110px;
    height: 134px;
    background: #f2f2f2;
    /*border: 1px solid #e3e3e3;*/
    padding-top: 8px;
    position: absolute;
    margin-left: -2px;
    margin-top: 77px;
    border-radius: 6px;
    display: none;
    z-index: 100;
}

.drop-down-men-div a {
    display: block;
    padding-left: 25px;
}

.drop-down-men-div a:hover {
    background: #f2f2f2;
}

.drop-down-men-div-a {
    border-bottom: 1px solid #e4e4e4;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #333;
}

.drop-down-men-div-li {
    list-style: none;
    background: #f2f2f2;
    width: 100%;
}

.drop-down-men-div-li a:hover {
    color: #c959fa;
}

.drop-down-list-message {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background: #c959fa;
    color: #fff;
    font-size: 14px;
}

.drop-down-list-message:hover {
    color: #fff;
}

.drop-down-men-div-out-arrow {
    position: absolute;
    top: -23px;
    right: 46px;
    border-color: transparent transparent #f2f2f2 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 12px;
}

/*下拉菜单样式结束*/