/*



	 Organic Tabs



	 by Chris Coyier



	 http://css-tricks.com



*/







 #page-wrap { width: 440px; margin: 80px auto; }



/* Generic Utility */



.hide { position: absolute; top: -9999px; left: -9999px; }



/* Specific to example one */







#example-one { background: #eee; padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }



#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }



#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }



#example-one .nav li.last { margin-right: 0; }



#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }



#example-one .nav li a:hover { background-color: #111; }



#example-one ul { list-style: none; }



#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }



#example-one ul li a:hover { background: #fe4902; color: white; }



#example-one ul li:last-child a { border: none; }



 



/* Specific to example two */







#example-two .list-wrap { }



#example-two ul { list-style: none; }



#example-two .nav {background:#f2f5f8;border-bottom:1px solid #d7d7d7;height: 35px;line-height: 35px;position:relative;}



#example-two .nav li {width: 90px;float: left;margin-top: 5px;position:relative;z-index:999;margin-left:10px;}



#example-two .nav li.last { margin-right: 0; }



#example-two .nav li a:hover { color: #333; }



#example-two .nav li a {display: block;color: #333;/* font-size: 12px; */text-align: center;border: 0;font-weight:bold;/* padding: 0px 10px; */line-height: 30px;}



#example-two li a.current { background-color: #fff !important; color: #0873c0; border:1px solid #d7d7d7; border-bottom:none;}















#example-three .nav {background:#f2f5f8;border-bottom:1px solid #d7d7d7;height: 35px;line-height:24px;position:relative;}



#example-three .nav li {width: 90px;float: left;margin-top:5px;position:relative;z-index:999;margin-left:10px;}



#example-three .nav li.last { margin-right: 0; }



#example-three .nav li a:hover { color: #333; }



#example-three .nav li a {display: block;color: #333;/* font-size: 12px; */text-align: center;border: 0;font-weight:bold;}



#example-three li a.current {background-color: #fff !important;color: #0873c0;border:1px solid #d7d7d7;border-bottom:none;line-height: 30px;}







































































#example-four .list-wrap { }



#example-four ul { list-style: none; }



#example-four .nav {background:#f2f5f8;border-bottom:1px solid #d7d7d7;height: 35px;/* line-height: 35px; */position:relative;}



#example-four .nav li {width: 90px;float: left;margin-top:5px;position:relative;z-index:999;margin-left:10px;}



#example-four .nav li.last { margin-right: 0; }



#example-four .nav li a:hover { color: #333; }



#example-four .nav li a {display: block;color: #333;font-size: 16px;text-align: center;border: 0;font-weight:bold;line-height: 30px;}



#example-four li a.current {background-color: #fff !important;color: #0873c0;border:1px solid #d7d7d7;border-bottom:none;line-height: 30px;}















#example-five .nav {background:#f2f5f8;border-bottom:1px solid #d7d7d7;height: 35px;/* line-height:24px; */position:relative;}



#example-five .nav li {width: 90px;float: left;margin-top:5px;position:relative;z-index:999;margin-left:10px;}



#example-five .nav li.last { margin-right: 0; }



#example-five .nav li a:hover { color: #333; }



#example-five .nav li a {display: block;color: #333;/* font-size: 12px; */text-align: center;border: 0;font-weight:bold;line-height: 30px;}



#example-five li a.current {background-color: #fff !important;color: #0873c0;border:1px solid #d7d7d7;border-bottom:none;line-height: 30px;}



















































