@charset "utf-8";
/* basic */
body{ margin:0; padding:0; background:#FFF url(https://data.travelchinaguide.com/images/background/bg/bgj101.jpg) repeat-x 0 110px; font:14px/1.1 Arial, Helvetica, sans-serif; color:#000;}
div,ul,ol,li,dl,dt,dd,p,form,h1,h2,h3,h4,h5,span,a{ margin:0; padding:0;}
ul,ol{ list-style:none;}
input{font-size:13px; line-height:140%; color:#666}
a{color:#36c; text-decoration: underline;}
a:hover{color:#f60; text-decoration:none;}
img{ border:none;}
.line {background:url(https://data.travelchinaguide.com/images/background/line/line-dot.gif) repeat-x; height:1px;overflow:hidden;clear:both;margin:20px 0;}
.clear{ clear:both;}
.strong{ font-weight:bold;}
.pr{ position:relative;}
/* layout */
#header, #main, #footer{ width:1020px; margin:0 auto; }

.loginBox{ position:absolute; top:4px; right:5px; width:600px;}
/* yangqiong loginBox */
.topBg{ border-bottom:1px solid #E3E3E3; background:#EBEBEB url(https://data.travelchinaguide.com/images/background/bg/bgp003.png) repeat-x; font-size:12px;}
.topWrap{ position:relative; width:1020px; height:20px; margin:0 auto; padding:4px 0 2px; overflow:hidden; zoom:1;}
.topWrap a{ color:#838383; line-height:1.2;}
.topWrap .folIco{ float:right; height:26px; margin-left:10px; margin-top:-4px; margin-top:-8px\9; -margin-top:-6px; padding:2px 15px 5px 95px; padding-top:6px\9; background:url(https://data.travelchinaguide.com/images/background/other/p001.png) no-repeat; background-position:0 5px\9;}
.topWrap .folIco img{ width:20px; height:20px; vertical-align:text-bottom;}

#loginBox {text-align:right; padding:1px 8px 2px 0; font-size:12px; color:#545454; }
#loginBox input{border:#ccc solid 1px; height:14px; font:12px Verdana, Arial, Helvetica, sans-serif;}
#loginBox .login{border:0; margin:0 0 0 5px; vertical-align:bottom; cursor:pointer;}
#commtloginOk{color:#666;line-height:0;}
#LoginCommtFlag{ line-height:0; text-align:right;}
#LoginReplyFlag { padding-left:10px; padding-bottom:5px;}

.top {
background: url("https://data.travelchinaguide.com/images/background/bg/bgp003.png") repeat-x scroll 0 0 #EBEBEB;
border-bottom: 1px solid #E3E3E3;
font-size: 12px;
display: block;
}
.t_content {
height: 27px;
line-height: 27px;
margin: 0 auto;
overflow: hidden;
width: 995px;
}
.t_content a
{
	color: #4b4b4b;
text-decoration: none;
	}
	.t_content a:hover{text-decoration: underline;}
.t_content ul {
float: right;
right: 80px;
font-size: 14px;
text-align: right;
}
.t_content li {
float: left;
padding-left: 25px;
line-height: 20px;
margin-right: 30px;
margin-top: 2px;
background: url(https://data.travelchinaguide.com/images/background/icon/top_icon01.png) no-repeat;
}

/* yangqiong loginBox end */
#header{ overflow:hidden; zoom:1; margin-bottom:9px; *margin-bottom:10px;}
#logoTop{ float:left; margin-left:20px;}
.follow{ float:right; width:95px; margin:30px 15px 0 0; line-height:1.4;}
.path{ margin-top:50px; text-align:center;}
.banner{ height:425px; margin-bottom:25px; padding-left:85px; background:url(https://data.travelchinaguide.com/images/background/bg/bgj102.jpg) no-repeat; color:#6a4617; zoom:1;}

/* banner */
#main{ position:relative;}
.phone{ position:absolute; right:65px; top:10px; width:233px; height:521px; background:url(https://data.travelchinaguide.com/images/background/bg/bgp077.png) no-repeat;}

.banner .p1{ width:300px; padding:140px 0 15px; font-size:24px;}
.banner .p2{ width:300px; padding:15px 0 0; font-size:16px;}
.mrgL{ margin-left:80px;}
.c4{ overflow:hidden; zoom:1; margin:20px 0 20px 60px; font-size:16px;}
.c4 li{ float:left; width:184px; height:149px; margin-left:10px; padding:15px; background:url(https://data.travelchinaguide.com/images/background/bg/bgp076.png) no-repeat; color:#6a4617;}
.c4 li p{ margin-top:15px; font:16px ; color:#000;}
.gftBtn{ width:890px; margin:0 auto;}
#titleImg{display:none;}


/* footer */
#footer{clear:both; padding:10px 0 20px; text-align:center;}
#footer .copy{font-size:10px; line-height:1.2;color:#666;clear:both;}
#footer .copy img{height:18px;margin-right:15px;vertical-align:middle;width:125px;}
#footer .copy span{ background:#fff;}
a.gotop{float:right; margin-top:0; *margin-top:-18px; margin-right:7px; width:53px; height:17px; display:block; background:url(https://data.travelchinaguide.com/images/background/button/gotop.gif) no-repeat; text-decoration:underline;}

@media screen and (max-width: 770px){ 
	#navbar ul{ width:100% !important;}
	.top,.model_IP , .gftBtn { display:none !important;}
	#header, #main, #footer,#download .title, #main #screenshot{ width:auto !important;}
	
	#download .downApp .ip{ width:auto !important; padding-left:140px !important;}
	#download .downApp .ad { margin-left:0px !important; padding-left: 141px !important; width:auto !important;} 
	
	#navbar .currFlight{ width:80px !important;}
}

@media screen and (max-width: 755px){ 
	#navbar .menu{ display: none;}
}


@media screen and (max-width: 642px){ 
	#header .logomax {
	height: auto;
	width: 280px;
	}
	.topWrap{width:100%;}
	#logoTop{width: 280px;}
	#header .path{display: none;}
	#navbar{display:none;}
	#download .title{display:none !important;}
	#titleImg{display:block !important; }
	#download .downApp{float:none !important; width:100% !important;}
	#download .downApp .ip{border-right:0px !important;}
	#download{height:100% !important;}
	#header, #main, #footer{width:100% !important;}
	#main{display:none;}
	#footer{width:80%;}
	.loginBox{width:90% !important;}
	#download .downApp .ip, #download .downApp .ad{width:250px !important;margin-left:0px !important; position:none !important;}
	#download .downApp .ip{right:none ;left :0;}
	.top{display:none;}
}
@media screen and (max-width: 420px){ 
	#download .downApp .ip{ background:none !important; padding-left:60px !important;}
	#download .downApp .ad{ background:none !important; padding-left:60px !important;}
}
@media screen and (max-width: 355px){ 
	#titleImg{width:300px !important; }
}
@media screen and (max-width: 330px){ 
	#download .downApp .ip{ background:none !important; padding-left:30px !important;}
	#download .downApp .ad{ background:none !important; padding-left:30px !important;}
}
