body,button,input,select,textarea{font:12rem/1.5 tahoma,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
*{margin: 0;padding:0;box-sizing: border-box;}
em,b{font-style:normal}
a{text-decoration:none} 
a:hover{text-decoration:underline}
img{border:0} 
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0;list-style-type: n;}
b{box-sizing:border-box;margin: 0;}
html{scroll-behavior: smooth;}
@font-face {font-family: "Open Sans";src: url("../fonts/OpenSans-Light.ttf");font-weight: 100;}
@font-face {font-family: "Open Sans";src: url("../fonts/OpenSans-Regular.ttf");font-weight: 400;}
@font-face {font-family: "Open Sans";src: url("../fonts/OpenSans-Bold.ttf");font-weight: 700;}
body{box-sizing: border-box;font-family: "Open Sans",sans-serif;background: white;font-weight:600;color:rgba(0, 0, 0, 1);}
.container {width: 1200rem;margin: 0 auto;position: relative;height: 100%;}
.container::before {content: '';display: table;}
.header-wrapper{color:rgba(0, 0, 0, 1);line-height: 1;font-size: 18rem;background: rgba(255,255,255,0.8);position: absolute;z-index: 9;left: 0;right: 0;top: 0;}
.header-wrapper .logo{font-size: 20rem;flex: 1;}
.header-wrapper .btn-download{display: inline-block;width: 134rem;height: 33rem;background: url("./images/btn-download.webp") no-repeat;background-size: contain;cursor: pointer;vertical-align: middle;background-position: center;}
.header-wrapper .logo img{width: auto;height: 45rem;margin-right: 10rem;display: inline-block;vertical-align: middle;border-radius: 7rem;}
.header-wrapper .list a{position: relative;color: rgba(51, 51, 51, 1);display:block;text-decoration: none;font-size: 16rem;padding: 20rem 0;}
.header-wrapper .list .item{display: inline-block;vertical-align: middle;line-height: 1.3;cursor: pointer;transition: all 0.2s ease;position: relative;margin: 0 31rem;font-size: 16rem;border-color: transparent;}
.header-wrapper .list .item.active a{color: rgba(32, 197, 129, 1);}
.header-wrapper .container{display:flex;align-items: center;justify-content: space-between;}
.header-wrapper .btn-download{width: 115rem;height: 35rem;background: url("../images/btn-download.webp") no-repeat center;background-size: contain;margin-left: 150rem!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;margin-right: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.footer-wrapper{background: rgba(23, 23, 23, 1);font-size: 14rem;color: white;padding: 70rem 0 0;}
.footer-wrapper .intro{width: 640rem;font-weight: 400;font-size: 18rem;color: #FFFFFF;line-height: 23rem;text-align: center;}
.footer-wrapper .line{width: 584rem;display: block;margin: 55rem auto;}
.footer-wrapper .download{width: 299rem;height: 85rem;background: url("../images/btn-download2.webp") no-repeat;background-size: 100% auto;display: block;}
.footer-wrapper .download{position: relative;}
.footer-wrapper .download:hover .code-wrapper{visibility: visible;opacity: 1;}
.footer-wrapper .code-wrapper{width: 360rem;height: 360rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 114rem;box-shadow: 0rem 1rem 13rem 2px #0000005c;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.footer-wrapper .code-wrapper img{display: block;width: 100%;height: 100%;}
.footer-wrapper .card-wrapper{width: 1200rem;background: #171717;border-radius: 40rem;margin: -16% auto 0;display: flex;align-items: center;justify-content: center;flex-direction: column;border: 4rem solid #F3F0FF;padding: 70rem 0;position: relative;z-index: 99;}
.footer-wrapper .info-wrapper{height: 380rem;}
.footer-wrapper .logo-wrapper{position: absolute;top: 89rem;left: 0;display: flex;align-items: center;flex-direction: column;font-size: 37rem;}
.footer-wrapper .logo-wrapper img{width: 100rem;margin-bottom: 17rem;}
.footer-wrapper .text{position: absolute;font-size: 14rem;color: #ffffffab;display: flex;align-items: center;}
.footer-wrapper .text img{width: 18rem;margin-right: 10rem;}
.footer-wrapper .text1{left: 280rem;top: 82rem;}
.footer-wrapper .text2{left: 760rem;top: 82rem;}
.footer-wrapper .text3{left: 280rem;top: 169rem;}
.footer-wrapper .text4{left: 760rem;top: 169rem;}
.footer-wrapper .text5{left: 280rem;top: 248rem;}
.footer-wrapper .text5 .item{margin-right: 150rem;text-decoration: underline;cursor: pointer;color: #ffffffab;}
.footer-wrapper .copyright{width: 1920rem;height: 38rem;background: #3A3A3A;border-radius: 0;font-size: 14rem;line-height: 38rem;text-align: center;color: rgba(146, 146, 146, 1);}
.highlight{ color:rgba(168, 72, 255, 1)}
 /* 移动设备样式 */
 @media only screen and (max-width: 768px) {
    .container {width: 100%;}
    .header-wrapper .logo{margin: 29rem;font-size: 38rem;border-bottom: 3rem solid #8080805e;padding-bottom: 20rem;}
    .header-wrapper .logo img{height: 68rem;}
    .header-wrapper .list {display: none;}
    .header-wrapper .container{display:flex;align-items: center;justify-content: space-between;}
    .footer-wrapper{font-size: 22rem;padding: 40rem 0 0;}
    .footer-wrapper .intro {width: 100%;text-align: left;margin-bottom: 40rem;font-size: 25rem;line-height: 1.4;}
    .footer-wrapper .card-wrapper{width: 650rem;justify-content: center;align-items: flex-start;padding: 40rem;height: auto;}
    .footer-wrapper .card-wrapper .icon{width: 35rem}
    .footer-wrapper .card-wrapper .line{font-size: 23rem;margin-bottom: 30rem;display: none;}
    .footer-wrapper .info-wrapper{display: none;}
    .footer-wrapper .copyright{font-size: 23rem;line-height: 82rem;width: 100%;height: auto;margin-top: 50rem;}
}