|
@@ -3,7 +3,7 @@ $yahei: "Microsoft YaHei",
|
|
SimHei,
|
|
SimHei,
|
|
sans-serif;
|
|
sans-serif;
|
|
$borderColor :#15335e;
|
|
$borderColor :#15335e;
|
|
-$contBgColor: #061529;
|
|
|
|
|
|
+$contBgColor: #161a19;
|
|
$titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
|
|
$titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
|
|
|
|
|
|
@import "lego/base";
|
|
@import "lego/base";
|
|
@@ -20,7 +20,7 @@ html {
|
|
body{
|
|
body{
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
min-width: 1200px;
|
|
min-width: 1200px;
|
|
- background: #0d2444;
|
|
|
|
|
|
+ background: #050506;
|
|
}
|
|
}
|
|
|
|
|
|
.clearfix{
|
|
.clearfix{
|
|
@@ -72,7 +72,7 @@ body{
|
|
.link-more{
|
|
.link-more{
|
|
float: right;
|
|
float: right;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
&:hover{
|
|
&:hover{
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
opacity: 0.8;
|
|
opacity: 0.8;
|
|
@@ -80,13 +80,18 @@ body{
|
|
em{
|
|
em{
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
margin-left: 5px;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.o-wrap{
|
|
|
|
+ background-position: center 0;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+}
|
|
|
|
+
|
|
.zt-mod-primary {
|
|
.zt-mod-primary {
|
|
- padding-top: 630px;
|
|
|
|
|
|
+ padding-top: 675px;
|
|
background-position: center 0;
|
|
background-position: center 0;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
.sp-nav {
|
|
.sp-nav {
|
|
@@ -94,14 +99,14 @@ body{
|
|
text-align: center;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
background: $contBgColor;
|
|
background: $contBgColor;
|
|
- border-top: 2px solid #1d539c;
|
|
|
|
|
|
+ border-top: 2px solid #8dfcee;
|
|
&:before{
|
|
&:before{
|
|
content: "";
|
|
content: "";
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: -70px;
|
|
|
|
- left: 323px;
|
|
|
|
- width: 213px;
|
|
|
|
- height: 99px;
|
|
|
|
|
|
+ top: -96px;
|
|
|
|
+ left: 210px;
|
|
|
|
+ width: 131px;
|
|
|
|
+ height: 119px;
|
|
background: url(/src/img/pic-nav.png?__sprite) no-repeat;
|
|
background: url(/src/img/pic-nav.png?__sprite) no-repeat;
|
|
}
|
|
}
|
|
ul{
|
|
ul{
|
|
@@ -114,7 +119,7 @@ body{
|
|
a {
|
|
a {
|
|
display: block;
|
|
display: block;
|
|
text-align: center;
|
|
text-align: center;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
outline: none;
|
|
outline: none;
|
|
line-height: 88px;
|
|
line-height: 88px;
|
|
@@ -139,7 +144,7 @@ body{
|
|
width: 255px;
|
|
width: 255px;
|
|
text-align: center;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
padding: 25px 56px;
|
|
padding: 25px 56px;
|
|
h2{
|
|
h2{
|
|
color: #f8dd59;
|
|
color: #f8dd59;
|
|
@@ -291,7 +296,7 @@ body{
|
|
width: 255px;
|
|
width: 255px;
|
|
text-align: center;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
padding: 25px 56px;
|
|
padding: 25px 56px;
|
|
h2{
|
|
h2{
|
|
color: #f8dd59;
|
|
color: #f8dd59;
|
|
@@ -401,7 +406,7 @@ body{
|
|
a{
|
|
a{
|
|
color: #4882cf;
|
|
color: #4882cf;
|
|
position: relative;
|
|
position: relative;
|
|
- background: #061529;
|
|
|
|
|
|
+ background: #161a19;
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -547,7 +552,7 @@ body{
|
|
margin: 10px 0 14px;
|
|
margin: 10px 0 14px;
|
|
text-align: center;
|
|
text-align: center;
|
|
a{
|
|
a{
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
&:hover{
|
|
&:hover{
|
|
color: #f8dd59;
|
|
color: #f8dd59;
|
|
}
|
|
}
|
|
@@ -586,7 +591,7 @@ body{
|
|
color: #c3c3c3;
|
|
color: #c3c3c3;
|
|
}
|
|
}
|
|
.list-txt__link {
|
|
.list-txt__link {
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
margin-right: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
@@ -604,7 +609,7 @@ body{
|
|
color: #90a7c5;
|
|
color: #90a7c5;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
line-height: 25px;
|
|
- border-top: 1px dashed #0d2444;
|
|
|
|
|
|
+ border-top: 1px dashed #234942;
|
|
padding: 25px 0 10px;
|
|
padding: 25px 0 10px;
|
|
}
|
|
}
|
|
.list-intro{
|
|
.list-intro{
|
|
@@ -623,7 +628,7 @@ body{
|
|
}
|
|
}
|
|
p{
|
|
p{
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
line-height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -644,15 +649,15 @@ body{
|
|
background-color: $contBgColor;
|
|
background-color: $contBgColor;
|
|
text-align: center;
|
|
text-align: center;
|
|
color: #ccc;
|
|
color: #ccc;
|
|
- border-top: 2px solid #1d539c;
|
|
|
|
|
|
+ border-top: 2px solid #8dfcee;
|
|
animation: pointFadeInUp .5s infinite .5s alternate;
|
|
animation: pointFadeInUp .5s infinite .5s alternate;
|
|
&:before{
|
|
&:before{
|
|
content: "";
|
|
content: "";
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: -70px;
|
|
|
|
- left: 20px;
|
|
|
|
- width: 75px;
|
|
|
|
- height: 80px;
|
|
|
|
|
|
+ top: -104px;
|
|
|
|
+ left: -25px;
|
|
|
|
+ width: 163px;
|
|
|
|
+ height: 105px;
|
|
background: url(/src/img/pic-sidebar.png?__sprite) no-repeat;
|
|
background: url(/src/img/pic-sidebar.png?__sprite) no-repeat;
|
|
}
|
|
}
|
|
&:after{
|
|
&:after{
|
|
@@ -681,7 +686,7 @@ body{
|
|
height: 58px;
|
|
height: 58px;
|
|
line-height: 58px;
|
|
line-height: 58px;
|
|
display: block;
|
|
display: block;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
outline: none;
|
|
outline: none;
|
|
&.active,&:hover {
|
|
&.active,&:hover {
|
|
color: #ff6600;
|
|
color: #ff6600;
|
|
@@ -716,8 +721,8 @@ body{
|
|
display: table;
|
|
display: table;
|
|
}
|
|
}
|
|
thead{
|
|
thead{
|
|
- background: #0d2444;
|
|
|
|
- color: #84ade3;
|
|
|
|
|
|
+ background: #234942;
|
|
|
|
+ color: #5bb6a1;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
height: 30px;
|
|
height: 30px;
|
|
@@ -726,10 +731,13 @@ body{
|
|
tbody{
|
|
tbody{
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #5bb6a1;
|
|
tr{
|
|
tr{
|
|
|
|
+ &:nth-child(odd){
|
|
|
|
+ background: #172b2b;
|
|
|
|
+ }
|
|
&:nth-child(even){
|
|
&:nth-child(even){
|
|
- background: #071931;
|
|
|
|
|
|
+ background: #1d302d;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.cell-2{
|
|
.cell-2{
|
|
@@ -830,7 +838,7 @@ body{
|
|
a{
|
|
a{
|
|
display: block;
|
|
display: block;
|
|
outline: none;
|
|
outline: none;
|
|
- color: #84ade3;
|
|
|
|
|
|
+ color: #39b8cc;
|
|
&:hover{
|
|
&:hover{
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
@include opacity(0.8);
|
|
@include opacity(0.8);
|
|
@@ -855,6 +863,7 @@ body{
|
|
}
|
|
}
|
|
|
|
|
|
$vari: 750 / 640;
|
|
$vari: 750 / 640;
|
|
|
|
+/* 这个是比例 */
|
|
@function px2rem($size) {
|
|
@function px2rem($size) {
|
|
@return $size / 20 / 2 / $vari+rem;
|
|
@return $size / 20 / 2 / $vari+rem;
|
|
}
|
|
}
|
|
@@ -869,6 +878,9 @@ $vari: 750 / 640;
|
|
min-width: auto;
|
|
min-width: auto;
|
|
padding-top: 0 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
}
|
|
|
|
+ .o-wrap{
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ }
|
|
#dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live{
|
|
#dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live{
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|