.topbar{height:34px;line-height:34px;background:#f8f8f8;border-bottom:1px solid #e5e5e5;}
.topbar .state-wrap, .topbar .state-wrap .normal, .topbar .state-wrap .login-state, .topbar .city, .topbar .state-wrap .login-state .fl, .topbar .state-wrap .app-down, .topbar .state-wrap .app-down a { line-height: 34px; }
.topbar a{color:#34495e;}

.topbar .state-wrap { width: 400px; height: 34px; color: #7c7c7c; }
.topbar .state-wrap .normal .today{padding-right:20px;}
.topbar .state-wrap .normal .count{color:#3498db;font-size:16px;font-weight:bold;}
.topbar .state-wrap .login-state{display:none;float:left;padding-left:30px;}
.topbar .state-wrap .login-state .fl{}
.topbar .state-wrap .login-state .user-name{display:block;max-width:120px;_width:120px;padding-right:5px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.topbar .state-wrap .logo-small { float: left; padding: 2px 0px 0 0; height: 32px; }
.topbar .state-wrap .logo-small img { height: 30px; }
.topbar .state-wrap .app-down { float: left; padding-left: 30px; }


.topbar .city {float:left; color:#666;position:relative;z-index:2;}
.topbar .city .iconfont{color:#999;margin-right:5px;}
.topbar .city a.change{color:#074ebf;}
.topbar .city .con{padding-top:20px; position:absolute;top:25px;left:0;}
.topbar .city .con .jt,.topbar .city .con .jt-border{width:0;height:0;border-width:7px;border-style:dashed dashed solid dashed;position:absolute;left:113px;overflow:hidden;}
.topbar .city .con .jt{border-color:transparent transparent #fff transparent;top:7px;z-index:4;}
.topbar .city .con .jt-border{border-color:transparent transparent #d0d0d0 transparent;top:6px;z-index:3;}
.topbar .city .con ul{width:222px;padding:5px 0 5px 20px;background:#fff;box-shadow:0 0 10px #bdbdbd;}
.topbar .city .con ul li,.topbar .city .con ul li a{height:36px;line-height:36px;} 
.topbar .city .con ul li {float:left;width:33%;}
.topbar .city .con ul li a{display:block;color:#666; }

.topbar .quick-menu{width:790px;line-height:34px; color:#34495e;}
.topbar .quick-menu ul{padding-bottom:5px;}
.topbar .quick-menu li{float:right;line-height:34px;_width:75px;_text-align:center;}
.topbar .quick-menu li.yewu{padding:0 6px 0 11px;_padding:0;}
.topbar .quick-menu li.blzn{_width:87px;}
.topbar .quick-menu li.menu{position:relative;z-index:3;}
.topbar .quick-menu li.menu .title{padding:0 5px 0 10px;border:1px solid #f8f8f8;border-bottom-width:0;position:relative;z-index:103;}
.topbar .quick-menu li.menu .title,.topbar .quick-menu li.menu .title a{height:33px;line-height:33px;}
.topbar .quick-menu li.menu .title .iconfont{font-size:12px;margin-left:4px;}
.topbar .quick-menu li.hover .title{border:1px solid #ccc;border-bottom-width:0;background-color:#fff;}
.topbar .quick-menu li.hover .title .iconfont{}
.topbar .quick-menu li.phone{_width:255px;color:#ff6633;padding-left:11px;}
.topbar .quick-menu .menu-popup{display:none;width:87px;border:1px solid #ccc;border-top-width:0;background-color:#fff;position:absolute;top:33px;left:0; z-index:100;}
.topbar .quick-menu .menu-popup ul{}
.topbar .quick-menu .menu-popup li{float:none;text-indent:10px;_text-indent:0px;padding:0;}
.topbar .quick-menu .menu-popup li,.topbar .quick-menu .menu-popup li a{height:25px;line-height:25px;}
.topbar .quick-menu .menu-popup li.reg a{color:#f60;}
.topbar .quick-menu .menu-popup.contact{width:400px;padding:10px 10px 20px 20px;border:1px solid #ccc;background-color:#fff;}
.topbar .quick-menu .menu-popup.contact,.topbar .quick-menu .menu-popup.contact p{color:#5c5c5c;line-height:22px;text-align:left;}
.topbar .quick-menu .menu-popup.contact .pad1{padding-left:98px;}
.topbar .quick-menu .menu-popup.contact dl{padding-top:10px;}
.topbar .quick-menu .menu-popup.contact dl dt{font-weight:bolder;text-align:left;}
.topbar .quick-menu .menu-popup.contact .ft{height:30px;line-height:30px; padding-top:10px;}
.topbar .quick-menu .menu-popup.contact .ft span{display:block;float:left;color:#666; background:url(//image.gxrc.com/gxrcsite/2013/weixin-sina.gif) no-repeat; padding-left:20px;}
.topbar .quick-menu .menu-popup.contact .ft span,.topbar .quick-menu .menu-popup.contact .ft span a{line-height:30px;}
.topbar .quick-menu .menu-popup.contact .ft .weixin{width:105px;background-position:0 8px;}
.topbar .quick-menu .menu-popup.contact .ft .sina{width:92px;background-position:0 -19px;}
.topbar .quick-menu .menu-popup.contact .ft .sina i{display:block;float:right;width:17px;height:14px;margin:9px 0 0 0;background:url(//image.gxrc.com/gxrcsite/2013/weixin-sina.gif) no-repeat 0 -56px;}
.topbar .quick-menu .menu-popup.contact table {width:100%;}
.topbar .quick-menu .menu-popup.contact table caption{text-align:left;font-weight:bold;}
.topbar .quick-menu .menu-popup.contact table th{width:70px;font-weight:normal;}


    .topbar .quick-menu .menu-popup.contact .qz {
        display: flex;
        align-items: center;
    }
    .topbar .quick-menu .menu-popup.contact .qz img{
        margin-right:4px;
        width:12px;
    }
    .topbar .quick-menu .menu-popup.contact .ewm {
        margin-top:15px;
        display: flex;
        align-items:center;
        justify-content:center;
    }
        .topbar .quick-menu .menu-popup.contact .ewm .kuang {
            position: relative;
            width: 180px;
            height: 150px;
            text-align:center;
        }

        .topbar .quick-menu .menu-popup.contact .ewm .kuang .tp{
            position:absolute;
            top:0;
            right:0;
        }
            .topbar .quick-menu .menu-popup.contact .ewm .kuang .eimg{
                margin-top:15px;
            }

                .topbar .quick-menu .menu-popup.contact .ewm .kuang .eimg p {
                    text-align: center;
                    font-size: 14px;
                    color: #707070;
                }