Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
cf8ebcd0 by 任超
Options

style:合并

2 parents 2d9dd397 33555667
Expand all
Inline Side-by-side
Showing 147 changed files with 669 additions and 375 deletions
......@@ -12,16 +12,6 @@
color: #006CFF;
font-weight: 600;
}
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
background: #FAFAFA;
border: 1px solid #E6E6E6;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #0091FF!important;
}
/* --------------------导航tab------------------------- */
.one_content {
border: 1px solid #DEDEDE;;
......@@ -93,6 +83,7 @@
.online_list li a button {
float: right;
margin-top: 15px;
border-radius: 15px;
}
.busTabs {
background: #FAFAFA;
......@@ -152,7 +143,7 @@
}
.area_list_content {
overflow: hidden;
margin-top: 20px;
margin-top: 25px;
width: 100%;
}
.area_list_content h2 {
......@@ -210,3 +201,45 @@
white-space: nowrap;
width: 350px;
}
.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;
margin-bottom: 25px;
}
.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;
}
.online-processing {
background-color: #fff;
border: 1px solid #0F93F6;
color: #0F93F6;
}
.online-processing:hover {
color: #0F93F6!important;
}
.business-guide {
color: #9B9B9B;
border: 1px solid #DDDDDD;
}
.business-guide:hover {
border-color: #DDDDDD;
}
\ No newline at end of file
......
.layui-nav .layui-nav-more {
right: 17px;
}
/* ----------------------公共样式-------------------------- */
.contentBox {
width: 1200px;
......@@ -8,8 +11,6 @@
width: 100%;
height: 45px;
padding: 10px 0;
background: #FAFAFA;
border: 1px solid #E6E6E6;
box-sizing: border-box;
}
.navigation_crumbs .layui-breadcrumb a:hover {
......@@ -30,14 +31,15 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
/* -----------------底部start----------------------------- */
div.footer {
background-color: #233042;
height: 310px;
width: 100%;
float: left;
}
div.footer .system_service {
width: 100%;
border-bottom: 1px solid #4A4A4A;
}
div.footer .system_service ul {
padding: 50px 0;
padding: 30px 0;
width: 1400px;
margin: 0 auto;
font-size: 0;
......@@ -63,7 +65,7 @@ div.footer .system_service ul li a:hover {
.footer .subject {
width: 1200px;
margin: 0 auto;
padding: 45px 0;
padding: 30px 0;
overflow: hidden;
}
.footer .subject .footer_logo {
......@@ -157,17 +159,16 @@ div.footer .system_service ul li a:hover {
/* card样式 */
.cardItem {
background: #FFFFFF;
border: 1px solid #E5E8ED;
border: 1px solid #E9E9E9;
box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
-moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
-webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
border-radius: 6px;
border-radius: 4px;
}
/* 中间区域高度 */
.middleZoneHeight {
min-height: calc(100vh - 520px);
min-height: calc(100vh - 451px);
}
.layui-layer-content {
height: auto!important;
}
......@@ -199,31 +200,13 @@ div.footer .system_service ul li a:hover {
.layui-layer-btn {
text-align: center;
}
.login-con {
background-color: #fff!important;
}
.loginSelect {
position: relative;
top: -5px;
cursor: pointer;
}
.loginSelect p {
font-size: 16px;
display: inline-block;
}
.layui-nav * {
font-size: 16px;
}
.register {
position: relative;
margin-left: 12px;
}
.register::before {
content: '';
position: absolute;
left: -9px;
height: 10px;
border-left: 1px solid #b1afaf;
font-size: 14px;
}
.not-select{
-moz-user-select:none; /*火狐*/
......@@ -232,11 +215,6 @@ div.footer .system_service ul li a:hover {
-khtml-user-select:none; /*早期浏览器*/
user-select:none;
}
.userImage {
position: relative;
top: 2px;
left: -3px;
}
.isLogin {
position: relative;
top: 18px!important;
......
......@@ -14,18 +14,24 @@
min-height: 630px;
}
.item_list li{
line-height: 50px;
line-height: 40px;
padding-top: 10px;
border-bottom: 1px solid #DEDEDE;
box-sizing: border-box;
padding-right: 20px;
}
.item_list li .istop {
width: 36px;
float: right;
margin-top: 3px;
margin-left: 10px;
}
.item_list li p{
display: inline-block;
font-size: 20px;
color: #4a4a4a;
width: 82%;
width: 79%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
......@@ -100,3 +106,8 @@
.policy_list_con li {
margin-bottom: 10px;
}
.sticky p {
font-size: 24px;
color: #1E9FFF!important;
font-weight: 700;
}
\ No newline at end of file
......
......@@ -8,19 +8,6 @@
color: #4a4a4a;
}
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
line-height: 25px;
background: #fafafa;
border: 1px solid #e6e6e6;
box-sizing: border-box;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143 !important;
}
.contentBox {
width: 1200px;
margin: 0 auto;
......@@ -82,22 +69,13 @@
display: block;
width: 100%;
}
.online_list li a:hover span {
/* .online_list li a:hover span {
color: #f46143;
}
} */
.online_list li a button {
float: right;
margin-top: 15px;
}
/* ---------------------------------------------------- */
.top-logo ul li {
display: inline-block;
padding: 0 8px;
}
.top-logo ul li:first-child {
border-right: 1px solid grey;
}
div.navigation {
text-align: center;
......@@ -156,7 +134,6 @@ div.navigation {
}
.notice_content {
margin-bottom: 100px;
min-height: 350px;
}
.releaseTime {
display: inline-block;
......@@ -164,3 +141,17 @@ div.navigation {
.source p {
display: inline-block;
}
/* 附件下载 */
.download-attachment {
margin: 15px 0;
}
.download-attachment a{
color: #006cff;
font-size: 16px;
margin-right: 10px;
cursor: pointer;
}
.download-attachment a:hover {
color: #006cff;
text-decoration:underline;
}
\ No newline at end of file
......
......@@ -47,31 +47,71 @@
}
.business_module li{
width: 25%;
height: 230px;
text-align: center;
font-size: 26px;
float: left;
margin-bottom: 30px;
box-sizing: border-box;
box-sizing: border-box!important;
padding: 0 20px;
margin-bottom: 25px;
}
.business_module li img {
width: 70px;
height: 70px;
margin-top: 50px;
margin-bottom: 30px;
width: 50px;
margin: 35px 0 10px 0;
}
.business_module li p {
font-size: 14px;
color: #6D7278;
}
.business_module li .cardItem {
padding: 4px;
}
.business_module li a {
padding-right: 20px;
border-radius: 2px;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding-left: 20px;
height: 154px;
border: 1px solid #F6F6F6;
}
.business_module li .cardItem:hover .itemName{
color: #FFFFFF;
}
.business_module li div:hover {
background-color: #0097F6;
}
.business_module li:nth-child(1) a {
background: url('../staticImages/wodeyewubg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(2) a {
background: url('../staticImages/wodeyuyuebg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(3) a {
background: url('../staticImages/yewuchaxunbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(4) a {
background: url('../staticImages/hetongbeianbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(5) a {
background: url('../staticImages/budongchanzhengshubg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(6) a {
background: url('../staticImages/danganchaxunbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(7) a {
background: url('../staticImages/zhengshuheyanbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(8) a {
background: url('../staticImages/wodefapiaobg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(9) a {
background: url('../staticImages/wodezhifubg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li a:hover {
color: #0091FF;
......@@ -83,6 +123,13 @@
box-sizing: border-box;
background: #FFFFFF;
border-radius: 4px;
background: url('../staticImages/user-centerbg.png') no-repeat;
background-size: cover;
border: 1px solid #E9E9E9;
box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
-moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
-webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
border-radius: 4px;
}
.perinfo_left{
float: left;
......
::-webkit-input-placeholder { /* WebKit browsers */
font-size: 13px;
color: #9B9B9B;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 13px;
color: #9B9B9B;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 13px;
color: #9B9B9B;
}
input {
padding-left: 10px;
}
div.subject h2 a:hover {
color: #f46143;
}
div.subject {
margin: 0 auto;
float: none;
clear: both;
position: relative;
}
/*新闻 */
div.top-logo {
width: 1200px;
height: 70px;
padding-top: 20px;
}
div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
font-size: 13px;
}
div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 13px;
}
div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 13px;
}
.top_logo_content {
height: 40px;
width: 100%;
margin: 0 auto;
}
div.top-logo .top_logo_search {
float: left;
width: 350px;
position: relative;
margin-left: 400px;
}
div.top-logo .top_logo_search input {
border-radius: 50px;
}
div.top-logo .login {
float: right;
margin-top: 8px;
}
div.top-logo .top_logo_search i {
position: absolute;
right: 10px;
top: 11px;
cursor: pointer;
}
/*------------------首页 end------------*/
.top-logo ul li {
display: inline-block;
padding: 0 8px;
}
.top-logo ul li:first-child {
border-right: 1px solid grey;
}
div.navigation {
text-align: center;
}
.navigation .layui-nav-item {
width: 147px;
position: relative;
}
.layui-bg-blue {
background-color: #006CFF !important;
}
.layui-nav-item a{
font-size: 16px;
}
/*------------------首页 end------------*/
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
......@@ -109,12 +6,7 @@ div.navigation {
line-height: 25px;
background: #FAFAFA;
border: 1px solid #E6E6E6;
/* box-sizing: border-box; */
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143!important;
}
.contentBox {
width: 1200px;
margin: 0 auto;
......@@ -260,6 +152,7 @@ div.navigation {
}
.gglist li{
height: 104px;
line-height: 104px;
}
.gglist .icon {
width: 38px;
......@@ -358,7 +251,7 @@ div.navigation {
.notice-item {
text-overflow: clip;
overflow: hidden;
height: 100px;
height: 80px;
font-size: 20px;
font-weight: bold;
color: #4A4A4A;
......@@ -482,7 +375,7 @@ div.navigation {
.rightcontainer {
margin-bottom: 20px;
}
#test1 {
#page {
text-align: center;
margin-top: -30px;
margin-bottom: 100px;
......
.home-sticky {
position:sticky;
top:0;
width: 100%;
background-color: #ffffff;
z-index: 10000;
}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
font-weight: 600;
background-color: #0091FF;
......@@ -20,8 +27,8 @@ div a {
div.subject h2 a:hover {
color: #0091FF;
}
.layui-nav-item a{
font-size: 16px;
.navigation-content .layui-nav-item a{
font-size: 22px;
}
div.subject {
margin: 0 auto;
......@@ -31,53 +38,41 @@ div.subject {
min-width: 1200px;
}
div.top-logo {
width: 1178px;
height: 70px!important;
padding-top: 20px;
width: 100%;
height: 39px;
line-height: 39px;
margin: 0 auto;
background: #F7F9FB;
border: 1px solid #E2EAF1;
white-space: nowrap;
box-sizing: border-box;
}
div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
::-webkit-input-placeholder {
font-size: 14px;
color: #9B9B9B;
}
div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
::-moz-placeholder {
font-size: 14px;
color: #9B9B9B;
}
div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
:-ms-input-placeholder {
font-size: 14px;
color: #9B9B9B;
}
.top_logo_content {
height: 40px;
width: 100%;
width: 1200px;
height: 39px;
line-height: 39px;
margin: 0 auto;
}
div.top-logo .top_logo_search {
.top_logo_content .head-time {
float: left;
width: 350px;
position: relative;
margin-left: 290px;
}
div.top-logo .top_logo_search input {
border-radius: 50px;
border: 1.5px solid #CBCBCB;
padding-left: 15px;
}
.search_img {
width: 13px;
height: 13px;
position: absolute;
top: 11px;
right: 19px;
}
div.top-logo .login {
float: right;
position: relative;
top: -5px;
color: #7A7A7A;
font-size: 14px;
line-height: 39px;
}
.login li {
color: #6D7278;
......@@ -107,37 +102,48 @@ div.top-logo .top_logo_search i {
.top-logo ul li {
display: inline-block;
padding: 0 12px;
height: 30px;
}
.top-logo ul li:first-child {
height: 13px;
line-height: 12px;
.loginButton {
display: inline-block;
color:#7A7A7A;
cursor: pointer;
}
.loginButton a {
color: #7A7A7A;
}
#cancellation {
cursor: pointer;
}
div.navigation {
.navigation {
text-align: center;
height: 59px;
height: 70px;
line-height: 70px;
}
.navigation .layui-nav-item {
width: 147px!important;
width: 149px!important;
position: relative;
line-height: 70px;
}
/* .navigation .layui-nav-item a {
border-right: 1px solid rgba(255,255,255, 0.1);
border-left: 1px solid rgba(255,255,255, 0.1);
margin-right: -1px;
margin-left: -1px;
}
.navigation .layui-nav-item:first-child {
.navigation .layui-nav-item:first-child a{
border-left: 1px solid rgba(255,255,255, 0.2);
}
.navigation .layui-nav-item:nth-child(8) {
.navigation .layui-nav-item:nth-child(8) a{
border-right: 1px solid rgba(255,255,255, 0.2);
} */
.navigation-content {
width: 1200px;
margin: 0 auto;
white-space: nowrap;
font-size: 0!important;
}
.layui-bg-blue {
background-color: #006CFF!important;
}
.layui-nav-item a{
font-size: 18px;
background-color: #2F83F7!important;
}
.layui-nav .layui-nav-more {
right: 16px;
......@@ -177,9 +183,46 @@ div.navigation {
font-size: 12px;
display: none
}
.register {
position: relative;
margin-left: 12px;
}
.register::before {
content: '';
position: absolute;
left: -7px;
height: 10px;
border-left: 1px solid #b1afaf;
top: 14px;
}
.login-con {
float: right;
background: #F7F9FB!important;
position: relative;
font-size: 14px;
color: #7A7A7A;
padding-right: 0!important;
height: 35px;
}
.userImage {
position: relative;
left: -3px;
top: -3px;
}
.person-img {
position: relative;
top: 3px;
}
.loginSelect {
line-height: 30px!important;
margin-top: -5px;
}
.loginSelect p {
display: inline-block;
line-height: 42px;
}
.userInfo {
border-radius: 5px!important;
top: 45px!important;
top: 30px;
}
.userInfo img {
width: 18px;
......@@ -194,6 +237,7 @@ div.navigation {
}
.personalCenter {
display: inline-block;
position: relative;
}
.personalCenter a {
color: #006CFF;
......@@ -240,30 +284,27 @@ div.navigation {
cursor: pointer;
height: auto!important;
position: relative;
top: -10px;
height: auto;
float: left;
top: 15px;
}
.sysNewsItem {
position: relative;
}
.sysNewsList {
top: 30px!important;
border-radius: 5px!important;
top: 24px!important;
width: 360px!important;
left: -238px;
}
.sysNewsItem .sysNewsNum {
position: absolute;
display: block;
color: #fff;
background-color: #ff0000;
width: 14px;
height: 14px;
border-radius: 50%;
line-height: 14px;
right: -3px;
top: 0;
font-size: 12px;
text-align: center;
width: 6px;
height: 6px;
border-radius: 6px;
right: 0;
top: -4px;
}
.sysNews img {
width: 17px;
......@@ -280,6 +321,7 @@ div.navigation {
.sysNewsList dd {
padding-top: 10px;
background-color: #ffffff!important;
border-bottom: 1px solid #E2EAF1;
}
.sysNewsList dd a:hover {
background: none!important;
......@@ -289,38 +331,63 @@ div.navigation {
width: 100%;
display: block;
line-height: 24px;
color: #4a4a44;
white-space: normal;
font-weight: 700;
color: #6D7278;
font-size: 14px;
}
.sysNewsList dd a p:hover {
color: #006CFF;
}
.sysNewsTitle {
background-color: #dedede;
line-height: 36px;
line-height: 50px;
padding-left: 20px;
position: relative;
top: -1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid #E2EAF1;
color: #686666;
font-size: 16px;
font-weight: 700;
}
.sysNewsOperation {
height: 36px;
background: #FCFCFC;
border-bottom: 1px solid #E5E8ED;
display: block;
height: 50px;
line-height: 50px;
}
.sysNewsOperation span{
.sysNewsOperation p{
float: left;
cursor: pointer;
color: #006CFF;
font-size: 12px;
font-size: 14px;
margin-left: 20px;
color: #7A7A7A;
}
.sysNewsOperation p span {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #CDCDCD;
border-radius: 50%;
position: relative;
top: 2px;
right: 5px;
}
.sysNewsOperation p span::before {
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #AAAAAA;
border-radius: 50%;
left: 5px;
top: 6px;
}
.sysNewsOperation a{
float: right;
cursor: pointer;
color: #006CFF!important;
font-size: 12px;
color: #2F83F7!important;
font-size: 14px;
}
.sysNewsOperation a:hover {
background-color: #ffffff!important;
......@@ -337,8 +404,78 @@ div.navigation {
}
.newsDetail-time span{
font-size: 12px;
color: #006CFF!important;
color: #7A7A7A;
}
.newsDetail-time span:nth-child(2){
float: right;
}
.read {
display: inline-block;
font-size: 14px;
color: #0F93F6!important;
width: 64px;
height: 24px;
background: #FFFFFF;
border-radius: 12px;
opacity: 0.6;
text-align: center;
line-height: 24px;
border: 1px solid #0F93F6;
}
/* 头部搜索区域 */
.head-search {
padding: 40px 0;
background: url('../staticImages/top_back-ground.png') no-repeat;
background-size: cover;
}
.head-contentBox {
width: 1200px;
margin: 0 auto;
}
.head-search .logo-img {
width: 527px;
height: 82px;
display: inline-block;
}
.head-search .content-search {
float: right;
}
.head-search .head-search-input {
width: 425px;
display: inline-block;
height: 42px;
}
.head-search .search-button {
width: 116px;
height: 42px;
background: #FA6400;
border-radius: 2px;
color: #ffffff;
display: inline-block;
font-size: 14px;
text-align: center;
box-sizing: border-box;
line-height: 42px;
margin-left: 7px;
}
.head-search .search-button img{
width: 13px;
}
.search-hint {
margin-top: 10px;
}
.search-hint .hot-search {
color: #7A7A7A;
}
.search-hint .hot-search img{
width: 9px;
height: 12px;
position: relative;
top: 2px;
}
.search-hint li {
display: inline-block;
color: #9B9B9B;
font-size: 12px;
margin-right: 5px;
}
\ No newline at end of file
......
.sysnews-center {
padding-bottom: 15px;
}
.sysnews-center-tab {
.sysnews-head-search {
width: 1200px;
margin: 0 auto;
overflow: hidden;
padding: 20px 0;
background: #FFFFFF;
box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
border-radius: 6px;
border: 1px solid #E5E8ED;
margin: 15px auto;
padding: 28px 20px;
box-sizing: border-box;
}
.date-select {
width: 50%;
float: right;
.sysnews-head-search h2 {
font-weight: 500;
color: #7A7A7A;
font-size: 16px;
margin-bottom: 15px;
}
.date-select input {
width: 36%;
width: 400px;
display: inline-block;
height: 40px;
}
.sysnews-center-tab ul li {
.date-select p {
width: 180px;
height: 40px;
background: #0091FF;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
margin-right: 15px;
cursor: pointer;
text-align: center;
line-height: 40px;
margin-left: 30px;
}
.sysnews-center-tab ul {
width: 30%;
float: left;
padding-top: 7px;
.date-select span {
margin: 0 20px;
}
.sysnews-center-tab .search-button {
margin-left: 10px;
.date-select p img {
width: 15px;
height: 15px;
position: relative;
top: 1px;
}
/* 消息列表 */
.sysnews-list {
.sysnews-list-box {
width: 1200px;
margin: 0 auto;
padding :20px;
border-radius: 5px;
border: 1px solid #dedede;
box-sizing: border-box;
margin-top: 20px;
box-shadow: 0px 2px 4px 0px rgba(10, 14, 40, 0.05);
border-radius: 6px;
border: 1px solid #E5E8ED;
margin-bottom: 30px;
}
.sysnews-list-head {
width: 100%;
height: 54px;
line-height: 54px;
color: #9B9B9B;
font-size: 16px;
border-bottom: 1px solid #E2EAF1;
}
.sysnews-list-head li {
display: inline-block;
margin-right: 70px;
margin-left: 20px;
cursor: pointer;
}
.sysnews-list {
height: 300px;
overflow: auto;
padding: 0 20px 30px 20px;
}
.sysnews-list li {
line-height: 90px;
border-bottom: 1px dashed #dedede;
}
.sysnews-list li p {
display: inline-block;
width: 800px;
color: #9B9B9B;
}
.sysnews-list li .list-date {
margin-right: 15px;
color: #7e7b7b;
color: #7A7A7A;
float: right;
font-size: 14px;
margin-right: 60px;
}
.sysnews-list li .list-type {
float: right;
......@@ -53,7 +96,78 @@
.sysnews-list li p:hover {
color: #1E9FFF;
}
.page {
.head-select {
color: #686666;
position: relative;
}
.head-select::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #0F93F6;
left: 0;
bottom: -2px;
}
.finish-reading {
padding: 0 20px;
line-height: 50px;
}
.finish-reading p {
border-bottom: 1px dashed #E6E6E6;
font-size: 14px;
color: #7A7A7A;
}
.finish-reading p span {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #CDCDCD;
position: relative;
top: 3px;
right: 5px;
}
.finish-reading p span::before {
content: '';
width: 4px;
height: 4px;
background: #AAAAAA;
border-radius: 50%;
position: absolute;
left: 5px;
top: 5px;
}
.tips {
display: inline-block;
width: 50px;
height: 30px;
border-radius: 4px 8px 4px 8px;
border: 1px solid rgba(15, 147, 246, 0.5);
text-align: center;
line-height: 30px;
color: #0F93F6;
font-size: 14px;
margin-right: 20px;
}
.readed {
width: 50px;
height: 46px;
float: right;
position: relative;
top: 20px;
right: 10px;
}
.list-type-unread {
width: 70px;
height: 28px;
border-radius: 15px;
opacity: 0.6;
border: 1px solid #0F93F6;
color: #0F93F6;
font-size: 14px;
text-align: center;
margin: 15px 0;
line-height: 28px;
position: relative;
top: 30px;
}
\ No newline at end of file
......
......@@ -10,9 +10,14 @@
height: 140px;
padding: 30px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #DEDEDE;
box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
-moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
-webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
border-radius: 4px;
background: url('../staticImages/user-centerbg.png') no-repeat;
background-size: cover;
}
.perinfo_left{
float: left;
......@@ -104,12 +109,40 @@
}
.business_titleList li a {
display: block;
height: 142px;
border: 1px solid #eee;
border-radius: 5px;
height: 152px;
text-align: center;
cursor: pointer;
color: #FFFFFF;
color: #7A7A7A;
box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
border-radius: 4px;
border: 1px solid #E9E9E9;
position: relative;
}
.business_titleList li a::after {
content: '';
position: absolute;
width: 269px;
height: 139px;
border: 1px solid #F6F6F6;
border-radius: 1px;
left: 6px;
top: 5px;
}
.business_titleList li:nth-of-type(1) a::after {
background: url('/staticImages/busheji.png') no-repeat right bottom;
background-size: 80px 80px;
}
.business_titleList li:nth-of-type(2) a::after {
background: url('/staticImages/busdaitijiao.png') no-repeat right bottom;
background-size: 80px 80px;
}
.business_titleList li:nth-of-type(3) a::after {
background: url('/staticImages/busbanlizhong.png') no-repeat right bottom;
background-size: 80px 80px;
}
.business_titleList li:nth-of-type(4) a::after {
background: url('/staticImages/busyibanjie.png') no-repeat right bottom;
background-size: 80px 80px;
}
.business_titleList li p:nth-child(1) {
font-size: 18px;
......@@ -117,6 +150,7 @@
font-size: 36px;
margin-bottom: 3px;
font-weight: 600;
color: #3C4A66;
}
/* ---------------预约列表------------------- */
.contentBox {
......@@ -126,7 +160,9 @@
.appintmentList {
padding: 0 20px 20px 20px;
border-radius: 6px;
border: 1px solid #25BEFF;
background: #FFFFFF;
box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
border: 1px solid #E9E9E9;
}
.appintmentList li {
border-bottom: 1px solid #eee;
......@@ -228,19 +264,19 @@
}
/* 头部tab */
.applyBusinessRecord a{
background: url('../staticImages/heji.png');
/* background: url('../staticImages/heji.png'); */
background-size: 100% 100%;
}
.to_be_submitted a {
background: url('../staticImages/daitijiao.png');
/* background: url('../staticImages/daitijiao.png'); */
background-size: 100% 100%;
}
.applyBusinessIn a {
background: url('../staticImages/banlizhong.png');
/* background: url('../staticImages/banlizhong.png'); */
background-size: 100% 100%;
}
.applyBusinessEnd a {
background: url('../staticImages/yibanjie.png');
/* background: url('../staticImages/yibanjie.png'); */
background-size: 100% 100%;
}
.obligee {
......@@ -261,32 +297,15 @@
position: absolute;
right: 20px;
top: 50%;
width: 12px;
height: 12px;
margin-top: -2px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
width: 17px;
height: 17px;
margin-top: -4px;
border-right: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;;
-webkit-transform: rotate(225deg);
content: '';
background-color: #FFFFFF;
z-index: 10;
}
.arrow0:before {
border-color: #25BEFF;
z-index: 10;
}
.arrow1:before {
border-color: #FF862F;
z-index: 10;
}
.arrow2:before {
border-color: #23E3D5;
z-index: 10;
}
.arrow3:before {
border-color: #FABF4F;
z-index: 10;
}
.completed {
color: #23E3D5;
......@@ -294,3 +313,12 @@
margin-top: 26px;
margin-right: 8px;
}
.bus-active {
background-color: #0097F6;
}
.bus-active span {
color: #FFFFFF;
}
.bus-active p {
color: #FFFFFF;
}
\ No newline at end of file
......
......@@ -13,7 +13,7 @@
}
.area_list_content {
overflow: hidden;
margin-top: 20px;
margin-top: 30px;
width: 100%;
}
.area_list_content h2 {
......@@ -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,18 +85,29 @@
float: right;
}
.item_list {
padding: 20px;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #DEDEDE;
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;
position: relative;
padding-left: 10px;
}
.item_list li p::before {
content: '';
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #4A4A4A;
left: 0;
top: 26px;
}
.item_list li p:hover {
color: #0091FF;
......@@ -119,28 +128,53 @@
.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;
margin-right: 15px;
}
.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;
}
.handleBus {
border-radius: 15px;
border: 1px solid #0F93F6;
background-color: #fff;
color: #0F93F6;
}
.handleBus:hover {
color: #0F93F6!important;
}
.guide_details button {
border-radius: 15px;
border: 1px solid #DDDDDD;
background-color: #fff;
color: #9B9B9B;
}
\ No newline at end of file
......
......@@ -111,18 +111,11 @@ div.subject {
.left, .right {
float: left;
}
.xw {
display: block;
padding-top: 10px;
min-height: 80px;
cursor: pointer;
position: relative;
}
.xw .istop {
position: absolute;
right: 20px;
top: -20px;
.istop {
float: right;
width: 40px;
margin-right: 20px;
margin-top: -5px;
}
.xw-left {
......@@ -141,6 +134,14 @@ div.subject {
.xw-right {
padding-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
-webkit-box-orient: vertical;
font-size: 14px;
font-weight: 100;
color: #6D7278;
}
.leftContainer{
border-right: 1px solid #DEDEDE;
......@@ -164,12 +165,10 @@ div.subject {
cursor: pointer;
}
.left-top:hover {
color: #686666;
color: #1E9FFF;
}
.left-buttom .icon{
.left-top:hover .xw-right {
color: #686666;
}
.left-buttom div:nth-child(2) {
margin-left: 60px;
......@@ -183,6 +182,9 @@ div.subject {
line-height: 57px;
float: right !important;
margin-right: 20px;
font-size: 14px;
color: #9B9B9B;
font-weight: 100;
}
#page {
......@@ -301,12 +303,14 @@ div.subject {
}
.newsBottom {
overflow: hidden;
margin-top: 20 px;
margin-top: 39px;
}
.newsBottom .newIcon {
float: left;
position: relative;
top: 10px;
font-size: 14px;
color: #9B9B9B;
}
.newsBottom .newIcon .icon{
width: 36px;
......@@ -314,20 +318,28 @@ div.subject {
position: relative;
top: 6px;
}
.newsBottom .newIcon span {
font-weight: 100;
}
.newsCon {
overflow: hidden;
margin-top: 15px;
padding-bottom: 10px;
}
.tj {
margin: 10px 0;
cursor: pointer;
}
.sticky .left-top {
font-size: 24px;
font-size: 20px;
color: #1E9FFF;
}
.sticky .xw-left img {
width: 230px;
height: 140px;
}
.sticky .xw-right {
font-size: 18px;
font-size: 16px;
height: 60px;
float: initial;
}
\ No newline at end of file
......
......@@ -14,7 +14,8 @@
min-height: 630px;
}
.item_list li{
line-height: 50px;
padding-top: 10px;
line-height: 40px;
border-bottom: 1px solid #DEDEDE;
box-sizing: border-box;
padding-right: 20px;
......@@ -22,12 +23,18 @@
.policy_list_con li {
margin-bottom: 10px;
}
.item_list li .istop {
width: 36px;
float: right;
margin-top: 3px;
margin-left: 10px;
}
.item_list li p{
display: inline-block;
font-size: 20px;
color: #4a4a4a;
width: 82%;
width: 79%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
......@@ -90,3 +97,8 @@
height: 124px;
margin-bottom: 10px;
}
.sticky p {
font-size: 24px;
color: #1E9FFF!important;
font-weight: 700;
}
\ No newline at end of file
......
......@@ -46,6 +46,7 @@
height: 92px;
border: 1px solid #DEDEDE;
padding-right: 2px;
background: #F7F9FB;
}
.swiper-slide {
......
......@@ -513,3 +513,6 @@ input[type='file'] {
.folkObligee ul li span {
color: #9B9B9B;
}
.sqrList .layui-inline .layui-form-label {
color: #9B9B9B;
}
\ No newline at end of file
......

5.63 KB | W: | H:

1.49 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

30.8 KB | W: | H:

48.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

4.66 KB | W: | H:

2.16 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

6.13 KB | W: | H:

2.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

11 KB | W: | H:

13 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.17 KB | W: | H:

828 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

4.35 KB | W: | H:

735 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

4.67 KB | W: | H:

1.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

5.87 KB | W: | H:

1.41 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

6.78 KB | W: | H:

1.62 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin