.w1220 {
    width: 1220px;
    margin: 0 auto;
}
.logo a img {
    width: 119px;
}
.head-nav {
    float: right;
}
.head-nav > ul > li:before {
    position: absolute;
    bottom: -28px;
    right: 50%;
    left: 50%;
    border-top: 2px solid #0082FA;
    line-height: 0;
    transition: all .3s;
    content: '';
}
.head-nav li.head-nav-select:before, .head-nav li:hover:before {
    left: 20px;
    right: 20px;
}
.head-nav li .badge-tips {
    position: absolute;
    top: 9px;
    right: 0;
    margin-left: -40px;
    width: auto;
    padding: 4px;
    background: #ff9634;
    border-radius: 4px;
    color: #FFF;
    line-height: 12px;
    font-size: 11px;
}
.head-nav li .badge-tips:after {
    position: absolute;
    bottom: -3px;
    left: 10px;
    border-top: 3px solid #ff9634;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    content: "";
}
.head-nav > ul > li {
    margin-right: 0;
    margin-left: 10px;
    padding: 0 20px;
}
.user-box {
    margin-left: 35px;
}
.head-nav-select > a, .head-nav-select .ico_triangle, li:hover .ico_triangle {
    color: #317ee7 !important;
}
.head-nav ul li .ico_triangle {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-left: 10px;
    margin-top: 4px;
    border-top: 8px solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
}
.head-nav ul li .ico_select {
    display: none;
}