@charset "utf-8";
/*定义基本字体样式 */
body,table {
	color:#333333;
    font-family: "宋体", arial, helvetica, clean, sans-serif;
	font-size: 12px;
} /* 基本字体色*/
body,input,select{background-color:#FFFFFF}
a{color:#333333;text-decoration:none;yexj00:expression(this.hideFocus="true");} /*链接无下划线 基本字体色 */
a:hover {color:#FF6600;text-decoration:underline} /*鼠标上移有下划线 */
body,ul,h1,h2,h3,h4,h5,h6 {	margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{display:block;}
form{	margin: 0px; padding: 0px;}
ul {list-style-type: none;}
img {border:0;}
input, textarea{font-size:12px;}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    line-height: 0px;
    height:0;
    font-size: 1px;
}

/*定义页面基本结构 */
#layout {
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#popalert {
	height: 20px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ff6600;
	color: #FFFFFF;
	padding-top: 5px;
	text-align: left;
	padding-left: 5px;
}
#popalert img {
	float: right;
	margin-right: 3px;
	cursor: pointer;
}
#content1 {
	height: 610px;
	clear:both;
	padding-top:8px;
}
#content1 .left {
	float: left;
	width: 271px;
}
#content1 .mid {
	float: left;
	width: 410px;
	padding-left:12px;
}

#content1 .right {
	float: left;
	width: 265px;
	padding-left:12px;
}

#content2 {
	background-color: #f1efef;
	padding: 8px 8px 4px 8px;
	clear:both;
	margin-top:3px;
	height:195px;
}
#content2 .left {
	float: left;
	height:180px;
	width: 240px;
	padding:5px 15px 5px 15px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}
#content2 .mid {
	float: left;
	height:180px;
	width: 360px;
	padding:5px 15px 5px 25px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}

