You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
286 lines
9.0 KiB
286 lines
9.0 KiB
<link rel="stylesheet" href="{$yf_theme_path}/static/css/iconfont/iconfont.css">
|
|
<style>
|
|
|
|
#header{
|
|
min-width: 1200px;
|
|
background: url({$yf_theme_path}/static/img/indexhbg.jpg) no-repeat;
|
|
background-size: cover;
|
|
background-position: top center;
|
|
}
|
|
.inner{
|
|
position: relative;
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
#header li{
|
|
list-style: none;
|
|
}
|
|
#header .shortcut{
|
|
color: #999;
|
|
font-size: 12px;
|
|
padding-top: 10px;
|
|
height: 44px;
|
|
}
|
|
#header .shortcut .iconweixin{
|
|
color: #4cbf00;
|
|
padding-left:20px;
|
|
padding-right: 5px;
|
|
font-size: 14px;
|
|
}
|
|
#header .shortcut ul{
|
|
float: right;
|
|
}
|
|
#header .shortcut li{
|
|
float: left;line-height: 22px;
|
|
margin-right: 18px;
|
|
}
|
|
#header .shortcut li:last-child{
|
|
margin-right: 0;
|
|
}
|
|
#header .shortcut li.spacer{
|
|
overflow: hidden;
|
|
margin-top: 7px;
|
|
width: 1px;
|
|
height: 10px;
|
|
background-color: #999;
|
|
}
|
|
#header .shortcut a{
|
|
color: #999;
|
|
}
|
|
#header .shortcut a:hover{
|
|
color: #7c1c1c;
|
|
}
|
|
#header .shortcut .wechat{
|
|
position: relative;
|
|
}
|
|
#header .shortcut .wechat:hover .pane{
|
|
display: block;
|
|
}
|
|
#header .shortcut .wechat .pane{
|
|
position: absolute;display: none;
|
|
left: 50%;top: 22px;
|
|
margin-left: -140px;
|
|
z-index: 10;
|
|
padding-top: 8px;
|
|
}
|
|
#header .shortcut .wechat .box{
|
|
position: relative;
|
|
background-color: #fff;width: 302px;
|
|
padding: 0 10px;border: 1px solid #66799e;color: #333;font-size: 14px;
|
|
}
|
|
#header .shortcut .wechat .box:before{
|
|
position: absolute;content: ' ';
|
|
width: 10px;
|
|
height: 10px;
|
|
left: 50%;margin-left: -5px;
|
|
top: -6px;
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
border-top: 1px solid #66799e;
|
|
border-right: 1px solid #66799e;
|
|
background-color: #fff;
|
|
}
|
|
#header .shortcut .wechat .box>div{
|
|
float:left;width: 50%;padding: 10px;line-height: 2;text-align: center;
|
|
}
|
|
#header .shortcut .wechat .qr{
|
|
width: 120px;height: 120px;
|
|
}
|
|
|
|
#header .head{
|
|
height: 74px;
|
|
color: #fff;
|
|
}
|
|
#header .head .logo{
|
|
float: left;margin-top: 8px;
|
|
}
|
|
#header .head .logo a{
|
|
display: block;
|
|
}
|
|
#header .head .tnav{
|
|
float: left;margin-top: 15px;margin-left: 10px;
|
|
line-height: 36px;
|
|
}
|
|
#header .head .tnav>li{
|
|
float: left;margin-right:4px;font-size: 13px;
|
|
}
|
|
#header .head .tnav li{
|
|
position: relative;
|
|
}
|
|
#header .head .tnav a{
|
|
color: #fff;
|
|
display: inline-block;
|
|
padding: 0 3px;
|
|
}
|
|
#header .head .tnav a.active,
|
|
#header .head .tnav a:hover{
|
|
color: #7c1c1c;
|
|
}
|
|
|
|
#header .head .tnav li.sub:hover>ul{display: block;}
|
|
#header .head ul ul{
|
|
position: absolute;
|
|
z-index: 100;
|
|
left:0px;
|
|
padding:17px;
|
|
width:1200px;
|
|
background: -webkit-linear-gradient(to bottom,#e5e5e5,#ffffff); /* Safari 5.1-6.0 */
|
|
2 background: -o-linear-gradient(to bottom,#e5e5e5,#ffffff); /* Opera 11.1-12.0 */
|
|
3 background: -moz-linear-gradient(to bottom,#e5e5e5,#ffffff); /* Firefox 3.6-15 */
|
|
background: linear-gradient(to bottom,#e5e5e5,#ffffff);
|
|
line-height:1.8em;
|
|
display:none;
|
|
height:580px;
|
|
display:none;
|
|
}
|
|
.chi_2:before {
|
|
border: solid transparent;
|
|
content: ' ';
|
|
height: 0;
|
|
left: 50%;
|
|
position: absolute;
|
|
transform: rotate(-90deg);-o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
|
|
width: 0;
|
|
}
|
|
.chi_2{border-top:5px solid #bc854d;
|
|
border-left: 1px solid #993d3a;
|
|
border-right: 1px solid #993d3a;
|
|
border-bottom: 1px solid #993d3a;
|
|
border-radius: 0px 0px 10px 10px;}
|
|
.chi_2:before {
|
|
border-width:7px;
|
|
border-left-color:#bc854d;
|
|
top: -19px;
|
|
}
|
|
#header .head .sub ul a{color:#333;padding:0px;font-size:1.2em;line-height:2em;color: #7c1c1c;width:100%;border-bottom:1px solid #7c1c1c;}
|
|
#header .head .sub ul ul a:hover{color:#7e2222 !important;background:#dcdcdc;border-radius:8px;}
|
|
#header .head .chi_2 a:first-child{font-weight:bold;line-height:1.4em;padding-bottom:5px;}
|
|
#header .head .sub ul ul a{font-size:1.1em;font-weight:normal !important;padding-bottom:0px !important;color:#434343;border:none;line-height:1.7em !important;text-indent:14px;}
|
|
#header .head .sub ul ul a:before {content: ' ';position: absolute;left:6px;top:45%;width: 3px;height: 3px;background-color: #434343;border-radius:50%;}
|
|
#header .head .sub ul ul a:hover:before{background-color:#7e2222;}
|
|
#menu-item-72 ul{left:-466px !important;}
|
|
#menu-item-72 ul:before{margin-left:-100px;}
|
|
#menu-item-61 ul{left:-536px !important;}
|
|
#menu-item-61 ul:before{margin-left:-42px;}
|
|
#menu-item-140 ul{left:-606px !important;}
|
|
#menu-item-140 ul:before{margin-left:59px;}
|
|
#menu-item-2 ul{left:-732px !important;}
|
|
#menu-item-2 ul:before{margin-left:158px;}
|
|
#menu-item-113 ul{left:-802px !important;}
|
|
#menu-item-113 ul:before{margin-left:228px;}
|
|
#menu-item-1 ul{left:-872px !important;}
|
|
#menu-item-1 ul:before{margin-left:298px;}
|
|
#menu-item-49 ul{left:-942px !important;}
|
|
#menu-item-49 ul:before{margin-left:368px;}
|
|
|
|
#header .head ul ul li{display:inline-block;min-height:100px;vertical-align:top;padding:0px;line-height:1.6em;width:250px;margin-bottom:15px;}
|
|
#header .head ul ul li:nth-child(2),#header .head ul ul li:nth-child(3),#header .head ul ul li:nth-child(6),#header .head ul ul li:nth-child(7),#header .head ul ul li:nth-child(11),#header .head ul ul li:nth-child(10){margin:0px 41px 15px 41px;}
|
|
#header .head ul ul ul li{margin:0px !important;min-height:auto;width:100%;padding:0px;min-width:100px;max-width:240px;list-style-type:disc;list-style-position:inside;}
|
|
#header .head ul ul ul{padding:0px;margin-top:5px;position:relative;width:100%;height:auto;left:0px !important;background:none;display:block;}
|
|
#header .head ul ul ul ul{margin:5px 10px;}
|
|
|
|
|
|
#header .head .search{
|
|
float: right;
|
|
width: 148px;
|
|
margin-top: 15px;height: 36px;background-color: #151826;
|
|
border-radius: 4px;
|
|
color: #727478;
|
|
position: relative;
|
|
}
|
|
#header .head .search input.key{
|
|
border: 0;background-color: transparent;
|
|
width: 100%;height: 100%;padding: 8px 12px;
|
|
color: #ffffff;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none;
|
|
outline: 0;
|
|
}
|
|
#header .head .search .iconsearch{
|
|
position: absolute;
|
|
width: 36px;height: 36px;line-height: 36px;
|
|
cursor: pointer;
|
|
font-size: 15px;font-weight: bold;
|
|
top: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
background-color: #151826;border-radius: 4px;
|
|
}
|
|
|
|
#header .slider_list{
|
|
width: 950px;
|
|
height: 400px;
|
|
}
|
|
#header .slider_list a{display: block;}
|
|
#header .slider_list .swiper-pagination-bullet-active {
|
|
background: #f52f3e!important;
|
|
}
|
|
#header .slider_list .swiper-pagination-bullet {
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #fff;
|
|
}
|
|
</style>
|
|
<div id="header">
|
|
<div class="inner">
|
|
<!--顶部引导页开始-->
|
|
<div class="shortcut">
|
|
<ul>
|
|
{empty name="user.member_list_id"}
|
|
<li><a href="javascript:" class="login_user">{:lang('login')}</a></li>
|
|
<li class="spacer"></li>
|
|
<li><a href="javascript:" class="register_user">{:lang('register')}</a></li>
|
|
{/empty}
|
|
{notempty name="user.member_list_id"}
|
|
<li>欢迎您，
|
|
<a href="{:url('home/Center/index')}" >{$user['member_list_nickname']|default=$user['member_list_username']}</a>
|
|
{if condition="$notice_unread gt 0"}
|
|
，您有 <a href="{:url('home/Center/notice')}" >{$notice_unread}</a> 条新通知，请注意查收！
|
|
{/if}
|
|
<a href="{:url('home/Login/logout')}"> {:lang('sign out')}</a>
|
|
</li>
|
|
{/notempty}
|
|
|
|
<li class="wechat"><a href="javascript:;"><span class="iconfont_tm iconweixin"></span>微信公众平台</a>
|
|
<div class="pane">
|
|
<div class="box clearfix">
|
|
<div><img class="qr" src="{$yf_theme_path}/static/img/qrcode_wjs.jpg"><p>深圳文交所</p></div>
|
|
<div><img class="qr" src="{$yf_theme_path}/static/img/qrcode_jf.jpg"><p>SZCAEE艺术金融</p></div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="spacer"></li>
|
|
<li><a href="{:url('home/Listn/contact')}">联系我们</a></li>
|
|
<!-- -->
|
|
<li class="spacer"></li>
|
|
<li><a href="/home/pviews/render/content/complaint.html">投诉建议</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
<!--顶部引导页结束-->
|
|
<div class="head">
|
|
<div class="logo"><a href="/"><img src="{$yf_theme_path}/static/img/logo.png" width="254" height="45"></a></div>
|
|
{yf:menu top_ul_class="tnav" haschild_a_class="has" firstchild_dropdown_class="sub" haschild_span_class="sf-sub-indicator" nochild_a_class="nohas"}
|
|
<div class="search">
|
|
<form id="search-form" action="{:url('home/Listn/search')}" method="post">
|
|
{:token('__topsearch__')}
|
|
<input type="text" id="search-keyword" name="keyword" class="key" placeholder="请输入内容" value="<?php echo isset($keyword)?$keyword:'';?>">
|
|
<span id="submit-search-form" class="iconfont_tm iconsearch"></span>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// 前台导航一级菜单高亮
|
|
jQuery(document).ready(function () {
|
|
$("#submit-search-form").click(function(){
|
|
$("#search-form").submit();
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|