.tab_news dl{float:left;width: 380px;overflow:hidden;/* font-size:12px; */height: 95px;border-bottom:1px dotted #d7d7d7;}



.tab_news dl dt{ float:left; width:99px; height:72px}



.tab_news dl dt img{ border:1px solid #d7d7d7; padding:2px; width:108px; height:82px}



.tab_news dl dd b{float:left;width:100%;line-height:25px;color:#333;height: 25px;overflow: hidden;}



 







.tab_news dl dd {
  color: #555555;
  float: right;
  line-height: 20px;
  width: 250px;
  word-break: break-all;
  word-wrap: break-word;
}











.tab_news li{float:left;width:100%;/* font-size:12px; */line-height:30px;background: url(/images/dot_a.jpg) left center no-repeat;text-indent:1em;}



.tab_news{padding:10px;display:table;background:#fff;}



















 .pro_city { height: 26px; left: 0; position: absolute; top: 111px; width: 100%; }



.city_product li img { height: 135px; width: 197px; }



.list_pro_title .price_bg { background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; display: block; height: 26px; position: absolute; width: 100%; }



.pro_city span { bottom: 0; display: block; font-size: 16px; height: 26px; left: 0; line-height: 26px; position: absolute; text-indent: 1em; width: 100%; z-index: 2; }



.pro_city a { color: #fff; }



.city_product .pro_name { display: block; height: 23px; margin: 5px 0; line-height:19px; overflow: hidden; width: 197px; }



.city_product .combo_name { color: #333; font-size: 14px; }



.city_product .pro_price { color: #f60; float: left; font-size: 14px; }



.city_product .dollar { font-size: 22px; }



.save { float: right; line-height: 25px; }



.save i, .save strong { background: url("/images/recommend.png") no-repeat scroll right -46px transparent; display: inline-block; vertical-align: top; }



.save strong { color: #f60; font-weight: 400; padding: 0 2px; background: url("/images/recommend.png") no-repeat scroll right -46px transparent; display: inline-block; vertical-align: top; }



.save i { background-position: -93px -78px; width: 18px; }



.t_box2 {float:left;width: 390px;}



/* Specific to example two */















/* Specific to example chujing */







#example-chujing .list-wrap { padding:10px 0px;   float:left }



#example-chujing ul { list-style: none; }



#example-chujing .nav { overflow: hidden; padding-top:15px; margin-left:15px }



#example-chujing .nav li { width: 97px; float: left; margin: 0 10px 0 0; }



#example-chujing .nav li.last { margin-right: 0; }



#example-chujing .nav li a { display: block; padding: 5px; color: #333; font-size: 12px; text-align: center; border: 0; }



#example-chujing li a.current { background-color: #89c62e !important; color: #fff; }



#example-chujing .nav li a:hover { color: #f60; }











/* Specific to example chujing */



















/* Specific to example 门票景点 */







#example-menpiao .list-wrap { padding:10px 0px;   float:left }



#example-menpiao ul { list-style: none; }



#example-menpiao .nav { overflow: hidden; padding-top:15px; margin-left:15px }



#example-menpiao .nav li { width: 97px; float: left; margin: 0 10px 0 0; }



#example-menpiao .nav li.last { margin-right: 0; }



#example-menpiao .nav li a { display: block; padding: 5px; color: #333; font-size: 12px; text-align: center; border: 0; }



#example-menpiao li a.current { background-color: #89c62e !important; color: #fff; }



#example-menpiao .nav li a:hover { color: #f60; }



#example-menpiao .city_product .pro_name { display: block; height: 42px; margin: 5px 0; line-height:19px; overflow: hidden; width: 197px; }







.mp_box{ border:1px solid #e6e6e6; border-top:none;  float:left; height:298px; width:918px;}



/* Specific to example menpiao */















/* Specific to example menpiao */







#example-guonei .list-wrap { padding:10px 0px;   float:left }



#example-guonei ul { list-style: none; }



#example-guonei .nav { overflow: hidden; padding-top:15px; margin-left:15px }



#example-guonei .nav li { width: 97px; float: left; margin: 0 10px 0 0; }



#example-guonei .nav li.last { margin-right: 0; }



#example-guonei .nav li a { display: block; padding: 5px; color: #333; font-size: 12px; text-align: center; border: 0; }



#example-guonei li a.current { background-color: #89c62e !important; color: #fff; }



#example-guonei .nav li a:hover { color: #f60; }







.gn_box{ border:1px solid #e6e6e6; border-top:none;  float:left; height:298px; width:918px;}



/* Specific to example menpiao */



























#example-bendi .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }



#example-bendi ul { list-style: none; }



#example-bendi ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }



#example-bendi ul li a:hover { background: #333; color: white; }



#example-bendi ul li:last-child a { border: none; }



#example-bendi .nav { overflow: hidden; }



#example-bendi .nav li { width: 97px; float: left; margin: 0 10px 0 0; }



#example-bendi .nav li.last { margin-right: 0; }



#example-bendi .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }