﻿@charset "utf-8";
body { background-color:#FFF}
.m {margin:auto;width:1200px;clear:both;}

/*头部样式*/
.head {background:#F0F0F0; width:100%;height:36px; line-height:36px; border-bottom:#DFDFDF solid 1px;}
.head_m {margin:auto;width:1200px;color:#777;}
.head_m a { color:#666}
.head_m a:hover { color:#FF552E; text-decoration:none}
.head_m span { font-family:"Times New Roman", Times, serif; font-size:10px; color:#aaa; position:relative; top:-1px}

.head_l li {float:left; margin:0 13px 0 0;}
.head_l li.cityname a{ color:#FF552E}
.head_l li.cityname a:hover { text-decoration:underline}
.h_city {background:url('images/icon-arrow.png') no-repeat right -42px;padding:0 13px 0 0;}
.h_fav {padding:0 0 0 2px;}
.h_mobile {background:url('images/ico_mobile.png') no-repeat 0 center;padding:0 2px 0 15px;}
.h_qrcode {background:url('images/ico_qrcode.png') no-repeat 0 center;padding:0 6px 0 18px;}

.tophead { width:100%; height:120px; overflow:hidden}
.tophead .logo { float:left; width:500px; height:45px; line-height:45px; position:relative; top:35px; font-size:26px; letter-spacing:1px; color:#888}
.tophead .logo a{ float:left; background:url(images/logo.png) left center no-repeat; width:250px; height:70px; margin-right:20px; border-right:#E5E5E5 solid 1px; padding-right:20px;}
.tophead .logo a:hover { height:45px; display:block; text-decoration:none;}

.tophead .kf { color:#888; float:right; background:url(images/ico-qq.png) left 2px no-repeat; padding-left:55px; height:55px; font-size:13px; position:relative; top:35px}
.tophead .kf span { line-height:40px; font-size:26px}
.tophead .kf a:hover { text-decoration:none}

.login-bg { background:url(images/login-bg.jpg) center repeat-x; height:480px; padding:60px 0;}
.login-box { float:right; width:320px; height:340px; border-radius: 2px; -moz-border-radius: 2px; padding:30px 0 10px 0; background-color:#FFFFFF;box-shadow:0 0 5px #fff;}

.footer-login { background-color:#333333; color:#666666; width:100%; text-align:center; padding:20px 0}
.footer-login a { color:#666666}
.footer-login div { padding:5px 0}

.login-box td { position:relative}
.login-box .sinput { float:left; font-size:13px; color:#666666; border:#DDD solid 1px; height:38px; line-height:38px;border-radius: 3px; -moz-border-radius: 3px; padding-left:32px;}
.login-box i { position:absolute; background:url(images/login-input-bg.png) no-repeat; height:16px; width:15px;top:18px; left:14px;}
.login-box i.accounts { background-position:0 0; }
.login-box i.pass { background-position:-15px 0}
.login-box i.code { background-position:-30px 0;}

.login-box .otherline { height:20px; line-height:20px; border-bottom:1px solid #E5E5E5; text-align:center; margin-bottom:15px}
.login-box .otherline span { position:relative; top:10px; color:#aaa; background-color:#FFFFFF; padding:0 20px;}

.column-right { width:340px;margin-left:15px;}
.column-bigleft { width:845px;}