body,button,input,select,textarea{font:12rem/1.5 tahoma,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
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;}
*{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{font-family: "Open Sans",sans-serif;background: rgba(243, 240, 255, 1);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: transparent;position: absolute;z-index: 9;left: 0;right: 0;top: 0;}
.header-wrapper .logo{font-size: 20rem;flex: 1;}
.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(152, 141, 163, 1);display:block;text-decoration: none;font-size: 16rem;padding: 20rem 0;}
.header-wrapper .list .item{display: inline-block;vertical-align: middle;line-height: 2.4;cursor: pointer;transition: all 0.2s ease;position: relative;margin: 0 31rem;font-size: 16rem;border-bottom: 2px solid;border-color: transparent;}
.header-wrapper .list .item.active a{color:rgba(168, 72, 255, 1)}
.header-wrapper .container{display:flex;align-items: center;justify-content: space-between;}
.header-wrapper .btn-download{margin-left: 80px!important;}
.footer-wrapper{position: relative;background: rgba(23, 23, 23, 1);font-size: 14rem;color: white;padding: 70rem 0 0;}
.footer-wrapper .card-wrapper{width: 716rem;height: 206rem;background: #5B5B5B;box-shadow: 0rem 0rem 30rem 0rem rgba(126,122,138,0.43);border-radius: 10rem;margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.footer-wrapper .card-wrapper .icon{width: 18rem;margin-right: 10rem;}
.footer-wrapper .card-wrapper .line{display: flex;align-items: center;margin-bottom: 18rem;}
.footer-wrapper .info-wrapper{display: flex;align-items: center;margin: 60rem 310rem;justify-content: space-between;}
.footer-wrapper .info-wrapper .logo{font-weight: bold;font-size: 21rem;color: #FFFFFF;line-height: 25rem;display: flex;align-items: center;}
.footer-wrapper .info-wrapper .logo img{width: 52rem;height: 52rem;margin-right: 20rem;}
.footer-wrapper .info-wrapper .link a{color: white;font-size: 14rem;margin: 0 20rem;}
.footer-wrapper .copyright{font-size: 14rem;color: #929292;line-height: 16rem;border-top: 1px solid rgba(219,218,222,0.34);margin: 0 310rem;text-align: center;padding: 20rem;}.part-title{font-weight: bold;font-size: 48rem;color: #000000;text-align: center;margin-bottom: 60rem;}
.footer-wrapper .code-wrapper{display: inline-block;vertical-align: middle;width: 42rem;height: 42rem;background: url("../images/code.webp") no-repeat;background-size: 100% auto;position: relative;cursor: pointer;margin-left: 20rem;}
.footer-wrapper .code-wrapper:hover .code{opacity: 1;}
.footer-wrapper .code-wrapper .code{width: 220rem;height: 220rem;border: 3rem solid white;position: absolute;left: 50%;bottom: 59rem;transform: translateX(-50%);border-radius: 12rem;overflow: hidden;opacity: 0;transition: all 0.3s ease;}
.footer-wrapper .code-wrapper .code img{width: 100%;height: 100%;}
.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;}
    .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: 60rem 0 10rem;}
    .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;}
    .footer-wrapper .info-wrapper{display: none;}
    .footer-wrapper .copyright{margin: 40rem 50rem 0;font-size: 23rem;line-height: 42rem;}
}