.bg{width: 100%; padding-bottom: 30px; background: #F5F5F5 url(../images/channel/bg.jpg) no-repeat top center;}
/*首页广告位*/
.indexAd{width: 1200px; height: 122px; margin: 25px auto 0; overflow: hidden;}
.indexAd .indexAd_on{width: 1221px; height: 122px; margin-left: -21px;}
.indexAd .indexAd_on li{width: 382px; height: 118px; float: left; margin-left: 21px; border: 1px solid #E5E5E5; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; overflow: hidden;}
.indexAd .indexAd_on li img{display: block; width: 382px; height: 118px;}

/*第一屏*/
.oneBox{width: 1200px; margin: 0 auto; padding-top: 20px;}

/*热门目的地*/
.hotMdd{width: 260px; float: left;}

/*抬头*/
.hotMdd .titBox{height: 20px; padding: 15px; background: #0184F0; overflow: hidden;}
.hotMdd .titBox h3{height: 20px; background: url(../images/channel/jingdian.png) no-repeat left center; padding-left: 35px; font: 100 18px/20px "microsoft yahei","SimHei",Arial,sans-serif; color: #FFF;}

/*主体部分*/
.conBox{width: 258px; height: auto; zoom: 1; background: #FFF; border: 1px solid #E5E5E5; border-top: none; z-index: 88; position: relative; overflow: visible;}
.conBox li{width: 225px; height: 80px; background: #FFF; float: left; padding: 0 12px; border: 3px solid #FFF; border-left: 6px solid #FFF; position: relative;}
.conBox li.hover{border-color: #0184F0;}
.conBox li a:hover{text-decoration: none; color: #F60;}

/*推荐部分(上)*/
.conBox .mddTui{height: 80px; background: #FFF; overflow: hidden;}
.conBox .mddTui h4{height: 20px; padding-top: 5px; overflow: hidden;}
.conBox .mddTui p{width: 226px; height: 49px; text-align: left; padding: 5px 0 0; border-bottom: 1px solid #E5E5E5; font: 100 12px/20px "microsoft yahei","SimHei",Arial,sans-serif; overflow: hidden;}
.conBox .mddTui p a{display: inline-block; float: left; margin: 0 15px 4px 0; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.conBox .mddTui p a:hover{color: #F60;}
.conBox .mddTui p.noborder{border: 0;}

/*遮挡*/
.conBox .arrow{display: none; z-index: 99;}
.conBox li.hover div.arrow{display: block; width: 10px; height: 80px; background: #FFF; position: absolute; right: -10px; top: 0;}

/*hover部分*/
.conBox .mddCon{display: none; width: 930px; min-height:433px; padding: 2px; background:#FFF url(../images/channel/channel_mdd_bg.png) no-repeat right bottom; border: 3px solid #0184F0; position: absolute; overflow: hidden;}
.conBox li.hover .mddCon{display: block;}
.conBox li .A-1{left: 252px; top: -53px;}
.conBox li .A-2{left: 252px; top: -139px;}
.conBox li .A-3{left: 252px; top: -225px;}
.conBox li .A-4{left: 252px; top: -311px;}

.conBox .mddCon h5{display: block; height: 20px; padding-bottom: 15px; margin: 20px 30px 0; border-bottom: 2px solid #CCC; font: 600 16px/20px "microsoft yahei","SimHei",Arial,sans-serif; color: #0184F0}
.conBox .mddCon h5 a{color: #f20}
/*独立A标签无容器部分*/
.conBox .mddCon .duli{padding: 20px; line-height: 26px; overflow: hidden;}
.conBox .mddCon .duli a{display: inline-block; float: left; height: 26px; border: 1px solid #E5E5E5; border-radius: 5px; padding: 0 10px; margin:0 8px 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.conBox .mddCon .duli a:hover{background: #0184F0; color: #FFF;}


/*************目的地OVER***************/

/*中部焦点图*/
.focusPic{width:930px; height:395px; float:right; z-index: 1; position: relative; overflow: hidden;}
.focusPic2 li{height: 395px;}
.focusPic2 img{width:930px; height:395px;}
.focusPic .num {height:25px; position: absolute; bottom:15px; right:15px; zoom:1; z-index:3; overflow:hidden;}
.focusPic .num li{width: 25px; height: 25px; text-align:center; font:400 14px/25px Verdana, Arial, "宋体"; color: #FFF; background: #3AA400; margin-left:10px; border-radius:50%; cursor:pointer; float: left;}
.focusPic .num li.on {background: #f80; }
.focusPic .prev,.focusPic .next{display: none; width: 40px; height:100px; background: url(../images/btn.png) no-repeat; position: absolute; top:147px;}
.focusPic .prev {left:0;}
.focusPic .next {right:0; background-position:right }

/*公告容器*/
.mainBox{width: 1200px; height: auto; margin: 30px auto 0;}

/*特惠抬头*/
.thTit{width: 1200px; height: 26px; border-bottom: 2px solid #FF7800; padding-bottom: 10px; overflow: hidden;}
.thTit .titLt{height: 26px; float: left;}
.thTit .titLt a{display: block; height: 26px; color: #FF7800; float: left; font: 100 24px/26px "microsoft yahei","SimHei",Arial,sans-serif;}
.thTit .titLt a:hover{text-decoration: none; color: #F20;}
.thTit .titLt em{float: left; margin-left: 30px; display: inline-block; height: 26px; font: 100 12px/26px "microsoft yahei","SimHei",Arial,sans-serif; color: #777;}

/*第二屏*/
/*特卖*/
.temai{width: 1200px; box-shadow: 1px 1px 5px rgba(0,0,0,.21);}
.temai .temai_lt{width: 220px; height: 260px; float: left; margin-left: -20px;}
.temai .t_bg_1{background: url(../images/channel/gentuan.png) no-repeat;}
.temai .t_bg_2{background: url(../images/channel/channel_gn_th.png) no-repeat;}
.temai .t_bg_3{background: url(../images/channel/channel_zb_th.png) no-repeat;}

.temai .temai_rt{width: 1000px; height: 220px; padding: 20px 0; float: right; background: #FFF; overflow: hidden;}
.temai .temai_rt a{display: inline-block; width: 225px; height: 220px; float: left; margin-left: 20px;}

.temai .temai_rt a div.sha{width: 225px; height: 145px; position: relative;}
.temai .temai_rt a div.sha img{width: 225px; height: 145px;}
.temai .temai_rt a div.sha span{display: block; padding: 0 10px; height: 26px; background: #0184F0; color: #FFF; position: absolute; left: 0; top: 10px; font: 100 12px/26px "microsoft yahei","SimHei",Arial,sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.temai .temai_rt a div.xia{width: 225px; height: 75px; background: #F5F5F5; position: relative;}
.temai .temai_rt a div.xia p.title{width: 205px; height: 25px; padding: 5px 10px 0; font: 100 14px/25px "microsoft yahei","SimHei",Arial,sans-serif; background: #F5F5F5; color: #333; overflow: hidden; position: absolute; left: 0; bottom: 40px;}

.temai .temai_rt a div.xia p.price{height: 20px; padding: 45px 10px 0; font: 100 14px/20px "microsoft yahei","SimHei",Arial,sans-serif;}
.temai .temai_rt a div.xia p.price span.lt{float: left; color: #999;}
.temai .temai_rt a div.xia p.price span.rt{float: right; display: inline-block; height: 20px; font: 100 12px/20px "microsoft yahei","SimHei",Arial,sans-serif; padding: 0 5px; color: #555;}



/*甄选旅程*/
.zhenxuan{width: 1160px; margin: 20px auto 0; padding: 15px 20px 0; background: #FFF; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,.21); overflow: hidden;}
/*抬头*/
.zhenxuan .tit_on{height: auto; padding-bottom: 10px; overflow: hidden;}
.zhenxuan .tit_on h2{float: left; height: 30px; line-height: 30px; font-size: 22px; color: #0184F0;}
.zhenxuan .tit_on h2 a{color: #0184F0;}
.zhenxuan .tit_on a.titRt{float: right; line-height: 30px; font-size: 19px; color: #F60;}
/*样式1*/
.zx_style_1{width: 1180px; height: auto; margin-left: -20px; overflow: hidden;}
.zx_style_1 .pic{width: 275px; height: auto; float: left; margin-top: 0px; margin-bottom: 20px; margin-left: 20px; overflow: hidden;}
.zx_style_1 .pic a{display: block;}
.zx_style_1 .pic .pic_top{height: 180px; overflow: hidden;}
.zx_style_1 .pic .pic_top img{width: 275px; min-height: 180px;}

.zx_style_1 .pic .pic_bot{padding: 10px 8px; border: 1px solid #E5E5E5; border-top: 0;}
.zx_style_1 .pic .pic_tit{display: block; height: 52px; line-height: 26px; overflow: hidden;}
.zx_style_1 .pic .pic_pre{height: 25px; line-height: 25px; margin-top: 5px;}

/*列表部分*/
.typeBox{width: 1200px; height: auto; margin: 35px auto 0; overflow: hidden;}
/*左部标题*/
.typeBox .typeTit{width: 1200px; height: 26px; border-bottom: 2px solid #0184F0; padding-bottom: 10px; overflow: hidden;}
.typeBox .typeTit .titLt{height: 26px; float: left; color: #0184F0; float: left; font: 100 22px/26px "microsoft yahei","SimHei",Arial,sans-serif;}
.typeBox .typeTit .titLt a{color: #0184F0;}
/*中部tab导航*/
.typeBox .typeTit .titTab{height: 26px; float: left; margin-left: 134px;}
.typeBox .typeTit .titTab li{height: 24px; padding: 0 20px; font: 100 14px/24px "microsoft yahei","SimHei",Arial,sans-serif; float: left; border: 1px solid #D5D5D5; border-radius: 15px; margin-right: 20px; cursor: pointer;}
.typeBox .typeTit .titTab li.thistab{background: #0184F0; color: #FFF;}
.typeBox .typeTit .titTab li.thistab a{color: #FFF;}

/*右部*/
.typeBox .typeTit .titRt{display: inline-block; float: right; color: #0184F0; font: 100 16px/26px "microsoft yahei","SimHei",Arial,sans-serif;}

/*tab列表容器*/
.typeBox .typeCon{width: 1200px; height: auto; background: #FFF; overflow: hidden;}
/*左部*/
.tours_lt{width: 446px; height: 540px; float: left; background: #FFF;}
.tours_lt a{display: block;}
.tours_lt .sha{width: 446px; height: 320px; position: relative; overflow: hidden;}
.tours_lt .sha img{display: block; width: 446px; min-height: 320px;}
.tours_lt .sha em{display: block; position: absolute;}
.tours_lt .sha em.top{width: 53px; height: 46px; background: url(../images/channel/top.png) no-repeat; right: 20px; top: 0; text-indent: -9999px;}
.tours_lt .sha em.pre{padding: 0 10px; height: 26px; color: #FFF; left: 0; top: 30px; font: 100 12px/26px "microsoft yahei","SimHei",Arial,sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #0184F0;}
.tours_lt .sha .price{width: 416px; height: 50px; padding: 0 15px; background: rgba(71,87,100,.8); color: #dbdfe2; left: 0; bottom: 0; font: 100 16px/50px "microsoft yahei","SimHei",Arial,sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0;}
.tours_lt .sha .price span{display: inline-block;}
.tours_lt .sha .price span.lt{float: left;}
.tours_lt .sha .price span.rt{float: right; color: #FFF;}

.tours_lt .xia{padding: 15px; height: 188px; border: 1px solid #E5E5E5;}
.tours_lt .xia .title{max-height: 50px; margin-bottom: 15px; font: 100 16px/25px "microsoft yahei","SimHei",Arial,sans-serif; overflow: hidden;}
.tours_lt .xia .forBox{height: 54px; border-top: 1px dotted #E5E5E5; border-bottom: 1px dotted #E5E5E5; margin-top: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tours_lt .xia .forBox span{display: inline-block; float: left; height: 22px; border: 1px solid #E5E5E5; border-radius: 5px; margin:15px 10px 15px 0; font: 100 12px/22px "microsoft yahei","SimHei",Arial,sans-serif; padding: 0 8px; color: #777;}

/*右部*/
.tours_rt{width: 347px; height: 240px; float: left; margin: 20px 0 0 20px;}
.tours_rt a{display: block;}
.tours_rt .sha{width: 347px; height: 150px; overflow: hidden; position: relative}
.tours_rt .sha img{display: block; width: 347px; height: 150px;}
.tours_rt .sha span{display: block; padding: 0 10px; height: 26px; color: #FFF; position: absolute; left: 0; top: 10px; font: 100 12px/26px "microsoft yahei","SimHei",Arial,sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.tours_rt .sha span.pre{background: #0184F0;}
.tours_rt .sha span.spe{background: #0184F0;}

.tours_rt .xia{width: 327px; height: 70px; padding: 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); background: #FFF;}
.tours_rt .xia .xia_tit{width: 327px; height: 40px; font: 100 15px/20px "microsoft yahei","SimHei",Arial,sans-serif; overflow: hidden;}
.tours_rt .xia .xia_price{height: 20px; margin-top: 10px; font: 100 14px/20px "microsoft yahei","SimHei",Arial,sans-serif;}
.tours_rt .xia .xia_price span.lt{float: left;}
.tours_rt .xia .xia_price span.rt{float: right; color: #F60;}