﻿<!--/* CSS Document */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}



body{



	font-size:12px;



	color:#666;



	overflow-x:hidden;}



table {border-collapse:collapse;border-spacing:0;}



fieldset,img {border:0;}



address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}



ol,ul {list-style:none;}



caption,th {text-align:left;}



h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}



q:before,q:after {content:counter(name,style);}



abbr,acronym { border:0;}



a{padding:0;margin:0;}



a:focus{



	outline:none;}



a:active{outline:none;}



ul,li{



padding:0;margin:0;}



.top{



margin:0 auto;



width:100%;



height:29px;



background:url(../../system/images/top_bg.jpg) repeat-x;



border-bottom:1px solid #ccc;



}



.top p{



display:block;







margin:0 auto;



text-align:right;



font:12px "宋体";



color:#666;



padding-top:10px;



padding-right:10px;}



.top p a{



font:12px  "宋体";



color:#646464;



text-decoration:none;



}



.top p a:hover{



text-decoration:underline;}







.head{



margin:0 auto;

}






.vip{



display:block;



float:right;



width:320px;



height:51px;



background:url(../../system/images/menu1.jpg) no-repeat center; margin-top:25px;



}

.vip a{ float:left; width:106px; height:51px;  display:block;}

.menu{

margin:0 auto;



height:80px;

}



.menu ul{



height:40px; margin:0;

background:url(../../system/images/nov_m.gif) repeat-x;

}



.menu ul li{ 

margin:0; padding:0;

float:left;

width:108px;

text-align:center;

}



/*.menu ul li.menu_l{



width:14px;



height:40px;



background:url(../../system/images/nov_l.gif) no-repeat;}



.menu ul li.menu_r{



width:14px;



height:40px;



background:url(../../system/images/nov_r.gif) no-repeat;



}*/

.menu ul li{
	margin:0; padding:0;
float:left;
width:25%;
text-align:center;
	background:#f72e9f;
}

.menu ul li a {
	display:block; margin:0; padding:0;
height:40px;
font:14px "宋体"; 
line-height:40px;
color:#fff;
font-weight:bold;
text-decoration:none;



}



.menu ul li a:hover{

background:#f72e2e;

font-weight:bold;

}



.ser{



margin:0 auto;
height: auto;}



.ser .ser_l{



float:left;



width:67px;



height:47px;



background:url(../../system/images/ser_l.jpg) no-repeat;



}



.ser .ser_m{
	text-align: center;
background:#eee;
font-size: 20px;
height: 130px;}



.ser .ser_r{



float:left;



width:10px;



height:47px;



background:url(../../system/images/ser_r.jpg) no-repeat;}



.ser .ser_m form{
font:12px "宋体";
padding-top:5px;

}

input.refer{
background:url(../../system/images/menu2.gif) no-repeat;
width:124px;
height:30px;
border:0;
margin-top: 10px;
}



.content{



margin:0 auto;



width:988px;



border:0;



height:auto !important;



padding-top:2px;}



.content .left{



float:left;



width:197px;



margin-right:10px;}



.content .left .title{



width:197px;



height:39px;



}



.content .left .title .title_l{



background:url(../../system/images/title_l.gif) no-repeat;



width:7px;



height:39px;



float:left;}



.content .left .title .title_m{



background:url(../../system/images/title_m.gif) right repeat-x;



width:182px;



float:left;



height:39px;



font:14px/39px "宋体";



font-weight:bold;



color:#069;}



.content .left .title .title_r{



background:url(../../system/images/title_r.gif) no-repeat;



width:8px;



height:39px;



float:left;}



.content .left .left_box{



width:172px;



background:url(../../system/images/left_m.gif) repeat-y;



padding-left:25px;



}



.content .left .left_box ul li{



padding-left:30px;



}



.content .left .left_box ul li a{



text-decoration:none;



font:13px/35px "宋体";



color:#369;}



.content .left .left_box ul li a.state{



text-decoration:underline;



color:#f93;}



.content .left .left_box ul li a:hover{



text-decoration:underline;



color:#f93;}







.content .left .left_b{



background:url(../../system/images/left_b.gif) no-repeat;



width:197px;



height:10px;}







/*.footer{

clear:both;

margin:0 auto;

width:988px;

height:150px;

margin-top:20px;

border-top:4px solid #ff027c;

text-align:center;

padding-top:10px;

}

.footer p{

font:12px "宋体";

color:#8f8f8f;

text-align:center;

}

.footer a{

font:12px "宋体";

color:#8f8f8f;

text-decoration:none;

padding:0 5px;}

.footer a:hover{

text-decoration:underline;}*/















#footpanel {



position: fixed;



bottom: 0; left: 0;



z-index: 9999;



background: #ececec;



border: 1px solid #c3c3c3;



border-bottom: none;



width: 94%;



margin: 0 3%;



}



*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/



margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/



position: absolute;



top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));



}



