.toper {
    position:relative;
    z-index:14;
    background-color:#f8f8f8;
    font-size:12px;
    width:100%;
    border-bottom:1px solid #eee;
}
.toper_c {
    height:35px;
    line-height:35px;
}
.toper_c .toper_l {
    display:inline-block;
}
.toper_c .toper_l.hidden {
    display:none;
}
.toper_l a:link,.toper_l a:hover,.toper_l a:visited{color:#f39800!important}
.toper_c .toper_r {
    float:right;
}
#uBar span {
    display:inline-block;
    vertical-align: middle;
}
.toper_c .btns {
    font-size:0;
    letter-spacing: -3px;
    display:inline-block;
    vertical-align: middle;
}
.toper_c .btns > a {
    display:inline-block;
    font-size:13px;
    letter-spacing: 0;
    line-height:16px;
    padding:0 5px;
    color:#a3a3a3;
    vertical-align: middle;
    margin:0 5px;
}
.toper_c .btns > a:hover {
    color:#f44336;
}
.toper_c .btns .phone_down,
.toper_c .btns .like_wechat {
    position:relative;
    display:inline-block;
    font-size:13px;
    letter-spacing: 0;
    line-height:34px;
    padding:0 5px;
    color:#a3a3a3;
    vertical-align: middle;
    margin:0 5px;
    padding: 0 12px 0 28px;
    background: url(../img/common/icn-app.png) 10px 9px no-repeat;
}
.toper_c .btns .phone_down:hover,
.toper_c .btns .like_wechat:hover {
    background-position: 10px -16px;
}
.toper_c .toper_l .btns > a {
    border-right:1px solid #dedede;
}
.toper_c .btns a.service {
    padding-right:100px;
    background:url("../img/common/qq_contact.gif") no-repeat center right;
}
.toper_c .btns .phone_down,
.toper_c .btns .like_wechat {
    position:relative;
}
.toper_c .btns .phone_down:hover .qr_code,
.toper_c .btns .like_wechat:hover .qr_code {
    display:block;
}
.toper_c .btns .phone_down .qr_code,
.toper_c .btns .like_wechat .qr_code {
    position:absolute;
    display:none;
    left:0;
    top:34px;
    padding:5px;
    border:1px solid #dcdcdc;
    background-color:#fff;
    white-space: nowrap;
}
.toper_c .btns .qr_code .view_img,
.toper_c .btns .qr_code .view_img img {
    width:124px;
    height:124px;
    overflow:hidden;
    display:inline-block;
    vertical-align: top;
}
.toper_c .btns .qr_code .des {
    display:inline-block;
    vertical-align: top;
    height:60px;
    margin-top:30px;
    margin-left:5px;
}
.toper_c .btns .qr_code .des .btn {
    display:inline-block;
    height:32px;
    width:100%;
    background-color:#f05d4e;
    border-radius:5px;
    color:#fff;
    line-height:32px;
    text-align:center;
}
.toper_c .btns .qr_code .des span {
    font-size:12px;
    color:#999;
    line-height:24px;
}

.toper_c .toper_l .btns > a:last-child {
    border:none;
}
.toper_c .toper_l .tip {
    display: inline-block;
    vertical-align: middle;
}
.tip a.message_num:link,.tip a.message_num:hover,.tip a.message_num:visited{color:#fff!important}
.toper_c .toper_l .username {
    margin-left:5px;
    color:#f44336;
}
.toper_c .toper_l .message_num {
    display:inline-block;
    line-height:20px;
    font-size:12px;
    border-radius:10px;
    padding:0 3px;
    background-color:#f44336;
    color:#fff;
    margin-left:10px;
    min-width:20px;
    text-align:center;
}

.wrapper {
    width:1210px;
    margin:auto;
}