/*--------------------------------------
作者：彭驰
日期：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{ background:url("../image/cx_icon.png") no-repeat;}

/*header*/
.header{}
.header .topbar{ background:#0a1737; height:30px; line-height:30px; position:relative; z-index:299;}
.topbar-con{ width:1100px; margin:0 auto; color:#888;}
.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:#888; 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:30px; left:0px; z-index:99; border-top:4px solid #99b5dd; background:#e3e9ef; 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:0 10px; color:#888;}
.topbar-r .tb-r a:hover{color:#99b5dd;}
/* user */
.user{width:134px; margin:0 0 0 5px; position:relative; z-index:299;}
.user dt{ height:30px; color:#99b5dd; position:relative; padding-right:30px; text-align:right;}
.user dd{ width:132px; position:absolute; top:30px; border:1px solid #e3e9ef; border-top:4px solid #99b5dd; z-index:99; display:none; font-size:14px;}
.user p{ height:48px; line-height:48px; border-bottom:1px solid #e3e9ef; background:#fff; text-indent:44px; position:relative;}
.user p:hover{background:#e3e9ef;}
.user p a{color:#0c4dad;}
.user p:hover a{color:#000;}
.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;}

/* minlogo */
.minlogo{ position:absolute; top:0px; left:50%; width:84px; margin-left:-42px; z-index:9; padding-top:7px;}
.minlogo img{ vertical-align:top; width:61px;}
/* logo-con */
.logo-con{ background:#494e63; height:60px; position:relative;}
.logo-con img{ display:block;}
.logo-con .logo{ position:absolute; left:50%; top:10px; width:180px; margin-left:-100px;}
.logo-con .logo img{width:180px;}
.logo-con .logo a{position:relative; display:block;}
.logo-con .logo .s-g{ width:11px; height:5px; position:absolute; top:12px; left:20px;}
.logo-con .t-r{ float:right; margin-top:20px;}
.logo-con .t-r img{width:266px; height:24px;}

/* nav-menu */
.nav-menu{ background:#494e63; height:40px;}
.nav-menu-con{ width:1100px; margin:0 auto;}
.nav{ float:left; width:800px; margin-left:-10px;}
.nav li{ float:left; height:40px; line-height:40px; padding:0 6px; position:relative;}
.nav li .lv-1{ font-size:16px; color:#a6b6ce; padding:0 5px; display:block; overflow:hidden; white-space:nowrap; word-break:normal;}
.nav li .lv-1:hover{ color:#fff;}
.nav li.cur-nav .lv-1{ color:#fff;}
.nav .menumore{ position:relative; height:40px; z-index:199;}
.nav .menumore:hover .lv-1{color:#fff;}
.nav .menumore .lv-1 .i-c{ display:inline-block; vertical-align:middle; width:8px; height:6px; background-position:-80px -6px; margin:1px 0 0 5px; *margin-top:4px;}
.nav .menumore.cur-nav .lv-1 .i-c,.nav .menumore:hover .lv-1 .i-c{background-position:-91px -6px;}
.nav .menumore .lv-2{ position:absolute; z-index:299; top:40px; left:-28px; width:120px; border:1px solid #e3e9ef; border-top:3px solid #99b5dd; text-align:center;}
.nav .menumore .lv-2 a{ display:block; background:#fff; height:48px; line-height:48px; color:#0c4dad; font-size:16px;border-bottom:1px solid #e3e9ef;}
.nav .menumore .lv-2 a:hover{background:#e3e9ef; color:#000;}
.nav .webapp .i-c{ float:left; width:7px; height:11px; background-position:-71px -22px; margin:15px 7px 0px 0px;}
.nav .webapp:hover .i-c{background-position:-82px -22px;}
/*search*/
.search{ float:right; width:224px; height:24px; position:relative; margin-top:7px;}
.search-txt{ width:170px; height:22px; line-height:22px; font-size:12px; color:#a6b6ce; background:#575d75; vertical-align:top; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px; border:none; padding:0px 32px 0px 20px; border:1px solid #a6b6ce;}
.search-btn{ display:block; width:30px; height:24px; position:absolute; right:0; top:0;}
.search-btn strong{ display:block; width:15px; height:15px; background-position:-45px 0px; margin:4px 0 0 2px;}
.search-btn .cur{/* background-position:0px -65px; */}
/*city*/
.city{ float:right; position:relative; z-index:199;}
.city-hd{float:left; font-size:12px; cursor:pointer; text-align:right; width:84px; height:42px; overflow:hidden;}
.city-hd .i-c{ float:right; width:11px; height:15px; background-position:-65px 0px; margin:12px 5px 0 0;}
.city-hd strong{float:right;}
.city-hd strong a{ line-height:39px; color:#fff; font-weight:normal; letter-spacing:1px;}
.city-bd{ width:530px; height:400px; position:absolute; right:0px; top:40px; font-size:14px; background:#fff; border-top:3px solid #99b5dd; border-bottom:3px solid #99b5dd; border-right:1px solid #99b5dd; border-left:1px solid #99b5dd; z-index:9999; overflow-y:auto; color:#000; box-shadow:0px 2px 5px #d7deef;}
.city-bd .hot-city{ padding:10px 20px; line-height:24px;}
.city-bd .hot-city-tit{ float:left; width:70px;}
.city-bd .hot-city-con{ float:left; width:400px;}
.city-bd .hot-city-con a{ display:block; float:left; color:#0c4dad; margin:0px 10px; white-space:nowrap;}
.city-bd-items{ padding-bottom:15px;}
.city-bd-items dt{ height:30px; line-height:30px; font-weight:bold; padding-left:20px; background-color:#eef2f7; margin-bottom:10px;}
.city-bd-items dd{ overflow:hidden; line-height:30px;}
.city-bd-items .province{float:left; width:78px; height:auto; text-align:right;}
.city-bd-items .city-list{ float:left; width:420px;}
.city-bd-items .city-list a{display:block; float:left; white-space:nowrap; margin:0 7px; color:#8a8788;}
.city-bd-items .city-list a:hover{color:#0c4dad;}
/*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(../image/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:920px;}
.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; padding-top:10px;}
.footer-l .f-dl dd{line-height: 24px;}
.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; display:none;}
.footer-r p{ text-align:center;}
.footer-r img{ vertical-align:top;}
.footer-r .p2{margin-top:44px;}
.footer-r .p3{margin-top:14px;}
.cx-bg{width:100%; height:100%; z-index:999; background:#000; opacity:0.7; filter:alpha(opacity=70); position:fixed; top:0; left:0;}

.nav #daohang-mall{display:none;}