Files
orico-official-website-old/app/us/view/tops_nas/download.phtml

135 lines
2.9 KiB
PHTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>元创官网</title>
<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
{include file='include/head-nas'/}
<style type="text/css">
.narsDowloadPc {
width: 100%;
height: 100vh;
background: #F5F5F5;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.narsDowloadPc .narsDtabs {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 70px;
margin-bottom: 30px;
}
.narsDowloadPc .narsDtabs .narsDtabIt {
color: #001717;
font-size: 24px;
height: 52px;
line-height: 52px;
width: 300px;
background: #fff;
text-align: center;
border-radius: 28px;
cursor: pointer;
}
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 60px;
}
.narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff;
background: #004CFA;
}
.narsDowloadPc .narsDmainConten {
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
}
.narsDowloadPc .nDtopCtMian {
width: 1200px;
margin: 0 auto;
height: auto;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
width: 1200px;
height: 205px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 231px;
height: 205px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 126px;
height: 126px;
}
.narswljshow .nDtopIt2 .nDitImg {
width: 291px !important;
}
</style>
</head>
<body>
<div class="narsDowloadPc">
<!--顶部导航-->
{include file='include/top-header-nas'/}
<div class="narsDtabs"></div>
<!-- 微链接-->
<div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<div class="nDtopIt">
<img src="{$focus_image[0]['picture']}" class="tpimg" />
</div>
{/if}
{if condition="!empty($downloads)"}
<div class="nDtopIt2">
{volist name="downloads" id="vo"}
<a href="{$vo.link}" download="{$vo.desc}">
<div class="nDitImg"><img src="{$vo.picture}" /></div>
</a>
{/volist}
</div>
{/if}
</div>
</div>
{include file='include/bottom2023'/}
</body>
</html>