/*--------------------------------------
作者：彭驰
日期：2016/8/10
内容：2016新版头尾公共样式
----------------------------------------*/
/*公用*/
a{color:#000}
a:hover{color:#0c4dad}
.w1100,.container{width:1100px; margin:0 auto;}
.hideStatus .i-c,.ewm .i-c,.user .i-c,.menumore .lv-1 .i-c,.nav .webapp .i-c,.search-btn strong,.city-hd .i-c,.loginclose,.nextlogin .i-c,.thirdpartyicon a,.top-nav-btn span,.top-search-btn span,
.top-search-layer-btn span,.top-search-layer-btn span.active{ background:url("http://i3.chexun.net/images/common/cx_icon.png") no-repeat;}
/*header*/
.header{}
.header .topbar{ background:#fff; height:32px; line-height:32px; position:relative; z-index:299;}
.topbar-con{ width:1100px; margin:0 auto; color:#666;}
.topbar-con .topbar-l,.topbar-con .topbar-r{ font-size:12px;}
.topbar-con .topbar-l{ float:left;}
.topbar-l .hideStatus,.topbar-con .ewm{ float:left; color:#646363; cursor:pointer; margin-right:15px; position:relative;}
.topbar-l .hideStatus:hover,.topbar-con .ewm:hover{color:#99b5dd;}
.topbar-l .hideStatus .i-c{ float:left; width:16px; height:16px; background-position:-49px -43px; margin:8px 5px 0 0;}
.topbar-l .hideStatus:hover .i-c{background-position:-72px -43px;}
.topbar-l .ewm .i-c{ float:left; width:16px; height:16px; background-position:-49px -64px; margin:8px 5px 0 0;}
.topbar-l .ewm:hover .i-c{background-position:-72px -64px;}
.topbar-l .ewmbox{ width:366px; position:absolute; top:32px; left:0px; z-index:99; border-top:3px solid #99b5dd; background:#eee; padding:10px 0px 5px 15px; color:#0a1737;}
.topbar-l .ewmbox li{ float:left; width:106px; text-align:center; margin-right:15px;}
.topbar-l .ewmbox img{vertical-align:top;}
.topbar-con .topbar-r{ float:right;}
.topbar-r .tb-r a{ display:inline-block; padding-left:8px;color:#666;}
.topbar-r .tb-r a.first{margin-right:8px;}
.topbar-r .tb-r a:hover{color:#58b1e8;}
/* user */
.user{width:134px; margin:0 0 0 5px; position:relative; z-index:299;}
.user dt{ height:32px; color:#99b5dd; position:relative; padding-right:20px; text-align:center;}
.user dd{ width:134px; position:absolute; top:32px; border-top:3px solid #99b5dd; z-index:99; display:none;}
.user p{ height:48px; line-height:48px; border-bottom:1px solid #c5c5c5; background:#eee; text-indent:44px; position:relative;}
.user p:hover{ background:#99b5dd;}
.user p a{color:#0a1737;}
.user .i-c{ position:absolute; display:block;}
.user .i-c.i-c-u1{ width:8px; height:6px; top:14px; right:12px; background-position:-80px -6px;}
.user:hover .i-c.i-c-u1{background-position:-80px -6px;}
.user .i-c.i-c-u2{ width:14px; height:15px; top:16px; left:16px; background-position:-2px 0px;}
.user p:hover .i-c.i-c-u2{background-position:-25px 0px;}
.user .i-c.i-c-u3{ width:16px; height:16px; top:19px; left:16px; background-position:-0px -0px;}
.user .i-c.i-c-u4{ width:16px; height:16px; top:16px; left:16px; background-position:-0px -21px;}
.user .i-c.i-c-u5{ width:16px; height:16px; top:16px; left:16px; background-position:-0px -43px;}

/*nav-layer*/
.top-nav-btn-box{position:relative;float:left;width:320px;height:32px;margin-left:28px;font-size:12px;}
.top-nav-btn{position:absolute;left:0;top:0;z-index:10;height:31px;padding-left:12px;color:#7a8ab0;}
.top-nav-btn span{float:left;width:13px;height:11px;margin-top:11px;margin-right:6px;background-position:-52px -126px;}
.top-nav-btn i{float:left;height:32px;line-height:32px;}
.top-nav-btn-box:hover .top-nav-btn{width:58px;height:32px;background:#fff;color:#4c4c4c;border:1px solid #d3d3d3;border-bottom:none;}
.top-nav-btn-box:hover span{background-position:-52px -139px;}
.top-nav-btn-box:hover .top-nav-list{display:block;}
.top-nav-list{display:none;position:absolute;left:0;top:32px;width:318px;height:128px;padding-top:4px;padding-bottom:4px;border:1px solid #d3d3d3;}
.top-nav-list ul{position:relative;z-index:1;}
.top-nav-list-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.9;filter:alpha(opacity=90);}
.top-nav-list ul li{}
.top-nav-list ul li a{float:left;color:#4c4c4c;}
.top-nav-list ul li a:hover{color:#0c4dad;}
.top-nav-list-line2,.top-nav-list-line4{background:#f0f0f0;}
.top-nav-list-line2 a,.top-nav-list-line4 a{height:24px;line-height:26px;}
.top-nav-list-line1 a,.top-nav-list-line3 a,.top-nav-list-line5 a{height:26px;line-height:29px;}
.top-nav-list-col1{width:88px;margin-left:12px;}
.top-nav-list-col2{width:78px;}
.top-nav-list-col3{width:90px;}
/*search*/
.top-search-box{float:right;position:relative;font-size:12px;}
.top-search-box:hover .top-search-layer{display:block;}
.top-search-btn{display:block;width:32px;height:32px;margin-left:210px;text-align:center;}
.top-search-btn:hover{background:#1a3064;}
.top-search-btn span{display:inline-block;width:16px;height:16px;margin-top:8px;background-position:-70px -107px;}
.top-search-layer{display:none;position:absolute;right:0;top:32px;width:242px;height:42px;padding-left:40px;}
.top-search-layer div{padding-bottom:5px;background:#1a3064;}
.top-search-layer input{width:174px;height:28px;padding-right:40px;border:none;line-height:28px;padding-left:6px;margin-top:7px;margin-left:11px;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#808080;}
.top-search-layer input.active{width:180px;padding-right:34px;}
.top-search-layer input.current{color:#333333;}
.top-search-layer-btn{position:absolute;right:12px;top:7px;height:17px;margin-top:6px;}
.top-search-layer-btn span{display:block;width:17px;height:16px;margin:6px;margin-top:0;background-position:-69px -123px;}
.top-search-layer-btn span.active{background-position:-71px -142px;}
/* minlogo */
.minlogo{float:left;}
.minlogo a{display:block;height:27px;padding-top:5px;}
.minlogo img{ vertical-align:top;}
/* logo-con */
.logo-con{ background:#112149; height:70px; position:relative;}
.logo-con img{ display:block;}
.logo-con .logo{ position:absolute; width:182px; left:50%; top:10px; margin-left:-91px;}
.logo-con .t-r{ float:right; margin-top:30px;}
/*cx-login*/
.cx-login-bg{width:100%; height:100%; z-index:1000; background:#000; opacity:0.85; filter:alpha(opacity=85); position:fixed; top:0; left:0;}
.loginBox{ position:fixed; left:50%; top:50%; width:400px; height:300px; margin:-160px 0 0 -210px; font-size:12px; padding:10px; z-index:9999!important;}
.loginclose{ position:absolute; right:28px; top:10px; display:block; background-position:-52px -110px; width:14px; height:14px; cursor:pointer;}
.loginlogo{ width:182px; height:50px; background:url(http://i0.chexun.net/images/common/logos.png) no-repeat; font-size:0px; display:block; margin:20px auto;}
.loginpad{ margin:0 auto; width:365px; padding:5px 0; position:relative; color:#797979;}
.loginpad.pad10{padding:10px 0;}
.loginpad a{ color:#797979;}
.loginpad .grayinput{width:365px; height:36px; line-height:36px; border:none; background:none; font-size:14px; color:#bcbcbc; border-bottom:1px solid #707070;}
.loginpad .grayinput.current{border-bottom:1px solid #a0a0a0;}
.loginpad .f-pw{ position:absolute; right:0px; top:18px;}
.nextlogin{ float:left; font-size:12px; padding:5px 0; position:relative; line-height:21px;}
.nextlogin .i-c{ display:block; cursor:pointer; float:left; width:19px; height:19px; background-position:-47px -85px; margin-right:5px;}
.nextlogin .i-c.checked{background-position:-71px -85px;}
.nextlogin .checkB{ visibility:hidden; position:absolute; z-index:-1;}
.loginpad .graybutton{ float:left; cursor:pointer; margin-right:15px; display:block; width:142px; height:38px; line-height:38px; letter-spacing:1px; border:1px solid #707070; color:#fff; text-align:center; font-size:14px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.loginpad .graybutton:hover{ background:#fff; border:1px solid #fff; color:#000;}
.loginpad .clicklogin{margin-left:36px;}
.thirdparty{float:right; padding-top:7px;}
.thirdpartytext{ float:left; margin-right:12px;}
.thirdpartyicon{ float:left; font-size:0px;}
.thirdpartyicon a{ width:22px; height:18px; display:inline-block;}
.thirdpartyicon .qq{background-position:0 -108px;}
.thirdpartyicon .qq:hover{background-position:0 -130px;}
.thirdpartyicon .sina{background-position:-22px -108px; margin-left:8px;}
.thirdpartyicon .sina:hover{background-position:-22px -130px;}
/*footer*/
.footer{height:275px; background:#1b2a51; padding:65px 0 0 0; color:#707278;}
.footer-l{ float:left; width:820px;}
.footer-l .f-logo{}
.footer-l .f-about{padding:50px 0 15px 0;}
.footer-l .f-about a,.footer-l .f-about span{ float:left; color:#fff;}
.footer-l .f-about a:hover{color:#3150a2;}
.footer-l .f-about span{margin:0 8px;}
.footer-l .f-dl dt{ float:left; width:90px; height:50px; overflow:hidden;}
.footer-l .f-dl dd a{ color:#707278;}
.footer-l .f-dl dd a:hover{color:#3150a2}
.footer-r{ float:right; width:268px; height:172px; border-left:1px solid #263b6f;}
.footer-r p{ text-align:center;}
.footer-r img{ vertical-align:top;}
.footer-r .p2{margin-top:44px;}
.footer-r .p3{margin-top:14px;}