body{margin:0px; padding:0px; font-size:12px; color:#666;font-family:\5FAE\8F6F\96C5\9ED1, Airal, Verdana, Geneva;background:#F4F5F7;width:100%;}
div,form,p,img,ul,ol,li,dl,dt,dd {margin:0px; padding:0px; list-style:none; }
input{margin:0;padding:0;}
h1,h2,h3,h4,h5 { margin:0; padding:0;}
table{border-spacing: 0; border-collapse: collapse;}
table,td,tr,th{font-size:12px; margin: 0; padding: 0; line-height:20px;}
*:focus {outline: none;}
img{ vertical-align:middle; padding:0px; margin:0px; border:0px;}
img a{ border:0px; text-decoration:none;}
img a:hover{ border:0px; text-decoration:none;}
a{text-decoration:none;color:#666;}
a:hover{ color:#F06255;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.stat{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb15{margin-bottom:15px;}
.nobor{border:none;}

/*base index*/
.wrap{width:1000px;max-width:1000px;margin:0 auto;display:block;overflow:hidden;}
.header{height:100px;padding:0 0 8px;color:#999;background:#FFF url(../img/header_bg.gif) repeat-x;width:100%;margin:0 auto;}
.header .top{margin:0 0 16px;background:#F4F5F7;border-bottom:1px solid #E0E3E9;display:block;overflow:hidden;padding:4px 0;opacity:0.8;}
.header .top strong{color:#999;font-weight:400;}
.header .top a{margin:0 5px;color:#999;}
.header .top a:hover{color:#F06255;}
.header h1{background:url(../img/logo.png) no-repeat;height:50px;text-indent:-999em;margin:2px 0 10px;} 
.header h2{background:url(../img/logo.png) no-repeat;height:50px;text-indent:-999em;margin:2px 0 10px;font-weight:400;}
.header .sitename{clear:both;width:110px;height:50px;float:left;display:block;}
.header .sitename .logo{background:url(../img/logo.png) no-repeat -6px 0;height:55px;text-indent:-9999em;margin:4px 0 10px;font-weight:400;display:block;overflow:hidden;}
.header .sitedes{float:left;padding:30px 5px 0 10px;}
.header .top-nav{float:left;padding:10px 5px 0 6px;font-size:15px;}
.header .top-nav span{font-family:arial;}
.header .top-nav code{color:#BBB;font-weight:400;}
.header .top-nav a{color:#777;font-weight:700;}
.header .top-nav a:hover{color:#F06255;}
.header .search{float:right;margin:10px 0 0 0;width:250px;position:relative;}
.header .form1{height:34px;border:1px solid #E3E3E3;width: 190px;padding:0 10px;color:#999;font-family:\5FAE\8F6F\96C5\9ED1;border-right:none;font-size:14px;padding-top:7px\0;height:27px\0;+padding-top:7px;+height:27px;}
.header .seach-btn{cursor:pointer;position:absolute;background:url(../img/base.gif) no-repeat -4px -194px;width:45px;height:36px;border:none;left:210px;color:#FFF;font-family:\5FAE\8F6F\96C5\9ED1;}
.header .seach-btn:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=90); opacity: .9; }
.header .post{float:right;margin:10px 0 0 10px;width:170px;text-align:center;font-size:14px;height:32px;}
.header .post a{display:block;overflow:hidden;color:#FFF;background:#F06255;height:36px;line-height:36px;}
.header .post a:hover{background:#EE5144;}

.nav{height:34px;width:100%;margin:0 auto;margin-bottom:4px;background:#FFF;border-bottom:3px solid #4D96D4;display:block;overflow:hidden;}
.nav ul{border-left:1px solid #F3F3F3;border-right:1px solid #F3F3F3;background:#FFF url(../img/nav_ul_border.gif) repeat-x;}
.nav ul li{float:left;margin:0;text-align:center;}
.nav ul li a{padding:8px 30px 0;margin:0 10px 0 9px;display:block;height:22px;color:#555;font-size:14px;}
.nav ul li a:hover{color:#4D96D4;padding-bottom:4px;}
.nav .on{color:#FFF;padding-bottom:4px;font-weight:bold;background:#4D96D4;}
.nav .on a{color:#FFF;}
.nav .on a:hover{color:#FFF;padding-bottom:0px;}
.nav .last{margin-right:0px;float:right;}
.snav {margin:10px 15px;height:28px;border-bottom:1px solid #E3E3E3;}

/*main*/
.main{width:1000px;margin:0 auto;display:block;overflow:hidden;margin-top:8px;}
.index-main{width:1000px;margin:0 auto;display:block;overflow:hidden;margin-top:15px;}
.top-banner{margin:6px 0 12px;}
.top-banner img{width:1000px;height:90px;}
.bottom-banner{margin:10px 0 0;}
.bottom-banner img{width:999px;height:70px;}

.welcome{margin-bottom:12px;background:#FFF;padding:8px 10px;border-bottom:1px solid #EEE;}
.welcome .notice{background:url(../img/base.gif) no-repeat 4px 0px;padding-left:30px}
.welcome .notice a{margin-right:10px;}
.welcome .tip{float:right;background:url(../img/base.gif) no-repeat 0 -23px;padding-left:25px}
.welcome .tip a{color:#F06255;}

.content-box{background:#FFF;display:block;overflow:hidden;padding:15px;border-bottom:1px solid #EEE;}
.content-box .catname{border-bottom:1px solid #EEE;padding:0 10px 10px;font-size:15px;margin-bottom:3px;}
.city-list{font-size:14px;display:block;overflow:hidden;}
.city-list ul{border-bottom:1px dashed #EEE;display:inline-block;overflow:hidden;clear:both;width:100%}
.city-list ul li{float:left;padding:6px 25px 5px 0;line-height:26px;}
.city-list ul li strong{padding:0 10px;background:#FFF url(http://home.tongcheng8.com/images/base/diqu_icon.gif) no-repeat 42px 8px;width:60px;}
.city-list .diji{width:60px;margin-left:10px;font-weight:700;background:#FFF url(http://home.tongcheng8.com/images/base/diqu_icon.gif) no-repeat 49px 16px;}
.city-list .diji2{width:50px;margin-left:10px;font-weight:700;background:#FFF url(http://home.tongcheng8.com/images/base/diqu_icon.gif) no-repeat 40px 16px;}

.city-list ul li a{color:#3D82CD;}
.city-list ul li a:hover{color:#F06255;}

/*footer*/
.footer{background:#FAFAFA;padding:12px 0;font-size:12px;display:block;overflow:hidden;width:100%;margin:0 auto;margin-top:10px;border-top:1px solid #DDE1E6;color:#777;}
.footer .links{margin:5px 0;border-bottom:1px solid #E3E3E3;overflow:hidden;padding-bottom:10px;}
.footer .city{float:none;margin-bottom:10px;border-bottom:1px solid #E3E3E3;padding-bottom:10px;}
.footer .friend{float:none;}
.footer .copyright{clear:both;margin:12px 0;text-align:center;line-height:28px;}
.footer .copyright p{margin:5px 0;}
.footer span{color:#CCC;margin:0 12px;}
.footer .copyright a{color:#777;}
.footer .links a{color:#777;margin:0 8px;}
.footer a:hover{color:#F06255;}
.footer p{padding:0 6px;line-height:22px;}
.footer a{color:#8c9095;}

@media screen and (max-width:500px){
.wrap{width:100%;margin:0 auto;display:block;overflow:hidden;}
.main{max-width:100%;margin:0 auto;display:block;overflow:hidden;margin-top:8px;}
.index-main{max-width:100%;margin:0 auto;display:block;overflow:hidden;margin-top:8px;}
.nav{height:34px;width:100%;margin:0 auto;margin-bottom:4px;background:#FFF;border-bottom:3px solid #4D96D4;display:block;overflow:hidden;}
.nav ul{background:#FFF url(../img/nav_ul_border.gif) repeat-x;width:95%}
.nav ul li a{padding:10px 15px 0;margin:0;display:block;height:22px;color:#555;font-size:14px;}
.header{height:60px;padding:0;color:#999;background:#FFF;background-image:none;width:100%;margin:0 auto;}
.header .top{display:none}
.header .sitename{clear:both;width:80px;height:38px;float:left;display:block;margin-left:10px;margin-top:8px;}
.header .sitename .logo{background: url(../img/mobile_logo.gif) no-repeat;width: 80px;height: 38px;background-size: 80px auto;height:38px;text-indent:-9999em;margin:4px 0 5px;font-weight:400;display:block;overflow:hidden;}
.header .search{display:none;}
.header .sitedes{float:left;padding:25px 5px 0 10px;}

.content-box{background:#FFF;display:block;overflow:hidden;padding:15px 5px;border-bottom:1px solid #EEE;}
.city-list ul li{float:left;padding:6px 15px 5px 0;line-height:22px;}

.footer{margin:15px 0 0;background:#FAFAFA;padding:12px 0;font-size:12px;display:block;overflow:hidden;width:100%;border-top:1px solid #EEE;color:#777;}
.footer span{color:#CCC;margin:0 8px;}
}