|
|
@@ -1,13 +1,17 @@
|
|
|
html,
|
|
|
body {
|
|
|
- width: 7680px;
|
|
|
+ width: 7680px !important;
|
|
|
min-height: 2120px;
|
|
|
height: 100%;
|
|
|
font-size: 20px;
|
|
|
color: #fff;
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
+ font-family: 'Microsoft YaHei';
|
|
|
overflow-y: hidden;
|
|
|
}
|
|
|
+/* 强制去掉滚动条 */
|
|
|
+html {
|
|
|
+ /* overflow-x: hidden !important; */
|
|
|
+}
|
|
|
* {
|
|
|
-webkit-user-select: none;
|
|
|
-moz-user-select: none;
|
|
|
@@ -29,12 +33,12 @@ a {
|
|
|
[v-cloak] {
|
|
|
display: none;
|
|
|
}
|
|
|
-.appbg1{
|
|
|
- background: url("../img/page-bg3.png") center center no-repeat;
|
|
|
+.appbg1 {
|
|
|
+ background: url('../img/page-bg3.png') center center no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
-.appbg2{
|
|
|
- background: url("../img/page-bg.png") center center no-repeat;
|
|
|
+.appbg2 {
|
|
|
+ background: url('../img/page-bg.png') center center no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.top {
|
|
|
@@ -54,26 +58,26 @@ a {
|
|
|
letter-spacing: 5px;
|
|
|
}
|
|
|
.top .title > span:before {
|
|
|
- content: "";
|
|
|
+ content: '';
|
|
|
display: inline-block;
|
|
|
width: 66px; /*图标宽度*/
|
|
|
height: 42px; /*图标高度*/
|
|
|
- background: url("../img/title-left.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/title-left.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: contain; /*图标大小适应*/
|
|
|
margin-right: 20px; /*图标与文字的间距*/
|
|
|
}
|
|
|
.top .title > div {
|
|
|
height: 30px;
|
|
|
width: 40%;
|
|
|
- background: url("../img/title-light.png") center bottom no-repeat;
|
|
|
+ background: url('../img/title-light.png') center bottom no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.top .title > span:after {
|
|
|
- content: "";
|
|
|
+ content: '';
|
|
|
display: inline-block;
|
|
|
width: 66px; /*图标宽度*/
|
|
|
height: 42px; /*图标高度*/
|
|
|
- background: url("../img/title-right.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/title-right.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: contain; /*图标大小适应*/
|
|
|
margin-left: 20px; /*图标与文字的间距*/
|
|
|
}
|
|
|
@@ -99,7 +103,7 @@ a {
|
|
|
display: grid;
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
grid-template-rows: repeat(3, 1fr);
|
|
|
- gap: 10px;
|
|
|
+ grid-column-gap: 10px;
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
overflow: hidden;
|
|
|
@@ -115,9 +119,9 @@ a {
|
|
|
.center .title {
|
|
|
width: 100%;
|
|
|
/* height: calc(100% / 7); */
|
|
|
- height: 100px;
|
|
|
+ height: 80px;
|
|
|
overflow: hidden;
|
|
|
- background: url("../img/small-title.png") no-repeat center bottom; /*图标路径*/
|
|
|
+ background: url('../img/small-title.png') no-repeat center bottom; /*图标路径*/
|
|
|
background-size: 100% 50%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -128,16 +132,16 @@ a {
|
|
|
letter-spacing: 5px;
|
|
|
}
|
|
|
.left .child > div:nth-child(1):before {
|
|
|
- content: "●";
|
|
|
+ content: '●';
|
|
|
margin-right: 10px;
|
|
|
color: #40a9ff;
|
|
|
}
|
|
|
.left .content,
|
|
|
.center .content {
|
|
|
width: 100%;
|
|
|
- height: calc(100% - 100px);
|
|
|
+ height: calc(100% - 80px);
|
|
|
overflow: hidden;
|
|
|
- padding: 1%;
|
|
|
+ padding: 1% 1% 0 1%;
|
|
|
}
|
|
|
.left1 {
|
|
|
display: grid;
|
|
|
@@ -151,7 +155,7 @@ a {
|
|
|
.left1 .child {
|
|
|
width: 47%;
|
|
|
height: 100%;
|
|
|
- background: url("../img/left1.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/left1.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
display: grid;
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
@@ -163,6 +167,7 @@ a {
|
|
|
display: grid;
|
|
|
grid-template-columns: 4fr 6fr;
|
|
|
overflow: hidden;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
.left1B > div:nth-child(1) {
|
|
|
overflow: hidden;
|
|
|
@@ -174,17 +179,18 @@ a {
|
|
|
display: grid;
|
|
|
grid-template-rows: 1fr 2fr 2fr;
|
|
|
overflow: hidden;
|
|
|
+ padding-top: 30px;
|
|
|
}
|
|
|
.left1C-child {
|
|
|
padding: 1%;
|
|
|
}
|
|
|
.checkBg {
|
|
|
- background: url("../img/disk.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/disk.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.left .industryProportion1,
|
|
|
.left2 .industryProportion1 {
|
|
|
- background: url("../img/industryProportion.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/industryProportion.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.left .industryProportion2 {
|
|
|
@@ -210,15 +216,15 @@ a {
|
|
|
gap: 30px;
|
|
|
}
|
|
|
.left3A > div:nth-child(1) {
|
|
|
- background: url("../img/retainedA.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/retainedA.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.left3A > div:nth-child(2) {
|
|
|
- background: url("../img/retainedB.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/retainedB.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.left3A > div:nth-child(3) {
|
|
|
- background: url("../img/retainedC.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/retainedC.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.left4 {
|
|
|
@@ -235,7 +241,7 @@ a {
|
|
|
overflow: hidden;
|
|
|
position: absolute;
|
|
|
}
|
|
|
-.left4A > div,
|
|
|
+.left4A > div:not(:last-child),
|
|
|
.bubble {
|
|
|
position: absolute;
|
|
|
animation: moveUpDown 4s infinite;
|
|
|
@@ -272,23 +278,23 @@ a {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.center1 > div:nth-child(2) {
|
|
|
- background: url("../img/bubbleBg.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/bubbleBg.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.center1 > div:nth-child(3) {
|
|
|
- background: url("../img/blueBig.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/blueBig.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.center1 > div:nth-child(4) {
|
|
|
- background: url("../img/blueSmall.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/blueSmall.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.center1 > div:nth-child(5) {
|
|
|
- background: url("../img/greenSmall.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/greenSmall.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.center1 > div:nth-child(6) {
|
|
|
- background: url("../img/greenBig.png") no-repeat center center; /*图标路径*/
|
|
|
+ background: url('../img/greenBig.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.center2 {
|
|
|
@@ -315,16 +321,16 @@ a {
|
|
|
padding-left: 40%;
|
|
|
}
|
|
|
.center2 > div:nth-child(1) > div:nth-child(1) {
|
|
|
- background: url("../img/centerTop1.png") no-repeat center left; /*图标路径*/
|
|
|
+ background: url('../img/centerTop1.png') no-repeat center left; /*图标路径*/
|
|
|
}
|
|
|
.center2 > div:nth-child(1) > div:nth-child(2) {
|
|
|
- background: url("../img/centerTop2.png") no-repeat center left; /*图标路径*/
|
|
|
+ background: url('../img/centerTop2.png') no-repeat center left; /*图标路径*/
|
|
|
}
|
|
|
.center2 > div:nth-child(1) > div:nth-child(3) {
|
|
|
- background: url("../img/centerTop3.png") no-repeat center left; /*图标路径*/
|
|
|
+ background: url('../img/centerTop3.png') no-repeat center left; /*图标路径*/
|
|
|
}
|
|
|
.center2 > div:nth-child(1) > div:nth-child(4) {
|
|
|
- background: url("../img/centerTop4.png") no-repeat center left; /*图标路径*/
|
|
|
+ background: url('../img/centerTop4.png') no-repeat center left; /*图标路径*/
|
|
|
}
|
|
|
.center3 {
|
|
|
position: absolute !important;
|
|
|
@@ -346,7 +352,7 @@ a {
|
|
|
left: 0;
|
|
|
opacity: 0.4;
|
|
|
}
|
|
|
-.center4>div>div{
|
|
|
+.center4 > div > div {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
@@ -369,12 +375,12 @@ a {
|
|
|
font-size: 32px !important;
|
|
|
}
|
|
|
.blueIcon::before {
|
|
|
- content: "●";
|
|
|
+ content: '●';
|
|
|
margin-right: 10px;
|
|
|
color: #40a9ff;
|
|
|
}
|
|
|
.bottom-tip {
|
|
|
- background: url("../img/center-bottonm.png") no-repeat center left; /*图标路径*/
|
|
|
+ background: url('../img/center-bottonm.png') no-repeat center left; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
width: 1600px;
|
|
|
@@ -383,15 +389,15 @@ a {
|
|
|
bottom: 0;
|
|
|
left: calc(50% - 800px);
|
|
|
}
|
|
|
-.bottom-tip:hover{
|
|
|
- background: url("../img/center-bottonm2.png") no-repeat center left; /*图标路径*/
|
|
|
+.bottom-tip:hover {
|
|
|
+ background: url('../img/center-bottonm2.png') no-repeat center left; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
.svg_box {
|
|
|
transform: rotateX(78deg);
|
|
|
position: absolute;
|
|
|
- top: 19.5%;
|
|
|
- left: 2.4%;
|
|
|
+ top: -65px;
|
|
|
+ left: 0;
|
|
|
}
|
|
|
.left5 {
|
|
|
display: grid;
|
|
|
@@ -402,35 +408,46 @@ a {
|
|
|
.header-item {
|
|
|
font-size: 20px !important;
|
|
|
}
|
|
|
-.centerB{
|
|
|
- background: url("../img/chinaLight.png") no-repeat center center; /*图标路径*/
|
|
|
+.centerB {
|
|
|
+ background: url('../img/chinaLight.png') no-repeat center center; /*图标路径*/
|
|
|
background-size: 95% 90%;
|
|
|
}
|
|
|
-.chinaTop{
|
|
|
+.chinaTop {
|
|
|
width: 100%;
|
|
|
height: 8.5%;
|
|
|
position: absolute;
|
|
|
top: 3%;
|
|
|
z-index: 999;
|
|
|
display: grid;
|
|
|
- grid-template-columns: repeat(4,1fr);
|
|
|
+ grid-template-columns: repeat(4, 1fr);
|
|
|
}
|
|
|
-.chinaTop>div:nth-child(1){
|
|
|
- background: url("../img/centerTop1.png") no-repeat center left; /*图标路径*/
|
|
|
+.chinaTop > div:nth-child(1) {
|
|
|
+ background: url('../img/centerTop1.png') no-repeat center left; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
-.chinaTop>div:nth-child(2){
|
|
|
- background: url("../img/centerTop2.png") no-repeat center left; /*图标路径*/
|
|
|
+.chinaTop > div:nth-child(2) {
|
|
|
+ background: url('../img/centerTop2.png') no-repeat center left; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
-.chinaTop>div:nth-child(3){
|
|
|
- background: url("../img/centerTop3.png") no-repeat center left; /*图标路径*/
|
|
|
+.chinaTop > div:nth-child(3) {
|
|
|
+ background: url('../img/centerTop3.png') no-repeat center left; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
-.chinaTop>div:nth-child(4){
|
|
|
- background: url("../img/centerTop4.png") no-repeat center left; /*图标路径*/
|
|
|
+.chinaTop > div:nth-child(4) {
|
|
|
+ background: url('../img/centerTop4.png') no-repeat center left; /*图标路径*/
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
+.projectPop {
|
|
|
+ background: rgba(50, 50, 50, 0.7);
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 28px;
|
|
|
+ transition: all 0.3s;
|
|
|
+}
|
|
|
+.twoPop {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: rgba(50, 50, 50, 0.7);
|
|
|
+}
|
|
|
/* 公共css */
|
|
|
/* 宽高纵横比 */
|
|
|
.font28 {
|
|
|
@@ -620,7 +637,7 @@ i {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
.overflow-hidden {
|
|
|
- overflow: hidden;
|
|
|
+ overflow: hidden !important;
|
|
|
}
|
|
|
.overflow-scroll {
|
|
|
overflow: scroll;
|
|
|
@@ -987,9 +1004,9 @@ i {
|
|
|
|
|
|
.publicTitle {
|
|
|
width: 100%;
|
|
|
- height: 100px;
|
|
|
+ height: 80px;
|
|
|
overflow: hidden;
|
|
|
- background: url("../img/small-title.png") no-repeat center bottom; /*图标路径*/
|
|
|
+ background: url('../img/small-title.png') no-repeat center bottom; /*图标路径*/
|
|
|
background-size: 100% 50%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -1033,7 +1050,7 @@ i {
|
|
|
}
|
|
|
|
|
|
.itemTop p::after {
|
|
|
- content: "";
|
|
|
+ content: '';
|
|
|
width: 0.75rem;
|
|
|
height: 0.75rem;
|
|
|
background: linear-gradient(0deg, #014198, #93ceff);
|
|
|
@@ -1222,7 +1239,7 @@ i {
|
|
|
}
|
|
|
|
|
|
.investInfoWrap .investInfo::after {
|
|
|
- content: "";
|
|
|
+ content: '';
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
border: 4px solid #68bdff;
|
zhbyyy