body{ font-family:"PingFangSC-Regular","Microsoft YaHei", Arial, "sans-serif"; background: #000000;max-width: 1000px;margin: auto; color:#ffffff}

.top{width: 100%; }
.top .top-content{ width: 100% ;margin:0 auto; height: 100%;}
.top{width: 100%; }
.bg{height: 488px;background: url("/public/images/pc_bg1.jpg") center right no-repeat;background-size: 55%;width: 1000px;margin: 0 auto}
.top h1{font-size: 18px;height: 28px; line-height: 28px; padding-left:41px;background-size: contain; font-weight: 400;color:#0F0F0F;  }
.top h1 span{ display: block; float: right;}
.top img{ display: inline-block;width: 100px}

.c-left{ width: 500px; float: left; margin-right:187px;  margin-top:73px; }
.c-left dl{margin-bottom:160px;}
.c-left dl dt{ font-size: 52px; margin-bottom:25px;}
.c-left dl dd{ font-size: 28px;}
.c-left ul{list-style-type: none;}
.c-left ul li{float: left;margin-bottom:19px; background-color: #0078FF;border-radius: 8px;}
.c-left ul li:nth-child(even){margin-left: 20px;}
.c-left ul li a{display: block; width: 218px; height: 60px;text-decoration: none;line-height: 60px;color: white;border-radius: 8px;}
.c-left ul li a img{float: left;width: 30px;margin: 15px 15px auto 30px;}
.c-left ul li.win a{background-color: #BCBCBC;}
.c-left ul li.mac a{background-color: #BCBCBC;}

.c-left ul li.code-con{ position: relative; }
.c-left ul li.code-con .codeapp{position: absolute; left: 2px; top:63px; box-shadow: 0px 1px 10px #999; overflow: hidden;  width: 216px; height: 220px; background:#fff; border-radius: 3px;}
.c-left ul li.code-con .codeapp img{ width: 150px; height:150px; margin: 35px 0 0 35px; }

.c-body{ width: 100%; overflow: hidden; margin: 0 auto; border: #424242 solid 2px; border-radius: 8px;}
.c-body h2{ text-align: center; font-size: 24px;  margin-bottom:45px;}
.ys-con{display: flex;justify-content:space-between;flex-wrap: wrap;}
.ys-con dl{width: 30%;height: 100px; padding: 10px}
.ys-con dl dt{margin-bottom:20px; float: left;margin-right: 10px;}
.ys-con dl dt img{width: 100px;}
.ys-con dl dd{ font-size: 12px; line-height: 1.3  }
.ys-con dl dd h4{font-size: 24px;  margin-bottom: 12px;margin-top: 22px; }


.footer{  height: 340px;}
.footer .f-con{height: 340px; margin: 0 auto; background-color: #052572; overflow: hidden;}
.f-con .f-tit{ overflow: hidden; font-size:18px; text-align: center; color: rgba(255,255,255,.7); width: 650px; margin: 0 auto; margin-top:24px;  height: 100px; background: rgba(244,242,242,.2); border-radius: 60px; }
.f-con .f-tit dt{  margin-top:16px; margin-bottom: 14px;  }

.f-line{overflow: hidden;}
.f-line p{color: white; font-size: 30px; text-align: center; margin: 30px 0;}
.downlist{ overflow: hidden; width: 100%; margin: 0 auto; }

.downlist dl{text-decoration: none; margin-right: 10px; text-align: center; width: 200px;height: 155px;background-color: white;border-radius: 4.44px;margin-block-start: 0;margin-block-end: 0;}

.download{display: block;margin: 25% auto;}
.download span{ display: inline-block; width: 45%;text-align: center;}
.download span b{  display: block;}
.copy-right {text-align: center; font-size: 12px; padding:22px 0; border-top: #424242 2px solid; margin-top: 38px ;width: 100%;}

a.kefu {
    transition: 0.2s ease-out;
    position: fixed;
    top: 50%;
    width: 70px;
    right: 0;
    font-size: 12px;
    background-color: rgb(34,159,255);
    z-index: 9999;
}
a.kefu i{
    display: block;
    width: 31px;
    height: 30px;
    margin: 15px auto 4px auto;
    border-radius: 2px;
}
a.kefu div{
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    margin-top: 10px;
}
.image{display: inline; width: 18%;border: #c6c6c6 1px solid; margin: 1px}
.content p{text-indent:2em;}
a{color:#FFFFFF}
.link{ display: block; margin-left: 160px;}
.link a{ display:inline-block; margin: 10px;font-weight: bold;}