/*### 51tianxia IndexPage's CSS Version 1.0 ###*/

/*----------Reset CSS for Browsers----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
input,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:after,q:before{content:".";}
abbr,acronym{border:none; font-variant:normal;}
.clear{clear:both; font-size:1px; height:0; line-height:0;}
.clearfix{display:inline-block;}
.clearfix:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}

/*----------Reset CSS for Website----------*/
body{color:#333; font-size:12px; background:#fff; text-align:center;}
a{color:#333; text-decoration:none;}
a:hover{color:#f00; text-decoration:underline;}
.mt{margin-top:5px;}
#wrap{text-align:left; width:1004px; margin:0 auto; line-height:2em;}
#toplogin{margin-top:2px;}
/*Head*/
#head{height:122px;}
.top{height:62px; position:relative;}
.top h1{width:150px; height:60px; position:absolute; left:0; top:0; margin-left:30px;}
.top div{position:absolute; top:3px; right:0; width:660px; height:22px; overflow:hidden;}
.top p{float:left; width:150px;}
.top p a{color:#eb3213;}
.top ul{float:left; width:508px;}
.top li{float:left; float:left; margin:0 3px; _display:inline;}
.top li.red a{color:#ed3213;}
.top li.cart a{display:block; background:url(top_icon.gif) left -78px no-repeat; padding-left:24px; color:#ed3213;}
.top li.login,
.top li.member,
.top li.help{width:70px;}
.top li.login a,
.top li.member a,
.top li.help a{display:block; height:22px; background:url(top_icon.gif) left top no-repeat; padding-left:19px; text-decoration:none;}
.top li.member a{background:url(top_icon.gif) left -27px no-repeat;}
.top li.help a{background:url(top_icon.gif) left -54px no-repeat;}

.top .searchNav{height:27px; width:350px; position:absolute; left:208px; top:37px; overflow:hidden;}
.top .searchNav li{float:left; width:58px; height:27px; margin-right:9px; _display:inline; cursor:pointer;}
.top .searchNav li a{display:block; height:25px; line-height:25px; padding-top:2px; text-align:center; font-size:14px; font-weight:bold; background:#fcf8f5 url(top_icon.gif) left -103px no-repeat; color:#247fda; text-decoration:none;}
.top .searchNav li a:hover,
.top .searchNav li a.current{background:#4097de url(top_icon.gif) left -139px no-repeat; color:#fff;}

.top .mainNav{position:absolute; top:15px; right:0; width:490px; height:35px; overflow:hidden;}
.top .mainNav li{display:inline; font-size:14px; font-weight:bold;}
.top .mainNav li a{color:#087bd6; padding:0 0 0 35px; width:60px; display:block; float:left; height:35px; line-height:35px; background:url(icon_top.gif) no-repeat; text-decoration:none;}
.top .mainNav li a.home{background-position:left top; width:40px;}
.top .mainNav li a.news{background-position:left -233px;}
.top .mainNav li a.photo{background-position:left -190px;}
.top .mainNav li a.hw{background-position:left -45px;}
.top .mainNav li a.bbs{background-position:left -88px;}
.top .mainNav li a:hover{color:#f60;}

.searchBox{height:50px; padding:10px 50px 0 185px; background:#247fda url(search_bg.gif) center top no-repeat;}
.searchBox form{width:560px; float:left;}
.searchBox form input.text{border:none; height:18px; line-height:18px; padding:4px 4px 0; width:411px; color:#999; background:#fff url(input_bg.gif) no-repeat;}
.searchBox form input.text:focus{color:#000;}
.searchBox p{color:#cfcfcf; padding-top:1px;}
.searchBox p a{color:#cfcfcf; margin-right:10px;}
.searchBox p a:hover{color:#fff;}
.searchBox span{display:block; float:right; font-size:14px; line-height:20px; font-weight:bold; color:#fff; width:160px;}
.searchBox span strong{color:#fadd81; font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:400;}

#banner{}

/*Content*/
#content{}
.tips{height:23px; line-height:23px; background:url(index_bg.gif) -755px -70px no-repeat; padding:2px 6px 0 25px; color:#930;}
.tips span{float:right; display:block; background:url(arrow2.gif) left 9px no-repeat; padding-left:14px;}
.tips strong{font-size:14px;}
.tips strong a{color:#930;}
.tips strong a:hover{color:#f00;}

/*Mall*/
#mallLeft{width:774px; float:right;}
#mallLeft h2{font:bold 14px/24px "宋体"; height:24px; background:url(index_bg.gif) left top no-repeat; padding:2px 10px 0; color:#257dde;}
#mallLeft h2 a{color:#257dde;}
.bargain dl{border:solid 1px #e0e0e0; padding:14px 5px 0 12px; height:230px;}
.bargain dl dd.left{width:295px; float:left;}
.bargain dl dd.left img{max-width:295px; width:expression(width>295?"295px":""); overflow:hidden; display:block;}
.bargain dl dd.right{width:450px; float:right;}
.bargain dl dd.right li{width:210px; float:left; margin:0 7px 15px; _display:inline;}
.bargain dl dd.right li span,
.recomm li span{display:block; float:left; margin-right:8px; width:98px; height:98px; overflow:hidden; text-align:center; border:solid 1px #d2d2d2;}
.bargain dl dd.right li span a,
.recomm li span a{display:table-cell; vertical-align:middle; font-size:86px; width:98px; height:98px;}
.bargain dl dd.right li a img,
.recomm li a img{vertical-align:middle;}

.bargain dl dd.right h5{float:left; line-height:20px; width:102px; margin-top:5px;}
.bargain dl dd.right h5 strong{color:#f00;}

.recomm ul{border:solid 1px #e0e0e0; padding:14px 5px 0 8px; height:165px;}
.recomm li{width:100px; float:left; margin:0 13px; text-align:center; _display:inline;}
.recomm li span{margin:0;}
.recomm li h5{line-height:18px; margin-top:5px; clear:both;}
.recomm li em{color:#930;}

#mallCatalog{width:225px; float:left;}
#mallCatalog h2{font:bold 14px/25px "宋体"; height:25px; padding:2px 10px 0; color:#303030; background:#72b0fb url(index_bg.gif) -374px -65px no-repeat;}
#mallCatalog ul{border:solid 1px #cfcfcf; border-top:none; padding:5px; height:446px; overflow:hidden;}
#mallCatalog li{ }
#mallCatalog h4{font:bold 14px/26px "宋体"; color:#257eda;}
#mallCatalog h4 a{color:#257eda;}

/*TravelCollection*/
#travelCollection{width:728px; float:left;}
.areaSort{width:380px; float:left; }
.areaSort h2{font:bold 14px/25px "宋体"; height:25px; padding:2px 10px 0; color:#333; position:absolute; top:370px; z-index:2;} 
.areaSort ul{}
.areaSort img{display:block; width:380px;height:293px;}
.areaSort #map area{color:#f60;}

.article{width:343px; float:right;padding-right:1px;}
.article h2{font:12px/24px "宋体"; height:25px; padding:3px 10px 0; color:#303030; background:#fae18f url(index_bg.gif) -374px -33px no-repeat; border-right: #fc6 1px solid;}
.article h2 a{display:block; width:62px; height:22px; line-height:22px; padding-top:2px; margin:0 3px; text-align:center; float:left;}
.article h2 a:hover,
.article h2 a.current{background:#fff url(index_bg.gif) -628px -65px no-repeat;}
.article dl{border:solid 1px #cfcfcf; border-top:none; padding:10px 10px 3px; height:250px;}
.article dd{height:122px; margin-top:3px; display:block;}
.article dd span{width:100px; height:100px; display:block; float:left; margin-right:10px; text-align:center; line-height:22px;}
.article dd span img{width:98px; height:98px; display:block; border:solid 1px #d2d2d2;}
.article ul{width:208px; float:right;}
.article ul li{height:22px;}
.article ul li a{display:block; line-height:22px; background:url(dot1.gif) left 9px no-repeat; padding-left:10px; width:198px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.picAd{width:271px; float:right;}
/*NewsList*/
.NewsList{width:274px; float:right;}
.NewsList h2{font:bold 14px/25px "宋体"; height:25px; padding:2px 10px 0; color:#047bd9; background:#d5e5fc url(h2bg.gif) -450px -99px no-repeat;}
.NewsList h2 a{color:#047bd9;}
.NewsList h2 span{float:right; font-size:12px; font-weight:400;}
.NewsList h2 span a{color:#047bd9;}
.NewsList h2 span a:hover{color:#f00;}
.NewsList ul{padding:10px 8px 14px 13px; border:solid 1px #b4d1f9; border-top:none;}
.NewsList li{height:24px;}
.NewsList li a{display:block; height:24px; line-height:24px; color:#069; background:url(arrow.gif) left 8px no-repeat; padding-left:15px; width:235px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.NewsList li a:hover{background:url(arrow2.gif) left 8px no-repeat; color:#f00;}
/*Community*/
#community h2{font:bold 14px/24px "宋体"; height:24px; padding:2px 10px 0; color:#247dd9; background:#f0eeef url(index_bg.gif) left -65px no-repeat;}
.activity,
.hotspot,
.addWater{width:331px; float:left;}
.activity ul,
.hotspot dl,
.addWater ul{border:solid 1px #cfcfcf; padding:10px;}
.activity li.first{height:85px; background:none; padding:0; white-space:normal;}
.activity li.first img{width:72px; height:72px; display:block; border:solid 1px #ddd; float:left; margin-right:10px;}
.activity li.first h5,
.activity li.first p{float:left; width:216px; line-height:19px;}
.activity li.first h5 em{color:#f00;}
.activity li.first h5 a,
.activity li.first p a{color:#247eda;}
.activity li.first h5 a:hover,
.activity li.first p a:hover{color:#f00;}
.activity li.first p{text-indent:2em;}
.activity li{background:url(dot1.gif) left 10px no-repeat; padding-left:8px; width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.activity li span{color:#f00; margin:0 4px;}

.hotspot{margin-left:5px;}
.hotspot dl{height:253px;}
.hotspot dd.pic{width:110px; float:left; margin-right:8px;}
.hotspot dd.pic img{width:108px; height:74px; display:block; border:solid 1px #ddd; margin:7px 0 5px;}
.hotspot dd.pic h5{line-height:18px; text-align:center;}

.hotspot dd.list{width:190px; float:right;}
.hotspot dd.list li{height:23px; line-height:23px; background:url(dot1.gif) left 9px no-repeat; padding-left:10px; width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hotspot dd.list li a,
.addWater li a{color:#247eda;}
.hotspot dd.list li a:hover,
.addWater li a:hover{color:#f00;}

.addWater{float:right;}
.addWater li{height:23px; line-height:23px; clear:both;}
.addWater li a{display:block; background:url(dot1.gif) left 9px no-repeat; padding-left:10px; width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.addWater li span{float:right; width:70px; text-align:right; color:#666;}


/*bottom*/
#bottom{height:119px; background:url(bottom_bg1.gif) repeat-x; text-align:center; width:1004px; margin:8px auto 0;}
#bottom .inner{height:119px; background:url(bottom_bg2.gif) center top no-repeat;}
#bottom .inner p{line-height:1.5em;}
#bottom ul{padding:4px 10px 0; margin-bottom:15px;}
#bottom li{display:inline; color:#fff;}
#bottom li a{color:#fff; margin:0 11px 0 12px;}
#bottom li a:hover{color:#039; text-decoration:none;}

/*publicColumn*/
.publicLeft{width:190px; float:left;}
.subMenu{border:solid 1px #99cdff; background:#d3e8fd; padding:15px 26px; font-size:14px;}
.subMenu li{height:29px;}
.subMenu li a{display:block; height:27px; line-height:27px; padding-top:2px; background:url(subMenu_libg.gif) left top no-repeat; color:#003297; padding-left:36px; text-decoration:none; letter-spacing:2px;}
.subMenu li a:hover,
.subMenu li a.current{bckground:url(subMenu_libg.gif) left -39px no-repeat; color:#f63;}

.publicRight{width:804px; float:right; border:solid 1px #99cdff;}
.publicRight .text{margin:12px 24px; min-height:376px; height:auto!important; height:376px; font-size:14px;}
.publicRight .text p{margin:8px 0;}
.publicRight h2{font-size:16px; color:#f63; font-weight:bold; margin-bottom:6px;}

#favlink a{text-decoration: none;color: #069;float:left;margin:8px 0 0 10px;font-size:14px;}
#favlink a:hover{text-decoration: underline;}