@charset "utf-8";
/* CSS sxf 2013 */
*{margin:0;padding:0;list-style-type:none; font-size:12px; font-family:Microsoft YaHei,Verdana, Arial, Helvetica, sans-serif;}
a,img{border:0; text-decoration:none;}
a i{ display:none}
/*link*/
a{text-decoration:none; color:#333}
a:link,
a:visited{ outline:none}
a:hover{ text-decoration:underline; outline:none}

body { background:url(../images/bg.jpg) no-repeat center 99px #fff; color:#333}
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
.pr{ position:relative}
.pa{ position:absolute}
.clearfix{ clear:both}
.clearfix:after{content:'\20 ';display:block;height:0;clear:both;}
.ovh{ overflow:hidden;*zoom:1}
.red{ color:#FF0000}
.tac{ text-align:center}
.tar{ text-align:right}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}

.wp{width:1000px; margin:auto;}
.g-box1{ background:#faf5ed; margin:0px 0 0 0; padding:30px 0}
.g-box1 .wp{ background:url(../images/topline.jpg) no-repeat top center; padding:20px 0 0 0}
.g-box1 .m-titinfo{width:516px; padding:15px 0 0 0}
.g-box1 .m-titinfo p{ margin:10px 0}
.g-box1 .m-titinfo h3{ font-size:20px; padding:0 0 0 26px; margin:0; color:#000; font-weight:bold}
.g-box1 .m-titinfo h4{ font-size:16px; font-weight:normal; padding:10px 0 0 26px; margin:0; color:#000;}
.g-box1 .m-titinfo h4 span{ color:#FF0000; font-size:18px}
.g-box1 .m-titinfo img{ display:block; margin:7px 0 12px 22px}
.g-box1 .m-titinfo p{
	font-size: 12px;
	padding: 0 0 0 26px;
	line-height: 24px
}
.g-box1 .m-titinfo p strong{ font-size:14px}

/* 本例子css */
		.slideBox{ width:465px; height:332px; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:16px; height:16px; line-height:14px; text-align:center; cursor:pointer; background:url(../images/dot.png) no-repeat 0 -16px; text-indent:-999em; overflow:hidden;*zoom:1 }
		.slideBox .hd ul li.on{background:url(../images/dot.png) no-repeat 0 0 }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


.g-box2{ padding:20px 0; margin-top:692px;}
.g-box2 .hd { height:72px}
.g-box2 .hd li{ margin:0 0 0 9px}
.g-box2 .hd ul{ margin-left:-9px; *zoom:1;}
.g-box2 .hd li a{ height:69px;width:327px; display:block; text-align:center; border-bottom:solid 3px #fff}
.g-box2 .hd li a img{ margin:10px auto 0}
.g-box2 .hd .m1 a{ background:#7fb145}
.g-box2 .hd .m1 a:hover{ background:#64952c}
.g-box2 .hd .m1 a.selected{ border-bottom:solid 3px #64952c; background:#64952c}
.g-box2 .hd .m2 a{ background:#b3c3d9}
.g-box2 .hd .m2 a:hover{ background:#2c5895}
.g-box2 .hd .m2 a.selected{ border-bottom:solid 3px #2c5895; background:#2c5895}
.g-box2 .hd .m3 a{ background:#d7afcf}
.g-box2 .hd .m3 a:hover{ background:#952c80}
.g-box2 .hd .m3 a.selected{ border-bottom:solid 3px #952c80; background:#952c80}
.g-box2 .bd ul{ padding:20px}
.g-box2 .bd ul li{ height:40px; border-bottom:solid 1px #eee;}
.g-box2 .bd ul li.bd-no{ border:none}
.g-box2 .bd ul li a{ color:#333; font-size:14px; line-height:40px;}
.g-box2 .bd ul li a strong{ color:#9d0a0a}
#con1{ border:solid 2px #64952c;}
#con2{ border:solid 2px #2c5895;}
#con3{ border:solid 2px #952c80;}

.g-box3{ background:#f5c4c4; padding:25px 0;}
.g-box3 h2{ background:#efa9a9; color:#000; font-weight:normal; font-size:30px; text-align:center; height:60px; line-height:60px;}
.g-box3 .hd{ color:#bc3434; width:500px; padding:20px 10px 0 10px}
.g-box3 .hd p{ line-height:22px; font-size:14px; text-indent:2em}
.g-box3 .hd ul{ padding:20px 0 0 0}
.g-box3 .hd li{ float:left; margin:0 0 0 20px;}
.g-box3 .hd li a{ background:url(../images/bg_btn1.jpg) no-repeat; width:151px; height:48px; display:block; line-height:48px; font-size:18px; color:#ec9292; padding:0 0 0 60px}
.g-box3 .bd{width:400px; height:260px; margin:25px 0 0 0}

.g-box4{ background:#fbf1d2; padding:25px 0}
.g-box4 h2{background:#f5c392; color:#000; font-weight:normal; font-size:30px; text-align:center; height:60px; line-height:60px; margin:0 0 15px 0}
.g-box4 .hd,
.g-box4 .bd{ background:#fffbf6; padding:10px;width:470px; height:300px}
.g-box4 .hd p{ padding:20px 10px 35px 10px; }
.g-box4 .bd p{ line-height:26px;text-indent:2em}
.g-box4 .bd .t{ margin:0 0 18px 0}
.g-box4 .icon{ background: url(../images/ic_car.png) no-repeat; width:205px; height:129px; top:-75px; right:20px}
.m-set{ background:url(../images/bg_c1.jpg) no-repeat 20px 20px #fffbf6; height:220px; margin:20px 0 0 0}
.m-set .txt{ padding:30px 0 0 210px; line-height:22px}
.m-set .txt strong{ display:inline-block; margin:0 0 6px 0}
.m-set .txt a{ background:#f3a1ad; display:inline-block; padding:10px 35px; margin:20px 0 0 210px; font-size:16px}

.g-box5{ padding:25px 0}
.m-list .hd {background:#b5e0f5; }
.m-list .hd ul{ padding:0 0 0 20px}
.m-list .hd li{ float:left;}
.m-list .hd li a{height:45px; width:130px;text-align:center; line-height:45px; font-size:18px; color:#000; display:block}
.m-list .hd li a:hover{ text-decoration:none}
.m-list .hd li a.selected{ background:#fff;}
.m-list .bd{}
.line {margin:0 auto;}
.line dl { width:240px; height:330px; margin:10px 10px 0 0; float:left; position:relative;}
.line dl img { width:240px; height:190px; border:0;}
.line dt { height:40px;overflow:hidden; color:#333; padding:5px;}
.line dd { color:#c90000; padding:5px 0 0 5px; overflow:hidden;*zoom:1}
.line dd input { width:134px; height:42px; padding:0; background:url(../images/btn_01.jpg) no-repeat; border:none; margin:5px 0 0 0; cursor:pointer;text-indent:-999em; *zoom:1; overflow:hidden; display:block}
.line dd p { color:#FF0000; font-weight:bold; font-size:16px; padding:0 0 5px 0}
.line dl a { width:240px; height:330px; border:2px solid #fff; display:block; position:absolute; top:0px; left:0px; cursor:pointer}
.line dl a:hover {  border:2px solid #e49600;}


/* 分享到 二维码 */
.cf a{background:url(http://pages.ctrip.com/commerce/promote/201307/vacation/fxd/spirite_temp.png) no-repeat;}
.sider_bar a {background:url(http://pages.ctrip.com/commerce/promote/201307/vacation/fxd/share_spirite.png) no-repeat;}

/*== 分享到 ==*/
.htlShare{ z-index:999999; position:fixed; bottom:5px; right:0; width:160px; _position:absolute; _top:expression(documentElement.scrollTop+400); overflow:visible}
#rlist1{ width:46px; float:right; margin-bottom:45px; z-index:101}
#rlist5{ width:160px; z-index:999999; clear:both; overflow:hidden; position:relative; right:-125px}
.cf li{ height:46px; width:46px; margin-bottom:5px; position:relative;}
.cf li:hover{ background:#ffae01}
.cf a{ display:block; height:46px;  text-indent:-99em; overflow:hidden}
.share .share_a{ background-position:0 -128px}
.share .share_a:hover,.share .cur{ background-position:-105px -128px}
.top .top_a{ background-position:-53px -128px}
.top .top_a:hover{ background-position:-158px -128px}
.share_lis{ position:absolute; top:0; right:44px; background:#ffae01; height:30px; width:112px; padding:8px 0 8px 3px;}
.share_lis a{ float:left; display:inline; height:30px; width:30px; margin-left:5px}
.share_lis .a0{ background-position:0 -88px}
.share_lis .a1{ background-position:-40px -88px}
.share_lis .a2{ background-position:-80px -88px}
.share_lis .a3{ background-position:-120px -88px}
.share_lis .a4{ background-position:-160px -88px}

/*== 二维码 ==*/
#w2wm{ padding-top:4px; width:36px; height:100px; text-align:center; cursor:pointer; overflow:hidden; border-top-left-radius:4px; border-bottom-left-radius:4px; background:#009eda}
#w2wm p{ padding:6px 11px 0 11px; width:14px; height:75px; font-size:12px; line-height:16px; color:#fff; border-top-left-radius:4px}
#w2wm .pointr{ display:block; width:36px; height:19px; background:url(http://pages.ctrip.com/commerce/promote/han/images/shareArr4.gif) 4px -19px no-repeat}
#w2wm .pointl{ display:block; width:36px; height:19px; background:url(http://pages.ctrip.com/commerce/promote/han/images/shareArr4.gif) -23px -19px no-repeat}
.ewm{ background:#fff; padding:10px; width:100px; border:3px solid #009eda; border-right:none; text-align:center}
.ewm img{ width:100px; height:178px}	


/* popup */
.btn-close{ width:17px;height:16px;top:10px; right:10px; background:url(../images/bg_close.jpg) no-repeat; text-indent:-999em; overflow:hidden;*zoom:1 }
.win-pup{ background:#ffefef; border:solid 4px #f2babb; width:780px;padding:20px; margin:auto;}
.win-pup h2{ font-size:20px; padding:0 0 10px 0; margin:0}
.win-pup .txt li{ overflow:hidden;*zoom:1; border-bottom:solid 1px #f4d4d5; padding:8px 0; line-height:22px; font-size:12px}
.pop-main{ font-size:12px}
.pup-list{ height:150px;overflow:hidden;*zoom:1;}
.pup-list img{ display:block; margin:0 20px 0 0}
.pup-list h4{ color:#000; font-size:16px;padding:0 0 10px 0;0}
.pup-list p{ line-height:22px;}
.xnav{ padding:20px 0 0 0;overflow:hidden;*zoom:1;}
.xnav li{ float:left; margin:0 10px 0 0 }
.xnav li img{ display:block; border:solid 1px #f2babb}
.xnav li .selected img{ border:solid 1px #b37878}

#weibo{ padding:0 0 20px 0}
#mdinfo { overflow:hidden;*zoom:1; margin:10px auto 0 auto; background:#e4e4e4;}
#mdinfo dd { height:35px; float:left; text-align:center; line-height:35px; color:#333}
#mdinfo dl.tb1 { height:35px ;color:#fff; padding:0 0 0 15px; line-height:35px; color:#000}
#mdinfo dl.tb2 { height:35px; color:#fff0d3; background:#f3f3f3; padding:0 0 0 15px; line-height:35px; color:#666}
.ta_l { text-align:left}
.w100{width:100px;}
.w200{width:200px}
.w170{width:170px;}
.w320{width:320px}