#footpanel ul {



	padding: 0; margin: 0;



	float: left;



	width: 100%;



	list-style: none;



	border-top: 1px solid #fff; 



	font-size: 1.1em;



}



#footpanel ul li{



	padding: 0;



	 margin: 0;



	float: left;



	position: relative;



}



#footpanel ul li a{



	float: left;



	font:12px/30px "宋体";



	height: 30px;



	color: #000;



	position: relative;



}



html #footpanel ul li a:hover{	background-color: #fff;



color:#ee6f28; }



html #footpanel ul li a.active {



	background-color: #fff;



	height: 17px;



	margin-top: -2px; 



	border: 1px solid #555;



	border-top: none;



	z-index: 200; 



	position: relative;



}



#footpanel a.foot_l{



	background:url(../../system/images/bottombar-icon.png) 0 -274px no-repeat;



	width:6px;



	height:30px;



}



#footpanel a.foot_l:hover{



	background:url(../../system/images/bottombar-icon.png) 0 -274px no-repeat;



	width:6px;



	height:30px;



}



#footpanel a.home{



	text-align:center;



	background:url(../../system/images/bottombar-icon.png) 10px -365px no-repeat; 



	width:40px;



	border-right: 1px solid #bbb;



}



#footpanel a.home:hover{



	text-align:center;



	background:url(../../system/images/bottombar-icon.png) 10px -402px no-repeat; 



}







#footpanel a.foot_r{



background:url(../../system/images/bottombar-icon.png) 0 -319px no-repeat;



	width:6px;



	height:30px;



}



#footpanel a.foot_r:hover{



	background:url(../../system/images/bottombar-icon.png) 0 -319px no-repeat;



	width:6px;



	height:30px;



}







#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }



.bar{



margin:0px auto;



margin-top:2px;



margin-bottom:5px;



width:988px;



text-align:left;



height:25px;



background:#fff;



}



