ul {
  list-style: none;
}
.nav {
height: 66px;
}

.nav-main {
box-shadow: 0 3px 10px rgb(5 36 82 / 8%);
background-color: #FFFFFF;
}

.nav-main.fixed {
position: fixed;
top: 0;
z-index: 99999;
width: 100%;
}

.nav ul {
display: flex;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
}

.nav li {
position: relative;
height: 66px;
font-weight: 400;
font-size: 16px;
line-height: 66px;
color: #666666;
cursor: pointer;
list-style: none;
}

.nav li.active {
font-weight: 800;
color: #333333;
}

.nav li.active::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #2A7EFC;
}
.mySwiper .swiper-pagination {
/* width: 20% !important; */
bottom: 80px !important;
/* left: 20% !important; */
}

.mySwiper .swiper-pagination-bullet {
width: 40px !important;
height: 4px !important;
background-color: #E6F0FF !important;
border-radius: 0 !important;
}
.mySwiper img{
width: 100%;
}
.top_tab{
background-color: #fff;
}
.top_tab .tab_item{
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #999999;
cursor: pointer;
}

.top_tab .active{
font-weight: 600;
color: #333333;
}
.section1{
background: url('/static/images/bg_1.png');
}
.second_tit_box{
width: 969px;
height: 56px;
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 28px;
margin:20px auto 0;
}
.mer_table{
width: 1200px;
margin-top: 50px;
}
.section2 .active .tit {
font-weight: 600 !important;
color: #2A7EFB !important;
margin-top: 28px;
}
.section2 .active .peitu {
width: 86px !important;
height: 86px !important;
}
.section2 .peitu {
width: 69px;
height: 69px;
}
.section2 .pic_1 {
background: url('/static/images/ppls_check.png') no-repeat center center;
background-size: 69px 69px;  
}
.section2 .active .pic_1 {
background: url('/static/images/ppls_checked.png') no-repeat center center;
background-size: 86px 86px; 
margin-top: -20px;
}
.section2 .pic_2 {
background: url('/static/images/znsy_check.png') no-repeat center center;
background-size: 69px 69px;  
}
.section2 .active .pic_2 {
background: url('/static/images/znsy_checked.png') no-repeat center center;
background-size: 86px 86px; 
margin-top: -20px;
}
.section2 .pic_3 {
background: url('/static/images/yxzl_check.png') no-repeat center center;
background-size: 69px 69px;  
}
.section2 .active .pic_3 {
background: url('/static/images/yxzl_checked.png') no-repeat center center;
background-size: 86px 86px; 
margin-top: -20px;
}
.section2 .pic_4 {
background: url('/static/images/qyhy_check.png') no-repeat center center;
background-size: 69px 69px;  
}
.section2 .active .pic_4 {
background: url('/static/images/qyhy_checked.png') no-repeat center center;
background-size: 86px 86px; 
margin-top: -20px;
}
.section2 .pic_5 {
background: url('/static/images/gys_check.png') no-repeat center center;
background-size: 69px 69px;  
}
.section2 .active .pic_5 {
background: url('/static/images/gys_checked.png') no-repeat center center;
background-size: 86px 86px; 
margin-top: -20px;
}
.section2 .pic_6 {
background: url('/static/images/sjfn_check.png') no-repeat center center;
background-size: 69px 69px;  
}
.section2 .active .pic_6 {
background: url('/static/images/sjfn_checked.png') no-repeat center center;
background-size: 86px 86px; 
margin-top: -20px;
}
.long_box {
width: 1201px;
}
.operation {
margin-top: 56px;
}
.section2 .grid_item{
width: 80px;
height: 160px;
}
.section2 .grid_item .tit{
font-size: 20px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 400;
color: #330000;
margin: 22px 0 47px;
}
.operation_bottom {
width: 1200px;
height: 456px;
background: url('/static/images//bg_2.png') no-repeat 1090px 51px,
      #F1F7FD url('/static/images//bg_3.png') no-repeat 984px 199px;
background-size: 82px 55px, 217px 257px;
border-radius: 6px;
position: relative;
}
.operation_bottom::before {
content: "";
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #F1F7FD;;
position: absolute;
top: -10px;
left: 35px;
}
.operation_bottom_left_card{
width: 608px;
height: 370px;
margin: 0 94px 0 35px;
}
.operation_bottom_left_card img {
width: 100%;
height: 100%;
}
.operation_bottom_right_card {
height: 100%;
}
.operation_bottom_right_card p {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #333333;
margin: 93px 0 41px;
}
.operation_bottom_right_card ul li {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #555555;
list-style: none;
margin-bottom: 38px;
}
.operation_bottom_right_card li:before {
content: "";
width: 4px;
height: 4px;
display: inline-block;
border-radius: 50%;
background: #2A7EFB;
vertical-align: middle;
margin-right: 14px;
}
.operation_bottom_right_card .line {
width: 30px;
height: 4px;
background: #BECEE2;
}
.info1 {
height: 548px;
min-width: 1200px;
}
.bg_scrm {
background: url('/static/images//bg_4.png');
background-size: 100% 100%;
}
.bg_live {
background: url('/static/images//bg_6.png');
background-size: 100% 100%;
}
.scrm_right {
 width: 641px; 
 height: 444px;
}
.live {
width: 641px; 
height: 548px;
overflow: hidden;
}
.live img {
width: 641px; 
}
.scrm_right img{
width: 100%; 
height: 100%;
}
.scrm_left .tit{
font-size: 26px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
}
.scrm_left .desc{
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
margin-bottom: 40px;
}
.scrm_left ul li{
font-size: 15px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #737889;
margin-bottom: 26px;
list-style: none;
}
.scrm_left li:before {
content: "";
width: 4px;
height: 4px;
display: inline-block;
border-radius: 50%;
background: #2A7EFB;
vertical-align: middle;
margin-right: 10px;
}
.info2 {
height: 548px;
min-width: 1200px;
}
.bg_guide {
background: url('/static/images//bg_5.png');
background-size: 100% 100%;
}
.bg_client {
background: url('/static/images//bg_7.png');
background-size: 100% 100%;
}
.guide_left {
 width: 641px; 
 height: 444px;
}
.guide_left img{
 width: 100%; 
 height: 100%;
 margin-top: 52px;
}
.guide_right .tit{
font-size: 26px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
}
.guide_right .desc{
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
margin-bottom: 40px;
}
.guide_right ul li{
font-size: 15px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #737889;
margin-bottom: 26px;
list-style: none;
}
.guide_right li:before {
content: "";
width: 4px;
height: 4px;
display: inline-block;
border-radius: 50%;
background: #2A7EFB;
vertical-align: middle;
margin-right: 10px;
}
.section3 {
height: 548px;
min-width: 1200px;
}
.bg_scrm {
background: url('/static/images//bg_4.png');
background-size: 100% 100%;
}
.bg_live {
background: url('/static/images//bg_6.png');
background-size: 100% 100%;
}
.scrm_right {
 width: 641px; 
 height: 444px;
}
.live {
width: 641px; 
height: 548px;
overflow: hidden;
}
.live img {
width: 641px; 
/* height: 100%; */
margin-top: -40px;
}
.scrm_right img{
width: 100%; 
height: 100%;
}
.solve {
height: 548px;
min-width: 1200px;
}
.bg_guide {
background: url('/static/images//bg_5.png');
background-size: 100% 100%;
}
.bg_client {
background: url('/static/images//bg_7.png');
background-size: 100% 100%;
}
.guide_left {
 width: 641px; 
 height: 444px;
}
.guide_left img{
 width: 100%; 
 height: 100%;
 margin-top: 52px;
}
.section3 {
height: 656px;
min-width: 1200px !important;
background: url('/static/images/bg_8.png') no-repeat center center;
background-size: cover;
}
.section3 .item_bottom {
height: 536px;
position: relative;
}
.section3 .pic {
position: absolute;
bottom: -50px;
transform: translateX(-50%);
left: 50%;
}
.section3 .item {
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
float: left;
}
.section3 .item img {
width: 42px;
height: 42px;
cursor: pointer;
}
.section3 .liu {
position: absolute;
bottom: 11px;
left: 500px;
}
.bushu_aninmate {
animation: kf-s2t 1.2s linear .8s infinite alternate;
}
@keyframes kf-s2t {
0% {
  transform: translateY(20px);
}

100% {
  transform: translateY(0);
}
}
.section3 .item_1 {
width: 126px;
top: 310px;
left: 86px;
position: absolute;
text-align: right;
}
.section3 .item_2 {
width: 126px;
top: 145px;
left: 235px;
position: absolute;
text-align: right;
}
.section3 .item_3 {
width: 126px;
top: 68px;
left: 50%;
transform: translateX(-50%);
position: absolute;
text-align: center;
}
.section3 .item_4 {
width: 162px;
top: 145px;
right: 200px;
position: absolute;
text-align: left;
}
.section3 .item_5 {
width: 144px;
top: 320px;
right: 64px;
position: absolute;
text-align: left;
}
.solve {
height: 1717px;
}
.solution_top {
height: 541px;
background: url('/static/images/bg_9.png') no-repeat;
background-size: 100% 100%;
}
.solution_top .circle {
margin-bottom: 18px;
}
.solution_top .circle .pic_1{
width: 48px;
height: 48px;
margin: 15px;
background: url('/static/images/choose_1.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .actived .circle .pic_1{
width: 48px;
height: 48px;
background: url('/static/images/choosed_1.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .circle .pic_2{
width: 48px;
height: 48px;
margin: 15px;
background: url('/static/images/choose_2.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .actived .circle .pic_2{
width: 48px;
height: 48px;
background: url('/static/images/choosed_2.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .circle .pic_3{
width: 48px;
height: 48px;
margin: 15px;
background: url('/static/images/choose_3.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .actived .circle .pic_3{
width: 48px;
height: 48px;
background: url('/static/images/choosed_3.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .circle .pic_4{
width: 48px;
height: 48px;
margin: 15px;
background: url('/static/images/choose_4.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .actived .circle .pic_4{
width: 48px;
height: 48px;
margin: 15px;
background: url('/static/images/choosed_4.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .circle .pic_5{
width: 48px;
height: 48px;
margin: 15px;
background: url('/static/images/choose_5.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .actived .circle .pic_5{
width: 48px;
height: 48px;
background: url('/static/images/choosed_5.png') no-repeat;
background-size: 48px 48px;
}
.solution_top .item {
cursor: pointer;
}
.solution_top .item img {
width: 48px;
height: 48px;
margin: 15px;
}
.solution_top .actived .circle {
width: 78px !important;
height: 78px !important;
border-radius: 50% !important;
margin-bottom: 18px !important;
background: #E5BB8C;
}
.solution_top .card {
position: relative;
}
.solution_top p {
font-size: 40px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
text-align: center;
}
.solution_top .tit {
font-size: 18px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
}
.solution_top .pic {
margin-top: 40px;
}
.solution_middle {
width: 1200px;
height: 476px;
background: #FFFFFF;
position: absolute;
top: 345px;
left: 0%;
border-radius: 6px;
}
.drainage_left {
width: 513px;
flex-direction: column;
}
.drainage_left_top .name{
font-size: 26px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.solution_bottom {
height: 1176px;
background: url('/static/images/bg_10.png') no-repeat;
background-size: 100% 100%;
}
.solution_bottom .phone {
width: 360px;
height: 613px;
background: url('/static/images/phone.png');
background-size: 100% 100%;
}
.solution_bottom .phone .left_img {
width: 288px;
height: 511px;
}
.solution_bottom .grid_box{
display: grid;
grid-template-columns: repeat(5, 1fr);
padding: 85px 0;
grid-column-gap: 30px;
grid-row-gap: 6px;
}
.grid_item{
width: 132px;
height: 132px;
cursor: pointer;
}
.grid_text{
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.solve .active{
transition: all .7s;
border-radius: 12px;
background: linear-gradient(315deg, #D8DEE7, #f3f5f9);
box-shadow:  -12px -12px 24px #D8DEE7,
       12px 12px 24px #f3f5f9;
}
.drainage_left_bottom_desc {
flex-direction: column;
}
.drainage_left_bottom_desc .title {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
margin-bottom: 7px;
}
.drainage_left_bottom_desc .content {
font-size: 13px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #888888;
text-align: left;
margin-bottom: 30px;
}
.drainage_right img{
width: 658px;
height: 485px;
}

.section5 {
height: 926px;
background: url('/static/images/bg_12.png') no-repeat;
background-size: 100% 100%;
}
@-webkit-keyframes rotation {
from {
  -webkit-transform: rotate(0deg);
}
to {
  -webkit-transform: rotate(360deg);
}
}

.rotation {
width: 90px;
height: 90px;
position: absolute;
top: 40%;
left: 46%;
-webkit-transform: rotate(360deg);
animation: rotation 16s linear infinite;
-moz-animation: rotation 1s linear infinite;
-webkit-animation: rotation 1s linear infinite;
-o-animation: rotation 1s linear infinite;
}

.rotation .img {
border-radius: 200px;
}
.preload {
position: relative;
margin: 40px 0 0 -30px;
}
.preload span {
position: absolute;
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
-webkit-animation: preload 1s infinite ease-in-out;
    animation: preload 1s infinite ease-in-out;
}
.preload span:nth-child(2) {
left: 15px;
-webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.preload span:nth-child(3) {
left: 30px;
-webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.preload span:nth-child(4) {
left: 45px;
-webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.preload span:nth-child(5) {
left: 60px;
-webkit-animation-delay: .8s;
    animation-delay: .8s;
}

@-webkit-keyframes preload {
0%, 100% {
  opacity: 0.3;
}
50% {
  opacity: 1;
  box-shadow: 0 0 1px 1px rgba(255, 255, 255);
}
}

@keyframes preload {
0%, 100% {
  opacity: 0.3;
}
50% {
  opacity: 1;
  box-shadow: 0 0 1px 1px rgba(255, 255, 255);
}
}
.sales_bottom {
height: 757px;
background: url('/static/images/loop.png') no-repeat 249px 0;
background-size: 696px 696px;
position: relative;
}
.sales_bottom .content {
height: 40px;
}
.sales_bottom .content .tit{
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.sales_bottom .content .desc{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #777777;
}
.sales_bottom_item1 {
width: 426px;
height: 40px;
padding-top: 136px;
margin-left: 29px;
text-align: right;
}
.sales_bottom_item2 {
width: 360px;
height: 40px;
padding-top: 148px;
margin-left: 29px;
text-align: right;
}
.sales_bottom_item3 {
width: 426px;
height: 40px;
padding-top: 135px;
margin-left: 29px;
text-align: right;
}
.sales_bottom_item4 {
width: 426px;
height: 40px;
margin-left: 736px;
text-align: left;
}
.sales_bottom_item5 {
width: 360px;
height: 40px;
margin-left: 816px;
text-align: left;
}
.sales_bottom_item6 {
width: 426px;
height: 40px;
margin-left: 736px;
text-align: left;
}

.section6 {
height: 980px;
background: #F9FAFB;
}
.advantage_top .desc {
padding: 0 116px;
text-align: center;
}
.advantage_bottom_card {
width: 578px;
background: #FFFFFF url("/static/images/bg_zhuangshi.png") right top/298px 160px no-repeat;
}
.advantage_bottom_card_title {
height: 100px;
background: linear-gradient(90deg, rgba(42,126,252,0.07) 0%, rgba(255,255,255,0.03) 100%);
}
.advantage_bottom_card_title .tit {
font-size: 20px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
line-height: 28px;  
}
.advantage_bottom_card_title .line {
width: 28px;
height: 3px;
background: #2A7EFC;
}
.advantage_bottom_card_list .tit {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.advantage_bottom_card_list .desc {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #757F9F;
}

.section7 {
height: 838px;
background: url('/static/images/bg_13.png') no-repeat;
background-size: 100% 100%;
}
.section7 .grid_box{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 30px;
grid-column-gap: 27px;
grid-row-gap: 20px;
}
.grid_product_bg {
background-image: url('../img/product_header_bg.png');
background-repeat: no-repeat;
background-size: 205px 95px;
background-position: right top;
box-shadow: 0px 5px 20px rgba(121, 148, 193, 0.0600);
transform: translateY(-15px);
}
.section7 .grid_item{
width: 280px;
height: 250px;
border-radius: 4px;
border-radius: 6px;
box-shadow: 0px 5px 20px rgba(121, 148, 193, 0.0600);
transition: all .5s ease-in-out;
border-top: 4px solid #2A7EFB ;
}
.section7 .grid_item .tit {
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
margin: 53px 96px 17px;
}
.section7 .grid_item .desc {
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #777777;
margin: 0 40px;
text-align: center;
}
.section7 .item_1 {
background: url('/static/images/dxfw.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_2 {
background: url('/static/images/xpdy.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_3 {
background: url('/static/images/spcj.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_4 {
background: url('/static/images/wlcx.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_5 {
background: url('/static/images/dzmd.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_6 {
background: url('/static/images/dj.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_7 {
background: url('/static/images/plfh.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}
.section7 .item_8 {
background: url('/static/images/fpgl.png') no-repeat right bottom #fff;
background-size: 125px 125px;
}

.section8 {
height: 538px;
background: url('/static/images/bg_14.png') no-repeat;
background-size: 125px 125px;
}
.model_bottom {
height: 214px;
}
.model_bottom .card_right .tit {
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #666666;
}
.model_bottom .card_right .desc {
width: 331px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
}
.model_bottom .card_right .more {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #2A7EFB;
}
.business {
width: 650px;
height: 180px;
background: #ECF0F6;
border-radius: 6px;
margin-top: 34px;
box-shadow: 0 0px 12px 1px rgb(0 0 0 / 10%);
}
.enterprise {
width: 676px;
height: 180px;
background: #FFFFFF;
box-shadow: 0 0px 12px 1px rgb(0 0 0 / 10%);
border-radius: 6px;
margin-left: -126px;
}

.section10 {
background: url("/static/images/criteria_section16_bg.png");
}

.section10 .section-body {
display: flex;
}

.section10 ul {
flex: none;
width: 686px;
padding: 0 23px 19px;
border-top: 4px solid #2A7EFC;
border-radius: 6px;
background-color: #FFFFFF;
}

.section10 li {
display: flex;
align-items: center;
margin-bottom: 18px;
font-size: 14px;
line-height: 20px;
color: #777777;
list-style: none;
}
.section10 li a{
color: #777;
}

.section10 li:first-child {
height: 75px;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 28px;
font-size: 17px;
color: #333333;
}

.section10 li div:nth-child(1) {
width: 125px;
}

.section10 li div:nth-child(2) {
flex: 1;
}

.section10 li div:nth-child(3) {
width: 99px;
}

.section10 li div:nth-child(4) {
width: 125px;
}

.section10 .qrcodes {
display: flex;
margin-left: 20px;
padding: 40px 16px 25px;
border-top: 4px solid #FF9D00;
border-radius: 6px;
background-color: #FFFFFF;
}

.section10 .qrcodes>div {
width: 140px;
margin-right: 21px;
text-align: center;
font-size: 14px;
line-height: 20px;
color: #333333;
}

.section10 .qrcodes>div:last-child {
margin-right: 0;
}

.section10 .qrcodes img {
width: 132px;
height: 132px;
margin: 0 auto 8px;
}

.section9{
height: 627px;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(248,248,252,0.62) 100%);
}
.section9 .grid_box{
margin-top: 70px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
width: 100%;
grid-gap: 22px;
}
.section9 .grid_item{
width: 385px;
height: 139px;
border-radius: 2px;
border: 1px solid #ddd;
}
.section9 .grid_item:hover{
background: linear-gradient(180deg, #EAEEF5 0%, #FFFFFF 100%);
}
.section9 .grid_item .tit{
height: 25px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #333333;
line-height: 25px;
}
.section9 .grid_item .desc{
width: 266px;
height: 40px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #777777;
line-height: 20px;
}