.txt-ani{
     pointer-events: none;
     animation-play-state: paused;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     will-change: transform, opacity;
 }
#fx{
    animation-delay: calc(var(--go1) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    will-change: transform, opacity;
}
#subject #c1{
    animation-delay: calc(var(--go2) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c2{
    animation-delay: calc(var(--go3) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c3{
    animation-delay: calc(var(--go4) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c4{
    animation-delay: calc(var(--go5) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c5{
    animation-delay: calc(var(--go6) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c6{
    animation-delay: calc(var(--go7) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c7{
    animation-delay: calc(var(--go8) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c8{
    animation-delay: calc(var(--go9) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c9{
    animation-delay: calc(var(--go10) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c10{
    animation-delay: calc(var(--go11) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c11{
    animation-delay: calc(var(--go12) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#img2{
    animation-delay: calc(var(--go13) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#subject #c-cir{
    animation-delay: calc(var(--go10) * -1s);
    animation-play-state: paused;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
/*.t0{*/
    /*animation-delay: calc(var(--scr-0) * -1s);*/
/*}*/
/*.t1{*/
    /*animation-delay: calc(var(--scr-1) * -1s);*/
/*}*/
/*.t2{*/
    /*animation-delay: calc(var(--scr-2) * -1s);*/
/*}*/
/*.t3{*/
    /*animation-delay: calc(var(--scr-3) * -1s);*/
/*}*/
/*.t4{*/
    /*animation-delay: calc(var(--scr-4) * -1s);*/
/*}*/
/*.t5{*/
    /*animation-delay: calc(var(--scr-5) * -1s);*/
/*}*/
/*.t6{*/
    /*animation-delay: calc(var(--scr-6) * -1s);*/
/*}*/
/*.t7{*/
    /*animation-delay: calc(var(--scr-7) * -1s);*/
/*}*/
/*.t8{*/
    /*animation-delay: calc(var(--scr-8) * -1s);*/
/*}*/
/*.t9{*/
    /*animation-delay: calc(var(--scr-9) * -1s);*/
/*}*/
/*.t10{*/
    /*animation-delay: calc(var(--scr-10) * -1s);*/
/*}*/
/*.t11{*/
    /*animation-delay: calc(var(--scr-11) * -1s);*/
/*}*/
/*.t12{*/
    /*animation-delay: calc(var(--scr-12) * -1s);*/
/*}*/
/*.t13{*/
    /*animation-delay: calc(var(--scr-13) * -1s);*/
/*}*/
/*.t14{*/
    /*animation-delay: calc(var(--scr-14) * -1s);*/
/*}*/
/*.t15{*/
    /*animation-delay: calc(var(--scr-15) * -1s);*/
/*}*/
/*.t16{*/
    /*animation-delay: calc(var(--scr-16) * -1s);*/
/*}*/
/*.t17{*/
    /*animation-delay: calc(var(--scr-17) * -1s);*/
/*}*/
/*.t18{*/
    /*animation-delay: calc(var(--scr-18) * -1s);*/
/*}*/
/*.t19{*/
    /*animation-delay: calc(var(--scr-19) * -1s);*/
/*}*/
/*.t20{*/
    /*animation-delay: calc(var(--scr-20) * -1s);*/
/*}*/
/*.t21{*/
    /*animation-delay: calc(var(--scr-21) * -1s);*/
/*}*/
.f-80{font-size: 80px;}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
	
}
@media screen and (min-width:800px){
    body{
        font-family: "Microsoft YaHei", "Arial";
    }
    .app{display: none!important;}
    .f-120{font-size: 0.6rem;}
    .f-72{font-size: 0.6rem;}
    .f-60{font-size: 32px;}
    .f-40{font-size: 30px;}
    #subject #top{max-height: 80px;}
    #subject #top .col.left h2{font-size: 28px;}
    #subject #top .col.right > small{font-size: 24px;}
    #subject #top .col.right .go-buy{padding: 6px 30px;font-size: 20px;}
    #subject #main .go-box{width: 28vw;height: 42.56vw;}
    #subject #main #r1 #scr > span{font-size: 18px;}
    #subject #main #r3 .txt-box.t2 font{font-size: 52px;}
    #subject #main #r3 .txt-box > div .btn_{font-size: 18px;}
    #subject #main #r3 .txt-box > div > span{font-size: 16px;}


    #subject_test #main .go-box.active{left: -44vw;}
    #subject_test #main #con #r4 .scr_box.active{left: -44vw;}
    #subject_test #main #con #r1 #scr{bottom: 16%;width: 200px;}
    #subject_test #main #con #r1 #scr.on{bottom: 2%;}
    #subject_test #main #con #r1 #scr > span{font-size: 16px;}
    #subject_test #main #con #r1 #scr > i{font-size: 16px;}
    #subject_test #main #con #r2 .txt-box{bottom: 67%;}
    #subject_test #main #con #r2 .txt-box h2{font-size: 0.32rem;max-width: 1920px;margin: auto;}
    #subject_test #main #con #r3 .txt-box.t2 h2{font-size: 60px;display: inline-block;}
    #subject_test #main #con #r3 .txt-box.t2 h2 font{font-size: 104px;}
    #subject_test #main #con #r4.go .t4{display: none;}
    #subject_test #main #con #r4 .t4 > small{font-size: 18px;display: block;font-family: Arial;}
    #subject_test #main #con #r4 .t5{text-align: left;max-width: 35vw;bottom: 32%;left: 36vw;}
    #subject_test #main #con #r4 .t5 h3{font-size: 0.6rem;margin-bottom: 6px;font-weight: bold;display: inline-block;}
    #subject_test #main #con #r4 .t5 small{display: block;opacity: 0.5;letter-spacing: 1px;font-family: Arial;}
    #subject_test #main #con #r4 .t5 > p{font-size: 0.24rem;margin-top: 12px;font-weight: 400;color: #fff;}
    #subject_test #main #con #r5 .wrap .t6{max-width: 35vw;left: 36vw;text-align: left;display: inline-block;}
    #subject_test #main #con #r5 .wrap .t7{max-width: 35vw;left: 36vw;font-size: 32px;margin-top: 10px;text-align: left;}
    #subject_test #main #con #r5 .wrap .t8{left: 36vw;}
    #subject_test #main #con #r5 .wrap .t8.pc{border: none;max-width: 35vw;left: 36vw;color: rgba(255,255,255,0.5);text-align: left;width: auto;font-size: 18px;padding-left: 0;letter-spacing: 1px;}
    #subject_test #main #con #r5 .wrap .t9{max-width: 35vw;left: 36vw;text-align: left;font-size: 0.24rem;font-weight: 400;}
    #subject_test #main #con #r6 .wrap .txt-box.t10{max-width: 35vw;left: 36vw;bottom: 52%;}
    #subject_test #main #con #r6 .wrap .txt-box.t10 small{font-size: 18px;display: block;letter-spacing: 1px;font-family: Arial;}
    #subject_test #main #con #r6 .wrap .txt-box.t10 span{font-size: 36px;}
    #subject_test #main #con #r6 .wrap .txt-box.t11{max-width: 35vw;left: 36vw;text-align: left;}
    #subject_test #main #con #r6 .wrap .txt-box.t11 span{font-size: 24px;color: #fff;}
    #subject_test #main #con #r6 .wrap .txt-box.t12 p{font-size: 24px;font-weight: 400;}
    #subject_test #main #con #r6.go .wrap .txt-box.t12{max-width: 35vw;left: 36vw;text-align: left;bottom: 24%;}
    #subject_test #main #con #r7 .wrap .txt-box.t13{max-width: 36vw;left: 36vw;bottom: 52%;padding: 0 2%;text-align: left;}
    #subject_test #main #con #r7 .wrap .txt-box.t13 h2{display: inline-block;}
    #subject_test #main #con #r7 .wrap .txt-box.t13 small{font-size: 18px;display: block;letter-spacing: 1px;font-family: Arial;}
    #subject_test #main #con #r7 .wrap .txt-box.t14{max-width: 36vw;left: 36vw;padding: 0 2%;text-align: left;}
    #subject_test #main #con #r7 .wrap .txt-box.t14 span{font-size: 24px;text-align: left;}
    #subject_test #main #con #r7.go .wrap .txt-box.t15{max-width: 36vw;left: 36vw;padding: 0 2%;text-align: left;}
    #subject_test #main #con #r7 .wrap .txt-box.t15 span{font-size: 0.32rem;}
    #subject_test #main #con #r7 .wrap .txt-box.t15 p{font-size: 24px;color: #fff;font-weight: 400;}
    #subject_test #main #con #r8 .wrap .txt-box.t16{max-width: 35vw;left: 36vw;padding: 0 2%;text-align: left;bottom: 52%;}
    #subject_test #main #con #r8 .wrap .txt-box.t16 h2{display: inline-block;}
    #subject_test #main #con #r8 .wrap .txt-box.t16 small{font-size: 18px;display: block;letter-spacing: 1px;font-family: Arial;}
    #subject_test #main #con #r8 .wrap .txt-box.t16 h2 b{font-size: 1.25rem;}
    #subject_test #main #con #r8 .wrap .txt-box.t17{max-width: 35vw;left: 36vw;padding: 0 2%;text-align: left;}
    #subject_test #main #con #r8 .wrap .txt-box.t17 span{font-size: 24px;text-align: left;}
    #subject_test #main #con #r8.go .wrap .txt-box.t18{max-width: 35vw;left: 36vw;padding: 0 2%;text-align: left;}
    #subject_test #main #con #r8 .wrap .txt-box.t18 span{font-size: 32px;text-align: left;}
    #subject_test #main #con #r8 .wrap .txt-box.t18 p{text-align: left;font-size: 24px;}
    #subject_test #main #con #r9 .wrap .txt-box.t19 h2 b{font-size: 60px;display: block;}
    #subject_test #main #con #r9 .wrap .txt-box.t19 h2 span{display: inline-block;font-size: 60px;}
    #subject_test #main #con #r9 .wrap .txt-box.t19 h2 small{font-size: 18px;display: block;font-weight: 400;letter-spacing: 1px;font-family: Arial;}
    #subject_test #main #con #r9 .wrap .txt-box.t20 p span{font-size: 18px;line-height: 1.6;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 h3 span{font-size: 0.6rem;display: inline-block;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 h3 small{font-size: 18px;display: block;letter-spacing: 1px;font-weight: 400;;font-family: Arial;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 .items > li{font-size: 32px;}
    #subject_test #main #con #r9 .wrap .txt-box.t21{bottom: 72%;}
    #subject_test #main #con #r9 .wrap .txt-box.t19{bottom: 65%;}



    #subject_test #main .go-box{top: 13vw;}
    #subject_test #main .go-box .cv#c1{width: 100%;height: 100%;right: 0;margin: auto;transform: translateY(14vw);}
    #subject_test #main .go-box .cv#c1.on{transform: translateY(0vw) scale(0.6);}
    #subject_test #main .go-box .cv#c1.go{opacity: 1;transform: translateY(-3.1vw) scale(0.6);}
    #subject_test #main .go-box .cv#c2,#subject_test #main .go-box .cv#c3{height: 34.09vw;width: 34.56vw;left: 0.1vw;top: 5.14vw;}
    #subject_test #main .go-box .cv#c2{transform: translateY(0px);opacity: 1;}
    #subject_test #main .go-box .cv#c2.on{transform: translateY(0px);}
    #subject_test #main .go-box .cv#c2.on canvas{opacity: 1;}
    #subject_test #main .go-box .cv#c3{transform: translateY(0px);opacity: 1;}
    #subject_test #main .go-box .cv#c4,#subject_test #main .go-box .cv#c5,#subject_test #main .go-box .cv#c6,#subject_test #main .go-box .cv#c7{height: 42.39vw;  width: 34.56vw;  left: 0.1vw;  top: -0.81vw;}
    #subject_test #main .go-box .cv#c4{transform: translateY(0px);}
    #subject_test #main .go-box .cv#c5.on{opacity: 1;}
    #subject_test #main .go-box .cv#c6{opacity: 1;}
    #subject_test #main .go-box .cv#c7.on{opacity: 1;}
    #subject_test #main .go-box .cv#c8,#subject_test #main .go-box .cv#c9{height: 55.3vw;  width: 34.56vw;  left: 0.07vw;  top: -8.14vw;}
    #subject_test #main .go-box .cv#c8{opacity: 1;transform: translateY(0px);}
    #subject_test #main .go-box .cv#c9{transform: translateY(0px);}
    #subject_test #main .go-box .cv#c10,#subject_test #main .go-box .cv#c11,#subject_test #main .go-box .cv#c12{height: 45.14vw;  width: 34.56vw;  left: 21.3vw;  top: -1.1vw;}
    #subject_test #main .go-box .cv#c10{transform: translateY(-24px);}
    #subject_test #main .go-box .cv#c10.on{transform: translateY(-24px);}
    #subject_test #main .go-box .cv#c11{transform: translateY(-24px);}
    #subject_test #main .go-box .cv#c11.on{transform: translateY(-24px);}
    #subject_test #main .go-box .cv#c12{transform: translateY(-24px);}
    #subject_test #main .go-box .cv#c12.on{transform: translateY(-24px);}
    #subject_test #main .go-box .cv#c9.on{transform: translateY(0px);}

    #subject_test #top{max-height: 80px;}
    #subject_test #main #con #r1 .txt-box.t0{bottom: 66%;}
    #subject_test #main #con #r1 .txt-box.t0 h2{font-size: 104px;display: inline-block;}
    #subject_test #main #con #r1 .txt-box > small{display: block;}
    #subject_test #main #con #r4 .t4 h2{display: inline-block;}
    #subject_test #top .col.left h2{font-size: 28px;}
    #subject_test #top .col.right > small{font-size: 24px;}
    #subject_test #top .col.right .go-buy{padding: 6px 30px;font-size: 20px;}
    #subject_test #main #con #r4 .scr_box.type2 .img_.i_3{margin-bottom: 7px;}
    #subject_test #main .go-box{width: 34.65vw; height: 52.68vw;}
    #subject_test #main #r1 #scr > span{font-size: 18px;}
    #subject_test #main #r3 .txt-box.t2 font{font-size: 52px;}
    #subject_test #main #r3 .txt-box > div .btn_{font-size: 18px;}
    #subject_test #main #r3 .txt-box > div > span{font-size: 16px;}
    #subject_test #main #con #r4 .scr_box{width: 580px;height: 145px;bottom: 29%;}
    #subject_test #main #con #r5 .wrap .t6{bottom: 52%;}
    #subject_test #main #con #r5 .wrap .t7{bottom: calc(52% - 45px);}
    #subject_test #main #con #r5 .wrap .t8{bottom: calc(52% - 90px);}
    #subject_test #main #con #r5 .wrap .t9{bottom: calc(52% - 148px);}
    #subject_test #main #con #r4 .scr_box.type1{bottom: 12%;}
    #subject_test #main #con #r6 .wrap .txt-box,#subject_test #main #con #r7 .wrap .txt-box,#subject_test #main #con #r8 .wrap .txt-box{padding: 0 2%;max-width: 500px;right: 0;margin: auto;}
    #subject_test #main #con #r6 .wrap .txt-box.t11{padding: 0 2%;bottom: 38%;}
    #subject_test #main #con #r6 .wrap .txt-box.t12 span{font-size: 32px;}
    /*#subject_test #main #con #r6 .wrap .txt-box.t12{bottom: 21%;}*/
    #subject_test #main #con #r7 .wrap .txt-box.t14{bottom: 38%;}
    #subject_test #main #con #r7 .wrap .txt-box.t15{bottom: 26%;}
    /*#subject_test #main #con #r8 .wrap .txt-box.t16{bottom: 72%;}*/
    #subject_test #main #con #r8 .wrap .txt-box.t17{bottom: 43%;}
    #subject_test #main #con #r8 .wrap .txt-box.t18{bottom: 25%;}
    #subject_test #main #con #r9 .wrap .txt-box.t20{bottom: 18%;}
    /*#subject_test #main #con #r9 .wrap .txt-box.t21 h3 span{font-size: 30px;}*/
    /*#subject_test #main #con #r9 .wrap .txt-box.t21 h3 small{font-size: 15px;}*/
    #subject_test #main #con #r9 .wrap .txt-box.t21 h3{margin-bottom: 25px;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 .items > li{margin: 1vw 0;}
    #subject_test #main #con .part .wrap{padding: 4vw 0 3vw 0;justify-content: center;align-content:space-around;}
    #subject_test #main #con .part .mid{padding-bottom: 20%;}
    #subject_test #main #con .part#row-3 .mid{padding-bottom: 20%;}
    #subject_test #main #con .part .m-bg{height: 100%;background-size: cover;background-position:center;}
    #subject_test #main #con .video-parent .mask{height: 120vh;top: -36vh;}
    #subject_test #main #con .video-parent .cv{max-width: 50vw;right: 0;height: 25vw;}
    #subject_test #main #con #row-1 .m-bg{margin-top: 0;}
    #subject_test #main #con #row-1 .topic h2{line-height: 1.2;font-size: 0.6rem;display: inline-block;}
    #subject_test #main #con #row-1 .topic > small{font-size: 24px;display: block;}
    #subject_test #main #con #row-1 .msg .items{justify-content: center;margin-top: 10px;}
    #subject_test #main #con #row-1 .msg .items > li{width: auto;margin: 0 3%;}
    #subject_test #main #con #row-1 .msg .items > li .sum{max-width: 150px;padding-right: 20px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > em:nth-of-type(1){font-size: 50px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > img{height: 30px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > em{font-size: 30px;line-height: 1;}
    #subject_test #main #con #row-1 .msg .items > li > small{margin-bottom: 5px;font-size: 20px;}
    #subject_test #main #con #row-1 .msg .items > li .note{font-size: 30px;max-width: 300px;}
    #subject_test #main #con #row-1 .msg{padding: 0;}
    #subject_test #main #con #row-1 .msg .items > li:nth-of-type(2n+2){text-align: left;}
    #subject_test #main #con #row-2 .mid{padding-bottom: 20%;}
    #subject_test #main #con #row-2 .msg .box .col.c1 .du{width: 120px;height: 120px;}
    #subject_test #main #con #row-2 .msg .box .col.c1 .du > img{height: 48px;}
    #subject_test #main #con #row-2 .msg{margin-bottom: 25px;}
    #subject_test #main #con #row-3 .msg{max-width: 1440px;text-align: center;}
    #subject_test #main #con #row-3 .msg p{font-size: 24px;line-height: 1.4;max-width: 720px;margin: auto;}
    #subject_test #main #con #row-2 .topic h2{display: inline-block;}
    #subject_test #main #con #row-3 .topic h2 > b{font-size: 0.6rem;}
    #subject_test #main #con #row-3 .topic h2{font-size: 0.6rem;text-align: center;display: inline-block;}
    #subject_test #main #con #row-4 .msg{max-width: 1440px;}
    #subject_test #main #con #row-4 .msg p{font-size: 24px;line-height: 1.4;}
    #subject_test #main #con #row-4 .mid{padding-bottom: 20%;margin: 0;}
    #subject_test #main #con #row-2 .msg .box .col.c2 p{font-size: 24px;line-height: 1.4;}
    #subject_test #main #con .part{overflow: hidden;}
    /*#subject_test #main #con .part .topic{max-width: 780px;}*/
    /*#subject_test #main #con .part .msg{max-width: 780px;}*/
    #subject_test #btm .page-box #p1{padding: 3vw 0;}
    #subject_test #btm{margin: auto;}
    #subject_test #btm .page-box #p1 .wrap{min-height: 0;padding: 3vw 0;text-align: center}
    #subject_test #btm .page-box #p1 .topic h2{display: inline-block;font-size: 0.6rem;}
    #subject_test #btm .page-box #p1 .topic small{display: block;font-size: 18px;letter-spacing: 1px;font-family: Arial;}
    #subject_test #btm .page-box #p1 .note .col{margin-bottom: 0;margin-right: 7%;margin-left: 7%;}
    #subject_test #btm .page-box #p1 .note .col h3{font-size: 32px;}
    #subject_test #btm .page-box #p1 .note .col small{font-size: 32px;}
    #subject_test #btm .page-box #p1 .note .col p{font-size: 24px;font-weight: 400;}
    #subject_test #btm .page-box #p2{padding: 3vw 0;}
    #subject_test #btm .page-box #p2 .topic h2{font-size: 0.6rem;display: inline-block;}
    #subject_test #btm .page-box #p2 .wrap{min-height: 0;text-align: center}
    #subject_test #btm .page-box #p2 .wrap > img{width: 60%;}
    #subject_test #btm .page-box #p2 .note .col h3{font-size: 32px;}
    #subject_test #btm .page-box #p2 .note .col p{font-size: 24px;font-weight: 400;}
    #subject_test #btm .page-box #p3{padding: 3vw 0;}
    #subject_test #btm .page-box #p4{padding: 6vw 0;}
    #subject_test #btm .page-box #p3 .topic h2{font-size: 0.6rem;display: inline-block;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container{overflow: visible;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-wrapper .swiper-slide{padding-bottom: 32%;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-wrapper .swiper-slide .msg{text-align: center;bottom: 60px;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-wrapper .swiper-slide .msg h3{display: inline-block;font-size: 32px;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-wrapper .swiper-slide .photo{text-align: center;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-wrapper .swiper-slide .msg h4{font-size: 24px;padding-right: 0;font-weight: 400;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-wrapper .swiper-slide .photo > img{margin-top: 20px;}
    #subject_test #btm .page-box #p4 .topic{padding: 0 20%;}
    #subject_test #btm .page-box #p4 .topic h4{font-size: 24px;padding-bottom: 0;}
    #subject_test #btm .page-box #p4 .wrap{padding: 0 20%;}
    #subject_test #btm .page-box #p4 .wrap .box{padding: 0 0 3vw 0;padding-left: 67%;}
    #subject_test #btm .page-box #p4 .wrap .box .list > span{font-size: 18px;width: 90px;}
    #subject_test #btm .page-box #p4 .wrap .box .list > div > span{font-size: 18px;}
    #subject_test #btm .page-box #p4 .wrap .box .list > div > p{font-size: 18px;}
    #subject_test #btm .page-box #p4 .wrap .btm{position: absolute;left: 13%;  top: 20%;  width: 50%;margin-top: 0;}
    #subject_test #btm .page-box #p4 .wrap .btm > img.pro3{width: 42.75%;}
    #subject_test #btm .page-box #p4 .wrap .btm .pro1{width: 50%;right: calc(50% + 12%);}
    #subject_test #btm .page-box #p4 .wrap .btm .pro2{width: 50%;left: calc(50% + 12%);}
    #subject_test #btm .page-box #p4 .wrap .other .go-btn{width: 54%;}
    #subject_test #btm .page-box #p4 .wrap .other .go-btn > span > small{font-size: 20px;}
    #subject_test #btm .page-box #p4 .wrap .other > small{font-size: 20px;}

    #subject_test #btm .page-box #p1 .topic{text-align: center;margin-bottom: 0;}
    #subject_test #btm .page-box #p1 .wrap{padding: 1vw 0;}
    #subject_test #btm .page-box #p1 .wrap > img{max-width: 1019px;}
    #subject_test #btm .page-box #p1 .note{margin-top: 0;display: flex;align-items: flex-end;justify-content: center;}
    #subject_test #btm .page-box #p2 .topic{text-align: center;}
    #subject_test #btm .page-box #p2 .topic small{font-size: 18px;letter-spacing: 1px;font-family: Arial;display: block;}
    #subject_test #btm .page-box #p2 .note .col{text-align: center;width: 68%;margin: auto;}
    #subject_test #btm .page-box #p3 .topic{text-align: center;}
    #subject_test #btm .page-box #p3 .topic small{font-size: 18px;letter-spacing: 1px;font-family: Arial;display: block;}
    #subject_test #btm .page-box #p3 .wrap{padding-bottom: 0;padding-top: 0px;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-pagination{display: flex;justify-content: center;align-items: center;bottom: 20px;width: 100%;right: 0;}
    #subject_test #btm .page-box #p4 .topic h2{font-size:0.6rem;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;}
    #subject_test #btm .page-box #p4 .topic h4{border: none;}
    #subject_test #btm .page-box #p4 .wrap{position: relative;}
    #subject_test #btm .page-box #p4 .topic h2 .other{width: 2.42rem;position: absolute;right: 0;bottom: 24px;}
    #subject_test #btm .page-box #p4 .topic h2 .other .go-btn{width: 100%;}
    #subject_test #btm .page-box #p4 .topic h2 .other .go-btn > span{margin: 4px;padding: 11px 20px;}
    #subject_test #btm .page-box #p4 .topic h2 .other .go-btn > span > small{font-size: 18px;}
    #subject_test #main #con .part#row-2 .mid .vi .pic{background-size: auto 130%;}
    #subject_test #btm .page-box #p2 .note{padding: 0 12% 0 12%;}
}

@media screen and (max-width:1700px) and (min-width: 800px){
    .ie .layout-rowMain{
        width: 1200px;
    }
    .f-120{font-size: 0.7rem;line-height: 1.3;}
    .f-80{font-size: 60px;}
    .f-60{font-size: 19px;}
    .f-40{font-size: 22px;}
    #subject_test #main #con #r1 .txt-box.t0 h2{font-size: 0.9rem;line-height: 1.3;}
    #subject_test #main #con #r3 .txt-box.t2 h2{font-size: 50px;}
    #subject_test #main #con #r3 .txt-box.t2 h2 font{font-size: 0.9rem;}
    #subject_test #main #con #r3 .txt-box.t2 h2{font-size: 45px;}
    #subject_test #main #con #r4 .t5 > p{font-size: 0.26rem;}
    #subject_test #main #con #r4 .scr_box{width: 430px;height: 110px;}
    #subject_test #main #con #r7 .wrap .txt-box.t14 span{font-size: 20px;}
    #subject_test #main #con #r7 .wrap .txt-box.t13 small{font-size: 20px;}
    #subject_test #main #con #r7 .wrap .txt-box.t15 span{font-size: 0.32rem;}
    #subject_test #main #con #r8 .wrap .txt-box.t16 h2 b{font-size: 1.15rem;}
    #subject_test #main #con #r8 .wrap .txt-box.t16 small{font-size: 18px;letter-spacing: 1px;font-family: Arial;}
    #subject_test #main #con #r8 .wrap .txt-box.t17 span{font-size: 20px;}
    #subject_test #main #con #r8 .wrap .txt-box.t18 span{font-size: 24px;}
    #subject_test #main #con #r9 .wrap .txt-box.t19 h2 b{font-size: 45px;}
    #subject_test #main #con #r9 .wrap .txt-box.t19 h2 span{font-size: 40px;}
    #subject_test #main #con #r9 .wrap .txt-box.t19 h2 small{font-size: 18px;}
    #subject_test #main #con #r9 .wrap .txt-box.t20 p span{font-size: 14px;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 h3 small{font-size: 18px;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 h3 span{font-size: 40px;}
    #subject_test #main #con #r9 .wrap .txt-box.t21 .items > li{font-size: 26px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > em:nth-of-type(1){font-size: 34px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > em{font-size: 22px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > img{height: 22px;}
    #subject_test #main #con #row-1 .msg .items > li > small{font-size: 15px;}
    #subject_test #main #con #row-1 .msg .items > li .note{font-size: 24px;}
    #subject_test #main #con .part .topic h2{display: inline-block;}
    #subject_test #main #con #row-3 .msg p{font-size: 22px;}
    #subject_test #main #con #row-4 .msg p{font-size: 22px;}
    #subject_test #main #con #row-1 .msg .items > li .sum > img{height: 16px;}
    #subject_test #main #con #row-2 .msg .box .col.c2 p{font-size: 20px;}
    #subject_test #main #con #r2 .txt-box h2{font-size: 0.3rem;}
    #subject_test #main #con #r1 #scr > span{font-size: 16px;}
    #subject_test #main #con #r1 #scr > i{font-size: 18px;}
    #subject_test #btm .page-box #p4 .topic{padding: 0 14%;}
    #subject_test #btm .page-box #p4 .wrap{padding: 0 14%;}
    #subject_test #btm .page-box #p4 .wrap .btm{left: 8%;}
    #subject_test #btm .page-box #p4 .wrap .box{padding-left: 62%;}
    #subject_test #btm .page-box #p4{padding: 4vw 0;}
    #subject_test #main #con #r8 .wrap .txt-box.t18 p{font-size: 18px;}
}

@media screen and (max-width:800px){
	.pc{display: none!important;}
    #subject_test #btm .page-box #p3 .wrap .swiper-container .swiper-pagination{
        display: flex;justify-content: flex-end;padding-right: 6%;align-content: center;
        align-items: center;
    }
}

@media screen and (max-width:600px){
    #page #main .row .wrap{padding-top: 40px;}
    #page #main #fn1 .pager{
        transform: none;top: auto;
        bottom: 30px;width: 100%;
        display: flex;justify-content: center;
    }
    #page #main .row{min-height: 10vh;}
    #page #main #fn1{position: relative;}
    #page #main #fn1 .pager > li{margin: 5px 10px;}
    #page #main #r2{height: 100vh;}
    #page #main #r2 .wrap .p1{width: 90%;bottom: -20%;}
    #page #main #r2 .wrap .box{display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}
    #page #main #r2 .wrap .box .img1{width: auto;left: 0;position: relative}
    #page #main #r2 .wrap .box > span{margin: 0;font-size: 24px;width: 100px;text-align: center;}
    #page #main #r3 .wrap{flex-wrap: wrap;align-items: baseline;}
    #page #main #r3 .wrap .left{
        width: 100%;margin-left: 0vw;
    }
    #page #main #r3 .wrap{width: 90%;margin: auto;}
    #page #main #r3 .wrap .left .con{margin-top: 20px;}
    #page #main #r3 .wrap .left .con > li{margin-bottom: 10px;}
    #page #main #r3 .wrap .right{width: 100%;}
    #page #main #r4 .wrap .topic h2{font-size: 24px;margin-top: 4px;}
    #page #main #r4 .wrap .con .items{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
    #page #main #r4 .wrap .con .items > li{padding: 8px 12px;}
    #page #main #r4 .wrap .con .items > li.type1,#page #main #r4 .wrap .con .items > li.type2{position: relative;top: auto!important;left: auto!important;}
    #page #main #r5 .wrap,#page #main #r6 .wrap,#page #main #r8 .wrap{width: 90%;height: auto;}
    #page #main #r5 .wrap .items{width: 100%;}
    #page #main #r5 .wrap .pager{bottom: 40px;}
    #page #main #r6 .wrap > .con .msg > em{font-size: 72px;}
    #page #main #r6 .wrap > .con .msg > span > small{font-size: 30px;}
    #page #main #r6 .wrap > .con .items{flex-wrap: wrap;}
    #page #main #r6 .wrap > .con .items > li{margin-right: 10px;margin-bottom: 10px;}
    #page #main #r7 .wrap .topic h2{font-size: 30px;margin-top: 10px;}
    #page #main #r7 .wrap {height: 370px;}
    #page #main #r7 .wrap > img{width: 100%;}
    #page #main #r8 .wrap{flex-wrap: wrap;padding-bottom: 80px;}
    #page #main #r8 .wrap .left{width: 100%;}
    #page #main #r8 .wrap .right{width: 100%;}
    #page #main #r8 .wrap .right > ul{display: flex;justify-content: space-between;align-items: baseline;margin-top: 30px;}
    #page #main #r8 .wrap .right > ul > li{width: 25%;}
    #page #main #r8 .wrap .left .con > li > span:nth-of-type(1){height: auto;width: 26%;}
    #page #main #r8 .wrap .left .con > li > span{font-size: 12px;}
}

@media screen and (max-width:361px){
    .f-120{font-size: 32px;}
    .f-72{font-size: 26px;}
    .f-60{font-size: 16px;}
    .f-40{font-size: 14px;}
}