.bar a{



text-decoration:none;



color:#333;}



.bar a:hover{



text-decoration:underline;}







.quick_title{



	clear:both;



margin:2px auto;



width:988px;



height:26px;



background:#f7f7f7;}



.quick_title a{



	 text-decoration:none;



	}



.quick_title a.index{



	font:16px/26px ""; font-weight:bold; color:#333; padding-left:15px; float:left;



	}



.quick_title a.lover_ser{



	font:12px/26px "";



	color:#333;



	float:left;



	}



.quick_title span{



	font:12px/26px "";



	color:#333;



	float:left;



	}



.quick_title a.invitation{



	display:block;



	width:80px;



	text-decoration:underline;



	color:#0059b4; 



	float:right;



	font:13px/26px "宋体";



	font-weight:bold;} 	



.ser .ser_m form{



font-size: 20px;



height:39px;



color:#000;



padding-top:8px;



}



.ser .ser_m form input{



	vertical-align:middle;



}



.ser .ser_m form select{



height:20px;



}











.vipmember{



	clear:both;



	width:16px;



	height:13px;



	padding:0;



	margin:0;



	border:0;



	}



.clear{



	clear:both;}



/*提示子菜单开始*/



.bar{



margin:0px auto;



width:988px;



padding-top:7px;



height:30px;



overflow:hidden;



color:#333;



}



.headtip_l{



	float:left;



	background:url(../images/headtip_l.gif) no-repeat;



	width:45px;



	height:30px;}



.headtip_m{



	float:left;



	background:url(../images/headtip_m.gif) repeat-x;



	width:871px;



	font-weight:bold;



	padding-top:3px;



	height:27px;}



.headtip_m a.htmlname{



	text-decoration:none;



	color:#333;



	font:16px "宋体";



	font-weight:bold;



}



.headtip_m a.typename{



	text-decoration:none;



	color:#333;



	font:12px "宋体";



	font-weight:normal;



	}



.headtip_r{



	float:left;



	background:url(../images/headtip_r.gif) no-repeat;



	width:62px;



	padding-right:10px;



	height:30px;}



a.invite{



	color:#333;



	text-decoration:underline;



	font:13px/30px "宋体";



	}



/*提示子菜单结束*/











/*城市之星开始*/



.citystart{



	clear:both;



	background:none;



	padding:0;



	border:none;



	margin-bottom: 0;



    margin-left:14px;



    margin-right:0;



    margin-top:-3px;



    position: absolute;



    z-index: 2;



	}



.citystartphoto{



	clear:both;



	background:none;



	padding:0;



	border:none;



	margin-bottom: 0;



    margin-left:14px;



    margin-right:0;



    margin-top:-3px;



    position: absolute;



    z-index: 2;



	}







*html .citystartphoto{



	margin-left:-70px;



	margin-bottom: 0;



    margin-top:-3px;



    position:absolute;



    z-index: 2;



	}



*html .citystart{



	margin-left:-680px;



	margin-bottom: 0;



    margin-top:-3px;



    position:absolute;



    z-index: 2;



	}



*+html .citystart{



	margin-left:-680px;



	margin-bottom:0;



    margin-right:0;



    margin-top:-3px;



    position:absolute;



    z-index: 2;



	} 



/*城市之星结束*/











a.current{



	font:13px "宋体";



	color:#f60;



	font-weight:bold;}



.page_foot strong{



	font:13px "宋体";



	color:#f60;



	font-weight:bold;



	}







.c-title{line-height:36px;height:36px;width:988px; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;float:left; background:url(../images/c_title_bg.jpg) repeat-x;}



.c-title-l{font-size:14px;line-height:36px; font-weight:700; background:url(../images/c_title_icon.gif) no-repeat 0 2px; padding-right:5px; padding-left:20px; margin-left:10px; display:inline}







.c-title a{ color:#666;}



.c-title a:hover{ text-decoration:underline}



.fre{ float:right; padding-right:10px; line-height:36px; color:#1f62ad; text-decoration:underline}



.fre:hover{ color:#ff6600}



.cbox-title{ height:36px;}



.cbox-title span{ line-height:36px; padding-left:0px; font-size:14px; font-weight:700}



.cbox-title b{ font-size:16px; padding-right:10px;}



.setcontent-lift, .c-lift-content, .c-lift-content-in {



    float: left;



    width: 169px;



}



.setcontent{ background:url(../../system/images/cl_bg.jpg) repeat-x #dae3f2; border-left:1px solid #b4bbc1; border-right:1px solid #b4bbc1;border-bottom: 1px solid #b4bbc1;width:988px;margin:0 auto;}









.fleft {



    float: left;



}



select.m2{



	width:45px;}



select.selectSize{



	width:60px;}



.f-f00{



	color:#f00;}



.f-1f62ad {



    color: #1F62AD;



}













/*底部开始*/

.footer { width:100%;}

.footer .footer_shang { float:left; width:100%; background:#FF027C;border: 1px solid #FF027C;margin-left: -1px;}

.footer .footer_shang .shang { margin:0 auto; text-align:center; height:40px; line-height:40px; color:#FFF;}

.footer .footer_shang .shang a { color:#FFF;}

.footer .footer_xiabu { float:left; width:100%;}

.footer .footer_xiabu .xiabu {  margin:0 auto;}

.footer .footer_xiabu .xiabu .number { float:left; width:50%; padding:10px 0px; overflow:hidden;}

.footer .footer_xiabu .xiabu .number p { float:left; width:50%; line-height:30px; overflow:hidden;}

/*底部结束*/




.footer .footer_shang .shang span a {
    width: 25%;
    display: block;
    float: left;
	font-size: 18px;
}




@media screen and (max-width:999px) {
	.head {
		padding: 0 0 5px;
		background: #FFF;
		text-align: left;
		height: auto
	}

	.logo {
		margin-top: 5px;
		height: 92px;
		text-align: center;
		color: #FD893F;
		font-size: 50px;
		padding: 0 0
	}

	.top-tel {
		background: url(images/top_tel.jpg) center no-repeat;
		height: 50px;
		background-size: 100%
	}

		
	
}

@media screen and (min-width:1000px) {
	
	
	
	.logo {
    margin-top: 10px;
    height: 100px;
    text-align: center;
    color: #FD893F;
    font-size: 50px;
    padding: 0 0;
	float: left;
  }
	.logo img{
		height:100px;
		width: 300px;
	}
	.top-tel {
    background: url(images/top_tel.jpg) center no-repeat;
    height: 130px;
    float: left;
	width:800px;
	background-size: 100%;
   }
	.head {
    padding: 0 0 5px;
    background: #FFF;
    height: 130px;
    text-align: left;
	width: 1100px;

}
}








