*{margin:0;padding:0;color:#333}img{border:0}a{text-decoration:none;color:#333}li,ul{list-style:none}.wrap{max-width:720px;left:50%;transform:translateX(-50%)}.wrap,.wrap .area{width:100%;position:relative}.wrap .area{height:auto}.wrap .section01 .back{width:100%;height:auto}.wrap .section01 .back02{width:100%;height:auto;position:absolute;top:0;left:0}.wrap .section01 .logo{max-width:110px;width:100%;height:auto;position:absolute;top:55px;left:55px}.wrap .section01 .clound02{width:100%;max-width:160px;height:auto;position:absolute;right:0;top:65px}.wrap .section01 .clound01{width:100%;max-width:110px;height:auto;position:absolute;left:0;top:725px}.wrap .section01 .center{width:100%;max-width:630px;height:auto;display:flex;flex-direction:column;position:absolute;top:170px;left:50%;transform:translateX(-50%);align-items:center}.wrap .section01 .center .timeline{width:100%;max-width:600px;height:auto}.wrap .section01 .center .text02{width:100%;max-width:420px;height:auto;margin-top:-10px}.wrap .section01 .center .game{width:100%;max-width:600px;height:auto}.wrap .section01 .center .star{position:absolute;top:20px;left:0;width:43px}.wrap .section01 .center .star02{position:absolute;bottom:0;right:10px;width:43px}.wrap .section01 .center .title_btn{position:absolute;top:460px}.wrap .section01 .center .title_btn .btn{width:100%;max-width:340px;height:auto}.wrap .section01 .center .title_btn .text{width:210px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrap .section01 .start_btn{width:100%;max-width:530px;position:absolute;left:50%;transform:translateX(-50%);top:770px}.wrap .section01 .start_btn .btn{width:100%;height:auto}.wrap .section01 .start_btn .start{width:420px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrap .section01 .start_btn .cursor{position:absolute;bottom:-10px;left:360px;width:100%;max-width:30px}.wrap .section01 .footer_text{width:410px;position:absolute;top:930px;left:50%;transform:translateX(-50%)}.wrap .section02 .clound02{width:110px;height:auto;position:absolute;right:0;top:165px}.wrap .section02 .clound01{width:100%;max-width:110px;height:auto;position:absolute;left:0;top:350px}.wrap .section02 .back{width:100%;height:auto}.wrap .section02 .back02{width:100%;height:auto;position:absolute;top:0;left:0}.wrap .section02 .center{width:580px;height:auto;position:absolute;top:115px;left:50%;transform:translateX(-50%)}.wrap .section02 .center .title{width:410px;height:auto;position:relative;left:50%;transform:translateX(-50%)}.wrap .section02 .center .flow{width:100%;height:auto;display:flex;align-items:center;margin-top:25px}.wrap .section02 .center .flow li{position:relative}.wrap .section02 .center .flow li .num{width:65px;height:auto;margin-left:10px}.wrap .section02 .center .flow li .num_display{width:65px;position:absolute;top:0;left:10px}.wrap .section02 .center .flow li .arrow{width:15px;margin-left:10px}.wrap .section02 .center .card_area{width:580px;height:auto;margin-top:55px;display:flex;flex-wrap:wrap}.wrap .section02 .center .card_area li{position:relative;margin-bottom:10px}.wrap .section02 .center .card_area li:nth-child(2n){margin-left:30px}.wrap .section02 .center .card_area li .card{width:275px;height:auto}.wrap .section02 .center .card_area li .card_num{position:absolute;top:0;left:0;width:50px}.wrap .section02 .popup{width:100%;height:auto;z-index:100;position:absolute}.wrap .section02 .popup.low{z-index:99}.wrap .section02 .popup.low .box{z-index:6}.wrap .section02 .popup.low .box_area{z-index:99}.wrap .section02 .popup .back{width:100%;height:auto}.wrap .section02 .popup .box_area{width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}.wrap .section02 .popup .box_area .box{width:330px;height:auto}.wrap .section02 .popup .box_area .box_v2{width:520px}.wrap .section02 .popup .box_area .img{width:150px;height:auto;position:absolute;top:20px;left:50%;transform:translateX(-50%)}.wrap .section02 .popup .box_area .error_img{width:250px;height:auto;position:absolute;top:20px;left:50%;transform:translateX(-50%)}.wrap .section02 .popup .box_area .text{width:70px;height:auto;position:absolute;top:245px;left:50%;transform:translateX(-50%)}.wrap .section02 .popup .box_area .number_list{width:470px;position:absolute;top:50px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between}.wrap .section02 .popup .box_area .number_list .on{opacity:.5}.wrap .section02 .popup .box_area .number_list .number{width:66px;height:auto}.wrap .section02 .popup .box_area .number_text{width:180px;height:auto;position:absolute;top:180px;left:50%;transform:translateX(-50%)}.wrap .section02 .popup .box_area .ok_text{width:35px;height:auto;position:absolute;top:245px;left:50%;transform:translateX(-50%)}.wrap .section03 .clound02{width:110px;height:auto;position:absolute;right:0;top:85px}.wrap .section03 .clound01{width:100%;max-width:110px;height:auto;position:absolute;left:0;top:230px}.wrap .section03 .back{width:100%;height:auto}.wrap .section03 .back02{width:100%;height:auto;position:absolute;top:0;left:0}.wrap .section03 .center{width:630px;height:auto;position:absolute;top:105px;left:50%;transform:translateX(-50%)}.wrap .section03 .center .title{width:400px;height:auto;position:relative;left:50%;transform:translateX(-50%)}.wrap .section03 .center .card_area{width:630px;height:auto;margin-top:40px;display:flex;flex-wrap:wrap}.wrap .section03 .center .card_area li .card{width:100%;height:auto;margin-bottom:25px}.wrap .section03 .center .card_area li .card img{width:100%;height:auto}.wrap .section04 .clound02{width:110px;height:auto;position:absolute;right:0;top:85px}.wrap .section04 .clound01{width:100%;max-width:110px;height:auto;position:absolute;left:0;top:230px}.wrap .section04 .back{width:100%;height:auto}.wrap .section04 .back02{width:100%;height:auto;position:absolute;top:0;left:0}.wrap .section04 .center{width:630px;height:auto;position:absolute;top:105px;left:50%;transform:translateX(-50%)}.wrap .section04 .center .title{width:400px;height:auto;position:relative;left:50%;transform:translateX(-50%)}.wrap .section04 .center .card_area{width:630px;height:auto;margin-top:40px;display:flex;flex-wrap:wrap}.wrap .section04 .center .card_area li .card{width:100%;height:auto;margin-bottom:25px}.wrap .section04 .center .card_area li .card img,.wrap .section05 .back{width:100%;height:auto}.wrap .section05 .back02{width:100%;height:auto;position:absolute;bottom:0;left:0}.wrap .section05 .clound01{width:130px;height:auto;position:absolute;right:0;top:620px;z-index:99}.wrap .section05 .clound02{width:130px;height:auto;position:absolute;left:0;top:810px;z-index:99}.wrap .section05 .center{width:550px;height:auto;position:absolute;top:135px;left:50%;transform:translateX(-50%)}.wrap .section05 .center .title{width:485px;height:auto;position:relative;left:50%;transform:translateX(-50%)}.wrap .section05 .center .card_area{width:630px;height:auto;margin-top:30px;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;position:relative;left:50%;transform:translateX(-50%)}.wrap .section05 .center .card_area li{width:100%;position:relative;display:flex;justify-content:center}.wrap .section05 .center .card_area li .paper{width:555px;position:relative}.wrap .section05 .center .card_area li .paper_text{width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.wrap .section05 .center .card_area li .paper_text .paper_text01{margin-bottom:20px;width:295px}.wrap .section05 .center .card_area li .paper_text .paper_text02{width:420px}.wrap .section05 .center .card_area li .card{height:auto;width:550px;margin-top:25px;margin-bottom:25px}.wrap .section05 .center .card_area li .card img{width:100%;height:auto}.wrap .section05 .center .card_area li .text_area{width:580px;height:auto;position:relative;margin-top:50px}.wrap .section05 .center .card_area li .text_area .text{width:450px;height:auto;position:relative;left:50%;transform:translateX(-50%)}.wrap .section05 .center .card_area li .text_area .star{position:absolute;top:-25px;left:4px;width:40px}.wrap .section05 .center .card_area li .text_area .star02{width:40px;position:absolute;bottom:-42px;right:0}.wrap .section05 .center .card_area li .start_btn{width:400px;position:relative;margin-top:60px}.wrap .section05 .center .card_area li .start_btn .btn{width:100%;height:auto}.wrap .section05 .center .card_area li .start_btn .start{width:270px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrap .section05 .center .card_area li .start_btn .cursor{position:absolute;bottom:-20px;left:280px;width:30px}.wrap .btn{width:100%;height:auto;position:relative}.wrap .btn__footer{background-color:#0845e1}.wrap .btn .bottom{width:100%;height:auto}.wrap .btn .left{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:110px}.wrap .btn .right{width:100px}.wrap .btn .reset,.wrap .btn .right{position:absolute;right:30px;top:50%;transform:translateY(-50%)}.wrap .btn .reset{width:90px}.wrap .section06{position:fixed;top:0;left:0;z-index:99}.wrap .section06,.wrap .section06 .back{width:100%;height:100%}.wrap .section06 .select_popup{width:560px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrap .section06 .select_popup .close{width:16px;height:auto;position:absolute;top:16px;right:16px}.wrap .section06 .select_popup .modal{width:100%;height:auto}.wrap .section06 .select_popup .list{width:460px;display:flex;justify-content:space-between;flex-wrap:wrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:80px}.wrap .section06 .select_popup .list .item{width:auto;height:auto;position:relative}.wrap .section06 .select_popup .list .item .video{width:210px;height:auto}.tutor_popup{position:absolute;top:0;left:0}.tutor_popup .close{position:absolute;top:16px;right:16px;width:30px}@media (max-width:720px){.tutor_popup .close{position:absolute;top:2.22vw;right:2.22vw;width:4.166vw}.wrap .section01 .logo{max-width:15.28vw;top:7.64vw;left:7.64vw}.wrap .section01 .clound02{max-width:22.22vw;top:9.03vw}.wrap .section01 .clound01{max-width:15.28vw;top:100.69vw}.wrap .section01 .center{max-width:87.5vw;top:23.61vw}.wrap .section01 .center .timeline{max-width:83.33vw}.wrap .section01 .center .text02{max-width:58.33vw;margin-top:-1.39vw}.wrap .section01 .center .game{max-width:83.33vw}.wrap .section01 .center .star{top:2.78vw;width:5.97vw}.wrap .section01 .center .star02{right:1.39vw;width:5.97vw}.wrap .section01 .center .title_btn{top:63.89vw}.wrap .section01 .center .title_btn .btn{max-width:47.22vw}.wrap .section01 .center .title_btn .text{width:29.17vw}.wrap .section01 .start_btn{max-width:73.61vw;top:106.94vw}.wrap .section01 .start_btn .start{width:58.33vw}.wrap .section01 .start_btn .cursor{bottom:-1.39vw;left:50vw;max-width:4.17vw}.wrap .section01 .footer_text{width:56.94vw;top:129.17vw}.wrap .section02 .clound02{width:15.28vw;top:22.92vw}.wrap .section02 .clound01{max-width:15.28vw;top:48.61vw}.wrap .section02 .center{width:80.56vw;top:15.97vw}.wrap .section02 .center .title{width:56.94vw}.wrap .section02 .center .flow{margin-top:3.47vw}.wrap .section02 .center .flow li .num{width:9.03vw;margin-left:1.39vw}.wrap .section02 .center .flow li .num_display{width:9.03vw;left:1.39vw}.wrap .section02 .center .flow li .arrow{width:2.08vw;margin-left:1.39vw}.wrap .section02 .center .card_area{width:80.56vw;margin-top:7.64vw}.wrap .section02 .center .card_area li{margin-bottom:1.39vw}.wrap .section02 .center .card_area li:nth-child(2n){margin-left:4.17vw}.wrap .section02 .center .card_area li .card{width:38.19vw}.wrap .section02 .center .card_area li .card_num{width:6.944vw}.wrap .section02 .popup .box_area .box{width:45.83vw}.wrap .section02 .popup .box_area .box_v2{width:72.22vw}.wrap .section02 .popup .box_area .img{width:20.83vw;top:2.78vw}.wrap .section02 .popup .box_area .error_img{width:34.72vw;top:2.78vw}.wrap .section02 .popup .box_area .text{width:9.72vw;top:34.03vw}.wrap .section02 .popup .box_area .number_list{width:65.28vw;top:6.94vw}.wrap .section02 .popup .box_area .number_list .number{width:9.17vw}.wrap .section02 .popup .box_area .number_text{width:25vw;top:25vw}.wrap .section02 .popup .box_area .ok_text{width:4.86vw;top:34.03vw}.wrap .section03 .clound02{width:15.28vw;top:11.81vw}.wrap .section03 .clound01{max-width:15.28vw;top:31.944vw}.wrap .section03 .center{width:87.5vw;top:14.58vw}.wrap .section03 .center .title{width:55.56vw}.wrap .section03 .center .card_area{width:87.5vw;margin-top:5.56vw}.wrap .section03 .center .card_area li .card{margin-bottom:3.47vw}.wrap .section04 .clound02{width:15.28vw;top:11.81vw}.wrap .section04 .clound01{max-width:15.28vw;top:31.944vw}.wrap .section04 .center{width:87.5vw;top:14.58vw}.wrap .section04 .center .title{width:55.56vw}.wrap .section04 .center .card_area{width:87.5vw;margin-top:5.56vw}.wrap .section04 .center .card_area li .card{margin-bottom:3.47vw}.wrap .section05 .clound01{width:18.06vw;top:86.11vw}.wrap .section05 .clound02{width:18.06vw;top:125vw}.wrap .section05 .center{width:76.39vw;top:18.75vw}.wrap .section05 .center .title{width:67.36vw}.wrap .section05 .center .card_area{width:87.5vw;margin-top:4.17vw}.wrap .section05 .center .card_area li .paper{width:77.08vw}.wrap .section05 .center .card_area li .paper_text{width:55.56vw;margin-top:1.39vw}.wrap .section05 .center .card_area li .paper_text .paper_text01{margin-bottom:2.78vw;width:40.97vw}.wrap .section05 .center .card_area li .paper_text .paper_text02{width:58.33vw}.wrap .section05 .center .card_area li .card{width:76.39vw;margin-top:3.47vw;margin-bottom:3.47vw}.wrap .section05 .center .card_area li .text_area{width:80.56vw;margin-top:6.944vw}.wrap .section05 .center .card_area li .text_area .text{width:62.5vw}.wrap .section05 .center .card_area li .text_area .star{left:2.78vw;width:5.56vw;left:.277vw;top:-3.472vw}.wrap .section05 .center .card_area li .text_area .star02{width:5.56vw;right:-5.83vw;bottom:0}.wrap .section05 .center .card_area li .start_btn{width:55.56vw;margin-top:8.333vw}.wrap .section05 .center .card_area li .start_btn .start{width:37.5vw}.wrap .section05 .center .card_area li .start_btn .cursor{bottom:-2.78vw;left:38.89vw;width:4.17vw}.wrap .btn .left{left:4.17vw;width:15.28vw}.wrap .btn .right{right:4.17vw;width:13.89vw}.wrap .btn .reset{right:4.17vw;width:12.5vw}.wrap .section06 .select_popup{width:77.77vw}.wrap .section06 .select_popup .list{width:63.88vw;margin-top:11.11vw}.wrap .section06 .select_popup .list .item .video{width:29.166vw}}