@charset "utf-8";
/* CSS Document */
.hotMdd h2 {
    float: left;
    font-size: 30px;
    line-height: 30px;
    color: #666;
    margin: 8px 10px 0 0;
}

.monthMdd h2 {
    float: left;
    font-size: 30px;
    line-height: 30px;
    color: #666;
    margin: 8px 20px 0 0;
}

.hotMdd h2 span {
    color: #f60;
}

.monthMdd h2 span {
    color: #f60;
}

.comTitle {
    height: 30px;
    border-bottom: 2px solid #f60;
}

.comTitle h3 {
    float: left;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}

.comTitle .comMore {
    float: right;
    font-size: 14px;
    line-height: 30px;
}

.comSwap {
    width: 950px;
    overflow: hidden;
}

.hotMdd, .monthMdd {
    height: 40px;
}

.hotMdd .hotMddCity {
    float: right;
    height: 36px;
}

.hotMdd .hotMddCity li {
    float: left;
    margin: 15px 10px 0 0;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    font-size: 14px;
}

.hotMdd .hotMddCity li.up {
    border-bottom: 2px solid #f60;
}

.huandeng {
    width: 710px;
    height: 280px;
    padding: 10px 0 0 0;
}

.huandeng .hdSWap {
    width: 710px;
    height: 280px;
}

.mddList h6 {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
}

.mddList p {
    width: 100%;
    overflow: hidden;
}

.mddList p a {
    float: left;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    margin: 0 6px 0 0;
}

.monthMdd .jiyu {
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin: 16px 0 0 0;
}

.monthPic {
    width: 950px;
    height: 470px;
    margin: 10px 0;
    position: relative;
}

.picBox {
    position: absolute;
}

.picBox1 {
    width: 310px;
    height: 150px;
    left: 0;
    top: 0;
}

.picBox2 {
    width: 150px;
    height: 310px;
    left: 0;
    top: 160px;
}

.picBox3 {
    width: 150px;
    height: 310px;
    left: 160px;
    top: 160px;
}

.picBox4 {
    width: 310px;
    height: 310px;
    left: 320px;
    top: 0;
}

.picBox5 {
    width: 150px;
    height: 150px;
    left: 320px;
    top: 320px;
}

.picBox6 {
    width: 150px;
    height: 150px;
    left: 480px;
    top: 320px;
}

.picBox7 {
    width: 150px;
    height: 150px;
    left: 640px;
    top: 0;
}

.picBox8 {
    width: 150px;
    height: 150px;
    left: 800px;
    top: 0;
}

.picBox9 {
    width: 150px;
    height: 150px;
    left: 640px;
    top: 160px;
}

.picBox10 {
    width: 150px;
    height: 150px;
    left: 800px;
    top: 160px;
}

.picBox11 {
    width: 310px;
    height: 150px;
    left: 640px;
    top: 320px;
}

.boxCon {
    color: #fff;
    font-size: 14px;
    position: absolute;
    text-align: center;
    background: #1aa5c3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.boxCon2 .biaoti,.boxCon3 .biaoti{
    margin-top: 100px;
}
.boxCon1 .biaoti{
    margin-top: 20px;
}

.boxCon p.text {
    padding: 15px 0 20px 0;
}

.boxCon a {
    color: #fff;
}

.boxCon a:hover {
    color: #fff;
}

.boxCon .biaoti {
    font-size: 28px;
    padding: 10px 0 0 0;
}

.boxCon .link a {
    padding: 0 5px;
    font-size: 12px;
    text-decoration: underline;
}

.proName {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
}

.list_one {
    overflow: hidden;
    float: left;
    color: #666;
    font-size: 14px;
    width: 710px;
}

.list_one h4 {
    background: url("http://img.17u.com/com/img/hotel/icon.gif") no-repeat scroll 2px 20px transparent;
    width: 690px;
    float: left;
    padding: 10px 0 0 10px;
    font-size: 16px;
}

.jd_img {
    float: left;
    width: 166px;
    height: 126px;
    position: relative;
}

.jd_img a {
    width: 160px;
    height: 120px;
    overflow: hidden;
}

