﻿/*网站首页样式*/
#main{margin: 0 auto 10px;}
#main em{color: #C00;font-family: Arial;font-weight: bold;}

/*旅游目的地分类导航菜单*/
.menu {border-top: 1px solid #D21E45;margin-top: 10px;width: 170px;}
.menu li{float: left;height: 73px;position: relative;width: 170px;z-index: 200;}
.menu li.end{height: 31px;}
.menu .trunk{background: #F8EEE2;border: 1px solid #D21E45;border-top: 0;height: auto;margin: 0;overflow: hidden;padding: 5px 5px 5px 10px;width: 153px;}
.menu .trunk dt{height: 20px;overflow: hidden;}
.menu .trunk dt,.menu .trunk dt a{color: #D21E45;font: bold 12px/20px "微软雅黑","宋体",Arial;}
.menu .trunk dt a{display: block;}
.menu .trunk dd{height: 42px;line-height: 21px;overflow: hidden;}
.menu .trunk dd.cur{height:101px;line-height: 25px;overflow: hidden;}
.menu .trunk dd a{display: inline-block;margin: 0 6px 0 0;}
.menu li.this .trunk{background: #D21E45;}
.menu li.this .trunk dt{color: #FFF;}
.menu li.this .trunk a{color: #FFF !important;}
.menu li.this .trunk a:hover{color: #FF0 !important;}
.menu li .sub{position: absolute;left: 169px;width: 789px;background: #FFF;border: 1px solid #D21E45;top: -74px;display: none;z-index: 210;}
.menu li .sub dl{position: relative;padding: 0 10px 5px;height:1%;}
.menu li .sub dd{border-top: 1px solid #E9E9E9;background: #F7F7F7;line-height: 21px;padding: 8px 0 0;width: 769px;}
.menu li .sub h2{color: #630;font-weight: bold;font-size: 12px;height: 35px;line-height: 35px;padding: 0 2px;}
.menu li .sub h2 em{color: #C00;cursor: pointer;font-family: Arial;font-weight: bold;float: right;}
.menu li .sub dd .left{display: inline-block;float: left;width: 529px;}
.menu li .sub dd a{color: #630;}
.menu li .sub dd p a{color: #C00;}
.menu li .sub dd a:hover{color: #C00;}
.menu li .sub dd p{color: #C00;margin-bottom: 2px;}
.menu li .sub dd .fei{float:left;margin-right:15px;}
.menu li .sub dd .left div{border-bottom: 1px solid #EBE9E2;margin-bottom: 5px;padding-bottom: 5px;}
.menu li .sub dd .left div a{display: inline-block;white-space: nowrap;padding-right: 10px;}
.menu li .sub.first{top: -1px;}
.menu li .sub dd .right{border-left: 1px solid #E9E9E9;display: inline-block;float: left;margin-left: 9px;overflow: hidden;padding-left: 9px;width: 218px;}
.menu li .sub dd .right .picWrap{height: 170px;overflow: hidden;width: 230px;}
.menu li .sub dd .right .picWrap a{background: #CCC;display: inline-block;height: 75px;float: left;margin: 0 10px 10px 0;overflow: hidden;width: 100px;}
.menu li .sub dd .right .txtWrap a{white-space: nowrap;}
.menu li.this .sub{display: block;}

/*幻灯片、最新公告模块*/
.topFocus .leftBox{float: left;width: 170px;}
.topFocus .leftBox .moreTop{background: #F60;height: 196px;margin-top: 10px;width: 170px;text-align: center;line-height: 196px;}
.topFocus .right{display: inline-block;float: left;margin-left: 10px;width: 780px;}
.topFocus .right .boxes{margin-top: 10px;}
.topFocus .sliderBox{background: #FFF;float: left;height: 280px;overflow: hidden;width: 560px;}
.topFocus .hotNews{background: #FFF;float: left;height: 280px;margin-left: 10px;overflow: hidden;width: 210px;}
.topFocus .hotNews .outer{border: 1px solid #CCC;border-radius: 3px 3px 0 0;}
.topFocus .hotNews .ui-tabs-nav{padding: 0;margin-left: -1px;}
.topFocus .hotNews .ui-tabs-nav li{background: url(../images/indexbg.gif) repeat-x 0 0;border-left: 1px solid #CCC;height: 30px;line-height: 30px;overflow: hidden;padding: 0;width: 103px;}
.topFocus .hotNews .ui-tabs-nav li.end{width: 104px;}
.topFocus .hotNews .ui-tabs-nav li a{color: #222;font-family: "微软雅黑";font-size: 12px;font-weight: bold;padding: 0 10px;}
.topFocus .hotNews .ui-tabs-nav li.ui-tabs-selected{background: #FFF;}
.topFocus .hotNews .ui-tabs-nav li.ui-tabs-selected a{color: #C00 !important;}
.topFocus .hotNews .ui-tabs-panel{padding: 4px 10px;}
.topFocus .hotNews .ui-tabs-panel li{background: url(../images/dot.gif) no-repeat 0 12px;height: 30px;line-height: 30px;overflow: hidden;padding-left: 10px;}
.topFocus .hotNews .ui-tabs-panel li span{color: #888;float: right;padding-left: 5px;}
.topFocus .notice{background: #FFF8D9;border: 1px solid #F60;color: #F60;height: 28px;line-height: 28px;position: relative;}
.topFocus .notice dt{background: url(../images/indexbg.gif) no-repeat right -80px;color: #FFF;float: left;font: bold 12px/28px "微软雅黑","宋体",Arial;overflow: hidden;padding-left: 10px;width: 65px;}
.topFocus .notice dd{float: left;height: 28px;overflow: hidden;padding: 0 10px 0 5px;width: 688px;}
.topFocus .notice dd ul{width: 688px;height: 28px;overflow: hidden;margin: 0;padding: 0;}
.topFocus .notice dd li{float: left;height: 28px;line-height: 28px;_line-height: 30px;margin-right: 20px;}
.topFocus .notice dd li a{color: #333 !important;font-size: 12px;}
.topFocus .notice dd li a:hover{color: #C00 !important;}
.topFocus .hots{background: #FFF;border: 1px solid #CCC;border-width: 0 1px 1px;}
.topFocus .hots .ui-tabs-nav{border-top: 2px solid #D21E45;padding: 0;margin-left: -1px;}
.topFocus .hots .ui-tabs-nav li{background: url(../images/indexbg.gif) repeat-x 0 -33px;border-left: 1px solid #CCC;border-bottom: 1px solid #CCC;height: 36px;line-height: 36px;font-weight: bold;padding: 0;width: 193px;}
.topFocus .hots .ui-tabs-nav li.end{width: 196px;}
.topFocus .hots .ui-tabs-nav li a{color: #222;font-family: "微软雅黑";font-size: 14px;padding: 0 10px;}
.topFocus .hots .ui-tabs-nav li.ui-tabs-selected{background: #D21E45;border: 1px solid #D21E45;border-width: 0 0 1px 1px;}
.topFocus .hots .ui-tabs-nav li.ui-tabs-selected a{color: #FFF !important;}
.topFocus .hots .ui-tabs-panel{padding: 10px 0 10px 10px;}
.topFocus .hots .content{height: 286px;overflow: hidden;}
.topFocus .hots .content .leftBox{display: inline;height: 286px;float: left;margin-right: 10px;width: 378px;overflow: hidden;}
.topFocus .hots .content .rightBox{display: inline;height: 286px;float: left;width: 370px;overflow: hidden;padding-right: 10px;}
.topFocus .hots .textLists li{background: url(../images/dot.gif) no-repeat 5px 12px;height: 29px;line-height: 29px;overflow: hidden;padding-left: 15px;}
.topFocus .hots .textLists span{color: #888;float: right;padding-left: 5px;}
.topFocus .hots .lines{width: 390px;overflow: hidden;}
.topFocus .hots .picLists li{display: inline;float: left;height: 138px;margin: 0 10px 10px 0;width: 184px;}
.topFocus .hots .picLists li a{background: #CCC;display: block;height: 138px;width: 184px;overflow: hidden;position: relative;}
.topFocus .hots .picLists li div{color: #FFF;font-size: 12px;height: 26px;line-height: 26px;position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 0 5px;width: 174px;}
.topFocus .hots .picLists li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.topFocus .hots .picLists li a:hover div.bg{background: #C00;}
.topFocus .hots .picLists li div span{color: #FF0;float: right;}
.topFocus .hots .picLists li div em{color: #FF0 !important;}
.topFocus .hots .tuan li{background: #E5E5E5;display: inline;float: left;height: 40px;margin: 0 10px 10px 0;overflow: hidden;width: 246px;}
.topFocus .hots .tuan li dt{float: left;height: 40px;width: 53px;}
.topFocus .hots .tuan li dd{float: left;height: 18px;line-height: 18px;overflow: hidden;overflow: hidden;padding: 1px 5px 1px 10px;width: 178px;}
.topFocus .hots .tuan li dd span{float: right;}
.topFocus .hots .tuan li dd b{background: #C00;color: #FFF;display: inline-block;height: 18px;font-weight: normal;padding: 0 5px;}
.topFocus .hots .tuan li dd b em{color: #FFF !important;}
.topFocus .hots .tuan li.pic{height: 185px;width: 246px;}
.topFocus .hots .tuan li.pic .discount{display: inline-block;background: #C00;color: #FFF;height: 18px;line-height: 18px;overflow: hidden;padding: 2px 10px;position: absolute;top: 0;right: 0;}
.topFocus .hots .tuan li.pic .discount em{color: #FFF !important;}
.topFocus .hots .tuan li.pic a:hover .discount,.topFocus .hots .tuan li.pic a:hover .discount em{color: #FF0 !important;}
.topFocus .hots .hotel li{background: url(../images/dot.gif) no-repeat 0 10px;display: inline;float: left;height: 24px;line-height: 24px;margin: 0 10px 0 0;overflow: hidden;padding-left: 8px;width: 238px;}
.topFocus .hots .hotel li span{color: #888;float: right;padding-left: 5px;}
.topFocus .hots .hotel li.pic{background: none;height: 185px;margin-bottom: 8px;padding: 0;width: 246px;}
.topFocus .hots .picWrap li.pic a{background: #CCC;display: block;height: 185px;position: relative;width: 246px;}
.topFocus .hots .picWrap li div{color: #FFF;font-size: 12px;height: 30px;line-height: 30px;position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 0 5px;width: 236px;}
.topFocus .hots .picWrap li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.topFocus .hots .picWrap li a:hover div.bg{background: #C00;}
.topFocus .hots .picWrap li div span{color: #FF0;float: right;}
.topFocus .hots .picWrap li div em{color: #FF0 !important;}

/*楼层*/
.floor{margin-top: 10px;}
.floor .left{float: left;width: 170px;}
.floor .right{float: left;width: 790px;}
.floor .content{background: #FFF;height: 422px;overflow: hidden;padding: 10px;}
.floor .left .box{background: #C11B3E;padding: 2px 1px 1px;}
.floor .left .box h2.hd{height: 36px;padding: 0 0 1px 10px;}
.floor .left .box h2.hd b{color: #FFF;display: inline-block;font-weight: normal;font-size: 18px;height: 36px;line-height: 36px;_line-height: 38px;overflow: hidden;}
.floor .left .box h2.hd b em{color: #FFF !important;font-size: 18px;}
.floor .left .box h2.hd .links{height: 36px;float: right;position: relative;width: 36px;z-index: 100;}
.floor .left .box h2.hd .links b{background: url(../images/indexbg.gif) no-repeat 12px -110px;cursor: pointer;display: block;height: 36px;width: 36px;}
.floor .left .box h2.hd .links.on b{background-color: #F3F3F3;background-position: -56px -110px;}
.floor .left .box h2.hd .linksBox{background: #F3F3F3;border-top: 1px solid #F3F3F3;display: none;height: 432px;position: absolute;right: 0;overflow: hidden;padding: 5px 10px;top: 36px;width: 148px;}
.floor .left .box h2.hd .linksBox .destNav{line-height: 24px;height: 420px;overflow: hidden;}
.floor .left .box h2.hd .linksBox .destNav a{white-space: nowrap;}
.floor .left .box h2.hd .linksBox .destNav p{display: block;font-weight: bold;}
.floor .left .box h2.hd .links.on .linksBox{display: block;}
.floor .left .box .content{height: 432px;padding: 5px 0;}
.floor .left .box .tags{margin-bottom: 5px;padding: 0 10px;height:189px;}
.floor .left .box .tags dt{color: #C00;font: bold 12px/21px "微软雅黑","宋体",Arial;height: 21px;overflow: hidden;width: 148px;}
.floor .left .box .tags dd{display: inline-block;height: 21px;line-height: 21px;float: left;overflow: hidden;width: 74px;}
.floor .left .box .comment .hd{background: #C11B3E;height: 33px;line-height: 33px;_line-height: 35px;overflow: hidden;padding: 0 10px;}
.floor .left .box .comment .hd b{color: #FFF;font-weight: normal;}
.floor .left .box .topic{padding: 10px 10px 0;}
.floor .left .box .topic li{margin-bottom: 10px;height: 90px;width: 148px;}
.floor .left .box .topic li a{background: #CCC;display: block;height: 90px;width: 148px;overflow: hidden;position: relative;}
.floor .left .box .topic li div{color: #FFF;cursor: pointer;font-size: 12px;height: 24px;line-height: 24px;position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 0 5px;width: 138px;}
.floor .left .box .topic li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.floor .left .box .topic li a:hover div.bg{background: #C00;}

.floor .right .box{border: 1px solid #CCC;border-width: 2px 1px 1px 0;border-top-color: #C11B3E;}
.floor .right h2.hd{background: url(../images/indexbg.gif) repeat-x 0 -33px;border-bottom: 1px solid #E5E5E5;height: 36px;line-height: 36px;overflow: hidden;padding: 0 10px;}
.floor .right h2.hd span{float: right;}
.floor .right h2.hd span.more{background: url(../images/arrowbg.gif) no-repeat 0 -512px;padding-left: 10px;}
.floor .right h2.hd dl{height: 36px;line-height: 36px;overflow: hidden;}
.floor .right h2.hd dt{color: #C00;float: left;margin-right: 6px;}
.floor .right h2.hd dd{float: left;margin-right: 12px;}

/*楼层中间图片区域*/
.floor .leftBox{float: left;overflow: hidden;width: 560px;}
.floor .leftBox .outer{overflow: hidden;width: 600px;}
.floor .leftBox li{background: #666;display: inline;float: left;height: 138px;margin: 0 4px 4px 0;overflow: hidden;width: 184px;}
.floor .leftBox li a{display: block;height: 138px;position: relative;width: 184px;z-index: 10;}
.floor .leftBox li .proName{background: url(../images/transparent.png) repeat-x 0 0;color: #FFF;display: block;height: 24px;line-height: 24px;padding: 0 5px;overflow: hidden;position: absolute;top: 113px;left: 0;z-index: 20;width: 174px;}
.floor .leftBox li .proName b{float: right;color: #FF0;font-weight: normal;}
.floor .leftBox li .proName b em{color: #FF0 !important;}
.floor .leftBox li div{color: #FFF;cursor: pointer;display: none;font-size: 12px;height: 138px;position: absolute;left: 0;top: 0;overflow: hidden;padding: 0 10px;width: 164px;z-index: 30;}
.floor .leftBox li div.bg{background: #C11B3E;filter: alpha(opacity=85);opacity: 0.85;z-index: 25;}
.floor .leftBox li div.text{text-align: left;}
.floor .leftBox li div h6{display: none;font-family: "微软雅黑";font-size: 16px;font-weight: bold;height: 32px;line-height: 32px;overflow: hidden;padding-top: 30px;}
.floor .leftBox li div.text p{height: 40px;line-height: 20px;overflow: hidden;padding-top: 49px;}
.floor .leftBox li a:hover div,.floor .leftBox li.cur div{display: block;}
.floor .leftBox li a:hover .proName,.floor .leftBox li.cur .proName{display: none;}

/*楼层右侧排行榜*/
.floor .rightBox{border-left: 1px solid #CCC;float: left;height: 422px;margin-left: 10px;padding-left: 10px;width: 188px;}
.floor .rightBox .title{background: url(../images/cert.png) no-repeat 164px center #666;color: #FFF;height: 32px;line-height: 32px;margin-bottom: 5px;overflow: hidden;padding: 0 10px;}
.floor .rightBox .ranking{background: url(../images/indexbg.gif) no-repeat -63px -156px #FFF;height: 295px;overflow: hidden;}
.floor .rightBox li{height: 30px;line-height: 30px;overflow: hidden;padding-left: 20px;}
.floor .rightBox li span{color: #888;float: right;padding-left: 5px;}
.floor .rankMore{background: #fff;color: #FFF;height: 80px;line-height: 80px;margin-top: 10px;overflow: hidden;padding: 0;}
.floor .rankMore b{color: #FFF;font-weight: bold;font-size: 24px;float: right;}

/*综合楼层*/
.multiple{background: #FFF;margin-top: 10px;}
.multiple .left{float: left;width: 364px;}
.multiple .right{float: left;width: 596px;}
.multiple .left .box{background: #CCC;padding: 2px 1px 1px;}
.multiple .left .box h2.hd{height: 36px;line-height: 36px;_line-height: 38px;overflow: hidden;padding: 0 10px 1px 10px;}
.multiple .left .box h2.hd b{color: #000;display: inline-block;font-weight: normal;font-size: 18px;height: 36px;line-height: 36px;_line-height: 38px;}
.multiple .left .box h2.hd span{float: right;}
.multiple .left .box h2.hd span a{color: #000 !important;}
.multiple .left .content{background: #FFF;height: auto;padding: 10px;}
.multiple .left li{background: url(../images/dot.gif) no-repeat 0 10px;height: 24px;line-height: 24px;overflow: hidden;padding-left: 10px;}
.multiple .left li span{color: #888;float: right;}
.multiple .left li span em{color: #888 !important;font-weight: normal !important;}
.multiple .left li.first{background: none;border-bottom: 1px solid #E5E5E5;height: auto;margin-bottom: 5px;padding: 0 0 10px 0;}
.multiple .left li dt{float: left;margin-right: 10px;}
.multiple .left li dt a{background: #CCC;display: block;height: 111px;width: 148px;overflow: hidden;}
.multiple .left li dd{float: left;overflow: hidden;width: 184px;text-align: justify;}
.multiple .left li dd.title{height: 24px;line-height: 24px;margin-bottom: 3px;overflow: hidden;}
.multiple .left li dd.title a{color: #000;font: bold 12px/24px "微软雅黑","宋体",Arial;}
.multiple .left li dd.desc{color: #666;height: 80px;line-height: 20px;}

.multiple .right .box{border: 1px solid #CCC;border-width: 2px 1px 1px 0;border-top-color: #F60;width: 595px;}
.multiple .right .ui-tabs-nav{padding: 0;margin-left: -1px;}
.multiple .right .ui-tabs-nav li{background: url(../images/indexbg.gif) repeat-x 0 -33px;border: 1px solid #CCC;border-width: 0 0 1px 1px;height: 36px;line-height: 36px;font-weight: bold;padding: 0;width: 198px;}
.multiple .right .ui-tabs-nav li.end{width: 197px;}
.multiple .right .ui-tabs-nav li a{color: #222;font-family: "微软雅黑";font-size: 14px;padding: 0 10px;}
.multiple .right .ui-tabs-nav li.ui-tabs-selected{background: #FFF;border-bottom: 1px solid #FFF;}
.multiple .right .ui-tabs-nav li.ui-tabs-selected a{color: #333 !important;}
.multiple .right .ui-tabs-panel{padding: 10px 0 10px 10px;height: 295px;overflow: hidden;}

.multiple .right .car li{display: inline;float: left;height: 139px;margin: 0 10px 10px 0;width: 185px;}
.multiple .right .car li a{background: #CCC;display: block;height: 139px;overflow: hidden;position: relative;width: 185px;}
.multiple .right .car li div{color: #FFF;font-size: 12px;height: 26px;line-height: 26px;position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 0 5px;width: 175px;}
.multiple .right .car li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.multiple .right .car li a:hover div.bg{background: #C00;}
.multiple .right .car li div span{color: #FF0;float: right;}
.multiple .right .car li div em{color: #FF0 !important;}

.multiple .right .visa li{display: inline;float: left;height: 40px;line-height: 40px;margin: 0 10px 11px 0;overflow: hidden;width: 282px;}
.multiple .right .visa li a{background: #F5F5F5;display: block;height: 40px;width: 282px;}
.multiple .right .visa li a:hover{background: #EFEFEF;}
.multiple .right .visa li span{display: inline-block;float: left;padding-right: 7px;}
.multiple .right .visa li span.price{color: #888;float: right;padding-right: 0;}

.multiple .right .news dl{height: 90px;margin-bottom: 11px;overflow: hidden;}
.multiple .right .news dt{display: inline;float: left;height: 90px;margin-right: 10px;width: 120px;}
.multiple .right .news dt a{display: block;height: 90px;width: 120px;position: relative;}
.multiple .right .news dt div{color: #FFF;cursor: pointer;font: bold 12px/26px "微软雅黑","宋体",Arial;height: 26px;_line-height: 28px;position: absolute;left: 0;bottom: 0;overflow: hidden;padding: 0 5px;width: 110px;text-align: center;}
.multiple .right .news dt div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.multiple .right .news dd{float: left;padding-top: 2px;width: 455px;}
.multiple .right .news dd li{background: url(../images/dot.gif) no-repeat 0 10px;float: left;height: 22px;line-height: 22px;padding: 0 10px;overflow: hidden;width: 207px;}