970 lines
19 KiB
CSS
970 lines
19 KiB
CSS
|
*
|
|||
|
|
{
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
li,ol
|
|||
|
|
{
|
|||
|
|
list-style:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a
|
|||
|
|
{
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face
|
|||
|
|
{
|
|||
|
|
font-family:液晶数字;
|
|||
|
|
src:url(../font/液晶数字.woff) format(woff),url(../font/液晶数字.ttf) format(truetype);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::-webkit-scrollbar
|
|||
|
|
{
|
|||
|
|
width:5px;
|
|||
|
|
height:5px;
|
|||
|
|
background-color:transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::-webkit-scrollbar-track
|
|||
|
|
{
|
|||
|
|
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
|
|||
|
|
border-radius:10px;
|
|||
|
|
background-color:#6b81d4;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::-webkit-scrollbar-thumb
|
|||
|
|
{
|
|||
|
|
border-radius:10px;
|
|||
|
|
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
|
|||
|
|
background-color:#1843e2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::-webkit-scrollbar-thumb:hover
|
|||
|
|
{
|
|||
|
|
border-radius:5px;
|
|||
|
|
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
|
|||
|
|
background:rgba(0,0,0,0.4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html
|
|||
|
|
{
|
|||
|
|
scrollbar-face-color:#071857;
|
|||
|
|
scrollbar-highlight-color:#010a2c;
|
|||
|
|
scrollbar-3dlight-color:#010a2c;
|
|||
|
|
scrollbar-darkshadow-color:#010a2c;
|
|||
|
|
scrollbar-shadow-color:#071857;
|
|||
|
|
scrollbar-arrow-color:rgba(1,10,44,0.4);
|
|||
|
|
scrollbar-track-color:#071857;
|
|||
|
|
font-size:10vw;
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
min-width:1200px;
|
|||
|
|
font-family:Microsoft YaHei;
|
|||
|
|
line-height:1;
|
|||
|
|
background: rgb(14,17,60);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ellipsis
|
|||
|
|
{
|
|||
|
|
overflow:hidden;
|
|||
|
|
text-overflow:ellipsis;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flexCenter
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flexCenterV
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
flex-direction:column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-index1-body
|
|||
|
|
{
|
|||
|
|
background:#010817;
|
|||
|
|
background-image:url(../image/index1/bj.png);
|
|||
|
|
background-position:center center;
|
|||
|
|
background-size:100% 100%;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header
|
|||
|
|
{
|
|||
|
|
position:relative;
|
|||
|
|
width:100%;
|
|||
|
|
height:.30729rem;
|
|||
|
|
background:url(../image/index1/header-bg.png) center center/100% 100% no-repeat;
|
|||
|
|
padding:0 .10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header .sd-header-title
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
top:.03646rem;
|
|||
|
|
left:50%;
|
|||
|
|
transform:translate(-50%);
|
|||
|
|
font-size:.16667rem;
|
|||
|
|
color:#0FF;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header .sd-header-top .sd-header-top-left
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
left:.10417rem;
|
|||
|
|
top:.05208rem;
|
|||
|
|
color:#1ab1ff;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header .sd-header-top .sd-header-top-left .sd-location-name
|
|||
|
|
{
|
|||
|
|
margin-right:.09375rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header .sd-header-top .sd-header-top-right
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
top:.03646rem;
|
|||
|
|
right:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header .sd-header-top .sd-header-top-right .sd-location-time
|
|||
|
|
{
|
|||
|
|
font-size:.0625rem;
|
|||
|
|
color:#B0E1FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body
|
|||
|
|
{
|
|||
|
|
height:5.20833rem;
|
|||
|
|
display:flex;
|
|||
|
|
flex-direction:column;
|
|||
|
|
padding:0 .10417rem .09375rem;
|
|||
|
|
padding:.1rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .bg
|
|||
|
|
{
|
|||
|
|
background:rgba(1,20,56,0.7);
|
|||
|
|
border:1px solid #173762;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:2.21354rem;
|
|||
|
|
margin-bottom:.10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .rightGap::before
|
|||
|
|
{
|
|||
|
|
content:'';
|
|||
|
|
background:url(../image/index1/spline.png) center center/100% 100%;
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
width:.00521rem;
|
|||
|
|
height:.21875rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .stl-top-tw
|
|||
|
|
{
|
|||
|
|
width:1.14583rem!important;
|
|||
|
|
margin-right:.05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .stl-top-tw .i-tit-w
|
|||
|
|
{
|
|||
|
|
width:.625rem!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .stl-top-cw
|
|||
|
|
{
|
|||
|
|
width:1.70833rem!important;
|
|||
|
|
margin-right:.05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .stl-top-cw1
|
|||
|
|
{
|
|||
|
|
width:.58333rem!important;
|
|||
|
|
margin-right:.05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .stl-top-cw1 .i-tit-w1
|
|||
|
|
{
|
|||
|
|
width:.41667rem!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content
|
|||
|
|
{
|
|||
|
|
padding:.10417rem .07813rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item
|
|||
|
|
{
|
|||
|
|
background-color:#051A40;
|
|||
|
|
width:2.34375rem;
|
|||
|
|
height:.55208rem;
|
|||
|
|
padding:.07292rem 0 .09896rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-tit
|
|||
|
|
{
|
|||
|
|
width:.52083rem;
|
|||
|
|
color:#4B87D6;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
text-align:center;
|
|||
|
|
position:relative;
|
|||
|
|
margin:0 auto .07292rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-tit::after
|
|||
|
|
{
|
|||
|
|
content:'';
|
|||
|
|
background:url(../image/index1/arrL.png) center center/100% 100%;
|
|||
|
|
position:absolute;
|
|||
|
|
top:50%;
|
|||
|
|
left:0;
|
|||
|
|
transform:translate(0,-50%);
|
|||
|
|
width:.0625rem;
|
|||
|
|
height:.0625rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-tit::before
|
|||
|
|
{
|
|||
|
|
content:'';
|
|||
|
|
background:url(../image/index1/arrR.png) center center/100% 100%;
|
|||
|
|
position:absolute;
|
|||
|
|
top:50%;
|
|||
|
|
right:0;
|
|||
|
|
transform:translate(0,-50%);
|
|||
|
|
width:.0625rem;
|
|||
|
|
height:.0625rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-content
|
|||
|
|
{
|
|||
|
|
flex:1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-content .num
|
|||
|
|
{
|
|||
|
|
color:#0FF;
|
|||
|
|
font-size:.125rem;
|
|||
|
|
margin-bottom:.05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-content .desc
|
|||
|
|
{
|
|||
|
|
color:#FFF;
|
|||
|
|
font-size:.0625rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:1.25rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj
|
|||
|
|
{
|
|||
|
|
width:2.21875rem;
|
|||
|
|
height:.79167rem;
|
|||
|
|
background:url(../image/index1/aqhysj.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item
|
|||
|
|
{
|
|||
|
|
display:inline-block;
|
|||
|
|
width:50%;
|
|||
|
|
height:.39583rem;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc
|
|||
|
|
{
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc1pos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
left:.23438rem;
|
|||
|
|
top:-.03125rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc2pos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
right:.23438rem;
|
|||
|
|
top:-.03125rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc3pos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
left:.23438rem;
|
|||
|
|
bottom:-.03125rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc4pos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
right:.23438rem;
|
|||
|
|
bottom:-.03125rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center
|
|||
|
|
{
|
|||
|
|
width:4.76563rem;
|
|||
|
|
height:3.56771rem;
|
|||
|
|
padding:0 .10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-top .i-item
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-between;
|
|||
|
|
width:1.01563rem;
|
|||
|
|
height:.36458rem;
|
|||
|
|
background:url(../image/index1/c-bg.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:0;
|
|||
|
|
margin-right:.17708rem;
|
|||
|
|
padding:0 .10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc
|
|||
|
|
{
|
|||
|
|
font-size:.08333rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl2
|
|||
|
|
{
|
|||
|
|
color:#FFA600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map .sd-body-map-switch-btn
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
z-index:99999;
|
|||
|
|
width:.84896rem;
|
|||
|
|
height:.23438rem;
|
|||
|
|
background:url(../image/index1/map-switch-btn-bg.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:.08333rem;
|
|||
|
|
color:#1ab1ff;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map .sd-map
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:2.05729rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item
|
|||
|
|
{
|
|||
|
|
color:#7ECEF7;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
width:1.38542rem;
|
|||
|
|
margin-right:.20052rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-desc
|
|||
|
|
{
|
|||
|
|
width:1.38542rem;
|
|||
|
|
text-align:center;
|
|||
|
|
margin-bottom:.04167rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item
|
|||
|
|
{
|
|||
|
|
margin-bottom:.05729rem;
|
|||
|
|
width:1.38542rem;
|
|||
|
|
height:.23438rem;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-between;
|
|||
|
|
color:#fff;
|
|||
|
|
padding:0 .07292rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg1
|
|||
|
|
{
|
|||
|
|
border:1px solid rgba(11,64,91,0.8);
|
|||
|
|
background:rgba(11,64,91,0.5);
|
|||
|
|
box-shadow:0 0 .01563rem .01563rem rgba(11,64,91,0.8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg2
|
|||
|
|
{
|
|||
|
|
border:1px solid rgba(97,14,31,0.8);
|
|||
|
|
background:rgba(97,14,31,0.5);
|
|||
|
|
box-shadow:0 0 .01563rem .01563rem rgba(97,14,31,0.8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg3
|
|||
|
|
{
|
|||
|
|
border:1px solid rgba(13,74,60,0.8);
|
|||
|
|
background:rgba(13,74,60,0.5);
|
|||
|
|
box-shadow:0 0 .01563rem .01563rem rgba(13,74,60,0.8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg4
|
|||
|
|
{
|
|||
|
|
border:1px solid rgba(22,39,93,0.8);
|
|||
|
|
background:rgba(22,39,93,0.5);
|
|||
|
|
box-shadow:0 0 .01563rem .01563rem rgba(22,39,93,0.8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg5
|
|||
|
|
{
|
|||
|
|
border:1px solid rgba(10,95,105,0.8);
|
|||
|
|
background:rgba(10,95,105,0.5);
|
|||
|
|
box-shadow:0 0 .01563rem .01563rem rgba(10,95,105,0.8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num
|
|||
|
|
{
|
|||
|
|
color:#1AB1FF;
|
|||
|
|
font-size:.11458rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top
|
|||
|
|
{
|
|||
|
|
height:1.22917rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item
|
|||
|
|
{
|
|||
|
|
width:.66146rem;
|
|||
|
|
margin-right:.26042rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .tbMg
|
|||
|
|
{
|
|||
|
|
margin:.10417rem 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .i-txt
|
|||
|
|
{
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
color:#7ECEF7;
|
|||
|
|
text-align:center;
|
|||
|
|
margin:0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc
|
|||
|
|
{
|
|||
|
|
width:.66146rem;
|
|||
|
|
height:.43229rem;
|
|||
|
|
background:rgba(11,32,86,0.5);
|
|||
|
|
box-shadow:0 0 .01563rem .01563rem rgba(11,32,86,0.8);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-txt
|
|||
|
|
{
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
color:#FFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-num
|
|||
|
|
{
|
|||
|
|
margin-top:.07813rem;
|
|||
|
|
font-size:.13542rem;
|
|||
|
|
color:#1AB1FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-num-cl1
|
|||
|
|
{
|
|||
|
|
color:#12CDA2!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-num-cl2
|
|||
|
|
{
|
|||
|
|
color:#6F6F6F!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom
|
|||
|
|
{
|
|||
|
|
width:2.5rem;
|
|||
|
|
height:2.20833rem;
|
|||
|
|
margin-top:.13021rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top
|
|||
|
|
{
|
|||
|
|
margin:.10417rem 0 .14583rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left
|
|||
|
|
{
|
|||
|
|
width:1.04688rem;
|
|||
|
|
height:.83333rem;
|
|||
|
|
display:inline-block;
|
|||
|
|
margin:0 0 0 .1875rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item
|
|||
|
|
{
|
|||
|
|
width:1.04688rem;
|
|||
|
|
height:.36458rem;
|
|||
|
|
background:url(../image/index1/zg.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:0;
|
|||
|
|
margin-bottom:.10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .desc
|
|||
|
|
{
|
|||
|
|
color:#A9DDEE;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
height:.18229rem;
|
|||
|
|
line-height:.18229rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .num,.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .num1
|
|||
|
|
{
|
|||
|
|
font-size:.10417rem;
|
|||
|
|
color:#2BFAFF;
|
|||
|
|
height:.18229rem;
|
|||
|
|
line-height:.18229rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .num1
|
|||
|
|
{
|
|||
|
|
color:#FFA12F;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-right
|
|||
|
|
{
|
|||
|
|
width:1.23438rem;
|
|||
|
|
height:.83333rem;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-right .strbt-right-pic
|
|||
|
|
{
|
|||
|
|
width:1.23438rem;
|
|||
|
|
height:.83333rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-right .strbt-right-tit
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:0;
|
|||
|
|
left:50%;
|
|||
|
|
transform:translateX(-50%);
|
|||
|
|
width:.41667rem;
|
|||
|
|
height:.14583rem;
|
|||
|
|
background:rgba(25,80,158,0.5);
|
|||
|
|
border-radius:.07292rem;
|
|||
|
|
font-size:.08333rem;
|
|||
|
|
color:#00CAFF;
|
|||
|
|
margin:0 auto .02604rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item
|
|||
|
|
{
|
|||
|
|
width:1.57813rem;
|
|||
|
|
height:1.44271rem;
|
|||
|
|
background:rgba(1,20,56,0.7);
|
|||
|
|
border:1px solid #173762;
|
|||
|
|
margin-right:.0625rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content
|
|||
|
|
{
|
|||
|
|
height:1.28646rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sgsjsj
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
flex-direction:column;
|
|||
|
|
padding:.06771rem .07813rem .07813rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
height:.20313rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top .sg-top-item
|
|||
|
|
{
|
|||
|
|
/*width:.6875rem;*/
|
|||
|
|
background:rgba(15,45,88,0.5);
|
|||
|
|
margin-right:.04688rem;
|
|||
|
|
border:1px solid #0F2D58;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-between;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:.0625rem;
|
|||
|
|
padding:0 .10417rem 0 .07813rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top .sg-top-item:last-child
|
|||
|
|
{
|
|||
|
|
margin-left:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-chart
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:.92708rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sd-video-play
|
|||
|
|
{
|
|||
|
|
position:relative;
|
|||
|
|
width:1.56771rem;
|
|||
|
|
height:1.28646rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sd-video-play .sd-video
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
background:#000;
|
|||
|
|
object-fit:fill;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .sd-video-play .sd-video-desc
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
bottom:0;
|
|||
|
|
width:100%;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-between;
|
|||
|
|
height:.13542rem;
|
|||
|
|
font-size:.0625rem;
|
|||
|
|
color:#7ECEF7;
|
|||
|
|
background:rgba(14,32,67,0.6);
|
|||
|
|
padding:0 .05729rem 0 .04167rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .yjglsj
|
|||
|
|
{
|
|||
|
|
width:1.53125rem;
|
|||
|
|
height:1.22917rem;
|
|||
|
|
background:url(../image/index1/yjglsj.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .yjglsj .item
|
|||
|
|
{
|
|||
|
|
display:inline-block;
|
|||
|
|
width:50%;
|
|||
|
|
height:.59375rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .yjglsj .item .item-inner
|
|||
|
|
{
|
|||
|
|
height:100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .yjglsj .item .item-inner .num
|
|||
|
|
{
|
|||
|
|
color:#1AB1FF;
|
|||
|
|
font-size:.15625rem;
|
|||
|
|
margin-bottom:.08854rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .wdgcsj
|
|||
|
|
{
|
|||
|
|
width:1.47917rem;
|
|||
|
|
height:1.01563rem;
|
|||
|
|
background:url(../image/index1/wdgcsj.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item
|
|||
|
|
{
|
|||
|
|
display:inline-block;
|
|||
|
|
width:50%;
|
|||
|
|
height:.59375rem;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .leftPos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
left:.05208rem;
|
|||
|
|
top:.07813rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .rightPos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
right:.05208rem;
|
|||
|
|
top:.07813rem;
|
|||
|
|
text-align:right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .mgbS
|
|||
|
|
{
|
|||
|
|
margin-bottom:.05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .numC1
|
|||
|
|
{
|
|||
|
|
color:#8656E8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center
|
|||
|
|
{
|
|||
|
|
flex:1;
|
|||
|
|
min-width:0;
|
|||
|
|
padding:0 .10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-menus
|
|||
|
|
{
|
|||
|
|
font-size:0;
|
|||
|
|
display:flex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-menus .sd-body-menu
|
|||
|
|
{
|
|||
|
|
flex:1;
|
|||
|
|
display:flex;
|
|||
|
|
flex-direction:column;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:flex-end;
|
|||
|
|
padding-bottom:.10417rem;
|
|||
|
|
height:.57292rem;
|
|||
|
|
background:url(../image/index1/center-menu-bg.png) center center/100% 100% no-repeat;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-menus .sd-body-menu:not(:last-child)
|
|||
|
|
{
|
|||
|
|
margin-right:.08333rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-menus .sd-body-menu .sd-body-menu-label
|
|||
|
|
{
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
color:#1ab1ff;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-menus .sd-body-menu .sd-body-menu-value
|
|||
|
|
{
|
|||
|
|
font-size:.1875rem;
|
|||
|
|
font-family:液晶数字;
|
|||
|
|
margin-top:.0625rem;
|
|||
|
|
color:#1ab1ff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-menus .sd-body-menu .sd-body-menu-value--yellow
|
|||
|
|
{
|
|||
|
|
color:#ffc277;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-center .sd-body-map .sd-body-map-switch-btn
|
|||
|
|
{
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
width:.84896rem;
|
|||
|
|
height:.23438rem;
|
|||
|
|
background:url(../image/index1/map-switch-btn-bg.png) center center/100% 100% no-repeat;
|
|||
|
|
font-size:.08333rem;
|
|||
|
|
color:#1ab1ff;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .tab-wrap
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:space-between;
|
|||
|
|
padding-right:.02604rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .tab-wrap .tab
|
|||
|
|
{
|
|||
|
|
height:.14583rem;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
color:#7ECEF7;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
justify-content:center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .tab-wrap .tab>div
|
|||
|
|
{
|
|||
|
|
height:.14583rem;
|
|||
|
|
line-height:.14583rem;
|
|||
|
|
text-align:center;
|
|||
|
|
cursor:pointer;
|
|||
|
|
padding:0 .05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .tab-wrap .tab .active
|
|||
|
|
{
|
|||
|
|
color:#FFF;
|
|||
|
|
position:relative;
|
|||
|
|
z-index:0;
|
|||
|
|
cursor:default!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .tab-wrap .tab .active::before
|
|||
|
|
{
|
|||
|
|
height:.14583rem;
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:0;
|
|||
|
|
z-index:-1;
|
|||
|
|
background-color:#19509E;
|
|||
|
|
transform:skew(-15deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-header .sd-header-top,.sd-body .sd-body-top .sd-top-left .stl-top .rightGap
|
|||
|
|
{
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top,.sd-body .sd-body-top .sd-top-left .stl-top .content .item
|
|||
|
|
{
|
|||
|
|
margin-bottom:.10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .tit,.sd-body .sd-body-bottom .bb-item .tit
|
|||
|
|
{
|
|||
|
|
height:.14583rem;
|
|||
|
|
background-color:#0B2A56;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
color:#7ecef7;
|
|||
|
|
display:flex;
|
|||
|
|
align-items:center;
|
|||
|
|
padding-left:.05208rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left,.sd-body .sd-body-top .sd-top-right
|
|||
|
|
{
|
|||
|
|
width:2.5rem;
|
|||
|
|
height:3.56771rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .stl-top-tw:last-child,.sd-body .sd-body-top .sd-top-center .stc-top .i-item:last-child,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item:last-child,.sd-body .sd-body-top .sd-top-right .str-top .i-item:last-child,.sd-body .sd-body-bottom .bb-item:last-child
|
|||
|
|
{
|
|||
|
|
margin-right:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-top .content .item:last-child,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item:last-child,.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item:last-child
|
|||
|
|
{
|
|||
|
|
margin-bottom:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap,.sd-body .sd-body-bottom .bb-item .content .sd-chart
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num,.sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top .sg-top-item .num,.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .num
|
|||
|
|
{
|
|||
|
|
color:#1AB1FF;
|
|||
|
|
font-size:.08542rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num1pos,.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num3pos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
top:.13542rem;
|
|||
|
|
left:.10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num2pos,.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num4pos
|
|||
|
|
{
|
|||
|
|
position:absolute;
|
|||
|
|
top:.13542rem;
|
|||
|
|
right:.10417rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl1,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num.num-cl2,.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .numC2
|
|||
|
|
{
|
|||
|
|
color:#12CDA2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl3,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num.num-cl3
|
|||
|
|
{
|
|||
|
|
color:#0FF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl4,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num.num-cl1
|
|||
|
|
{
|
|||
|
|
color:#F24166;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map,.sd-body .sd-body-center .sd-body-map
|
|||
|
|
{
|
|||
|
|
position:relative;
|
|||
|
|
margin-top:.20833rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map .sd-body-map-switch-btn i,.sd-body .sd-body-center .sd-body-map .sd-body-map-switch-btn i
|
|||
|
|
{
|
|||
|
|
font-size:.08333rem;
|
|||
|
|
color:#1ab1ff;
|
|||
|
|
margin-left:.04167rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-top .sd-top-right .str-bottom .strb-bottom,.sd-body .sd-body-top .sd-top-right .str-bottom .strb-bottom .strb-bottom-pic
|
|||
|
|
{
|
|||
|
|
width:100%;
|
|||
|
|
height:.98958rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-bottom .bb-item .content .yjglsj .item .item-inner .desc,.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .desc
|
|||
|
|
{
|
|||
|
|
color:#7ECEF7;
|
|||
|
|
font-size:.07292rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sd-body .sd-body-left,.sd-body .sd-body-right
|
|||
|
|
{
|
|||
|
|
width:2.36458rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and max-width 1200px {
|
|||
|
|
html
|
|||
|
|
{
|
|||
|
|
font-size:120px;
|
|||
|
|
}
|
|||
|
|
}
|