1247 lines
45 KiB
CSS
1247 lines
45 KiB
CSS
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
li, ol {
|
|
list-style: none
|
|
}
|
|
|
|
a {
|
|
text-decoration: none
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "方正大黑_GBK";
|
|
src: url("../font/方正大黑_GBK.eot?") format("eot");
|
|
src: url("../font/方正大黑_GBK.woff") format("woff"),url("../font/方正大黑_GBK.ttf")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "液晶数字";
|
|
src: url("../font/液晶数字.eot?") format("eot");
|
|
src: url("../font/液晶数字.woff") format("woff"),url("../font/液晶数字.ttf")
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 110px;
|
|
background-color: transparent
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
border-radius: 10px;
|
|
background-color: #010a2c
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
background-color: #071857
|
|
}
|
|
|
|
::-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
|
|
}
|
|
|
|
html {
|
|
font-size: 10vw;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 1200px;
|
|
min-height: 768px;
|
|
font-family: Microsoft YaHei;
|
|
line-height: 1
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
html {
|
|
font-size: 120px
|
|
}
|
|
}
|
|
|
|
.ellipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.sd-index2-body {
|
|
background: #0b5695
|
|
}
|
|
|
|
.sd-header2 {
|
|
position: relative;
|
|
padding: 0 .10417rem;
|
|
display: flex;
|
|
height: .36458rem;
|
|
background-color: #107f8b
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: .39583rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-cname {
|
|
position: relative;
|
|
display: flex;
|
|
color: #fff;
|
|
height: .29167rem;
|
|
line-height: .29167rem;
|
|
padding-right: .05208rem;
|
|
margin-right: .10417rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-cname .sd-cname-tit {
|
|
font-size: .15625rem;
|
|
font-weight: 600;
|
|
letter-spacing: .01042rem;
|
|
padding: 0 0 0 .10417rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-cname .sd-cname-img {
|
|
height: .29167rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area {
|
|
position: relative;
|
|
cursor: pointer
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area .sd-select-area-inner {
|
|
display: flex;
|
|
align-items: center
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area .sd-select-name {
|
|
font-size: .07292rem;
|
|
color: #fff;
|
|
margin-right: .05208rem;
|
|
max-width: 1.04167rem;
|
|
min-width: .52083rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area .sd-dropdown-icon {
|
|
margin-top: .02083rem;
|
|
width: .07292rem;
|
|
height: .04688rem;
|
|
background: url("../image/index2/dropdown.png") center center/100% auto no-repeat
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area .sd-select-box {
|
|
position: absolute;
|
|
top: .20833rem;
|
|
left: 0;
|
|
z-index: 2;
|
|
width: .9375rem;
|
|
height: 1.5625rem;
|
|
overflow-y: auto;
|
|
background: #0d1e4f
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area .sd-select-box .sd-select-box-item {
|
|
padding: .10417rem;
|
|
font-size: .08333rem;
|
|
color: #fff
|
|
}
|
|
|
|
.sd-header2 .sd-header2-left .sd-select-area .sd-select-box .sd-select-box-item:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.sd-header2 .sd-header2-center {
|
|
flex: 1;
|
|
min-width: 0
|
|
}
|
|
|
|
.sd-header2 .sd-header2-center ul {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%
|
|
}
|
|
|
|
.sd-header2 .sd-header2-center ul li {
|
|
width: .51042rem;
|
|
height: .19792rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-center ul li:not(:last-child) {
|
|
margin-right: .08333rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-center ul li a {
|
|
display: block;
|
|
font-size: .07292rem;
|
|
line-height: .19792rem;
|
|
color: #f8f2f2;
|
|
text-align: center
|
|
}
|
|
|
|
.sd-header2 .sd-header2-center ul li a.activeClick, .sd-header2 .sd-header2-center ul li a:hover {
|
|
width: .5rem;
|
|
height: .19792rem;
|
|
border-radius: .02083rem;
|
|
background-color: #ffffff !important;
|
|
color: #107f8b
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul li {
|
|
font-size: .0625rem;
|
|
line-height: .08333rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul li a {
|
|
color: #fff
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul li:not(:last-child) {
|
|
margin-right: .10417rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul li span {
|
|
position: relative;
|
|
margin-right: .03646rem;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul li i {
|
|
font-size: .07292rem
|
|
}
|
|
|
|
.sd-header2 .sd-header2-right ul li .sd-message-dot::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: .03125rem;
|
|
height: .03125rem;
|
|
border-radius: 50%;
|
|
background: #f39800
|
|
}
|
|
|
|
.sd-body2 {
|
|
display: flex;
|
|
padding: .09375rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-body2-left .sd-section, .sd-body2 .sd-body2-right .sd-section {
|
|
position: relative;
|
|
width: 2.54167rem;
|
|
height: 1.7rem;
|
|
background: url(../images/04.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-body2-left .sd-section .sd-section-title, .sd-body2 .sd-body2-right .sd-section .sd-section-title {
|
|
left: 50%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.sd-body2 .sd-body2-center {
|
|
flex: 1;
|
|
min-width: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.sd-body2 .sd-body2-center .sd-section {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 1.7rem;
|
|
background: url("../images/04.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-body2-center .sd-section .sd-section-title {
|
|
left: 50%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section-title {
|
|
position: absolute;
|
|
top: .06rem;
|
|
font-size: .08333rem;
|
|
color: #ffffff;
|
|
width: 1.01563rem;
|
|
text-align: center;
|
|
padding: 0 .05208rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner {
|
|
padding: .29167rem .15625rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security .sd-security-label {
|
|
font-size: .08333rem;
|
|
color: #ffffff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security .sd-security-value {
|
|
height: .25521rem;
|
|
margin: .09375rem auto 0;
|
|
padding: 0 .02604rem;
|
|
text-align: right;
|
|
background: url("../image/index6/security-time-bg.png") center center/100% 100% no-repeat;
|
|
font-size: .15625rem;
|
|
color: #ffffff;
|
|
font-family: "液晶数字";
|
|
letter-spacing: .09896rem;
|
|
padding-top: .06771rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc {
|
|
margin-top: .14583rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus-label {
|
|
font-size: .08333rem;
|
|
color: #ffffff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: .125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu .sd-security-menu-img {
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
background-position: center center;
|
|
width: .5rem;
|
|
height: .43229rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu .sd-security-menu-img .sd-security-menu-value {
|
|
position: absolute;
|
|
top: -.03125rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: .20833rem;
|
|
font-family: "液晶数字"
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu .sd-security-menu-name {
|
|
font-size: .07292rem;
|
|
color: #fff;
|
|
text-align: center
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(1) .sd-security-menu-img {
|
|
background-image: url("../image/index6/s_1.png")
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(1) .sd-security-menu-img .sd-security-menu-value {
|
|
color: #1a3ac3
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(1) .sd-security-menu-name {
|
|
color: #5d7ff4
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(2) .sd-security-menu-img {
|
|
background-image: url("../image/index6/s_2.png")
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(2) .sd-security-menu-img .sd-security-menu-value {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(2) .sd-security-menu-name {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(3) .sd-security-menu-img {
|
|
background-image: url("../image/index6/s_3.png")
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(3) .sd-security-menu-img .sd-security-menu-value {
|
|
color: #ce0a2a
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(3) .sd-security-menu-name {
|
|
color: #ee3d6f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner {
|
|
padding: .34896rem .15625rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list {
|
|
width: 2.21354rem;
|
|
height: 1.13542rem;
|
|
background: url("../image/index6/a.png") center center/100% 100% no-repeat;
|
|
font-size: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item {
|
|
display: inline-block;
|
|
width: 50%;
|
|
height: .56771rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-item-inner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-icon {
|
|
width: .26563rem;
|
|
height: .26042rem;
|
|
margin-right: .05208rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-con .sd-warning-value {
|
|
font-size: .125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-con .sd-warning-name {
|
|
margin-top: .05208rem;
|
|
font-size: .07292rem;
|
|
color: white;
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(1) .sd-warning-icon {
|
|
background: url("../image/index6/t_1.png") center center/100% 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(1) .sd-warning-value {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(2) .sd-warning-icon {
|
|
background: url("../image/index6/t_2.png") center center/100% 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(2) .sd-warning-value {
|
|
color: #5d7ff4
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(3) .sd-warning-icon {
|
|
background: url("../image/index6/t_3.png") center center/100% 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(3) .sd-warning-value {
|
|
color: #ee3d6f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(4) .sd-warning-icon {
|
|
background: url("../image/index6/t_4.png") center center/100% 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(4) .sd-warning-value {
|
|
color: #f3780a
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section3-inner {
|
|
padding: .375rem .07813rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section3-inner .sd-output {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 1.23958rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner {
|
|
padding: .25521rem .15625rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project {
|
|
display: flex
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info {
|
|
margin-top: .07813rem;
|
|
/* flex:1; */
|
|
padding: 0 10px;
|
|
width: 33%;
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item {
|
|
display: flex;
|
|
align-items: center;
|
|
height: .17708rem;
|
|
font-size: .07292rem;
|
|
color: #ffffff;
|
|
padding: 0 .07292rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item span {
|
|
font-size: .07292rem;
|
|
color: #ffffff;
|
|
margin-right: .07813rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item span:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item:nth-child(odd) {
|
|
background: #0e69b570
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item:not(:first-child) {
|
|
margin-top: .03646rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item .tit-name {
|
|
width: .3125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item .tit-val {
|
|
flex: 1;
|
|
max-width: .9375rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-imgs {
|
|
/* flex: 1; */
|
|
width: 33%;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: .05729rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-imgs .sd-project-img {
|
|
width: 1.5625rem;
|
|
height: 1.30208rem;
|
|
background: url("../image/index6/center-bg.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards {
|
|
margin-top: .05729rem;
|
|
/* flex: 1; */
|
|
width: 33%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: .36458rem;
|
|
font-size: .07292rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card .sd-project-card-unit {
|
|
margin-top: .04688rem;
|
|
margin-left: .05208rem;
|
|
font-size: .07292rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:not(:first-child) {
|
|
margin-top: .09375rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(1) {
|
|
color: #5d7ff4;
|
|
background: url("../image/index6/c_1.png") center center/100% 100% no-repeat;
|
|
padding: 0 .07813rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(1) .sd-project-card-value {
|
|
flex: 1;
|
|
text-align: right;
|
|
font-size: .14583rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(2) {
|
|
color: #f3780a;
|
|
background: url("../image/index6/c_2.png") center center/100% 100% no-repeat;
|
|
padding: 0 .05208rem 0 .07813rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(2) .sd-project-card-value {
|
|
flex: 1;
|
|
text-align: right;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(3) {
|
|
color: #f24166;
|
|
background: url("../image/index6/c_3.png") center center/100% 100% no-repeat;
|
|
padding: 0 .07813rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(3) .sd-project-card-value {
|
|
flex: 1;
|
|
text-align: right;
|
|
font-size: .14583rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner {
|
|
padding: .30208rem .10417rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items {
|
|
display: flex
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item {
|
|
flex: 1
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 1.4rem;
|
|
height: .1875rem;
|
|
font-size: .07292rem;
|
|
color: white;
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title .sd-quality-value {
|
|
min-width: .58333rem;
|
|
font-size: .125rem;
|
|
text-align: right
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title .sd-quality-unit {
|
|
margin-left: .03125rem;
|
|
margin-top: .04167rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas {
|
|
margin-top: .09375rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas .sd-quality-canvas-inner {
|
|
position: relative;
|
|
width: .80729rem;
|
|
height: .80729rem;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas .sd-quality-canvas-inner canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas .sd-quality-canvas-name {
|
|
text-align: center;
|
|
margin-top: .0625rem;
|
|
font-size: .07292rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-item-title {
|
|
background: url("../image/index6/q-title-bg-1.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-value {
|
|
color: #4c6eff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-canvas .sd-quality-canvas-inner {
|
|
background: url("../image/index6/q_11.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-canvas .sd-quality-canvas-name {
|
|
color: #ff9204
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-item-title {
|
|
background: url("../image/index6/q-title-bg-2.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-value {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-canvas .sd-quality-canvas-inner {
|
|
background: url("../image/index6/q_22.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-canvas .sd-quality-canvas-name {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-item-title {
|
|
background: url("../image/index6/q-title-bg-3.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-value {
|
|
color: #f24166
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-canvas .sd-quality-canvas-inner {
|
|
background: url("../image/index6/q_33.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-canvas .sd-quality-canvas-name {
|
|
color: #4c6eff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner {
|
|
padding: .40625rem .10417rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-delay {
|
|
position: absolute;
|
|
top: .17708rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 100%;
|
|
height: .1875rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: .07292rem;
|
|
color: #fff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-delay span {
|
|
color: #f24166
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-delay1 {
|
|
position: absolute;
|
|
top: .08854rem;
|
|
right: .10417rem;
|
|
width: 1.30729rem;
|
|
height: .1875rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: url("../image/index2/p-top-bg.png") center center/100% 100% no-repeat;
|
|
font-size: .07292rem;
|
|
color: #fff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-delay1 span {
|
|
color: #f24166;
|
|
min-width: .48958rem;
|
|
text-align: right
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item {
|
|
position: relative;
|
|
width: .66667rem;
|
|
height: .97917rem;
|
|
z-index: 2
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: .0625rem;
|
|
height: .0625rem;
|
|
background: #999999;
|
|
border-radius: 50%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-info {
|
|
position: absolute;
|
|
width: .53125rem;
|
|
height: .22917rem;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
white-space: nowrap;
|
|
font-size: .0625rem;
|
|
color: #666666;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
opacity: 0.5;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-info .sd-progress-warn {
|
|
color: #f24166
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-name {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: .07292rem;
|
|
color: #0db86f;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-img {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
opacity: 0.5;
|
|
width: .39063rem;
|
|
height: .35938rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item.active .sd-progress-info, .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item.active .sd-progress-img {
|
|
opacity: 1
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item.active::after {
|
|
background: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(odd) .sd-progress-info {
|
|
justify-content: flex-end;
|
|
top: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(odd) .sd-progress-name {
|
|
top: .3125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(odd) .sd-progress-img {
|
|
bottom: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(even) .sd-progress-info {
|
|
justify-content: flex-start;
|
|
bottom: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(even) .sd-progress-name {
|
|
bottom: .3125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(even) .sd-progress-img {
|
|
top: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(1) .sd-progress-img {
|
|
background: url(../image/index6/process_1.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(2) .sd-progress-img {
|
|
background: url(../image/index6/process_2.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(3) .sd-progress-img {
|
|
background: url(../image/index6/process_3.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(4) .sd-progress-img {
|
|
background: url(../image/index6/process_4.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(5) .sd-progress-img {
|
|
background: url(../image/index6/process_5.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(6) .sd-progress-img {
|
|
background: url(../image/index6/process_6.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(7) .sd-progress-img {
|
|
background: url(../image/index6/process_7.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(8) .sd-progress-img {
|
|
background: url(../image/index6/process_8.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(9) .sd-progress-img {
|
|
background: url(../image/index6/process_9.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(10) .sd-progress-img {
|
|
background: url(../image/index6/process_10.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(11) .sd-progress-img {
|
|
background: url(../image/index6/process_11.png) center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-bar {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: .33333rem;
|
|
right: .33333rem;
|
|
height: .03125rem;
|
|
background: #dbdde0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-bar .sd-progress-bar-inner {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
transition: width 0.3s;
|
|
background: linear-gradient(to right, #0db86f, #0db86f)
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner {
|
|
padding: .27083rem .15625rem 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item {
|
|
padding-top: .02604rem;
|
|
width: .63542rem;
|
|
height: .32292rem;
|
|
text-align: center
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item .sd-labor-name {
|
|
position: relative;
|
|
font-size: .07292rem;
|
|
padding-bottom: .03125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item .sd-labor-name::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: .00521rem;
|
|
background: url("../image/index2/border-bg.png") bottom center/100% auto no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item .sd-labor-value {
|
|
margin-top: .02604rem;
|
|
font-size: .125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(1) {
|
|
background: url("../image/index6/r_1.png") center center/100% 100% no-repeat;
|
|
background-color: #f8f1e5
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(1) .sd-labor-value {
|
|
color: #f3780a
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(1) .sd-labor-name {
|
|
color: #f3780a
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(2) {
|
|
background: url("../image/index6/r_2.png") center center/100% 100% no-repeat;
|
|
background-color: #dff3f0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(2) .sd-labor-value {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(2) .sd-labor-name {
|
|
color: #0db86f
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(3) {
|
|
background: url("../image/index6/r_3.png") center center/100% 100% no-repeat;
|
|
background-color: #e6ecff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(3) .sd-labor-value {
|
|
color: #4c6eff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(3) .sd-labor-name {
|
|
color: #4c6eff
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-echart {
|
|
margin-top: .13021rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section7-inner .sd-labor-echart .sd-labor-echart-box {
|
|
width: 100%;
|
|
height: .89583rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner {
|
|
padding-top: .32292rem;
|
|
padding-left: .16667rem;
|
|
display: flex
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
padding: 0 .10417rem;
|
|
width: 100%
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
border: 1px solid #fff;
|
|
border-radius: .04167rem;
|
|
width: 46%;
|
|
margin-right: 8%;
|
|
height: .3125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item:nth-child(2n) {
|
|
margin-right: 0
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item .box-item-num {
|
|
margin-bottom: .05208rem;
|
|
font-size: .08333rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item .box-item-desc {
|
|
font-size: .07292rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-red {
|
|
border-color: red;
|
|
background-color: red
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-orange {
|
|
border-color: orange;
|
|
background-color: orange
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-yellow {
|
|
color: #333;
|
|
border-color: yellow;
|
|
background-color: yellow
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-blue {
|
|
border-color: blue;
|
|
background-color: blue
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-video-play {
|
|
position: relative;
|
|
width: 1.53125rem;
|
|
height: 1.29167rem;
|
|
margin-right: .10417rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-video-play .sd-video {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000;
|
|
object-fit: fill
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-video-play .sd-video-desc {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: .14063rem;
|
|
padding: 0 .08854rem 0 .06771rem;
|
|
font-size: .05208rem;
|
|
color: #ffffff;
|
|
background: rgba(170,170,170,0.6)
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-video-items .sd-video-item {
|
|
width: .49479rem;
|
|
height: .28125rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-video-items .sd-video-item video {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000;
|
|
vertical-align: top
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section8-inner .sd-video-items .sd-video-item:not(:first-child) {
|
|
margin-top: .05208rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner {
|
|
padding-top: .27083rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment {
|
|
position: relative;
|
|
width: 2.21354rem;
|
|
height: 1.25rem;
|
|
margin: 0 auto;
|
|
background: url("../image/index6/e-bg.png") center center/100% 100% no-repeat
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li {
|
|
position: absolute;
|
|
font-size: .10417rem;
|
|
color: white;
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(1) {
|
|
top: .15625rem;
|
|
left: .15625rem;
|
|
width: .375rem;
|
|
text-align: right
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(2) {
|
|
top: .15625rem;
|
|
right: .15625rem;
|
|
text-align: left;
|
|
width: .375rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(3) {
|
|
top: .63542rem;
|
|
left: .15625rem;
|
|
text-align: right;
|
|
width: .26042rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(4) {
|
|
top: .63542rem;
|
|
right: .15625rem;
|
|
text-align: left;
|
|
width: .26042rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(5) {
|
|
top: 1.11458rem;
|
|
left: .15625rem;
|
|
width: .375rem;
|
|
text-align: right
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(6) {
|
|
top: 1.11458rem;
|
|
right: .17708rem;
|
|
width: .375rem;
|
|
text-align: left
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-img--duoyun {
|
|
width: .29167rem;
|
|
height: .22396rem;
|
|
background: url("../image/index6/weather/duoyun.png") center center/100% 100% no-repeat;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-value {
|
|
text-align: center;
|
|
margin-top: .07292rem;
|
|
font-size: .15625rem;
|
|
color: #107f8b
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-value span {
|
|
font-size: .07292rem;
|
|
color: #107f8b;
|
|
margin-top: .03646rem
|
|
}
|
|
|
|
.sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-name {
|
|
text-align: center;
|
|
margin-top: .07292rem;
|
|
font-size: .07292rem;
|
|
color: #16275d
|
|
}
|
|
|
|
.sd-table-content {
|
|
padding: .19792rem .10417rem 0;
|
|
display: flex
|
|
}
|
|
|
|
.sd-table-content .sd-table-item {
|
|
flex: 1
|
|
}
|
|
|
|
.table, .table * {
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
font-size: .07292rem
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
width: 95%;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.table-tr {
|
|
display: table-row;
|
|
height: .125rem
|
|
}
|
|
|
|
.table-th {
|
|
display: table-cell;
|
|
font-weight: bold;
|
|
height: 100%;
|
|
text-align: center;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.table-td {
|
|
display: table-cell;
|
|
height: 100%;
|
|
text-align: center;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.table .table-tr {
|
|
color: #666666
|
|
}
|
|
|
|
.table .table-tr:nth-child(odd) {
|
|
background: #ecf3fe
|
|
}
|
|
|
|
.table .table-tr:first-child {
|
|
color: #16275d;
|
|
background-color: #9bbdf5
|
|
}
|
|
|
|
.swiper-container {
|
|
width: 1.66667rem;
|
|
height: 1.45833rem
|
|
}
|