#content2 .right {
	height:180px;
	float: left;
	padding:5px 5px 5px 25px;
	width:250px;
}
#content3 {
	clear:both;
	height:125px;
	padding-top:10px;
}
#footer {
	text-align: center;
	height: 80px;
	padding-bottom:10px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff6600;
}
.allicon{
	background-image: url(../../200912/images/allicon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.icon1{
	background-position: 10px -1px;
}
.icon2{
	background-position: -6px -30px;
}
.icon3{
	background-position: 0px -50px;
}
.icon4{
	background-position: 68px -85px;
}
.icon7{
	background-position: 0px -177px;
	width:18px;
	height:18px;
}
.icon8{
	background-position: 0px -209px;
}
.icon9{
	background-position: 0px -239px;
}
.icon10{
	background-position: 0px -270px;
}
.icon11{
	background-position: 0px -300px;
}
.icon13{
	background-position: 3px -373px;
}
.icon14{
	background-position: 5px -391px;
}
.icon15 {
	background-position: 0px -413px;
	background-repeat: repeat-x;
}	
.icon16 {
	background-position: 0px -445px;
	background-repeat: repeat-x;
}
.icon17 {
	background-position: -1px -565px;
	width:18px;
	height:18px;
}
.icon18{
	background-position: -2px -598px;
	width:18px;
	height:18px;
}
.icon19{
	background-position: -1px -633px;
	width:18px;
	height:18px;
}
.icon21{
	background-position: 2px -700px;
	width:13px;
	height:13px;
}
.icon22{
	background-position: 2px -723px;
	width:13px;
	height:13px;
}
.icon23{
	background-position: 2px -750px;
	width:13px;
	height:13px;
}
.nomargin{
	margin-left:0px;
}
/*页头*/
#head_mango
{
	padding: 0px;
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 132px;
}
#head_mango1
{
	height: 103px;
	background-image: url(../../200912/images/mangologo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#head_mango101
{
	height: 74px;
	display: block;
}
#head_mango1011
{
}
#head_mango1011 a
{
	float: left;
	width: 260px;
	height: 70px;
}
#head_mango1012
{
	float: left;
	margin-top: 6px;
	padding-left: 15px;
}
#head_mango1013
{
	float: right;
	margin-top: 10px;
}
#head_mango1013 ul
{
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#head_mango1013 ul li
{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 10px;

}
#head_mango1013 .fanti
{
	background-image: url(../../200912/images/jiantou.jpg);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	float: left;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 18px;
	height: 20px;
}
#head_mango1013 ul li a
{
	color: #333333;
	text-decoration: none;
	margin-top: 4px;
}
#head_mango1013 a
{
	color: #333333;
	text-decoration: none;
}
#head_mango1013 a:hover
{
	color: #FF6600;
	text-decoration: none;
}
#head_mango102
{

}
#head_mango10203
{
	float: right;
	background-image: url(../../200912/images/bjtiao.jpg);
	background-repeat: repeat-x;
	height: 29px;
	width: 830px;
}
#head_mango10203 ul
{
	clear: both;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#head_mango10203 li
{
	float: left;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	display: block;
	margin-top: 5px;
	color: #F6BC01;
}
#head_mango10203 li.new
{
	background-image: url(http://www.mangocity.com/200912/images/new.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 8px;
	overflow: hidden;
}
#head_mango10203 li a
{
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 8px;
}
#head_mango10203 li a:hover
{
	text-decoration: underline;
}
#head_mango10203 li.current a
{
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	color: #FF6600;
	clear: both;
}
#head_mango10203 li.current a:hover
{
	text-decoration: underline;
}
#head_mango2
{
	background-image: url(../../200912/images/bjx.jpg);
	background-repeat: repeat-x;
	height: 29px;
}
#head_mango201
{
	float: left;
	margin-top: 6px;
	background-image: url(../../200912/images/tel.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding-left: 35px;
}
#head_mango202
{
	float: right;
	margin-top: 6px;
	margin-right: 10px;
}
#head_mango202 a
{
	color: #333333;
	text-decoration: none;
}
#head_mango202 a:hover
{
	color: #FF6600;
	text-decoration: none;
}


/*主产品区域定义*/
#content1 h2 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	position:relative;
}
#content1 h2 .down {
	position:absolute;
	right:9px;
	font-size:12px;
	font-weight: normal;
	color:#666666;
	border: 1px solid #ff6600;
	width: 90px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content1 h2 .down a,.downNoborder a {
	display:block;
	color:#333333;
}
#content1 h2 .down a:hover,.downNoborder a:hover {
	color:#333333;
	text-decoration:none;
}
#content1 h2 .downNoborder {
	position:absolute;
	right:10px;
	font-size:12px;
	font-weight: normal;
	color:#666666;
	width: 90px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
.scity {
	width: 90px;
	list-style-type:none;
	float: right;
	text-align: center;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
}
.scity li a{
	padding-top:3px;
	padding-bottom:2px;
	height: 16px;
	background-color: #FFECD9;
	display:block;
}
.scity li a:hover{
	background-color:#FFFFFF;
}
/*
.scity li {
line-height:20px;
}
*/



/*搜索框定义*/
.boxButton{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9900;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff9900;
	height:30px;
	background-position: 0px -664px;	
	background-repeat: repeat-x;
}
.boxButton li{
	float:left;
}
.boxButton li a{
	display:block;
	cursor:pointer;
	width:89px;
	padding:4px 0px 4px 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9900;
	border-bottom-color: #ff9900;
	text-align:center;
	border-left-style: none;
	text-decoration:none;
}
.boxButton li a:hover{
	color:#333333;
}
.boxButton li a.current{
	background-color: #fdf9e9;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ff9900;
	border-bottom-color: #fdf9e9;
	font-weight:bold;
	font-size:14px;
}
#box0,#box1,#box2{
	clear:both;
	height:220px;
	padding:5px 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	background-color: #fdfae9;
}
.inputText{
	width:130px;
}
.inputText2{
	width:40px;
}
.inputSelect{
	width:136px;
}
.tabelmargin{
	margin-top:20px;
}
.submit{
	padding-top:10px;
}
.submit2{
	padding-top:20px;
}
.submit li,.submit2 li{
	float:left;
}
.submit .text,.submit2 .text{
	padding-top:10px;
	padding-left:25px;
}
.submit .btn,.submit2 .btn{
	float:right;	
	padding-right:10px;
}
/*机票产品*/
.planeProduct{
	margin-top:8px;
	padding:10px 10px 6px 10px;
	border: 1px solid #ffcc00;
}
.planeProduct .biaoti{
	background-color:#fffbf2;
	font-weight:bold;
	color:#ff6600;
}
.gnprice {
	padding-top:10px;
}
.gnprice .tdleft{
	padding-left:5px;
}
.gjprice{
	background-color:#fffbf2;
	margin-top:12px;
	padding:7px 5px;
}
.gjprice span {
	display:block;
}
.gjprice h3{
	font-size:12px;
	font-weight:normal;
	color:#ff6600;
	padding-top:6px;
	padding-bottom:9px;
}
.gjprice h3 a{
	color:#ff6600;
}
.gjprice a:hover{
	text-decoration:underline;
}


/*flash广告*/
.ad { 
	width:410px; 
	height:153px; 
	overflow:hidden;
	position:relative;	
	/*background:#fff url(../../200912/images/banner/loading.gif) center center no-repeat;*/
}
.adfirst { 
	width:410px; 
	height:153px; 
	overflow:hidden;
	position:relative;	
	background:#fff url(../../200912/images/banner/loading.gif) center center no-repeat;
}
.slider li{ 
	list-style:none;
	display:inline;
}
.slider img{ 
	width:410px; 
	height:153px;
	display:block;
}
.num{ 
	position:absolute;
	right:5px; 
	bottom:5px;
}
.num li{
	float: left;
	color: #ffffff;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	background-color: #606060;
}
.num li.on{
	color: #000000;
	background-color: #ff7e00;
}
/*特推产品*/
.tetui {
	background-color:#f7f7f7;
	padding:7px 10px;
	margin-top:6px;
}
.tetui h2{
	color:#ff6600;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding:0 0 6px 0;
	margin-top:0;
}
.tetuiList li{
	line-height:20px;
	padding-left:20px;
}
.redcolor {
	color:#ff6600;
}
.tt-remen {
	background-color:#f7f7f7;
	margin-top:6px;
	display: inline-block;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.tt-remen .title
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	height: 20px;
	margin-bottom: 3px;
	overflow: hidden;
}
.tt-remen h2 {
	color:#ff6600;
	float: left;
}
.tt-remen .more{
	float:right;
}
.tt-remenList li{
	line-height:22px;
	padding-left:25px;
	float: left;
	width: 170px;
}
.tt-remenList li a
{
	display:block;
	width:170px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
}
/*酒店产品*/
.hotelProduct {
	margin-top:8px;
	padding:8px 10px 0px 10px;
}
.hotelProduct h2{
	font-size:14px;
	padding:2px 0px 7px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.hotelProduct h3{
	display:block;
	font-size:14px;
	padding:6px 0px 6px 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	clear:left;
	margin-bottom:3px;
}
.hotelcity li{
	float:left;
	line-height:20px;
	width:33px;
	margin-left:6px;
	text-align:center;
	cursor:pointer;
}
.hotelcity li.nomargin{
	margin-left:0;
}
.hotelcity li.current{
	background-color:#FF6600;
	color:#FFFFFF;
	font-weight: bold;
}
.hotelList li{
	float:left;
	width:180px;
}
.hotelList li.second{
	clear:right;
	margin-left:10px;
	width:180px;	
}
.pinpai{
	padding-top:10px;
	clear:both;
}
.pinpai li{
	line-height:20px;
}
.pinpai li.second{
	clear:left;
}
.pinpai li a{
	color:#008800;
	margin-left:57px;
	float:left;
}
.pinpai li a.nomargin{
	margin-left:0px;
}
.hotelAd{
	clear:both;
	padding-top:8px;
}
.pinpaiList a{
	color:#008800;
}
/*shi bo jiu dian begin*/
.sbhot{
	margin-bottom: 7px;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*shi bo jiu dian end*/
/*te se gang ao*/
.remen {
	border: 1px solid #ff9900;
	margin-bottom:8px;
}
.remen h3 {
	font-size:14px;
	font-weight:bold;
	color:#ff6600;
	margin:0;
	padding-left:10px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 5px;
}
.remenList{
	margin-left: 3px;
	overflow: hidden;
}
.remenList li{
	padding-left:25px;
	vertical-align:top;
	height: 22px;
	line-height: 22px;
}
.remenList li a:hover
{
	text-decoration: none;
}

.remenList li span.tag0
{
	width: 210px;
	border: 1px solid #639A00;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 150%;
	background-color: #FFFFFF;
	color: #676767;
	z-index:9999;
}
.remenList li span.tag0{ width:230px; padding:0 0 3px 0; display:none; background:#999; border:none;}
.remenList li span.tag0 em{ display:none; font-style:normal;}
.remenList li span.showspan{ display:block; position:absolute;}
.remenList li span.showspan em{ display:block; position:relative; width:210px; margin:-5px 0 0 -5px; padding:5px 10px; background:#fff; border:1px solid #639A00; z-index:999;}
.remenList li .orange
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
}
.remen .more{
	color:#ff6600;
	padding-right:10px;
	float:right;
}

/*度假酒店产品列超出文字省略定义*/
.pkgList,.hotelList {clear:both;}
.pkgList li, .hotelList li {
	padding:5px;
	overflow:hidden;
}
.pkgList span, .hotelList span {
	float:right;
	color:#ff6633;
	display:block;
	margin-top:-2px;
}
.pkgList a{
	float:left;
	width:160px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
}
.hotelList a {
	float:left;
	width:110px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
}
.remenList a.hidden {
	display:block;
	width:210px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
}
#content1 .price {
	color:#ff6600;
	font-family:"Courier New",Simsun;
}
#content1  .price ¥ {
	font-family:Arial;
}

/*度假产品*/
.pkgProduct {
	/*height:370px;*/
	border: 1px solid #99cc00;
	padding:10px 10px 2px 10px;
}
.pkgList li{
	line-height:20px;
}
.pkgProduct h3 {
	font-size:12px;
	font-weight:normal;
	color:#ff6600;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	margin-top:8px;
}
.pkgProduct .zhuti{
	clear:both;
	height:40px;
}
.pkgProduct .zhuti li{
	float:left;
	height:20px;
	margin-left:30px;
	width:55px;
}
.pkgProduct .zhuti a{
	color:#008800;
}
.pkgProduct .zhuti li.nomargin{
	margin-left:0px;
}
.pkgProduct .zhuti li.second {
clear:right;
}

/*社区 工具箱*/
#content2 h2 {
	font-size:15px;
	font-weight:bold;
	padding:0px 0px 8px 0px;
	position:relative;
}
#content2 h2 .more {
	position:absolute;
	right:20px;
	font-size:12px;
	font-weight: normal;
	color:#666666;
}
.bbxlist{
	padding-left:27px;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
}
.search{
	background-color:#FFFFFF;
	padding:5px 5px 5px 10px;
}
.searchbtn{
	background-color:#76b928;
	width:38px;
	height:20px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	color:#FFFFFF;
	cursor:pointer;
}
#content2 .zhinanPic {
	background-color:#FFFFFF;
	width:339px;
	height:53;
	padding:10px 7px 0px 12px;
}
.zhinanPic {
	padding:10px;
}
.zhinanPic li{
	float:left;
	text-align: center;
	line-height:25px;
	margin-left:17px
}
.zhinanPic li.nomargin{
	margin-left:0px;
}
.zhinanText {
	clear:both;
	padding-top:8px;
}
.zhinanText li {
	line-height:25px;
	padding-left:20px;
}
.retie li {
	line-height:32px;
}
.retie .text {
	font-weight:bold;
}

/*友情链接banner*/
#content3 img{
	margin-left:9px;
}
#content3 .nomargin{
	margin-left:0px;
}
.yqLink {
	padding-top:15px;
}
.yqLink li{
	float:left;
	word-spacing: 4px;
}
.yqLink .heiti{
	font-weight:bold;
	margin-right:3px;
}
.yqLink .more{
	float:right;
}

/*页尾文件定义*/
#footer a {
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#footer .zhannei li{
	height:22px;
}
#footer .daohang {
	word-spacing: 6px;
}
#footer .engtext{
	font-family:Arial, Helvetica, sans-serif;
}
#footer .ctsLogo {
	padding-left:320px;
	clear:left;
}
#footer .ctsLogo li{
	float:left;
}
#footer .wangan {
	margin-left:40px;
}
/* 首页度假搜索框样式 start*/
.kuang {
	BORDER-RIGHT: #b1c645 1px solid; BORDER-TOP: #b1c645 1px solid; BORDER-LEFT: #b1c645 1px solid; BORDER-BOTTOM: #b1c645 1px solid
}
.xuxian {
	BORDER-BOTTOM: #a6a6a6 1px dashed
}
.tdbg {
	BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #ffffff; COLOR: #333333; LINE-HEIGHT: 150%; BORDER-BOTTOM: #ffffff 1px solid
}
.tdbg-dark {
	BORDER-TOP: #679902 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; CURSOR: hand; COLOR: #363636; LINE-HEIGHT: 150%; BORDER-BOTTOM: #679902 1px solid; BACKGROUND-COLOR: #f2ffd9
}
.www {
	BORDER-TOP: #f2f8ff 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; COLOR: #24373b; LINE-HEIGHT: 150%; BORDER-BOTTOM: #f2f8ff 1px solid; BACKGROUND-COLOR: #83d52b
}
/* 首页度假搜索框样式 end*/