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.
392 lines
12 KiB
392 lines
12 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;
|
|
margin: 0 auto;
|
|
}
|
|
#header li{
|
|
list-style: none;
|
|
}
|
|
#header .shortcut{
|
|
color: #999;
|
|
font-size: 12px;
|
|
padding-top: 10px;
|
|
height: 44px;
|
|
background-color: #eee;
|
|
}
|
|
#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;
|
|
line-height:1.2rem;
|
|
}
|
|
#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:1.2rem;text-align: center;
|
|
}
|
|
#header .shortcut .wechat .qr{
|
|
width: 120px;height: 120px;
|
|
}
|
|
|
|
#header .head{
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
height: 74px;
|
|
/*color: #fff;*/
|
|
line-height: 1;
|
|
}
|
|
#header .head .logo{
|
|
float: left;margin-top: 23px;
|
|
}
|
|
#header .head .logo a{
|
|
display: block;
|
|
}
|
|
#header .head .tnav{
|
|
float: left;margin-top: 10px;
|
|
line-height: 36px;
|
|
position: relative;
|
|
}
|
|
#header .head .tnav>li{
|
|
float: left;margin-right:45px;font-size: 13px;
|
|
}
|
|
#header .head .tnav>li:nth-last-of-type(1){
|
|
margin-right:0px;
|
|
}
|
|
#header .head .tnav li{
|
|
/*position: relative;*/
|
|
}
|
|
#header .head .tnav a{
|
|
color: #333;
|
|
display: inline-block;
|
|
padding: 0 3px;
|
|
font-size: 16px;
|
|
}
|
|
#header .head .tnav>li:hover>a{
|
|
/* 鼠标移入一级li弹出二级ul，鼠标移入二级ul内的时候，一级li保持高亮 */
|
|
color: #C42D2C;
|
|
}
|
|
#header .head .tnav a:hover{
|
|
color: #C42D2C;
|
|
}
|
|
|
|
#header .head .tnav li.sub:hover>ul{display: flex;}
|
|
#header .head .tnav .chi_3 li:hover{
|
|
border-bottom: 3px solid #C42D2C;
|
|
}
|
|
#header .head .tnav .chi_3 li:hover a{
|
|
color: #C42D2C;
|
|
}
|
|
#header .head ul ul{
|
|
position: absolute;
|
|
z-index: 100;
|
|
padding:17px 17px 0px 17px;
|
|
background: -webkit-linear-gradient(to bottom,#ffffff,#ffffff); /* Safari 5.1-6.0 */
|
|
background: -o-linear-gradient(to bottom,#ffffff,#ffffff); /* Opera 11.1-12.0 */
|
|
background: -moz-linear-gradient(to bottom,#ffffff,#ffffff); /* Firefox 3.6-15 */
|
|
background: linear-gradient(to bottom,#ffffff,#ffffff);
|
|
line-height:1.8em;
|
|
display:none;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
#menu-item-7 ul{left:0px !important;}
|
|
#menu-item-285 ul{left:128px !important;}
|
|
#menu-item-72 ul{left:290px !important;}
|
|
#menu-item-301 ul{left:475px !important;}
|
|
#menu-item-61 ul{left:617px !important;}
|
|
#menu-item-304 ul{left:786px !important;}
|
|
#menu-item-2 ul{left:964px !important;}
|
|
#menu-item-1 ul{right:-7px !important;}
|
|
.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 #C42D2C;*/
|
|
/*border-left: 1px solid #C42D2C;*/
|
|
/*border-right: 1px solid #C42D2C;*/
|
|
/*border-bottom: 1px solid #C42D2C;*/
|
|
border-radius: 10px;
|
|
box-shadow: 0px 2px 4px 3px rgba(0,0,0,.04);
|
|
}
|
|
.chi_2:before {
|
|
border-width:7px;
|
|
border-left-color:#C42D2C;
|
|
top: -14px;
|
|
}
|
|
#header .head .sub ul a{
|
|
padding:0px;font-size:14px;line-height:2em;color: #999;width:100%;
|
|
/*border-bottom:1px solid #C42D2C;*/
|
|
}
|
|
/*#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-285 ul:before{margin-left:-440px;}*/
|
|
/*#menu-item-72 ul:before{margin-left:-230px;}*/
|
|
/*#menu-item-301 ul:before{margin-left:-60px;}*/
|
|
/*#menu-item-61 ul:before{margin-left:80px;}*/
|
|
/*#menu-item-304 ul:before{margin-left:250px;}*/
|
|
/*#menu-item-2 ul:before{margin-left:420px;}*/
|
|
/*#menu-item-1 ul:before{margin-left:540px;}*/
|
|
|
|
/*#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;}*/
|
|
/*#menu-item-285 ul{left:-405px !important;}*/
|
|
|
|
#header .head ul ul li{
|
|
display:inline-block;vertical-align:top;padding:0px;line-height:1.6em;
|
|
/*width:250px;min-height:100px;*/
|
|
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 li{
|
|
margin:0px 0px 15px 0px;
|
|
}
|
|
#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: 780px;
|
|
margin-top: 15px;height: 46px;background-color: #D40F1F;
|
|
border-radius: 4px;
|
|
color: #727478;
|
|
position: relative;
|
|
border-radius: 25px;
|
|
overflow: hidden;
|
|
}
|
|
#header .head .search input.key{
|
|
border: 0;background-color: #fff;
|
|
width: 100%;height: 42px;padding: 8px 12px;
|
|
color: #999999;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none;
|
|
outline: 0;
|
|
margin: 2px auto 2px 2px;
|
|
border-radius: 25px;
|
|
overflow: hidden;
|
|
}
|
|
#header .head .search .iconsearch{
|
|
position: absolute;
|
|
width: 100px;height: 46px;line-height: 46px;
|
|
cursor: pointer;
|
|
font-size: 10px;font-weight: bold;
|
|
top: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
background-color: #D40F1F;border-radius: 0px 25px 25px 0px;
|
|
}
|
|
#header .head .center-li{
|
|
float: right;
|
|
width: 780px;
|
|
margin-top: 15px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
#header .head .center-li li{
|
|
padding-left: 16px;
|
|
display: inline-block;
|
|
}
|
|
#header .head .center-li a{
|
|
color: #999;
|
|
font-size: 14px;
|
|
}
|
|
#header .head .center-li a:hover{
|
|
color: #D3101E;
|
|
}
|
|
#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">
|
|
<div style="width: 1200px;margin: 0 auto;">
|
|
<div style="float: left;line-height: 22px;">欢迎您来到深圳文化产权交易所，中国文化产业专属的要素交易市场！</div>
|
|
<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>
|
|
<li class="spacer"></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/ccde.jpg"><p>全国文化大数据<br/>交易中心</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>
|
|
<!--顶部引导页结束-->
|
|
<div class="head">
|
|
<div class="logo"><a href="/"><img src="{$yf_theme_path}/static/img/logo.png?11" width="212"></a></div>
|
|
|
|
<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:'';?>">-->
|
|
<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 class="center-li">
|
|
<ul>
|
|
<li><a href="#">文化资源数据</a></li>
|
|
<li><a href="#">深圳国夏文化数字科技有限公司</a></li>
|
|
<li><a href="#">国家图书馆出版社有限公司</a></li>
|
|
<li><a href="#">乡村振兴</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="head">
|
|
{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>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// 前台导航一级菜单高亮
|
|
jQuery(document).ready(function () {
|
|
$("#submit-search-form").click(function(){
|
|
if(!$("#search-keyword").val()){
|
|
alert('关键词必填！');
|
|
return;
|
|
}
|
|
$("#search-form").submit();
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|