锘?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; }