Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
89233ad9 by 任超
Options

style:生成电子证书

1 parent 7987f032
Inline Side-by-side
Showing 4 changed files with 135 additions and 14 deletions
......@@ -23,33 +23,56 @@
color: #0091FF;
}
.certificate_list {
padding: 30px 20px;
border: 1px solid #eeeeee;
border-radius: 4px;
margin: 20px 0;
text-align: center;
margin-bottom: 30px;
}
.certificate_list a {
color: #0091FF;
color:#6D7278;
margin-right: 10px;
text-decoration:underline;
}
.certificate_list a:hover {
color: #0091FF;
}
.certificate_list li {
line-height: 36px;
margin-top: 20px;
}
.certificate_list li p img {
width: 24px;
height: 24px;
position: relative;
top: 5px;
}
.certificate_list span {
margin-right: 10px;
color:#6D7278;
}
.acceptance_information {
margin-top: 20px;
margin-top: 36px;
}
.acceptance_information h3 {
.acceptance_information h3 , .acceptance_process h3{
height: 16px;
padding-left: 5px;
border-left: 3px solid #0091FF;
line-height: 18px;
padding-left: 8px;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
position: relative;
border-bottom: 1px dotted #E6E6E6;
padding-bottom: 15px;
}
.acceptance_information h3::before ,.acceptance_process h3::before{
position:absolute;
content:"";
left:0;
width:4px;
height:12px;
border-radius: 1px;
top: 5px;
background-color: #0091FF;
}
.acceptance_information ul {
font-size: 0;
}
......@@ -57,11 +80,59 @@
display: inline-block;
width: 50%;
font-size: 14px;
line-height: 28px;
line-height: 36px;
}
.acceptance_information ul li span {
color: #9B9B9B;
}
.acceptance_information ul li p {
display: inline-block;
}
/* -----------受理流程-------------- */
.acceptance_process {
margin-top: 20px;
}
.acceptance_process ul li {
position: relative;
width: 109px;
display: inline-block;
}
.acceptance_process ul li:not(:last-child) {
margin-right: 250px;
}
.acceptance_process ul li .date {
text-align: center;
color: #6D7278;
}
.acceptance_process ul li .circle {
width: 18px;
height: 18px;
border: 2px solid #2FA5FF;
border-radius: 18px;
margin: 10px auto;
}
.acceptance_process ul li h5 {
text-align: center;
}
.acceptance_process ul li .result {
font-size: 14px;
margin-top: 6px;
text-align: center;
}
.acceptance_process ul li .result span{
color: #9B9B9B;
}
.acceptance_process ul li .result a {
color: #0091FF;
cursor: pointer;
}
.acceptance_process .line {
position: absolute;
width: 340px;
height: 1px;
background: #DEDEDE;
border-radius: 8px;
position: absolute;
left: 65px;
top: 40px;
}
\ No newline at end of file
......
......@@ -18,7 +18,7 @@
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
<a><cite>在线生成电子证书</cite></a>
</span>
</div>
</div>
......@@ -34,14 +34,20 @@
<div class="certificate_list">
<ul>
<li>
<p>该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书</p>
<p>
<img src="../staticImages/xuanzhong.png" />
该不动产业务已办结，相应的不动产电子证照已生成，请尽快前往办事大厅领取纸质证书
</p>
<p>
<span>电子证照下载</span>
<a href="">陕（2019）XXXXXX</a>
</p>
</li>
<li>
<p>该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄</p>
<p>
<img src="../staticImages/xuanzhong.png" />
该不动产业务已办结，相应的不动产电子证照已生成，纸质证书已邮寄
</p>
<p>
<a href="">物流信息</a>
<span>电子证照下载</span>
......@@ -120,6 +126,50 @@
</li>
</ul>
</div>
<!-- ------------受理流程-------------- -->
<div class="acceptance_process">
<h3>受理流程</h3>
<ul>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>询问笔录</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已提交</span>
<a>完税详情</a>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已认证</span>
</p>
<div class="line"></div>
</li>
<li>
<p class="date">2020-10-89</p>
<p class="circle"></p>
<h5>申请</h5>
<p class="result">
<span>已缴费</span>
<a>缴费详情</a>
</p>
</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
......
......@@ -25,7 +25,7 @@
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2>转移类</h2>
<p> 二手房转移买卖登记（个人）</p>
<p> 商品房移买卖登记（个人）</p>
</div>
<div class="progressBar">
<ul class="app_progress" id="app_progress">
......