
.subtopbar { width:1000px; margin:0 auto;height:30px; background:#f7f7f7; border-bottom:solid 1px #ddd;}
.subtopbar a { color:#5d5d5d;}
.add_fav { text-align:left;}
.add_fav a{ width:auto; background:url(http://develop.boktour.com/website/images/star.gif) left center no-repeat; text-indent:20px; float:left; line-height:30px; display:inline-block;}
.top_sust span.sp { height:12px; width:1px; margin:9px 0; border-left:solid 1px #ddd;  line-height:30px;}

.header,.footer,.wrap { width:1000px; margin:0 auto;}

/*头部导航样式*/

.f-nav{width:100%; height:42px;}
.f-nav-c{width:1000px; height:42px; margin:0 auto;}
.f-nav-c h3{width:268px; float:left; font-size:16px; color:#fff; font:bold 16px/42px "Microsoft Yahei"; padding-left:10px;}
.f-nav-c ul{ width:710px; float:right; height:42px;  }
.f-nav-c ul li{float:left;font:16px/42px "Microsoft Yahei";}
.f-nav-c ul li a{color:#fff; display:block;  /*padding:0 20px;*/ padding:0 14px; float:left; line-height:42px;}
.f-nav-c ul li a:hover { background:#00721c; text-decoration:none;_color:#fff;}

.cotent { width:1000px; margin:0 auto 25px auto;}
.aside { width:277px;}

/*menu style start*/

.menu-box{ width:276px; height:288px; float:left;}
.menu-cotent{height:90px; border-right:none; position:relative;z-index:10;}
.active .nav-t,.cur .nav-t{background:#fff; height:86px;*width:276px;width:276px;position:absolute;left:-2px;top:0;z-index:9;}
.menu-cotent .nav-t h4 {font:bold 16px/42px "Microsoft Yahei"; padding:0 10px; height:42px;}
.menu-cotent .nav-t h4 a{ color:#333; line-height:42px; display:block;}
.menu-cotent .nav-t h4 a:hover{ text-decoration:none;}
.menu-cotent .nav-t p{padding:0 0 0 10px; padding-bottom:10px; height:30px; line-height:20px; overflow:hidden;}
.menu-cotent .nav-t p a { line-height:20px; height:20px; *line-height:25px;padding-right:15px; /*float:left;*/ display:inline-block;*display:inline;*zoom:1;color:#999;}

.nav-main { width:300px; padding:20px; height:245px; background:#fff; position:absolute;left:274px; top:0; z-index:7;}
.nav-main a { height:24px; line-height:24px; display:block; float:left; color:#5d5d5d; padding:8px 10px;}


/*左侧公告样式*/

.announce{ padding:15px 10px; padding-bottom:0; border:1px #ddd solid; margin-bottom:15px;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.announce h2{ font-size:14px; border-bottom:1px #ddd solid; height:16px; padding-bottom:3px;  margin-bottom:5px;}
.announce h2 span{ font-weight:bold; background:url(http://develop.boktour.com/website/images/notice.png) no-repeat 0px center; padding-left:24px;}
/*.announce h2 a{}*/
.announce .content{ padding-bottom:5px;}
.announce .content li{ line-height:24px;}
.announce .content li a{ width:247px; display:block; _line-height:20px;background:url(http://develop.boktour.com/website/images/list.gif) no-repeat; padding-left:11px; color:#5d5d5d;font-size:12px; background-position:left center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*search start*/

.f-search {width:276px; height:334px; border:solid 1px #ddd; }
.f-search ul.f-s-tab  { width:42px; height:334px; float:left;}
.f-s-tab li { height:111px;  width:16px; padding:0 13px; background:#e5e5e5; margin-bottom:1px;font:normal 16px/16px "Microsoft Yahei"; writing-mode:lr-tb; display:table; position:relative; float:left;}
/*.f-s-tab .cur { }*/
.f-s-tab li.cur span { position:absolute;width:5px; height:10px;*overflow:hidden;/*IE6 height<20px*/left:42px; top:50px; }
.f-s-tab li.cur{ color:#fff;}
.f-s-tab li{ height:86px; width:16px; display:table-cell; display:inline-block;vertical-align:middle; padding-top:25px;_height:86px;color:#5d5d5d; *line-height:18px;/**display:inline-block; *display:inline;*zoom:1;*/ }
.f-s-tab li a:hover { text-decoration:none;}
.f-sear-box { width:216px; height:314px; padding:10px 0;}
.f-sear-box .f-sear-con li { width:216px; height:30px; margin-bottom:15px;}
.f-sear-box .f-sear-con li span { width:54px; height:30px; line-height:30px; display:block; float:left;}

.f-sear-box .f-sear-hot h4 { font:normal 15px/24px "Microsoft Yahei"; margin-bottom:5px;}
.f-sear-box .f-sear-hot p a { line-height:18px; color:#999; padding-right:15px;}

/*search end*/
/*destination start*/

.destination { width:700px; height:490px; overflow:hidden;}
.destination h3 {font:normal 24px/42px "Microsoft Yahei"; font-size:24px; line-height:24px; padding-bottom:10px;}
.destination ul { width:715px; margin-left:-10px;_margin-left:3px;}
.destination ul li { width:168px; height:142px; float:left; margin-bottom:10px; margin-left:10px;_margin-left:-5px; display:inline-block; position:relative;}
.destination ul li p { height:32px; width:168px;font:normal 16px/32px "Microsoft Yahei"; text-align:left; padding-left:15px; background:url(../images/map.gif) left center no-repeat;}
.destination ul li p a { height:32px; line-height:32px;}

/*destination end*/

.f-left { width:280px;}
.f-right { width:700px;}

/*banner style*/

.banner{width:710px;_width:707px; height:290px; position:relative; overflow:hidden; z-index:4;}
.banner-btn{ display:none;}
.banner-btn a{ display:block; line-height:40px; position:absolute;top:120px; width:40px; height:40px;background-color: #000; opacity:0.3; filter:alpha(opacity=30) color: rgb(255, 255, 255);overflow: hidden; z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner-img{ font-size:0; *word-spacing:-1px;/* IE6、7 */ letter-spacing: -3px; position:relative; }
.banner-img li{ display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.banner i{ background:url(http://develop.boktour.com/website/images/banner-btn.png) no-repeat; width: 15px;height: 23px; cursor:pointer;margin: 8px 0 0 12px; display:block;}
.banner .nextBtn i{ background-position:0 -23px;}
.banner .prevBtn i{ background-position:0 0;}

.banner-circle{ position:absolute; left:50%; bottom: 15px;height: 13px;text-align: center;font-size: 0;border-radius: 10px; background:rgba(255,255,255,0.3); filter:alpha(opacity:30); }
.banner-circle li{ border-radius: 10px; margin:2px; display: inline-block; display: -moz-inline-stack; *display:inline; *zoom:1; vertical-align: middle;zoom: 1; }
.banner-circle li a{ display: block;padding-top: 9px;width: 9px;height: 0;border-radius: 50%; background: #B7B7B7;overflow: hidden;}
.banner-circle .selected a{ background:#F40; }

/*hotlists style*/

.hotlists h3 {font:normal 24px/32px "Microsoft Yahei"; margin-bottom:10px; }
.hotlists ul.hot-cotent { width:276px; border:solid 1px #ddd;}
.hotlists ul.hot-cotent li { width:256px; height:60px; position:relative; padding-left:4px; margin:10px auto; padding-bottom:15px; border-bottom:solid 1px #efefef;}
.hotlists ul.hot-cotent li:hover { }
/*ul.hot-cotent li span.nub { width:18px; height:21px; background:url(http://develop.boktour.com/website/images/number.png) no-repeat; position:absolute; left:0px; top:0;}
ul.hot-cotent li.h01 span.nub { background-position:0 0;}
ul.hot-cotent li.h02 span.nub { background-position:0 -21px;}
ul.hot-cotent li.h03 span.nub { background-position:0 -42px;}
ul.hot-cotent li.h04 span.nub { background-position:0 -63px;}
ul.hot-cotent li.h05 span.nub { background-position:0 -84px;}
ul.hot-cotent li.h06 span.nub { background-position:0 -105px;}
ul.hot-cotent li.h07 span.nub { background-position:0 -126px;}
ul.hot-cotent li.h08 span.nub { background-position:0 -147px;}
ul.hot-cotent li.h09 span.nub { background-position:0 -168px;}
ul.hot-cotent li.h10 span.nub { background-position:0 -189px;}*/

ul.hot-cotent li .hot-r { width:154px; height:60px;}
ul.hot-cotent li .hot-img { width:90px; height:60px; float:left; display:block;}
ul.hot-cotent li img { width:90px; height:60px; overflow:hidden;}
.hotlists ul.hot-cotent li h5 { width:154px; height:20px; line-height:20px; font-size:14px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.hotlists ul.hot-cotent li h5 a { color:#333;}
.hotlists ul.hot-cotent li p.hot-ft { width:154px; line-height:20px;}
.hotlists ul.hot-cotent li p.hot-ft span { color:#999; width:160px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotlists ul.hot-cotent li p.hot-ft b { color:#ff6600; font-size:16px; font-family:Arial;}
.hotlists ul.hot-cotent li p.hot-ft i { font-size:12px; line-height:18px; color:#ff6600; font-style:normal; padding-left:1px;}

/*guide style*/

.guide { width:700px; }
.guide h4,.route h4 { height:32px; }
.guide h4 span,.route h4 span {font:normal 24px/42px "Microsoft Yahei";float:left;font-size:24px; line-height:24px; padding-bottom:10px; }
.guide h4 a ,.route h4 a{ font-size:12px; float:right; color:#999; line-height:32px;}
.guide .guide-cotent { width:720px; margin-left:-20px;}
.guide-cotent dl { width:340px; height:120px; float:left; display:inline-block; _display:inline; _zoom:1; margin-left:20px; margin-top:20px; }
.guide-cotent dl dt { width:160px; height:120px; float:left;}
.guide-cotent dl dd { width:160px; float:right;}
.guide-cotent dl dd.gui-title {font:normal 15px/20px "Microsoft Yahei"; height:40px; overflow:hidden; }
.guide-cotent dl dd.gui-title a { color:#4d4d4d;} 
.guide-cotent dl dd.gui-dsc { line-height:18px; color:#999; height:54px; margin-top:26px; overflow:hidden;}

/*route style*/

.route { width:700px;}
.route ul { padding-top:20px;}
.route ul li { width:220px; height:190px; float:right; display:inline-block;}
.route ul li.w460 { width:460px; height:390px; float:left;}
.route ul li a.route-title { width:220px; font:normal 14px/20px "Microsoft Yahei"; color:#5d5d5d; height:40px; display:block; overflow:hidden; margin:5px 0;}
.route ul li.w460 a.route-title  { width:460px;}
.route ul li p .r-price {font:normal 18px/20px "Microsoft Yahei"; color:#ff7800;}
.route ul.route-list { width:720px; margin-left:-20px; padding:0;}
.route-list li { width:220px; height:190px; float:left; margin-left:20px; display:inline-block;}



/*---------------底部样式----------------*/

.help { width:1000px; height:180px; margin-top:20px;  margin:0 auto;}
.help-cotent { width:1000px; padding:10px 0 0 0; }
.help-cotent dl { width:190px; float:left; margin-top:5px; padding-left:10px;}
.help-cotent dl dt { width:190px; height:20px; margin-bottom:5px; font:normal 18px/20px "Microsoft Yahei"; padding:5px 0 15px 0; }
.help-cotent dl dd { line-height:24px; height:24px; width:190px; font-size:12px; display:block; float:left; }
.help-cotent dl dd a { color:#777;}

.links { width:1000px; line-height:20px; text-align:center; color:#5d5d5d;}
.links a { color:#5a5a5a; padding:0 8px;}
.copyright { text-align:center; line-height:22px; color:#5d5d5d;}
.weblinks { border-top:solid 1px #f1f1f1; padding:10px 0;}
.weblinks p { width:60px; float:left;}
.weblinks span { width:900px; float:right;}
.weblinks span a { padding-right:10px; color:#888;}

/*微博、微信样式*/

.social { width:256px; border:solid 1px #ddd; padding:15px 10px; padding-top:10px;
/* border-top:none;background:url(http://develop.boktour.com/website/images/weibo_bg.gif) left top repeat-x; */color:#5a5a5a;}
.social h5 { height:18px; line-height:18px; margin-bottom:10px; text-indent:25px; font-size:14px;font-family:"Microsoft Yahei"; font-weight:bold;}
.social .weibo { border-bottom:dotted 1px #ddd; padding-bottom:15px;}
.social .weibo h5 { background:url(http://develop.boktour.com/website/images/weibo.gif) left center no-repeat;}
.social .weixin h5 { background:url(http://develop.boktour.com/website/images/weixin.gif) left center no-repeat;}
.social .weibo p { line-height:20px;}
.social .weibo dt{ width:80px; height:80px; border:solid 1px #ddd; padding:2px; float:left; }
.social .weibo dd { width:158px; height:56px; float:right;}
.social .weibo dd .focus { width:92px; height:26px; line-height:26px; background:url(http://develop.boktour.com/website/images/guanzhu2.gif) no-repeat; text-align:center; color:#fff; display:block;}
.social .weibo dd a:hover{ text-decoration:none;}
.social .weixin dt { width:80px; height:80px; padding:2px; border:solid 1px #ddd; float:left;}
.social .weixin dd { width:158px; float:right; line-height:18px;}
.social .weixin dd p{ line-height:22px;}




.pop_up{position:absolute; top:0px;left: 0px; width:100%; height:1000px; background: none;z-index:999999; display:none;}
.pop_up .pop_bg{width:500px; height: 295px; background:#ffffff; border-radius:3px;margin:0 auto ;margin-top:300px;z-index:999999;-moz-box-shadow:4px 4px 4px rgba(0,0,0,.2);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.2); box-shadow:4px 4px 4px  rgba(0,0,0,.2); }
.pop_up .pop_phone{width:91px; height: 185px; background: url(http://develop.boktour.com/website/images/tanchuang_phone.png); float: left; margin-top: 60px; margin-left: 70px}
.pop_up .pop_right{width:200px; height: 290px; float: left;  margin-left: 80px}
.pop_up .pop_close{width:20px; height:20px; background: url(http://develop.boktour.com/website/images/tanchuang_phone.png)-8px -183px ; float: left; margin-left:25px; margin-top: 10px}

.pop_up .pop_right .pop_txt{width:205px; height: 25px;font-size: 16px; font-weight: bold; margin-top:35px}
.pop_up .pop_erweima{width:133px; height:133px; margin-top:25px; margin-left: 10px; border: #e4e4e4 1px solid;padding: 10px 10px}