.jd_img a img {
    width: 160px;
    height: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

.jd_img a img:hover {
    border: 1px solid #f60;
}

.jd_img s {
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(http://img.17u.com/com/img/public/mdd/mdd_hot.png) no-repeat;
    top: 0;
    left: 0;
    float: left;
}

.list_one ul li {
    float: left;
    padding-right: 20px;
}

.list_one ul {
    width: 380px;
    float: left;
    padding: 10px 0 0 20px;
}

.list_one p {
    width: 520px;
    float: left;
    padding: 10px 0 0 20px;
    line-height: 24px;
}

.list_one p span {
    color: #999;
    padding-right: 10px;
}

.boder_bottom {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

.blog_tit img {
    padding: 0 0 0 10px;
    vertical-align: -3px;
}

.hotGl {
    width: 230px;
    overflow: hidden;
    padding: 10px 0;
}

.hotGl .glPic, .hotGl .glPic img {
    float: left;
    width: 110px;
    height: 155px;
}

.hotGl ul {
    float: right;
    padding: 0 0 0 10px;
    width: 110px;
    color: #999;
}

.hotGl .biaoti {
    font-size: 16px;
    line-height: 30px;
}

.glList {
    width: 210px;
    padding: 0 10px 10px;
    overflow: hidden;
}

.glList a {
    float: left;
    width: 105px;
    font-size: 14px;
}

.xianlu {
    width: 210px;
    padding: 0 10px;
}

.xianluOne {
    width: 210px;
    overflow: hidden;
    padding: 10px 0;
}

.xianluOne .xlDay {
    float: left;
    width: 60px;
    height: 40px;
    padding: 20px 0 0 0;
    background: url(http://img.17u.com/com/img/public/mdd/blueicon.jpg) no-repeat;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.xianluOne ul {
    float: right;
    padding: 0 0 0 10px;
    width: 140px;
    color: #999;
}

.xianluOne ul .biaoti {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 5px 0;
}

.mdd_list01 {
    width: 210px;
    padding: 0 10px;
    overflow: hidden;
}

/***9.6优化***/
a {
    color: #55aadd;
    text-decoration: none;
    outline: none
}

.no_border {
    border-bottom: none;
}

.mtop20 {
    margin-top: 20px;
}

.mdd_n_tab {
    width: 230px;
    height: 42px;
    background: url(http://img.17u.com/com/img/public/tab_bg.png) bottom repeat-x;
}

.mdd_n_tab .tab_common {
    width: 111px;
    float: left;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.mdd_n_tab .on_tab {
    width: 119px;
    height: 42px;
    background: url(http://img.17u.com/com/img/public/on_tab.png) no-repeat;
    color: #666;
    cursor: default;
}

.mdd_n_tab .tab_abroad {
    width: 100%;
    float: left;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    text-align: center;
}

.mdd_tab_content {
    width: 196px;
    height: 316px;
    padding: 6px 15px;
    border: 2px solid #ff9c49;
    border-top: none;
}

.list01 {
    font-size: 14px;
    line-height: 24px;
}

.mdd_02 h6 {
    color: #f60;
    line-height: 24px;
    padding: 2px 0;
}

.mdd_02 p a {
    padding: 0 5px 0 0;
    white-space: nowrap;
}

/*游记*/
.jieshaoBody01 {
    width: 710px;
    overflow: hidden;
}

.jieshaoYouji {
    width: 700px;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 24px;
}

.jieshaoYouji .tit {
    width: 690px;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    background: url("http://img.17u.com/com/img/hotel/icon.gif") no-repeat scroll 2px 13px transparent;
}

.tit h3 {
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.tit h3 img {
    padding: 0 0 0 10px;
    vertical-align: -3px;
}

.tit_more {
    float: right;
    width: 80px;
    color: #999;
    font-size: 12px;
    padding-top: 4px;
}

.tit_more span {
    float: left;
    width: 100%;
    background: none;
}

.tit_more .good {
    width: 24px;
    height: 26px;
    float: left;
    padding-right: 5px;
    background: url(http://img.17u.com/com/img/public/mdd/good.png) no-repeat 1px 1px;
    cursor: pointer;
}

.tit_more .good2 {
    width: 24px;
    height: 26px;
    float: left;
    padding-left: 5px;
    background: url(http://img.17u.com/com/img/public/mdd/good2.png) no-repeat 1px 1px;
    cursor: pointer;
}

.tit_time {
    display: block;
    width: 690px;
    float: left;
    overflow: hidden;
    padding-left: 10px;
    color: #666;
    white-space: nowrap;
}

.tit_time span {
    width: 45%;
    float: left;
}

.tit_time .text_center {
    text-align: center;
}

.tit_time a {
    padding: 0 5px;
}

.tit_time .tit_hf {
    padding-left: 20px;
}

.youjiTupian {
    margin: 4px 8px;
    width: 684px;
    height: 132px;
    overflow: hidden;
    float: left;
}

.youjiTupian a {
    padding: 5px 3px 0 3px;
    height: 120px;
    width: 650px;
    overflow: hidden;
    border: 1px solid #fff;
    float: left;
}

.youjiTupian a:hover {
    text-decoration: none;
}

.youjiTupian a img {
    height: 120px;
    display: inline;
}

.youjiTxt {
    float: left;
    width: 680px;
    padding: 0 10px;
    overflow: hidden;
    color: #666;
    line-height: 24px;
}

.xianluOne .tit p {
    width: 100%;
    overflow: hidden;
}

.xianluOne .tit .icon {
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    background: /*#36bbff*/ url(http://img.17u.com/com/img/public/mdd/desearch.png?v=201207141) no-repeat 100% 0;
    padding: 0 15px 0 5px;
    margin: 3px 0 0 0;
    color: #fff;
}

.xianluOne .tit .tit_ming {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 10px;
}

.xianlu_more {
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
}

.xianlu_more .xL_img {
    float: left;
    width: 80px;
    height: 60px;
}

.xianlu_more p {
    float: left;
    width: 120px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

/*目的地搜索框*/
.mdd_search {
    width: 950px;
    border-top: 2px solid #ffab5b;
    background: url(http://img.17u.com/com/img/public/search_bg01.png) top;
    height: 46px;
    padding-top: 10px;
}

.mdd_search h3 {
    float: left;
    font-size: 18px;
    color: #f60;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 15px;
}

.search_input {
    height: 30px;
    line-height: 30px;
    float: left;
    width: 270px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 3px #DDDDDD inset;
    _margin-left: 8px;
    font: 14px/26px "microsoft yahei";
    *vertical-align: -3px;
    _vertical-align: -3px;
    color: #999;
    margin: 0 5px;
    padding: 0 0 0 10px;
}

.search_button {
    background: url(http://img.17u.com/com/img/public/search_button01.png) no-repeat 0 0;
    width: 137px;
    height: 32px;
    font-size: 14px;
    margin-left: 20px;
    float: left;
    text-align: left;
    text-indent: 60px;
    line-height: 36px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    border: none;
}

.search_button:hover {
    background: url(http://img.17u.com/com/img/public/search_button01.png) no-repeat 0 -40px;
}

.mdd_search p {
    float: left;
    width: 300px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
}

.mdd_search p span {
    padding-right: 5px;
}

.mdd_search p a {
    padding: 0 5px;
}

/*游记等级*/
.tuicon{
	margin: 7px 0px 0px 6px;
	width: 18px;
	height: 19px;
	float: right;
	background: url('http://img1.40017.cn/cn/c/go/usallicon2.png?v=20140612') no-repeat -63px -306px;
}

.zhenicon{
	margin: 7px 0px 0px 6px;
	width: 18px;
	height: 19px;
	float: right;
	background: url('http://img1.40017.cn/cn/c/go/usallicon2.png?v=20140612') no-repeat -87px -306px;
}

.jinicon{
	margin: 7px 0px 0px 6px;
	width: 18px;
	height: 19px;
	float: right;
	background: url('http://img1.40017.cn/cn/c/go/usallicon2.png?v=20140612') no-repeat -111px -306px;
}

.jianicon{
	margin: 7px 0px 0px 6px;
	width: 18px;
	height: 19px;
	float: right;
	background: url('http://img1.40017.cn/cn/c/go/usallicon2.png?v=20140612') no-repeat -135px -306px;
}

.zangicon{
	margin: 7px 0px 0px 6px;
	width: 18px;
	height: 19px;
	float: right;
	background: url('http://img1.40017.cn/cn/c/go/usallicon2.png?v=20140612') no-repeat -160px -306px;
}

/*热门线路*/
.selfHotLine
{
    padding: 0 13px;
    width: 204px;
}

.selfHotLine li
{
    margin-top: 10px;
    height: 269px;
}

.selfHotLine li dl
{
    position: relative;
    height: 265px;
    border: 2px solid #ccc;
}

.selfHotLine dt
{
    width: 200px;
    height: 150px;
}

.selfHotLine dt a
{
    display: block;
    width: 200px;
    height: 150px;
}

.selfHotLine dt img
{
    display: block;
}

.selfName
{
    padding: 5px 5px 0;
    height: 50px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
}

.selfName a
{
    display: block;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.selfPrice
{
    margin-top: 5px;
    padding: 0 5px;
    height: 30px;
    line-height: 24px;
    color: #999;
    font-size: 14px;
}

.selfPrice span
{
    color: #f60;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.selfPrice span b
{
    font-size: 30px;
}

.selfTaocan
{
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 47px;
    height: 19px;
    background: url(http://img1.40017.cn/cn/sl/home/2013/tag_tehui.jpg) no-repeat;
    color: #fff;
    text-align: center;
}

.selfYouhui
{
    position: absolute;
    bottom: 5px;
    left: 60px;
}

.price_tip, .price_tip span
{
    display: block;
    height: 16px;
    line-height: 16px;
    background: url(http://img1.40017.cn/cn/sl/home/2013/home_pic.png?v=1.2) no-repeat right -76px;
    color: #f60;
}

.price_tip
{
    float: left;
    padding-right: 7px;
    font-family: arial;
}

.price_tip span
{
    float: left;
    margin-right: 3px;
    padding: 0 3px;
    width: 12px;
    background-position: -200px -60px;
    color: #fff;
}

.selfAction
{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.selfAction a
{
    display: block;
    width: 53px;
    height: 22px;
    background: url(http://img1.40017.cn/cn/sl/home/2013/ico_new.jpg) no-repeat;
    color: #fff;
    font: 12px/22px 'Microsoft Yahei';
    text-align: center;
}

.selfAction a:hover
{
    background-position: 0 -22px;
    color: #fff;
    text-decoration: none;
}

.selfTag
{
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 62px;
    background: url(http://img1.40017.cn/cn/sl/home/2013/flash_sales/tag_1.png) no-repeat;
    text-indent: -20000em;
}

.selfAnchor
{
    position: absolute;
    bottom: 39px;
    right: 8px;
    padding-left: 14px;
    line-height: 14px;
    background: url(http://img1.40017.cn/cn/sl/home/2013/flash_sales/anchor.png) no-repeat;
    color: #999;
}

.selfHotLine li .selfTag_3
{
    background: url(http://img1.40017.cn/cn/sl/home/2013/flash_sales/tag_3.png) no-repeat;
}

.selfHotLine li .selfTag_2
{
    background: url(http://img1.40017.cn/cn/sl/home/2013/flash_sales/tag_2.png) no-repeat;
}

.selfHotLine li .selfTag_4
{
    background: url(http://img1.40017.cn/cn/sl/home/2013/flash_sales/tag_4.png) no-repeat;
}

#BgDiv
{
    z-index: 101;
}

div.functionCommonRight
{
    z-index: 101;
}

#myFocus
{
    width: 710px;
    height: 320px;
}

.mF_fscreen_tb_wrap
{
    padding: 2px;
    border: none;
    float: left;
    background: #fff;
}

.mF_fscreen_tb .thumb ul li a
{
    display: block;
    border: 1px solid #999;
    margin: 8px 5px;
}

.mF_fscreen_tb .prev, .mF_fscreen_tb .next
{
    bottom: 15px;
    right: 305px;
}

.mF_fscreen_tb .next
{
    bottom: 15px;
    right: 3px;
}

.mF_fscreen_tb .thumb ul li a img
{
    z-index: auto;
}