body{margin:0}.flex{display:flex}.column{flex-direction:column}.container{height:100vh;align-items:center}.header{width:100%;min-height:100%;background-size:100% 100%;color:#fff;justify-content:center;align-items:center}.header .header-wrapper{max-width:1240px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}.header .logo{width:80px;height:80px;position:absolute;left:0;top:60px}.header .text1{width:517px;margin:0 0 42px}.header .text2{width:374px;margin-left:-4px}.header .demo{margin-left:62px;width:552px;height:707px}.feature{margin:0 auto;color:#747e8bb3;font-size:20px;line-height:28px}.feature ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.feature ul li h3{margin:100px 0 20px;color:#404852;font-size:36px;font-weight:500;line-height:50px}.feature ul li p{margin:0}.notice{margin:242px 0 60px;color:#747e8b;font-size:18px;line-height:30px;display:flex;align-items:center}.notice p{width:804px}.notice img{width:163px;margin-right:20px}.notice em{color:red;font-weight:500;font-style:normal}.footer{max-width:1240px;margin:0 auto 100px;padding:0 40px;color:#404852;font-size:14px;text-align:center;display:flex;align-items:center}.footer a{color:#404852;font-weight:500;text-decoration:none}.footer a:hover{color:#6c41b4}.footer img{width:20px;height:20px;margin:0 8px}.contact{margin:100px 0 200px}.contact h2{position:relative;margin:0 0 60px;color:#3f4658;text-align:center;font-size:40px;font-weight:600;line-height:56px;letter-spacing:1px}.contact h2:after{content:"";position:absolute;left:50%;bottom:-20px;width:80px;height:8px;background:rgba(116,126,139,.3);transform:translate(-50%)}.contact p{color:#747e8b;text-align:center;font-size:18px;line-height:30px}