/*全站导航*/
.qzgif {
    background: url(../image/nav_qz.gif) no-repeat;
}

.QZbg {
    width: 100%;
    min-width: 1000px;
    height: 40px;
    text-align: left;
    background-color: #f2f2f4;
    overflow: visible;
    position: relative;
    z-index: 999999;
}

.QZbg {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.QZbg a {
    color: #444;
    text-decoration: none
}

.QZbg a.al {
    color: #bbb;
}

.QZbg a.al:hover {
    color: #fff;
}

/*链接文字*/
.QZbg a.al_red {
    color: #ff5400;
}

.QZbg a.al_red:hover {
    color: #fff;
}

/*高亮红色文字*/
.QZbg a.al_blue {
    color: #009cff;
}

.QZbg a.al_blue:hover {
    color: #fff;
}

/*高亮蓝色文字*/
.QZbg .topdr {
    margin: 0 auto;
    width: 1000px;
    height: 40px;
    color: #444;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    overflow: visible;
}

.QZbg .topdr .topdr1 {
    float: left;
    padding-top: 10px;
    width: auto;
    height: 20px;
    overflow: visible;
}

.QZbg .topdr .topdr1 .home {
    float: left;
    width: 103px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.QZbg .topdr .topdr1 .home a {
    color: #444;
    font-family: Arial;
    font-weight: bold;
}

.QZbg .topdr .topdr1 .home a:hover {
    color: #e23703;
}

.QZbg .topdr .topdr1 .navarr {
    float: left;
    padding-left: 20px;
    width: auto;
    height: 30px;
    overflow: visible;
    position: relative;
}

.QZbg .topdr .topdr1 .navarr .navtt {
    display: inline-block;
    width: 79px;
    height: 20px;
    line-height: 20px;
    text-indent: 18px;
    cursor: pointer;
    color: #444;
    background-position: 0 0;
}

.QZbg .topdr .topdr1 .navarr.cur .navtt {
    color: #e23703;
    background-position: 0 -20px;
}

.QZbg .topdr .topdr1 .navarr .navig {
    display: none;
    padding: 6px;
    width: 585px;
    height: auto;
    overflow: hidden;
    background-position: 21px -54px;
}

.QZbg .topdr .topdr1 .navarr .navig {
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 9999;
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv {
    padding: 15px 0;
    width: 585px;
    height: auto;
    border-top: 3px solid #e23703;
    overflow: hidden;
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    background: #262626 url(../image/qz_ly.gif);
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul {
    float: left;
    padding-left: 25px;
    width: 170px;
    height: auto;
    overflow: hidden;
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul .navtit {
    float: left;
    width: 170px;
    height: 26px;
    line-height: 26px;
    color: #888;
    font-weight: bold;
    overflow: hidden;
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul .navtit {
    text-shadow: 1px 1px 1px #000;
    _filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 85px;
    height: auto;
    list-style-type: none;
    overflow: hidden;
}

.QZbg .topdr .topdr1 .navarr .navig .navdiv .navul ul li {
    float: left;
    width: 75px;
    height: 26px;
    line-height: 26px;
    list-style-type: none;
    vertical-align: bottom;
    overflow: hidden;
}

.QZbg .topdr .topdr1 .navarr.cur .navig {
    display: block;
}

.QZbg .topdr .topdr2 {
    float: right;
    padding-top: 10px;
    width: auto;
    height: 30px;
    overflow: hidden;
}

.QZbg .topdr .topdr2 .links {
    float: left;
    margin-right: 30px;
    width: auto;
    height: 22px;
    overflow: hidden;
}

.QZbg .topdr .topdr2 a.qzgif {
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #444;
}

.QZbg .topdr .topdr2 a.qzgif.danji {
    margin-right: 30px;
    padding-left: 28px;
    background-position: 0 -60px;
}

.QZbg .topdr .topdr2 a.qzgif.app {
    padding-left: 16px;
    background-position: 0 -80px;
}

.QZbg .topdr .topdr2 a.qzgif:hover {
    color: #e23703;
}

.QZbg .topdr .topdr2 .noLogin {
    display: none;
    float: left;
    width: auto;
    height: 22px;
    color: #d2d2d2;
    overflow: hidden;
}

.QZbg .topdr .topdr2 .noLogin a {
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444;
}

.QZbg .topdr .topdr2 .noLogin a.Login {
    margin-right: 5px;
    padding-left: 27px;
    background: url(../image/rt.png) no-repeat;
}

.QZbg .topdr .topdr2 .noLogin a.Reg {
    margin-left: 5px;
}

.QZbg .topdr .topdr2 .username {
    display: none;
    float: left;
    width: auto;
    height: 30px;
}

.QZbg .topdr .topdr2 .username a.uname {
    float: left;
    padding-right: 18px;
    display: block;
    width: auto;
    height: 30px;
    line-height: 22px;
}

.QZbg .topdr .topdr2 .username a.uname {
    background: url(../image/user-v.png) right 10px no-repeat;
}

.QZbg .topdr .topdr2 .username a.uname img {
    margin-right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    vertical-align: middle;
}

.QZbg .topdr .topdr2 .username .userLayer {
    display: none;
    float: left;
    margin: 30px 0 0 -90px;
    *margin: 30px 0 0 -194px;
    padding: 0 10px 10px 10px;
    width: 262px;
    height: auto;
}

.QZbg .topdr .topdr2 .username .userLayer {
    position: absolute;
    z-index: 99999;
}

.QZbg .topdr .topdr2 .username .userLayer .zx {
    margin-bottom: -1px;
    width: 262px;
    height: 9px;
    position: relative;
}

.QZbg .topdr .topdr2 .username .userLayer .zx {
    background: url(../image/userLayer.png) center 0 no-repeat;
}

.QZbg .topdr .topdr2 .username ul.usercon {
    padding: 15px;
    width: 230px;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 {
    margin-bottom: 15px;
    width: 230px;
    height: 85px;
    border-bottom: 1px dotted #d5d5d5;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .img {
    float: left;
    width: 88px;
    height: 72px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .img img {
    width: 72px;
    height: 72px;
    border-radius: 36px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .time {
    float: left;
    width: 142px;
    height: 18px;
    line-height: 18px;
    color: #666;
    font-size: 12px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .name {
    float: left;
    margin-bottom: 10px;
    width: 142px;
    height: 26px;
    line-height: 26px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .name {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding {
    float: left;
    margin-left: -2px;
    width: 144px;
    height: 20px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a {
    float: left;
    margin-right: 6px;
    display: inline-block;
    width: 20px;
    height: 18px;
    overflow: hidden;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a {
    border: 1px solid #fff;
    border-radius: 2px;
    background: url(../image/binding.png) no-repeat;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.email {
    background-position: 0 0;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.phone {
    background-position: -20px 0;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.weixin {
    background-position: -40px 0;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.qq {
    background-position: -60px 0;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.sina {
    background-position: -80px 0;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.email.ok {
    background-position: 0 -18px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.phone.ok {
    background-position: -20px -18px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.weixin.ok {
    background-position: -40px -18px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.qq.ok {
    background-position: -60px -18px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a.sina.ok {
    background-position: -80px -18px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a:hover {
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a i {
    display: none;
    margin: -25px 0 0 -14px;
    padding-bottom: 5px;
    width: 47px;
    height: 18px;
    line-height: 18px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a i {
    color: #fff;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    font-style: normal;
    text-align: center;
    position: absolute;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a i {
    background: url(../image/ts.png) no-repeat;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user1 .binding a:hover i {
    display: block;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 {
    margin-bottom: 13px;
    width: 230px;
    height: 48px;
    border-bottom: 1px dotted #d5d5d5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a {
    float: left;
    padding-left: 39px;
    display: inline-block;
    width: 76px;
    height: 34px;
    line-height: 34px;
    color: #e23703;
    font-weight: bold;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a {
    background: url(../image/userbg.png) no-repeat;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.uc {
    background-position: 0 0;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.zl {
    background-position: 0 -34px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.uc:hover {
    /*background-position:0 -68px;*/
}

.QZbg .topdr .topdr2 .username ul.usercon li.user2 a.zl:hover {
    /*background-position:0 -102px;*/
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 {
    width: 230px;
    height: 28px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .link {
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    color: #bbb;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .link a {
    color: #888;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .link a:hover {
    color: #e11d03;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign {
    float: right;
    width: auto;
    height: 28px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign a {
    display: block;
    width: 63px;
    height: 26px;
    line-height: 26px;
    color: #666;
    text-align: center;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign a {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.QZbg .topdr .topdr2 .username ul.usercon li.user3 .ExitSign a:hover {
    color: #fff;
    background: #e23703;
    border: 1px solid #ec5b2f;
    border-radius: 2px;
}

.QZbg .topdr .topdr2 .username .userLayer .usercon .user3 a.ExitSign:hover {
    color: #fff;
    background: #e23703;
}

.QZbg .topdr .topdr2 .username:hover a.uname {
    color: #e23703;
}

.QZbg .topdr .topdr2 .username:hover .userLayer {
    display: block;
}

/* 旧版 */



/*全站导航*/
.QZnav a,
.QZnav span,
.QZnav {
    font-size: 12px;
}

.QZnav {
    width: 100%;
    min-width: 1100px;
    height: 36px;
    text-align: left;
    background-color: #f2f2f3;
    overflow: visible;
    position: relative;
    z-index: 9999;
}

.QZnav {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.QZnav a {
    color: #444;
    text-decoration: none;
}

.QZnav a:hover {
    text-decoration: none;
}

.topbar {
    margin: 0 auto;
    width: 1100px;
    height: 36px;
    color: #444;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    overflow: visible;
}

/*左*/
.topbar1 {
    float: left;
    width: auto;
    height: 36px;
    overflow: hidden;
}

.topbar1 .QZ-home {
    float: left;
    width: auto;
    height: 36px;
}

.topbar1 .QZ-nav {
    float: left;
    width: auto;
    height: 36px;
}

.topbar1 a {
    float: left;
    display: inline-block;
    width: auto;
    height: 36px;
    line-height: 36px;
    color: #444;
}

.topbar1 a.ymxk {
    padding-left: 14px;
    background: url(../image/qznav.png) 0 11px no-repeat;
}

.topbar1 a:hover {
    color: #e23703;
}

.topbar1 i {
    float: left;
    display: inline-block;
    width: 10px;
    height: 36px;
    line-height: 36px;
    color: #c5c5c5;
    font-family: SimSun;
    font-style: normal;
    text-align: center;
}

/*右*/
.topbar2 {
    float: right;
    width: auto;
    height: 36px;
    overflow: visible;
}

.topbar2 span.navtt {
    float: left;
    display: inline-block;
    width: auto;
    height: 29px;
    position: relative;
}

.topbar2 span.navtt p {
    margin: 0;
}

.topbar2 span.navtt p.alik {
    float: none;
    padding: 5px 3px 8px;
    display: inline;
    line-height: 22px;
    color: #444;
    font-size: 12px;
    cursor: pointer;
}

.topbar2 span.navtt p.alik.app {
    padding-left: 18px;
    background: url(../image/qznav.png) 0 -112px no-repeat;
}

.topbar2 span.navtt.cur p.alik {
    color: #e22200;
    border-bottom: 2px solid #ff5400;
}

.topbar2 span.navtt.cur .topbar-menu {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate;
}

.topbar2 span.navtt.cur .topbar-tz {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate;
}

.topbar2 .QZ-links {
    float: left;
    padding-top: 7px;
    width: auto;
    height: 29px;
    overflow: visible;
}

.topbar2 .QZ-links i {
    float: left;
    display: inline-block;
    width: 8px;
    height: 22px;
    line-height: 22px;
    color: #c5c5c5;
    font-family: SimSun;
    font-style: normal;
    text-align: center;
}

.topbar2 .QZ-links a.alik {
    float: left;
    padding: 0 3px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444;
}

.topbar2 .QZ-links a.alik.app {
    padding-left: 18px;
    background: url(../image/qznav.png) 0 -107px no-repeat;
}

.topbar2 .QZ-links a.alik.tongzhi span {
    float: none;
}

.topbar2 .QZ-links a.alik.tongzhi span.tz {
    padding-left: 3px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
}

.topbar2 .QZ-links a.alik.tongzhi span.tz em {
    float: left;
    display: inline-block;
    height: 14px;
    background: url(../image/tz.png) no-repeat;
}

.topbar2 .QZ-links a.alik.tongzhi span.tz em.l {
    width: 7px;
    background-position: 0 0;
}

.topbar2 .QZ-links a.alik.tongzhi span.tz em.r {
    width: 5px;
    background-position: -21px 0;
}

.topbar2 .QZ-links a.alik.tongzhi span.tz .num {
    float: left;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 13px;
    color: #f2f2f3;
    font-size: 12px;
    background-color: #e23703;
}

.topbar2 .QZ-links a.alik:hover {
    color: #e23703;
}

.topbar2 .userLogin {
    float: left;
    width: auto;
    height: 36px;
    overflow: visible;
}

.topbar2 .userLogin a.tongzhi {
    float: left;
    padding: 0 6px;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444;
}

.topbar2 .userLogin a.tongzhi span {
    float: none;
}

.topbar2 .userLogin a.tongzhi span.tz {
    padding-left: 3px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
}

.topbar2 .userLogin a.tongzhi span.tz em {
    float: left;
    display: inline-block;
    height: 14px;
    background: url(../image/tz.png) no-repeat;
}

.topbar2 .userLogin a.tongzhi span.tz em.l {
    width: 7px;
    background-position: 0 0;
}

.topbar2 .userLogin a.tongzhi span.tz em.r {
    width: 5px;
    background-position: -21px 0;
}

.topbar2 .userLogin a.tongzhi span.tz .num {
    float: left;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 13px;
    color: #f2f2f3;
    font-size: 12px;
    background-color: #e23703;
}

.topbar2 .userLogin a.tongzhi:hover {
    color: #e23703;
}

.topbar2 .notice {
    float: left;
    padding-top: 7px;
    width: auto;
    height: 29px;
    overflow: visible;
}

.topbar2 .noLogin {
    display: none;
    float: left;
    padding-top: 7px;
    width: auto;
    height: 29px;
    color: #d2d2d2;
    overflow: visible;
}

.topbar2 .noLogin a {
    float: left;
    display: inline-block;
    width: auto;
    height: 22px;
    line-height: 22px;
    color: #444;
}

.topbar2 .noLogin a.Login {
    margin-right: 10px;
    padding-left: 33px;
    background: url(../image/qznav.png) 6px -72px no-repeat;
}

.topbar2 .noLogin a:hover {
    color: #e23703;
}

.topbar2 .okLogin {
    display: none;
    float: left;
    padding-top: 7px;
    width: auto;
    height: 29px;
    overflow: visible;
    position: relative;
}

.topbar2 .okLogin a.uname {
    clear: both;
    padding: 0 15px 0 5px;
    display: inline-block;
    width: auto;
    max-width: 101px;
    height: 22px;
    line-height: 22px;
}

.topbar2 .okLogin a.uname {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.topbar2 .okLogin a.uname {
    background: url(../image/user-v.png) right center no-repeat;
}

.topbar2 .okLogin a.uname img {
    float: left;
    margin-right: 7px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    vertical-align: middle;
}

.topbar2 .okLogin .userLayer {
    display: none;
    padding: 0 10px 10px;
    width: 262px;
    height: auto;
    overflow: visible;
    position: absolute;
    top: 28px;
    right: -100px;
    z-index: 99999;
}

.topbar2 .okLogin .userLayer .zx {
    margin-bottom: -1px;
    width: 262px;
    height: 9px;
    position: relative;
    background: url(../image/userLayer.png) center 0 no-repeat;
}

.topbar2 .okLogin.cur a.uname {
    color: #e23703;
}

.topbar2 .okLogin.cur .userLayer {
    display: block;
    animation: fadeInDown .25s ease-in-out 0s alternate;
}

.topbar2 .okLogin .userLayer.sm {
    right: -10px;
}

.topbar2 .okLogin .userLayer.sm .zx {
    background-position: 210px 0;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*下拉菜单*/
.topbar-menu {
    display: none;
    width: auto;
    height: 176px;
    overflow: hidden;
    position: absolute;
    top: 29px;
    z-index: 99999;
}

.topbar-menu {
    background: #3b3b3b url(../image/qznav-mk.png) repeat-x;
    _background-image: url(#);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
}

.topbar-menu.app {
    width: 490px;
    left: -200px;
}

.topbar-menu.url {
    width: 418px;
    right: -230px;
}

/*手机客户端*/
.topbar-appul {
    margin: 0;
    padding: 23px 30px;
    width: 430px;
    height: 130px;
    list-style-type: none;
}

.topbar-appul {
    background: url(../image/qznav-app-bg.png) 0 bottom repeat-x;
}

.topbar-appul li.con-l {
    float: left;
    padding: 10px 0 0 96px;
    width: 204px;
    height: 120px;
    position: relative;
}

.topbar-appul li.con-l .applogo {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 10px;
}

.topbar-appul li.con-l .applogo {
    background: url(../image/qznav-app-logo.png) no-repeat;
}

.topbar-appul li.con-l h3 {
    margin: 0;
    line-height: 26px;
    color: #eee;
    font-size: 16px;
    font-weight: normal;
}

.topbar-appul li.con-l h3 a {
    color: #eee;
}

.topbar-appul li.con-l h3 a:hover {
    text-decoration: underline;
}

.topbar-appul li.con-l .txt {
    width: auto;
    line-height: 26px;
    color: #bbb;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}

.topbar-appul li.con-l .lik {
    width: auto;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}

.topbar-appul li.con-l .lik i {
    float: none;
    padding: 0 5px;
    color: #666;
    height: 26px;
    line-height: 26px;
}

.topbar-appul li.con-l .lik a {
    display: inline-block;
    width: auto;
    line-height: 26px;
    color: #00c0ff;
}

.topbar-appul li.con-l .lik a:hover {
    text-decoration: underline;
}

.topbar-appul li.con-r {
    float: left;
    padding: 8px;
    width: 110px;
    height: 110px;
    border: 1px solid #4f4f4f;
}

.topbar-appul li.con-r {
    background: url(../image/qznav-code.jpg) center no-repeat;
}

.topbar-appul li.con-r img {
    width: 110px;
    height: 110px;
}

/*网站导航*/
.topbar-navul {
    margin: 15px 0;
    padding: 0 20px;
    width: 378px;
    height: 146px;
    list-style-type: none;
    overflow: hidden;
}

.topbar-navul li {
    float: left;
    width: 188px;
    height: 146px;
    border-left: 1px solid #515151;
    overflow: hidden;
    list-style-type: none;
}

.topbar-navul li h3 {
    margin: 0 0 10px -1px;
    _margin-left: -2px;
    padding-left: 15px;
    width: 160px;
    height: 16px;
    line-height: 18px;
    color: #ddd;
    font-size: 13px;
    font-family: 'Microsoft YaHei';
}

.topbar-navul li h3.red {
    border-left: 3px solid #e22200;
}

.topbar-navul li h3.blue {
    border-left: 3px solid #1f79d5;
}

.topbar-navul li .lik {
    float: left;
    width: 94px;
    height: auto;
}

.topbar-navul li .lik a {
    padding: 0 0 0 18px;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
}

.topbar-navul li .lik a.al {
    color: #bbb;
}

.topbar-navul li .lik a.al_red {
    color: #ff5400;
}

.topbar-navul li .lik a.al_blue {
    color: #009cff;
}

.topbar-navul li .lik a:hover {
    color: #fff;
    text-decoration: underline;
}

/*通知消息层*/
.topbar-tz {
    display: none;
    padding-top: 9px;
    width: 330px;
    height: auto;
    overflow: visible;
    position: absolute;
    top: 20px;
    left: -148px;
    z-index: 99999;
}

.topbar-tz {
    background: url(../image/userLayer.png) center 0 no-repeat;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.topbar-tz .tzcon {
    padding: 20px 0 10px;
    width: 330px;
    height: auto;
    background-color: #fff;
    overflow: hidden;
}

.topbar-tz .tzcon .tzlik {
    padding: 0 20px;
    width: 290px;
    height: auto;
    overflow: hidden;
}

.topbar-tz .tzcon .tzlik a {
    float: left;
    margin-bottom: 8px;
    padding: 10px 13px 10px 17px;
    display: inline-block;
    width: 258px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.topbar-tz .tzcon .tzlik a i {
    display: inline-block;
    width: 18px;
    height: 24px;
    background: url(../image/tz-li.png) no-repeat;
}

.topbar-tz .tzcon .tzlik a i.l1 {
    float: left;
    background-position: 0 0;
}

.topbar-tz .tzcon .tzlik a i.l2 {
    float: left;
    background-position: 0 -24px;
}

.topbar-tz .tzcon .tzlik a i.l3 {
    float: left;
    background-position: 0 -72px;
}

.topbar-tz .tzcon .tzlik a i.r {
    float: right;
    background-position: 0 -48px;
}

.topbar-tz .tzcon .tzlik a span {
    float: left;
    margin: 0;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    font-family: 'Microsoft YaHei';
}

.topbar-tz .tzcon .tzlik a span.txt {
    color: #444;
    font-size: 15px;
    padding: 0 6px 0 17px;
}

.topbar-tz .tzcon .tzlik a span.num {
    color: #e23703;
    font-size: 14px;
}

.topbar-tz .tzcon .tzlik a:hover {
    background-color: #f5f5f5;
}

.topbar-tz .tzcon .tzlist {
    margin-top: -5px;
    padding: 0 25px;
    width: 280px;
    height: auto;
    overflow: hidden;
}

.topbar-tz .tzcon .tzlist li {
    margin-top: -1px;
    padding: 10px 0 15px;
    width: 280px;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #f2f2f3;
}

.topbar-tz .tzcon .tzlist li i.new {
    display: block;
    float: right;
    margin: -5px 0 0 -10px;
    width: 10px;
    height: 13px;
    position: absolute;
}

.topbar-tz .tzcon .tzlist li i.new {
    background: url(../image/tz_new.png) no-repeat;
}

.topbar-tz .tzcon .tzlist li h3 {
    margin: 0;
    min-height: 0;
    max-height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    overflow: hidden;
}

.topbar-tz .tzcon .tzlist li h3 a {
    color: #444 !important;
    font-size: 15px;
}

.topbar-tz .tzcon .tzlist li h3 a:hover {
    color: #ff5400 !important;
}

.topbar-tz .tzcon .tzlist li div {
    width: 280px;
    height: 20px;
    line-height: 20px;
    color: #555;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.topbar-tz .tzcon .tzlist li div a {
    color: #1982cb !important;
}

.topbar-tz .tzcon .tzlist li div a:hover {
    text-decoration: underline;
}

.topbar-tz .tzbot {
    padding: 10px 20px;
    width: auto;
    height: 30px;
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    overflow: hidden;
}

.topbar-tz .tzbot .lik1 {
    float: left;
    width: auto;
    height: 30px;
    overflow: hidden;
}

.topbar-tz .tzbot .lik1 a {
    float: left;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.topbar-tz .tzbot .lik1 a {
    background: url(../image/tz-setup.png) center center no-repeat;
}

.topbar-tz .tzbot .lik1 a:hover {
    background-color: #fff;
}

.topbar-tz .tzbot .lik2 {
    float: right;
    width: auto;
    height: 30px;
    overflow: hidden;
}

.topbar-tz .tzbot .lik2 a {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #888;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}

.topbar-tz .tzbot .lik2 a:hover {
    color: #000;
}

.topbar-tz .tzbot .lik2 i {
    float: left;
    padding: 0 15px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #ccc !important;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}

/*用户下拉*/
.topbar-usercon {
    padding: 15px;
    width: 230px;
    height: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.topbar-usercon li.user1 {
    width: 230px;
    height: 85px;
    border-bottom: 1px dotted #d5d5d5;
}

.topbar-usercon li.user1 .img {
    float: left;
    width: 88px;
    height: 72px;
}

.topbar-usercon li.user1 .img img {
    width: 72px;
    height: 72px;
    border-radius: 36px;
}

.topbar-usercon li.user1 .time {
    float: left;
    width: 142px;
    height: 18px;
    line-height: 18px;
    color: #666;
    font-size: 12px;
}

.topbar-usercon li.user1 .name {
    float: left;
    margin-bottom: 10px;
    width: 142px;
    height: 26px;
    line-height: 26px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.topbar-usercon li.user1 .name {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topbar-usercon li.user1 .binding {
    float: left;
    margin-left: -2px;
    width: 144px;
    height: 20px;
}

.topbar-usercon li.user1 .binding a {
    float: left;
    margin-right: 6px;
    display: inline-block;
    width: 20px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 2px;
    overflow: hidden;
}

.topbar-usercon li.user1 .binding a {
    background: url(../image/binding.png) no-repeat;
}

.topbar-usercon li.user1 .binding a.email {
    background-position: 0 0;
}

.topbar-usercon li.user1 .binding a.phone {
    background-position: -20px 0;
}

.topbar-usercon li.user1 .binding a.weixin {
    background-position: -40px 0;
}

.topbar-usercon li.user1 .binding a.qq {
    background-position: -60px 0;
}

.topbar-usercon li.user1 .binding a.sina {
    background-position: -80px 0;
}

.topbar-usercon li.user1 .binding a.email.ok {
    background-position: 0 -18px;
}

.topbar-usercon li.user1 .binding a.phone.ok {
    background-position: -20px -18px;
}

.topbar-usercon li.user1 .binding a.weixin.ok {
    background-position: -40px -18px;
}

.topbar-usercon li.user1 .binding a.qq.ok {
    background-position: -60px -18px;
}

.topbar-usercon li.user1 .binding a.sina.ok {
    background-position: -80px -18px;
}

.topbar-usercon li.user1 .binding a:hover {
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5;
}

.topbar-usercon li.user2 {
    padding: 15px 0 15px;
    width: 230px;
    height: auto;
    border-bottom: 1px dotted #d5d5d5;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.topbar-usercon li.user2 a {
    display: flex;
    height: auto;
    flex-direction: row;
}

.topbar-usercon li.user2 a i {
    margin: 0 auto;
    display: block;
    width: 34px;
    height: 34px;
    background: url(../image/ubg.png) no-repeat;
}

.topbar-usercon li.user2 a p {
    margin: 0;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    color: #e23703;
    font-size: 14px;
    text-align: center;
}

.topbar-usercon li.user2 a.uc i {
    background-position: 0 0;
}
.topbar-usercon li.user2 a.zl {
    margin-left: 20px;
}

.topbar-usercon li.user2 a.zl i {
    background-position: -102px 0;
}

.topbar-usercon li.user2 a.jb i {
    background-position: -68px 0;
}

.topbar-usercon li.user2 a.uc:hover i {
    background-position: 0 -34px;
}

.topbar-usercon li.user2 a.zl:hover i {
    background-position: -102px -34px;
}

.topbar-usercon li.user2 a.jb:hover i {
    background-position: -68px -34px;
}

.topbar-usercon li.user3 {
    padding-top: 15px;
    width: 230px;
    height: 28px;
}

.topbar-usercon li.user3 .link {
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    color: #c5c5c5;
    font-size: 12px;
    font-family: SimSun;
}

.topbar-usercon li.user3 .link a {
    color: #888;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.topbar-usercon li.user3 .link a:hover {
    color: #e11d03;
}

.topbar-usercon li.user3 .ExitSign {
    float: right;
    width: auto;
    height: 28px;
}

.topbar-usercon li.user3 .ExitSign a {
    display: block;
    width: 63px;
    height: 26px;
    line-height: 26px;
    color: #666;
    text-align: center;
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.topbar-usercon li.user3 .ExitSign a:hover {
    color: #fff;
    background-color: #e23703;
    border-color: #ec5b2f;
    border-radius: 2px;
}

/*user passport*/
.QZshade,
.QZlogin {
    display: none;
    position: relative;
}

.QZshade {
    width: 100%;
    height: 100%;
    _height: 1000px;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88888;
}

.QZshade {
    _position: absolute;
    _top: expression(documentElement.clientHeight-this.offsetHeight+documentElement.scrollTop);
}

.QZlogin {
    margin: -180px 0 0 -190px;
    padding: 30px 45px;
    width: 280px;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.QZlogin {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
}

.QZlogin {
    _position: absolute;
    _top: expression(documentElement.clientHeight-this.offsetHeight+documentElement.scrollTop);
}

.QZlogin input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.QZlogin .QZ-close {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.QZlogin .QZ-close {
    background: url(../image/qzclose.png) no-repeat;
}

.QZlogin .QZ-close:hover {
    background-position: 0 -30px;
    text-decoration: none;
}

.QZlogin .QZ-tit {
    width: auto;
    height: 40px;
    line-height: 20px;
    color: #e23703;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    text-align: center;
}

.QZlogin .QZ-input {
    margin-bottom: 14px;
}

.QZlogin .QZ-input input {
    padding: 0 10px;
    width: 258px;
    line-height: 40px;
    color: #999;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.QZlogin .QZ-input input {
    border: 1px solid #eee;
    border-radius: 4px;
}

.QZlogin .QZ-input input#QZuserName {
    background-position: 8px 0;
}

.QZlogin .QZ-input input#QZpassword {
    background-position: 8px -34px;
}

.QZlogin .QZ-input input#QZuserName::placeholder {
    color: #bbb;
}

.QZlogin .QZ-input input#QZcode::placeholder {
    color: #bbb;
}

.QZlogin .QZ-input input#userNumber {
    background-position: 8px 0;
}

.QZlogin .QZ-input input#QZcode {
    background-position: 8px -34px;
}

.QZlogin .QZ-input input#userNumber::placeholder {
    color: #bbb;
}

.QZlogin .QZ-input input#QZpassword::placeholder {
    color: #bbb;
}

.QZlogin .QZ-input input.cur {
    color: #000;
}

.QZlogin .QZ-chk {
    margin-bottom: 10px;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}

.QZlogin .QZ-chk span {
    float: left;
    color: #aaa;
}

.QZlogin .QZ-chk span a {
    color: #aaa;
}

.QZlogin .QZ-chk label {
    float: left;
    color: #676767;
}

.QZlogin .QZ-chk input {
    margin-right: 5px;
    vertical-align: middle;
}

.QZlogin .QZ-chk a.QZ-link {
    float: right;
    color: #676767;
}

.QZlogin .QZ-chk a.QZ-link:hover {
    color: #cd4700;
    text-decoration: underline;
}

.QZlogin .QZ-chk a.QZ-reg {
    float: right;
    color: #1481c2;
}

.QZlogin .QZ-chk a.QZ-reg:hover {
    color: #cd4700;
    text-decoration: underline;
}

.QZlogin .QZ-btn {
    width: auto;
    height: 45px;
    text-align: center;
}

.QZlogin .QZ-btn a#QZbtn {
    display: block;
    width: auto;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.QZlogin .QZ-btn a#QZbtn {
    background-color: #e23703;
}

.QZlogin .QZ-btn a#QZbtn:hover {
    background-color: #f64c18;
    text-decoration: none;
}

.QZlogin .QZ-btn a#QZsmsbtn {
    display: block;
    width: auto;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.QZlogin .QZ-btn a#QZsmsbtn {
    background-color: #e23703;
}

.QZlogin .QZ-btn a#QZsmsbtn:hover {
    background-color: #f64c18;
    text-decoration: none;
}

.QZlogin fieldset {
    margin: 0;
    padding: 0;
    width: 280px;
    height: 30px;
    text-align: center;
    border: 0;
    border-top: 1px solid #ddd;
}

.QZlogin fieldset legend {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #666;
}

.QZlogin .QZ-con {
    width: 100%;
    height: auto;
    text-align: center;
}

/* .QZlogin .QZ-con a {margin:0 22px; display:inline-block; width:45px; height:45px; background:url(//image.gamersky.com/webimg13/user/qtlgn.png) no-repeat;} */
.QZlogin .QZ-con a {
    margin: 0 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

/* .QZlogin .QZ-con a#QZsinaLogin {background-position:0 0;}
.QZlogin .QZ-con a#QZqqLogin {background-position:0 -45px;}
.QZlogin .QZ-con a#QZweixinLogin {background-position:0 -90px;} */
.QZlogin .QZ-con a#QZsinaLogin {
    background: url(../image/icon_PopUpWeiBo.png) no-repeat;
}

.QZlogin .QZ-con a#QZqqLogin {
    background: url(../image/icon_PopUpQQ.png) no-repeat;
}

.QZlogin .QZ-con a#QZweixinLogin {
    background: url(../image/icon_PopUpWeiXin.png) no-repeat;
}


.QZlogin .QZ-button .QZ-active {
    color: #222;
    border-bottom: 2px solid #EB413D;
}

.QZlogin .QZ-button span {
    display: inline-block;
    padding-bottom: 4px;
    margin-right: 22px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.QZlogin .QZ-button {
    margin-bottom: 28px;
}

.QZlogin .password-login {
    display: none;
}

.QZlogin .code {
    position: relative;
}

.QZlogin .code .code-btn {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
    padding-left: 8px;
    font-size: 14px;
    color: #1481c2;
    border: 0;
    border-left: 1px solid #eee;
    background: transparent;
}

.QZlogin .forgetPaw {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 14px;
    color: #999;
}




input[type=checkbox] {
    visibility: hidden;
}

input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
}

input[type=checkbox]::after {
    position: absolute;
    top: -3px;
    border: 1px solid #EB413D;

    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 50%
}

input[type=checkbox]:checked::after {
    background-color: #EB413D;
    border-color: #EB413D;
    content: "✓";
    font-size: 12px;
    font-weight: bold;
}