www.gusucode.com > 自驾户外风格整站带数据网站源码程序 > 自驾户外风格整站带数据/整站/data/template/2_diy_portal_list_1.tpl.php
<?php if(!defined('IN_DISCUZ')) exit('Access Denied'); hookscriptoutput('list_1');
block_get('3');?><?php include template('common/header'); ?><style type="text/css">
.wp,#wp{ width:100%;}
body{ background:#fff;}
.deanbanner{ width:100%; height:335px; background:url(./template/wfdsoft_drive_160511/deancss/banner.jpg) 0 0 no-repeat; min-width:1180px;}
.deanbanner h5{ text-align:center; font-size:30px; color:#fff; font-weight:normal; padding-top:140px; height:40px; line-height:40px;}
.deanbanner h5 span{ color:#ff9900;font-size:40px; padding-right:5px; }
.deanbanner p{ text-align:center; height:40px; line-height:40px; color:#fff; font-size:16px;}
.deanluxian{ margin-top:30px;}
/* 路线左侧 */
.deanluxianleft{ float:left; width:900px;}
.deanlxc{}
.deanlxc ul li{ width:870px; height:320px;background:#fff url(./template/wfdsoft_drive_160511/deancss/shadow_villa.png) center bottom no-repeat;padding-bottom: 13px;margin-bottom: 20px; border-radius:5px; position:relative;padding: 15px;border: 1px solid #e0e0e0;}
.deanhdpic{ width:480px; height:320px; float:left;}
.deanhdpic img{width:480px; height:320px;}
.deanhdinfo{ float:right; width:360px; padding:10px;}
.deanhdinfo h5{ height:33px; line-height:30px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.deanhdinfo h5 a{ font-size:18px; color:#333;}
.deanhdinfo h5 a:hover{ color:#FF9D00;}
.deanhdplace{color: #a3a3a3;background: url(./template/wfdsoft_drive_160511/deancss/place.png) left center no-repeat;padding-left: 18px;line-height: 18px;margin-bottom: 5px;max-height: 34px;overflow: hidden;}
.deanhdjj{background: #f3f3f3;padding: 8px 15px 10px 15px;height: 66px; margin-top:10px; margin-bottom:5px;}
.deanhdname{ margin-bottom:5px; font-size:12px; color:#666;}
.deanhdjjcpic{float: left;display: block;width: 40px;height: 40px;margin-right: 15px;}
.deanhdjjcpic{width: 40px;height: 40px; background:url(./template/wfdsoft_drive_160511/deancss/quote-64.png) center no-repeat;}
.deanhdjjcinfo{float: left;width: 270px;height: 36px;line-height: 18px;color: #999;overflow: hidden;padding-top: 3px;}
.deanhddetails{}
.deanhddetails p{ font-size:12px; color:#999; line-height:22px;}
.deanhddetails p span{ font-size:12px; color:#666;}
.deanhdprice{font-size: 14px;color: #333;}
.deanhdprice i{font-size: 22px;}
.deanhdprice span{font-size: 32px;font-family:Georgia, "Times New Roman", Times, serif;line-height: 46px;font-weight: 700; color:#ff9d00;}
.deandetails{ position:absolute; right:0; bottom:30px;}
.deandetails a{display: block;width: 138px;height: 44px; background:url(./template/wfdsoft_drive_160511/deancss/details.png) center no-repeat;}
/*分页*/
.deanholder {margin: 20px 0;text-align:center;}
.deanholder a {font-size: 12px;cursor: pointer;color: #666;text-decoration: none;margin-left: 5px; display:inline-block; width:35px; height:35px; text-align:center; background:#fff; line-height:35px; border:1px solid #ddd;}
.deanholder a.jp-next,.deanholder a.jp-previous{ width:55px;}
.deanholder a:hover,.deanholder a.jp-current {background:#FF9D00;color: #FFF;border:1px solid #FF9D00;}
.deanholder a.jp-previous { margin-right: 10px;font-weight:bold; }
.deanholder a.jp-next { margin-left: 10px; font-weight:bold; }
.deanholder a.jp-current, a.jp-current:hover {color:#FFF;font-weight: bold;}
.deanholder a.jp-current, a.jp-current:hover,.deanholder a.jp-disabled, a.jp-disabled:hover {cursor: default; }
.deanholder a.jp-disabled, a.jp-disabled:hover { background:#FF9D00;color: #666;}
.deanholder a.jp-disabled{ background: #FF9D00;border:1px solid #FF9D00;color: #fff;}
.deanholder span { margin: 0 5px; }
.deanluxianright{ width:250px; float:right;}
.deanside{background: #FFF7EB;border: 1px solid #ff9900;overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;
border-radius: 10px; width:248px; z-index:111;}
.deansidetop{background: #ff9900;color: #FFF;overflow: hidden;height: 40px;zoom: 1;padding: 10px 15px;}
.deansidetop i{float: left;display: inline-block;width: 37px;height: 37px;background:url(./template/wfdsoft_drive_160511/deancss/avator1.png) center no-repeat;margin-right: 15px;}
.deansidetop h5{font-size: 18px;line-height: 40px; color:#fff; font-weight:normal;}
.deansidemiddle{padding: 20px 0 5px 0;width: 210px;margin: 0 auto;border-bottom: 1px solid #FFCD85;}
.deansidemiddle p{text-align: center; font-size:14px; color:#333;}
.deanbutton{text-align: center;padding: 25px 0;}
.deanbutton a{font-size: 18px;width: 180px; padding:5px 20px;height: 45px;line-height: 45px;background: #ff9900;color: #FFF;opacity: .9;filter: alpha(opacity=90);box-shadow: 0 3px 2px #A66300;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.deanbutton a:hover{background: #ff9900;color: #FFF;text-decoration: none;opacity: 1;filter: alpha(opacity=100);}
.deansidebottom{padding: 20px 0;width: 160px;margin: 0 auto;color: #ff9900;font-size: 14px;line-height: 18px;}
.deansidebottom p{padding-left: 50px;}
.deansidebottom p i{display: inline-block;float: left;width: 38px;height: 31px;margin-left: -50px;margin-top: 2px; background:url(./template/wfdsoft_drive_160511/deancss/weixin.png) left center no-repeat;}
.deansidebottom img{width: 160px;height: 160px;margin: 15px 0;}
</style>
<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
<div class="deanbanner">
<div class="w1180">
<h5><span>易自驾</span>自驾活动频道页</h5>
<p>自驾 / 旅行 / 户外 / 探险 / 爱好 / 主题 总有一款适合你</p>
</div>
</div>
<div class="deanluxian w1180">
<div class="deanluxianleft">
<div class="deanlxc">
<!--[diy=deanlxc]--><div id="deanlxc" class="area"><div id="frameY6xCT3" class="frame move-span cl frame-1"><div id="frameY6xCT3_left" class="column frame-1-c"><div id="frameY6xCT3_left_temp" class="move-span temp"></div><?php block_display('3');?></div></div></div><!--[/diy]-->
</div>
<script type="text/javascript">
jQuery(function() {jQuery("div.deanholder").jPages({containerID: "deanList",perPage:6,previous: "上一页",next: "下一页"});});
</script>
</div>
<div class="deanluxianright">
<div class="deanside">
<div class="deansidetop">
<i></i>
<h5>没有喜欢的活动？</h5>
</div>
<div class="deansidemiddle">
<p>立即发布自己喜欢的</p>
<div class="deanbutton"><a onclick="showWindow('nav', this.href, 'get', 0)" href="forum.php?mod=misc&action=nav">立即发布</a></div>
</div>
<div class="deansidebottom">
<p>
<i></i>
扫一扫关注
<br/>
<b>迪恩摄影微信</b>
</p>
<img src="./template/wfdsoft_drive_160511/deancss/ewm.png" />
</div>
</div>
<script type="text/javascript">
jQuery(function() {
var elm = jQuery('.deanside');
var startPos = jQuery(elm).offset().top;
jQuery.event.add(window, "scroll", function() {
var p = jQuery(window).scrollTop();
jQuery(elm).css('position',((p) > startPos) ? 'fixed' : 'static');
jQuery(elm).css('top',((p) > startPos) ? '85px' : '');
});
});
</script>
</div>
<div class="clear"></div>
</div><?php include template('common/footer'); ?>