.bg{width: 100%; padding-bottom: 30px; background: #F5F5F5;}

/*main*/
.main{width: 1220px; margin: 20px auto 0;}
/*景点列表*/
.sightList{width: 283px; height: auto; float: left; margin: 10px 10px 15px; border-bottom: #c7c4c5 1px solid; border-left: #d8d5d6 1px solid;  border-top: #e2e0e1 1px solid; border-right: #d8d5d6 1px solid; background: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); overflow: hidden;}
.sightList a{width: 283px; display: block;}
.sightList .pic{width: 263px; padding: 10px 10px 0; height: 180px; position: relative;}
.sightList .pic img{width: 263px; height: 180px;}
.sightList .pic em{display: block; width: 263px; height: 35px; background: url(../images/gray60.png); position: absolute; left: 10px; bottom: 0; color: #F5F5F5; text-align: center; font: 100 14px/35px "microsoft yahei","SimHei",Arial,sans-serif;}
.sightList .int{padding:10px; height: 22px; text-align: center;}
.sightList .int span{display: inline-block; padding: 0 10px; height: 20px; background: #F5F5F5; font: 100 12px/20px "microsoft yahei","SimHei",Arial,sans-serif; margin-right: 10px; border: 1px solid #E5E5E5; border-radius: 3px;}
.sightList .con{background: #F5F7FA; padding: 10px; height: 66px; font: 100 12px/22px "microsoft yahei","SimHei",Arial,sans-serif; color: #777;}
.this_page{margin: 0 10px;}

/************详情页*************/
.sightBox{width: 1200px; padding: 20px 0; margin: 0 auto;}

/*左部主体*/
.sight_lt{width: 900px; height: auto; float: left; overflow: hidden;}

/*景点*/
.sightCon{width: 858px; height: auto; border: 1px solid #E5E5E5; padding: 20px; overflow: hidden;}
.sightCon .tit{height: 25px;}
.sightCon .tit h1{height: 25px; font: 500 24px/25px "microsoft yahei","SimHei",Arial,sans-serif; float: left;}
.sightCon .tit i{display: inline-block; width: 20px; height: 25px; float: left; margin-left: 30px; background: url(../images/all.png) no-repeat -244px -36px; text-indent: -9999px;}
.sightCon .tit span{display: inline-block; height: 25px; float: left; padding: 0 15px; margin-left: 10px; background: #F5F5F5; font: 100 12px/25px "microsoft yahei","SimHei",Arial,sans-serif; border-radius: 3px; color: #777;}
.sightCon .sha{width: 858px; height: auto; margin-top: 20px; overflow: hidden;}
.sightCon .sha .pic{width: 280px; height: 200px; float: left;}
.sightCon .sha .pic img{width: 280px; height: 200px;}
.sightCon .sha .con{float: right; width: 558px; height: 200px;}
.sightCon .sha .con p{height: 40px; color: #333; font: 100 16px/40px "microsoft yahei","SimHei",Arial,sans-serif; overflow: hidden;}

.sightCon .int{width: 858px; height: auto; margin-top: 25px; overflow: hidden;}
.sightCon .int h3{height: 40px; font: 600 16px/40px "microsoft yahei","SimHei",Arial,sans-serif; border-bottom: 2px solid #BBB;}
.sightCon .int .con{height: auto; padding-top: 10px; line-height:28px; font: 100 16px/28px "microsoft yahei","SimHei",Arial,sans-serif; color: #555; overflow: hidden;}
.sightCon .int .con p{line-height: 28px; margin-top: 15px; text-indent: 2em; }

.sightCon .xia{width: 858px; height: auto; margin-top: 25px; overflow: hidden;}
.sightCon .xia h3{height: 40px; font: 600 16px/40px "microsoft yahei","SimHei",Arial,sans-serif; border-bottom: 2px solid #BBB;}
.sightCon .xia .con{height: auto; padding-top: 10px; line-height:28px; font: 100 16px/28px "microsoft yahei","SimHei",Arial,sans-serif; color: #555; overflow: hidden;}
.sightCon .xia .con p{line-height: 28px; margin-top: 15px; text-indent: 2em; }

/*相关*/
/*相关阅读*/
.xgSight{width: 898px; height: auto; margin-top: 20px; overflow: hidden;}
.xgSight h3{height:35px; border-bottom: 1px solid #e5e5e5;}
.xgSight h3 em{display: inline-block; height: 35px; float: left; padding: 0 20px; border: 1px solid #e5e5e5; border-bottom: 0; background: #FFF; font: 100 16px/35px "microsoft yahei","SimHei",Arial,sans-serif;}

.xgSight_list{width: 896px; height: auto; padding-bottom: 20px; border: 1px solid #e5e5e5; border-top: 0;  overflow: hidden;}
.xgSight_list li{width: 418px; height: 90px; float: left; margin: 20px 0 0 20px; overflow: hidden;}
.xgSight_list li a{display: block;}
.xgSight_list li div.pic{width: 120px; height: 90px; float: left;}
.xgSight_list li div.pic img{width: 120px; height: 90px;}
.xgSight_list li div.con{width: 278px; height: 90px; float: left; padding-left: 15px;}
.xgSight_list li div.con em{display: block; height: 20px; font: 100 14px/20px "microsoft yahei","SimHei",Arial,sans-serif; color: #555; overflow: hidden;}
.xgSight_list li div.con p{margin-top: 4px; height: 66px; font: 100 12px/22px "microsoft yahei","SimHei",Arial,sans-serif; color: #999; overflow: hidden;}
.xgSight_list li a:hover em{color: #F20;}

/*右部边栏*/
.sight_rt{width: 280px; height: auto; float: right; overflow: hidden;}
.sight_rt .tit_frist{height: 36px; padding: 0 15px; background: #0184F0; color: #FFF; font: 700 14px/36px "microsoft yahei","SimHei",Arial,sans-serif;}
.sight_rt .tit_mgt20{margin-top: 20px;}

/*推荐线路*/
.xianlu{width: 280px; height: auto; overflow: hidden;}
.xianlu li{width: 280px; height: auto; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #CCC; overflow: hidden;}
.xianlu li img{display: block; width: 276px; height: 176px; padding: 1px; border:1px solid #E5E5E5;}
.xianlu li p.tit{font: 400 14px/25px "微软雅黑", arial, "宋体"; margin-top:10px; overflow: hidden;}
.xianlu li p.tit a{color:#777;}
.xianlu li p.tit a:hover{color:#f60;}
.xianlu li p.pre{height: 30px; font: 400 18px/30px verdana,Arial,"宋体"; color: #FF2900;}

/*最新文章*/
.newNews{width: 280px; height: auto; padding-top: 10px; overflow: hidden;}
.newNews li{height: 30px; font: 100 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; padding: 2px 0; overflow: hidden;}
.newNews li a{float: left; color: #555;}
.newNews li a:hover{color: #f20;}
.newNews li a.frist{color: #F60; margin-right: 5px;}
.newNews li a.frist:hover{color: #f20;}