|
|
@@ -26,8 +26,19 @@ a:hover{
|
|
|
/*height: 58px;*/
|
|
|
background: #fff;
|
|
|
color: #333;
|
|
|
- line-height: 58px;
|
|
|
- padding: 15px 20px;
|
|
|
+ line-height: 80px;
|
|
|
+ height: 80px;
|
|
|
+ /*background: url("../image/header-bg.jpg") no-repeat center top;*/
|
|
|
+ background-color: #fff;
|
|
|
+ border-bottom: 1px solid #ededee;
|
|
|
+}
|
|
|
+
|
|
|
+.headLine{
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
span{
|
|
|
display: inline-block;
|
|
|
@@ -43,11 +54,7 @@ body{
|
|
|
margin:0 auto;
|
|
|
min-width: 1250px;
|
|
|
}
|
|
|
-.w1300{
|
|
|
- margin:auto;
|
|
|
- /*overflow:hidden;*/
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
+
|
|
|
.fl{
|
|
|
float: left;
|
|
|
}
|
|
|
@@ -67,6 +74,18 @@ body{
|
|
|
display: inline-block;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
+.activityList > div {
|
|
|
+ padding: 25px 30px;
|
|
|
+ border: 1px solid #e7e8ec;
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.activityList > div:nth-of-type(2n) {
|
|
|
+ background-color: #e7e8ec;
|
|
|
+}
|
|
|
.centerContent ul li {
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
@@ -112,6 +131,8 @@ h2{
|
|
|
}
|
|
|
.navbar-default {
|
|
|
margin-bottom:0;
|
|
|
+ background-color: #fff;
|
|
|
+ border-bottom: 1px solid #EDEDEE;
|
|
|
}
|
|
|
.device .arrow-left {
|
|
|
position: absolute;
|
|
|
@@ -205,7 +226,9 @@ h2{
|
|
|
.breadcrumb{
|
|
|
background-color: #fff;
|
|
|
border-bottom:1px solid #F6F7FB;
|
|
|
+ padding: 20px 15px;
|
|
|
width: 100%;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.breadcrumb > li {
|
|
|
display: inline-block;
|
|
|
@@ -216,6 +239,27 @@ h2{
|
|
|
content: "> ";
|
|
|
padding-left: 7px;
|
|
|
}
|
|
|
+.breadcrumbFixed{
|
|
|
+ border-bottom:1px solid #F6F7FB;
|
|
|
+ padding: 25px 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #878CA0;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 0px;
|
|
|
+}
|
|
|
+.breadcrumbFixed > li {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.breadcrumbFixed > li > a{
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.breadcrumbFixed > li + li:before {
|
|
|
+ color: #CCCCCC;
|
|
|
+ content: "> ";
|
|
|
+ padding-left: 7px;
|
|
|
+}
|
|
|
|
|
|
/*按钮样式*/
|
|
|
|
|
|
@@ -271,7 +315,7 @@ h2{
|
|
|
padding: 1px;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background-color: #2976CE !important;
|
|
|
+ background-color: #151517 !important;
|
|
|
}
|
|
|
.layui-laypage a:hover{
|
|
|
color: #2976CE !important;
|
|
|
@@ -310,14 +354,21 @@ em{
|
|
|
}
|
|
|
.logo{
|
|
|
width: auto;
|
|
|
+ height: 100%;
|
|
|
/*height: 80px;*/
|
|
|
/*margin-top: 5px;*/
|
|
|
font-size: 22px;
|
|
|
}
|
|
|
.logo img{
|
|
|
- max-width: 100%;
|
|
|
- max-height: 100%;
|
|
|
- /*display: block;*/
|
|
|
+ width: auto;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #488DFB;
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: -5px;
|
|
|
+}
|
|
|
+.logo span {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
.small-logo {
|
|
|
display: none;
|
|
|
@@ -351,9 +402,26 @@ em{
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.login{
|
|
|
+ height: 100%;
|
|
|
font-size: 14px;
|
|
|
- line-height: 36px;
|
|
|
- margin-top: 15px;
|
|
|
+}
|
|
|
+.login > a > img {
|
|
|
+ background-color: #488dfb;
|
|
|
+ margin-top: -3px;
|
|
|
+}
|
|
|
+.login > .login-link {
|
|
|
+ margin-right: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.login i {
|
|
|
+ height: 100%;
|
|
|
+ width: 60px;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 24px;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #488DFB;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.navbar-collapse {
|
|
|
padding-right: 0;
|
|
|
@@ -554,35 +622,41 @@ em{
|
|
|
height: auto;
|
|
|
}
|
|
|
.navbar {
|
|
|
- background-color: #19273c;
|
|
|
+ /*background-color: #19273c;*/
|
|
|
}
|
|
|
.navbar-default .nave_style ul li a{
|
|
|
- font-size: 18px;
|
|
|
- color: #fff;
|
|
|
- padding: 0 17px;
|
|
|
- line-height: 60px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #a3a3a3;
|
|
|
+ padding: 0 20px;
|
|
|
+ line-height: 65px;
|
|
|
}
|
|
|
.navbar-default .nave_style ul li a:hover{
|
|
|
- color: #fff;
|
|
|
- background-color: #2976ce;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
.navbar-default .nave_style ul li a:focus{
|
|
|
- color: #fff;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
.navbar-default .nave_style ul li .second-menu {
|
|
|
display: none;
|
|
|
position: absolute;
|
|
|
- width: 100%;
|
|
|
left: 0;
|
|
|
- background: #ff5555;
|
|
|
+ background: #fff;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
.navbar-default .nave_style ul li .second-menu a {
|
|
|
font-size: 14px;
|
|
|
display: block;
|
|
|
- padding: 0;
|
|
|
text-align: center;
|
|
|
line-height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ padding: 5px 20px;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.navbar-default .nave_style ul li .second-menu a:hover {
|
|
|
+ background: #eee;
|
|
|
+ color: #000;
|
|
|
+ -webkit-transform: translateX(2px);
|
|
|
+ transform: translateX(2px);
|
|
|
}
|
|
|
.navbar-default .nave_style ul li:hover .second-menu {
|
|
|
display: block;
|
|
|
@@ -594,8 +668,8 @@ em{
|
|
|
.navbar-default .navbar-nav > .active > a,
|
|
|
.navbar-default .navbar-nav > .active > a:hover,
|
|
|
.navbar-default .navbar-nav > .active > a:focus{
|
|
|
- color:#fff;
|
|
|
- background-color: #2976ce;
|
|
|
+ color:#333;
|
|
|
+ background-color: #fff;
|
|
|
}
|
|
|
.navbar-default .navbar-toggle{
|
|
|
border-color: #ddd;
|
|
|
@@ -628,11 +702,10 @@ em{
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
font-size: 16px;
|
|
|
- margin: 0 0 10px;
|
|
|
|
|
|
}
|
|
|
.textEllipsis a{
|
|
|
- color: #2976CE;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
.textEllipsis1{
|
|
|
width: 100%;
|
|
|
@@ -786,7 +859,6 @@ em{
|
|
|
}
|
|
|
.center_nav .navbar {
|
|
|
border-radius: 0;
|
|
|
- border: none;
|
|
|
}
|
|
|
.num-box {
|
|
|
height: 110px;
|
|
|
@@ -1015,7 +1087,9 @@ em{
|
|
|
padding-bottom: 20px;
|
|
|
}
|
|
|
.screen-box {
|
|
|
- margin: 20px 0;
|
|
|
+ padding: 20px 30px;
|
|
|
+ border-left: solid 1px #dadada;
|
|
|
+ border-right: solid 1px #dadada;
|
|
|
}
|
|
|
.sort-box {
|
|
|
border: solid 1px #dadada;
|
|
|
@@ -1041,8 +1115,8 @@ em{
|
|
|
}
|
|
|
.kind-tip {
|
|
|
border: solid 1px #dadada;
|
|
|
- padding: 10px;
|
|
|
- margin-bottom: 20px;
|
|
|
+ border-bottom: none;
|
|
|
+ padding: 15px 30px;
|
|
|
}
|
|
|
.kind-box {
|
|
|
display: inline-block;
|
|
|
@@ -1058,9 +1132,15 @@ em{
|
|
|
color: #fff;
|
|
|
}
|
|
|
.activity-list ul li{
|
|
|
- border-bottom: solid 1px #dadada;
|
|
|
- padding-bottom: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
+ padding: 25px 30px;
|
|
|
+ border: 1px solid #e7e8ec;
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.activity-list ul li:nth-child(2n ){
|
|
|
+ background-color: #e7e8ec;
|
|
|
}
|
|
|
.notice-img-box {
|
|
|
width: 270px;
|
|
|
@@ -1150,11 +1230,6 @@ em{
|
|
|
}
|
|
|
|
|
|
|
|
|
-/*2018年4月24日*/
|
|
|
-.head {
|
|
|
- background: url("../image/header-bg.jpg") no-repeat center top;
|
|
|
- height: 120px;
|
|
|
-}
|
|
|
.icon-time,.iconlogin {
|
|
|
background: #dd0000;
|
|
|
}
|
|
|
@@ -1164,12 +1239,12 @@ em{
|
|
|
.navbar {
|
|
|
/*background: #ff0000;*/
|
|
|
}
|
|
|
-.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
|
|
|
- background: #dd0000;
|
|
|
-}
|
|
|
-.navbar-default .nave_style ul li a:hover {
|
|
|
- background: #dd0000;
|
|
|
-}
|
|
|
+/*.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {*/
|
|
|
+ /*background: #dd0000;*/
|
|
|
+/*}*/
|
|
|
+/*.navbar-default .nave_style ul li a:hover {*/
|
|
|
+ /*background: #fff;*/
|
|
|
+/*}*/
|
|
|
.banner-bg {
|
|
|
background: url("../image/banner-bg.jpg") no-repeat center top;
|
|
|
height: 317px;
|
|
|
@@ -1177,18 +1252,15 @@ em{
|
|
|
.main {
|
|
|
padding-bottom: 40px;
|
|
|
}
|
|
|
+.list-main {
|
|
|
+ padding-top: 40px;
|
|
|
+}
|
|
|
.main-bg {
|
|
|
/*background: url("../image/main-bg.jpg") no-repeat center top;*/
|
|
|
background: #f9f9f9;
|
|
|
min-height: 575px;
|
|
|
}
|
|
|
-.home-content {
|
|
|
- position: relative;
|
|
|
- background: #fff;
|
|
|
- width: 1250px;
|
|
|
- min-height: 575px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
+
|
|
|
.num-info {
|
|
|
position: absolute;
|
|
|
top: -184px;
|
|
|
@@ -1282,31 +1354,75 @@ em{
|
|
|
|
|
|
.footer {
|
|
|
margin-top: 0;
|
|
|
- background: #eaeaea;
|
|
|
+ background: #878ca0;
|
|
|
padding: 30px 0;
|
|
|
}
|
|
|
+
|
|
|
.footer .home-content {
|
|
|
- background: none;
|
|
|
- min-height: auto;
|
|
|
+ max-height: 575px;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding:0 18%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.footer .footer-left {
|
|
|
+ max-width: 60%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
+.footer .footer-right {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.footer-right div {
|
|
|
+ width:90px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.footer-right div img {
|
|
|
+ max-height: 100px;
|
|
|
+}
|
|
|
+.footer-right div p {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.footer .link {
|
|
|
width: 670px;
|
|
|
- background: #fff;
|
|
|
padding: 20px;
|
|
|
}
|
|
|
.link-title {
|
|
|
font-size: 16px;
|
|
|
color: #333;
|
|
|
+ border-bottom: 2px solid #9fa3b3;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.footer .home-content ul li {
|
|
|
border-right: solid 1px #b3b3b3;
|
|
|
}
|
|
|
-.footer .home-content .link a {
|
|
|
- color: #666;
|
|
|
-}
|
|
|
.link-line {
|
|
|
background: #dd0000;
|
|
|
}
|
|
|
+.link .friendlyLink {
|
|
|
+ padding: 3px 50px 3px 0;
|
|
|
+}
|
|
|
+.link .helpLink {
|
|
|
+ padding: 3px 20px 3px 0;
|
|
|
+}
|
|
|
+.link a {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #c9cbd3;
|
|
|
+ margin-top: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: inline-block;
|
|
|
+ border-bottom: 1px solid transparent;
|
|
|
+}
|
|
|
+.link a:hover{
|
|
|
+ color:#fff;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+}
|
|
|
.cord-box {
|
|
|
border-top: none;
|
|
|
width: 510px;
|
|
|
@@ -1338,7 +1454,8 @@ em{
|
|
|
position: relative;
|
|
|
border-top: none;
|
|
|
text-align: center;
|
|
|
- color: #666;
|
|
|
+ color: #464953;
|
|
|
+ border-top: 2px solid #797E90;
|
|
|
}
|
|
|
.fangwen {
|
|
|
position: absolute;
|
wlzhao
