*{padding:0;margin:0}html,body{width:100%;height:100%;color:#fff}.swiper-container{overflow:hidden;width:100%;height:100vh}.swiper-container .swiper-wrapper{position:relative;width:100%;height:100vh}.swiper-container .swiper-wrapper .swiper-slide{position:relative;width:100%;height:100vh;background-color:#0a0d47}.title_box_l{display:flex;flex-direction:row;height:11.333vw}.title_box_l .l{position:relative;margin-right:1.333vw}.title_box_l .l img{width:11.333vw;height:11.333vw;border-radius:50%}.title_box_l .l .lv{position:absolute;bottom:-4.4vw;left:50%;width:5.067vw;height:7.6vw;font-size:1.6vw;line-height:11vw;color:#fff;text-align:center;transform:translate(-50%);background:url("../img/lv.png") no-repeat;background-size:100% 100%}.title_box_l .r{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.title_box_l .r .name{font-size:3.733vw}.title_box_l .r .star{padding-left:3.467vw;width:9.733vw;font-size:2.133vw;line-height:3.2vw;background-color:rgba(255,255,255,0.6);border-radius:1.6vw;text-align:center;position:relative}.title_box_l .r .star::after{content:'';width:5.333vw;height:5.333vw;position:absolute;left:-1.6vw;top:50%;transform:translate(0, -50%);background:url("../img/star.png") no-repeat;background-size:100% 100%}.back1{background:url("../img/back1.jpg") no-repeat;background-size:100% 100%}.back1 .title_box{display:flex;flex-direction:row;justify-content:space-between;padding:4.533vw 3.2vw 0 4.4vw;position:relative;z-index:100}.back1 .title_box .title_box_r{display:flex;flex-direction:column;align-items:flex-end}.back1 .title_box .title_box_r .news{width:14.4vw;height:15.867vw;background:url("../img/icon-news.png") no-repeat;background-size:100% 100%}.back1 .title_box .title_box_r .phb{margin-top:6.533vw;width:13.067vw;height:14.533vw;background:url("../img/icon-phb.png") no-repeat;background-size:100% 100%}.back1 .banner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:113.467vw;background:url("../img/title.png") no-repeat;background-size:100% 100%}.back1 .banner .cap{position:absolute;top:24vw;left:50%;transform:translate(-50%);width:62.667vw;height:13.867vw;background:url("../img/cap.png") no-repeat;background-size:100% 100%}.back1 .start_btn{position:absolute;left:51%;transform:translate(-50%);bottom:0;width:60.267vw;height:33.867vw;background:url("../img/start-btn.png") no-repeat;background-size:100% 100%}.back2{background:url("../img/back2.jpg") no-repeat;background-size:100% 100%}.back2 .phb_tab{position:absolute;top:5.76923vh;left:50%;transform:translate(-50%);width:59.333vw;height:16vw;background:url("../img/phb_tab.png") no-repeat;background-size:100% 100%}.back2 .text{position:absolute;left:0;top:15.61538vh;width:100%;text-align:center;font-size:3.2vw}.back2 .top243{top:18.69231vh}.back2 .list_ul{position:absolute;top:22.30769vh;left:50%;transform:translate(-50%);height:73.07692vh;width:64vw;display:flex;list-style:none;flex-direction:column;overflow:scroll}.back2 .list_ul li{display:flex;flex-direction:row;justify-content:space-between;flex-shrink:0;margin-bottom:0.5vw;height:13.333vw;align-items:center;padding:0 5.333vw 0 2.933vw;background-color:#0461cc;font-size:2.933vw}.back2 .list_ul li .num{width:8.8vw;height:10.667vw;flex-shrink:0;text-align:center;line-height:10.667vw;font-weight:bold;font-size:8vw;font-family:Arial, Helvetica, sans-serif;background:linear-gradient(to bottom right, #fdab05, #fdfcea, #ffcf21);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden}.back2 .list_ul li:nth-child(1) .num{background:url("../img/phb_icon1.png") center center no-repeat;background-size:8.133vw 8.667vw}.back2 .list_ul li:nth-child(2) .num{background:url("../img/phb_icon2.png") center center no-repeat;background-size:8.8vw 10.667vw}.back2 .list_ul li:nth-child(3) .num{background:url("../img/phb_icon3.png") center center no-repeat;background-size:8.667vw 9.2vw}.back2 .list_ul li .name_box{display:flex;flex-direction:row;font-size:2.933vw;text-align:center}.back2 .list_ul li .name_box>div:nth-child(1){position:relative;margin-right:2vw}.back2 .list_ul li .name_box>div:nth-child(1) img{width:7.333vw;height:7.333vw;border-radius:50%}.back2 .list_ul li .name_box>div:nth-child(1) i{position:absolute;left:50%;bottom:-0.5vw;font-size:1.6vw;color:red;transform:translate(-50%);font-style:normal;width:5.467vw;height:4.267vw;text-align:center;font-weight:bold;line-height:6.5vw;background:url("../img/phb_crown.png") no-repeat;background-size:100% 100%}.back2 .list_ul li .name_box>div:nth-child(2){width:11.733vw}.back2 .list_ul li .name_box>div:nth-child(2) p{white-space:nowrap}.back2 .list_ul li .star{position:relative;padding-left:5.5vw;line-height:4.667vw;width:8.267vw;flex-shrink:0}.back2 .list_ul li .star i{position:absolute;left:0;top:0;width:4.667vw;height:4.667vw;background:url("../img/star.png") no-repeat;background-size:100% 100%}.back3{background:url("../img/back3.jpg") no-repeat;background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-evenly;box-sizing:border-box;align-items:center;font-size:3.867vw;color:#fff;text-align:center}.back3 .tz_title{width:80.133vw;height:26.133vw;background:url("../img/phb_title.png") no-repeat;background-size:100% 100%;font-weight:100;line-height:23vw;overflow:hidden;white-space:nowrap}.back3 .lw{margin-top:-7vh;background:url("../img/reg_lh.png") no-repeat;background-size:100% 100%;width:14.667vw;height:11.867vw}.back3 .pgs_box{margin-top:-4vh;width:79.333vw;overflow-x:scroll;height:15vw;padding:0 3vw}.back3 .pgs_box .pgs_back{width:160vw;height:3.6vw;background-color:#0d152d;border-radius:1.8vw;box-shadow:1px 1px 0.267vw #444;margin-top:6vw}.back3 .pgs_box .pgs_back .pgs{width:99%;height:101%;border-radius:1.8vw;background-color:#0070d8;background:linear-gradient(0, #124c8d, #3583db)}.back3 .pgs_box .pgs_back .key_box{display:flex;flex-direction:row;justify-content:space-between;position:relative;top:-6vw}.back3 .pgs_box .pgs_back .key_box i{position:relative;background:url("../img/phb_key1.png") no-repeat;background-size:100% 100%;width:6.933vw;height:7.867vw;font-size:4.4vw;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:bold;line-height:10vw;text-align:center}.back3 .pgs_box .pgs_back .key_box i:nth-child(1){margin-left:-2vw}.back3 .pgs_box .pgs_back .key_box .active{line-height:10.5vw;background:url("../img/phb_key2.png") no-repeat;background-size:100% 100%;height:8.133vw}.back3 .pgs_box .pgs_back .key_box .last{position:relative}.back3 .pgs_box .pgs_back .key_box .last:after{content:'';position:absolute;width:3.867vw;height:4.8vw;left:50%;transform:translate(-50%);bottom:-4vw;background:url("../img/phb_icon_jb.png") no-repeat;background-size:100% 100%}.back3 .xz_box{position:relative}.back3 .xz_box .xz{width:28.8vw;height:38vw;background:url("../img/bag_xz.png") no-repeat;background-size:100% 100%;position:relative;z-index:10}.back3 .xz_box .xz .text_box{position:absolute;left:50%;width:16vw;transform:translate(-50%);top:17.3vw;height:15vw;border-radius:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.back3 .xz_box .xz .text_box h1{font-size:3.733vw}.back3 .xz_box .xz .text_box p{border-top:1px solid #fff;padding-top:1vw;margin-top:-1.2vw;font-size:2.8vw}.back3 .xz_box .ray{position:absolute;left:50%;margin-left:-25.5vw;top:-2vw;width:53.333vw;height:53.333vw;background:url("../img/back_g.png") no-repeat;background-size:100% 100%;animation:r 3s infinite linear}.back3 .cons{display:flex;flex-direction:row;align-items:center;font-weight:bold}.back3 .cons i{background:url("../img/star.png") no-repeat;background-size:100% 100%;width:5.867vw;height:5.867vw;margin-left:2vw}.back3 .btn_box{display:flex;flex-direction:row;justify-content:center}.back3 .btn_box>div{width:42.4vw;height:18.8vw}.back3 .btn_box .btn1{background:url("../img/danren_btn.png") no-repeat;background-size:100% 100%}.back3 .btn_box .btn2{margin-left:-4vw;background:url("../img/shuangren_btn.png") no-repeat;background-size:100% 100%}.back4{background:url("../img/back4.jpg") no-repeat;background-size:100% 100%}.back4 .dt_title_box{display:flex;flex-direction:row;justify-content:space-between;padding:4.667vw 0 0 4.4vw}.back4 .time_num{width:32vw;height:18.133vw;line-height:15.6vw;text-align:center;font-weight:bold;font-size:9.333vw;box-sizing:border-box;padding-left:5vw;font-family:Arial, Helvetica, sans-serif;background:url("../img/dt_ib.png") no-repeat;background-size:100% 100%}.back4 .dt_html{position:absolute;left:50%;transform:translate(-50%);bottom:6.667vw;width:93.333vw;height:98.667vw;border-radius:2.667vw;background-color:rgba(51,80,165,0.9);box-shadow:0 0.667vw 0.8vw rgba(11,11,12,0.2)}.back4 .dt_html .time_box{background:url("../img/dt_zb.png") no-repeat;background-size:100% 100%;width:15.6vw;height:15.6vw;position:absolute;left:50%;transform:translate(-50%);top:-7vw}.back4 .dt_html .time_box .z{position:absolute;left:50%;top:50%;margin-top:-4.4vw;margin-left:-4.4vw;transform-origin:80% 80%;background:url("../img/dt_zz.png") no-repeat;background-size:100% 100%;width:5.333vw;height:5.333vw;transform:rotate(405deg)}.back4 .dt_html .time_box .z.anim{animation:_r 10s forwards linear}.back4 .dt_html .topic{margin-top:17.333vw;padding:0 9.333vw;height:61.333vw;overflow-y:scroll}.back4 .dt_html .topic h1{font-size:5.333vw;margin-bottom:2vw}.back4 .dt_html .topic>div{height:11.333vw;display:flex;flex-direction:row;align-items:center}.back4 .dt_html .topic>div>input{width:0;height:0;opacity:0}.back4 .dt_html .topic>div .i{width:5.6vw;height:5.6vw;border-radius:50%;background-color:#0e172f;box-shadow:0px 0.267vw 0.4vw #a0a0a0;margin-right:2vw;position:relative}.back4 .dt_html .topic>div .i.ix:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:url("../img/dt_x.png") no-repeat;background-size:100% 100%;width:8.267vw;height:8.267vw;z-index:2}.back4 .dt_html .topic>div .tm1{font-size:4vw;flex-grow:3}.back4 .dt_html .topic>div .tm1.yes{font-weight:bold;color:#82f100}.back4 .dt_html .topic>div input[type=radio]:checked+.i::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0px 0.1vw 0.2vw #a0a0a0;width:2.667vw;height:2.667vw;border-radius:50%;background:linear-gradient(0, #074e97, #fff)}.back4 .dt_html .dt_pgs_box{width:80.4vw;height:4.8vw;margin:auto;background-color:#4d86e4;border-radius:2.4vw;box-shadow:0 0.2vw 0.4vw rgba(255,255,255,0.6)}.back4 .dt_html .dt_pgs_box .dt_pgs{width:20%;height:107%;border-radius:2.4vw;position:relative;top:-0.1vw;background:url("../img/dt_pgs.png");background-repeat:repeat-x;background-size:4.8vw 100%;transition:width 0.5s}.back4 .dt_html .pgs_text{text-align:center;margin-top:3vw;font-size:6.133vw;font-family:Arial, Helvetica, sans-serif;font-weight:bold}@keyframes r{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes _r{0%{transform:rotate(405deg)}100%{transform:rotate(45deg)}}