54508398 by 任超

style:新闻动态

1 parent 4ea700da
......@@ -65,12 +65,10 @@
height: 48px;
border-radius: 4px;
line-height: 48px;
border: 1px solid #DEDEDE;
background: #FAFAFA;
border-bottom: 1px solid #DEDEDE;
}
.list_title h2 {
font-weight: 600;
margin-left: 10px;
color: #4A4A4A;
}
.list_title h2 .icon {
......@@ -87,16 +85,14 @@
float: right;
}
.item_list {
padding: 20px;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #DEDEDE;
margin-bottom: 15px;
margin-bottom: 25px;
}
.item_list li{
cursor: pointer;
line-height: 50px;
border-bottom: 1px dotted #DEDEDE;
line-height: 55px;
border-bottom: 1px dashed #DEDEDE;
}
.item_list li p{
display: inline-block;
......@@ -120,28 +116,38 @@
.button a:hover {
color: #fff;
}
.type_title, .region_title {
height: 16px;
padding-left: 8px;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
position: relative;
padding-bottom: 10px;
color: #4A4A4A;
}
.type_title::before, .region_title::before {
position:absolute;
content:"";
left:0;
width:4px;
height:12px;
border-radius: 1px;
top: 5px;
background-color: #0091FF;
}
.guide_details {
display: inline-block;
text-align: center;
margin-left: 10px;
}
.choice-region {
margin-top: 30px;
}
.select-city {
margin-left: 50px;
}
.region_title {
font-size: 20px;
color: #4A4A4A;
font-weight: 700;
border-bottom: 2px solid #EAEAEA;
padding-bottom: 15px;
position: relative;
}
.region_title img {
width: 20px;
height: 20px;
position: relative;
top: 2px;
}
.region_title::after {
content: '';
position: absolute;
left: 0;
bottom: -1px;
width: 20px;
height: 2px;
background-color: #006CFF;
}
\ No newline at end of file
......
......@@ -136,6 +136,7 @@ div.subject {
padding-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
color: #6D7278;
display: -webkit-box;
-webkit-line-clamp: 3;/*超出3行部分显示省略号,去掉该属性 显示全部*/
-webkit-box-orient: vertical;
......@@ -300,7 +301,7 @@ div.subject {
}
.newsBottom {
overflow: hidden;
margin-top: 80px;
margin-top: 39px;
}
.newsBottom .newIcon {
float: left;
......@@ -337,6 +338,7 @@ div.subject {
}
.sticky .xw-right {
font-size: 16px;
color: #4a4a4a;
color: #6D7278;
height: 60px;
float: initial;
}
\ No newline at end of file
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
......@@ -21,15 +20,18 @@
</div>
<div class="online_application middleZoneHeight">
<div class="selectCity">
<h2 class="region_title">请先选择对应的区域</h2>
<form class="layui-form">
<div class="region_title">
<img src="/staticImages/address.png" />
请先选择对应的区域
</div>
<form class="layui-form choice-region">
<h2 class="title"></h2>
<div class="layui-inline layui-select-default" style="margin-right: 10px;">
<select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
<option value="">选择省</option>
</select>
</div>
<h2></h2>
<h2 class="select-city"></h2>
<div class="layui-inline selected layui-select-default">
<select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
<option value="">选择市</option>
......@@ -44,11 +46,17 @@
<!-- ------------业务办理--------------- -->
<div class="business">
<div class="online_processing">
<h1 class="type_title">即时办结</h1>
<div class="region_title">
<img src="/staticImages/jishibanli.png" />
即时办结
</div>
<div id="immediate"></div>
</div>
<div class="online_examination">
<h1 class="type_title">网上预审</h1>
<div class="region_title">
<img src="/staticImages/wangshangshenqing.png" />
网上预审
</div>
<div id="settlement"></div>
</div>
</div>
......