h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1200{ max-width:1200px; width:92%; margin-left:auto; margin-right:auto;}
.pw1000{ max-width:1000px; width:92%; margin-left:auto; margin-right:auto;}
.btn{transition:transform 0.3s linear;}
.btn:hover{transform:translateY(-5px);}
.recforth-box h2{ font-size: 32px; line-height: 1.5; font-weight: bold;}
.only_mo{display: none;}
.only_pc{display: block;}

.recforth-banner{ width:100%; height:1300px; background:url(../recforth/img/recforth-banner-bg.jpg) top center no-repeat; background-size:cover;}
.recforth-ban-cont{max-width: 1208px; width: 92%; margin: 0 auto; padding: 80px 0 0; text-align: center;}
.recforth-ban-cont h1{font-weight: bold; font-size: 40px; line-height: 120%;}
.recforth-ban-cont p{ margin-top: 20px; font-size: 18px; line-height: 150%;}
.recforth-score{display: flex; margin-top: 36px; justify-content: center; align-items: center;}
.recforth-score span{margin-left: 16px; font-size: 14px;}
.recforth-button{display: flex; margin-top: 22px; justify-content: center; align-items: center; flex-wrap: wrap;}
.microdl{ position: relative; margin: 10px;}
.microdl .recforth-arrow{position: absolute; right: -18px; bottom: -50px; z-index: 2;}
.recforth-dlbtn{ width: 384px; height: 80px; line-height: 80px; background: linear-gradient(274.38deg, #FEDB61 0.01%, #FF7448 22.4%, #C4309F 59.9%, #525DD2 91.67%); font-size: 24px; color: #fff; font-weight: bold; margin: 10px; position: relative; display: inline-block; text-align: center;}
.recforth-dlbtn:before{ width: 32px; height: 33px; display: inline-block; vertical-align: middle; background:url(../recforth/img/winicon.png) top center no-repeat; background-size:cover; content: ""; margin-right: 17px; margin-top: -2px;}
.recforth-dlbtn:after{ width: 28px; height: 28px; display: inline-block; vertical-align: middle; background:url(../recforth/img/dlicon.png) top center no-repeat; background-size:cover; content: ""; margin-left: 43px; margin-top: -3px;}
.recforth-ban-plan{ margin-top: 60px;}
.recforth-ban-plan img{ width: 100%; height: auto; display: block;}
.recforth-ban-list{ margin-top: 40px; }
.recforth-ban-list ul{display: flex; margin-top: 36px; justify-content: space-around; align-items: flex-start;}
.recforth-ban-list ul li{margin-top: 20px;}
.recforth-ban-list ul li p{font-size: 18px; line-height: 1.5; margin-top: 20px; font-weight: bold;}


.recforth-feature{ margin-top: 100px;}
.recforth-feature-text{ text-align: center;}
.recforth-feature-text h2{ margin-bottom: 20px;}
.recforth-feature-text h2 span{background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(220, 76, 123)), to(rgb(255, 116, 73))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.recforth-feature-text p{font-size: 18px; line-height: 1.5; color: #333; margin-top: 10px;}
.recforth-feature-exhibit{ display: flex; margin-top: 60px; justify-content: space-between; align-items: center;}
.recforth-exhibit-text{width: 352px;}
.recforth-exhibit-text-list{padding: 10px 0; position: relative; padding-left: 32px; cursor: pointer;}
.recforth-exhibit-text-list:before{width: 12px; height: 12px; border-radius: 12px; background: #D9E2E7; content: ""; display: block; position: absolute; left: 0; top: 18px; z-index: 2;}
.recforth-exhibit-text-list.checked:before{width: 12px; height: 100%; top: 0; background: linear-gradient(to top, #FEDB61 0.01%, #FF7448 22.4%, #C4309F 59.9%, #525DD2 91.67%);}
.recforth-exhibit-text-list h3{font-size: 20px; line-height: 1.5; font-weight: bold; color: #221B31; position: relative;}
.recforth-exhibit-text-list p{ margin-top: 4px; font-size: 18px; line-height: 1.5; color: #333; display: none;}
.recforth-exhibit-text-list.checked p{display: block;}
.recforth-exhibit-img{width: 620px; height: 360px; position: relative;}
.recforth-exhibit-img img{width: 100%; height: auto; transform: scale(0.6); opacity: 0; position: absolute;}
.recforth-exhibit-img img.showed{transform: scale(1); opacity: 1; transition: all 0.2s linear;}


.recforth-guide{width:100%; height:880px; margin-top: 80px; background:url(../recforth/img/recforth-guide-bg.jpg) top center no-repeat; background-size:cover; overflow: hidden;}
.recforth-guide h2{margin-top: 80px; margin-bottom: 20px; font-size: 40px; text-align: center;}
.recforth-guide-img img{ display: none; width: 100%; height: auto;}
.recforth-guide-img img.showed{display: block;}
.recforth-guide-text{ display: flex; justify-content: space-between; margin-top: 20px;}
.recforth-guide-step{ width: 320px; height: 170px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(40px); border-radius: 10px; padding: 34px 20px 0 20px; box-sizing: border-box; cursor: pointer;}
.recforth-guide-step h3{font-size: 18px; line-height: 1.2; font-weight: bold; position: relative;}
.recforth-guide-step p{font-size: 16px; margin-top: 12px; line-height: 1.5;}
.recforth-guide-step p a{font-size: inherit; color: rgb(82, 92, 211);}
.recforth-guide-step.checked{background: rgba(255, 255, 255, 0.8); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);}
.recforth-guide-step.checked h3:before{width: 60px; height: 6px; background: linear-gradient(274.38deg, #FEDB61 0.01%, #FF7448 22.4%, #C4309F 59.9%, #525DD2 91.67%); content: ""; display: block; position: absolute; left: 0; top: -14px;}
.recforth-guide-step.checked h3 span{background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(82, 92, 211)), to(rgb(127, 75, 191))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.recforth-download{max-width: 1000px; width: 100%; height: 322px; padding: 52px 20px 0 60px; box-sizing: border-box; margin: 60px auto 0; background:url(../recforth/img/recforth-redor-bg.jpg) #fff top center no-repeat; background-size:cover; overflow: hidden;}
.recforth-download h2{color: #fff;}
.recforth-download p{margin-top: 5px; font-size: 16px; color: #fff;}
.recforth-download p span{font-weight: bold; background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(87, 97, 220)), to(rgb(190, 54, 128))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.recforth-download .recforth-dlbtn{margin: 33px 0 0;}

.recforth-video{max-width: 1000px; width: 92%; margin: 120px auto 0; text-align: center;}
.recforth-video-tab ul{ display: flex; margin-top: 30px; justify-content: space-between; align-items: flex-start;}
.recforth-video-tab ul li{margin: 10px 10px 0; cursor: pointer;}
.recforth-video-tab ul li span{width: 28px; height: 22px; display: block; margin: 0 auto 3px; background-size:cover;}
.recforth-video-tab ul li.tab1 span{background:url(../recforth/img/recforth-video-icon1.png) top center no-repeat;}
.recforth-video-tab ul li.tab2 span{background:url(../recforth/img/recforth-video-icon2.png) top center no-repeat;}
.recforth-video-tab ul li.tab3 span{background:url(../recforth/img/recforth-video-icon3.png) top center no-repeat;}
.recforth-video-tab ul li.tab4 span{background:url(../recforth/img/recforth-video-icon4.png) top center no-repeat;}
.recforth-video-tab ul li p{font-size: 16px; line-height: 1.5;}
.recforth-video-tab ul li.checked span{background-position: 0 -22px;}
.recforth-video-tab ul li.checked p{background-image: -webkit-linear-gradient(left,#525DD2,#C4309F,#FF7448,#FEDB61); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px; font-weight: bold;}
.recforth-video-iframe{ max-width:1000px; width: 100%; height: 562px; background: #C4C4C4; margin: 16px auto 0; position: relative; }

.recforth-comment{max-width: 800px; width: 92%; margin: 120px auto 0;}
.recforth-comment h2{text-align: center;}
.recforth-comment-bd{width: 100%; height: 300px; margin-top: 24px; background: #F2F4F5; border-radius: 10px; position: relative; overflow: hidden;}
.recforth-comment-list{width: 100%; height: 100%; padding: 40px 40px 60px 40px; box-sizing: border-box; display: flex; justify-content:flex-start; align-items: center; position:absolute; left:0; top:0; transform: translateX(300px); opacity: 0; z-index: -1;}
.recforth-comment-list-text{ margin-left: 60px;}
.recforth-comment-list-text b{font-size: 16px; line-height: 1.25; font-weight: bold; display: block;}
.recforth-comment-list-star{margin-top: 10px; display: flex; justify-content: flex-start; align-items: center; position: relative; }
.recforth-comment-list-star:after{width: 175px; height: 24px; content: ""; display: block; position: absolute; left: 0; top: 0; background:url(../recforth/img/recforth-score-full.png) top left no-repeat;}
.recforth-comment-list-star.star4_7:after{width: 161px;}
.recforth-comment-list-star.star4_8:after{width: 165px;}
.recforth-comment-list-star span{font-size: 14px; margin-left: 14px;}
.recforth-comment-list-text p{font-size: 16px; margin-top: 22px; line-height: 1.5; }
.recforth-comment-list.showed{opacity: 1; z-index: 1; transform: translateX(0); transition: all linear .3s;}
.recforth-comment-hd{margin-top: 35px; text-align: center;}
.recforth-comment-hd span{width: 12px; height: 12px; border-radius: 12px; background: #D9E2E7; display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer;}
.recforth-comment-hd span.checked{width: 36px; background: linear-gradient(274.38deg, #FEDB61 0.01%, #FF7448 22.4%, #C4309F 59.9%, #525DD2 91.67%); border-radius: 10px;}

.recforth-footer{margin: 120px auto 0; padding: 80px 0 38px; background: #F2F3F4;}
.recforth-footer-cont{ display: flex; justify-content: space-between; align-items: center;}
.recforth-footer-text{ margin-left: 83px;}
.recforth-footer-text p{ font-size: 18px; line-height: 1.5; margin-top: 20px;}
.recforth-footer .recforth-score{justify-content: flex-start; margin-top: 20px;}
.recforth-footer .recforth-dlbtn{width: 280px; height: 72px; line-height: 72px; font-size: 21px;}
.recforth-footer .recforth-dlbtn:before{width: 29px; height: 30px; background: url(../recforth/img/winicon-foot.png) top center no-repeat;}
.recforth-footer .recforth-dlbtn:after{ display: none;}


@media screen and (max-width: 1100px){
.recforth-footer-text{margin-left: 20px;}
.recforth-exhibit-text{ width: 35.2%;}
.recforth-exhibit-img{width: 60%; height: auto;}
.recforth-exhibit-img img{position: relative; transform: scale(1); opacity: 1; display: none;}
.recforth-exhibit-img img.showed{display: block;}
.recforth-feature{margin-top: 20px;}
}

@media screen and (max-width: 980px){
.recforth-box h2{font-size: 28px;}
.recforth-banner,.recforth-guide{height: auto; padding-bottom: 50px;}
.recforth-feature,.recforth-video,.recforth-comment,.recforth-footer{margin-top: 60px;}
.recforth-guide-text{flex-direction: column;}
.recforth-guide-step{width: 100%; height: auto; margin-top: 10px; padding: 30px 20px 20px;}
.recforth-guide h2{ margin-top: 40px;}
.recforth-video-iframe{ height: 40vh;}
.recforth-footer{padding: 40px 0;}
.recforth-footer-cont{flex-direction: column; text-align: center;}
.recforth-footer-cont>img{max-width: 376px; width: 60%; height: auto; margin: 0 auto; transform: translateX(-30px);}
.recforth-footer-text{margin: 20px 0 0 0;}
.recforth-footer .recforth-score{justify-content: center;}
.recforth-comment-list{padding: 20px;}
.recforth-comment-list-text{margin-left: 40px;}
.recforth-feature-exhibit{flex-direction: column-reverse;}
.recforth-exhibit-img{max-width: 620px; width: 92%;}
.recforth-exhibit-text{ width: 100%; margin: 40px 0 0 0;}
}

@media screen and (max-width: 568px){
.only_mo{display: block;}
.only_pc{display: none;}
.recforth-feature, .recforth-video, .recforth-comment, .recforth-footer,.recforth-download{margin-top: 40px;}
.recforth-ban-cont{padding-top: 40px;}
.recforth-ban-list{margin-top: 20px;}
.recforth-feature{margin-top: 0;}
.recforth-dlbtn{width: 300px; height: 62px; line-height: 62px; font-size: 20px;}
.recforth-dlbtn:before{width: 29px; height: 30px; background: url(../recforth/img/winicon-foot.png) top center no-repeat;}
.recforth-dlbtn:after{width: 20px; height: 20px; margin-left: 14px;}
.recforth-ban-list ul li{width: 30%;}
.recforth-ban-list ul li p{font-size: 14px;}
.recforth-ban-list ul li img{width: 80px; height: 80px;}
.recforth-comment-bd{ height: 350px;}
.recforth-comment-list{flex-direction: column; text-align: center;}
.recforth-comment-list-text{margin: 20px auto 0;}
.recforth-comment-list>img{width: 100px; height: 100px;}
.recforth-comment-list-star{display: inline-block; vertical-align: middle;}
.recforth-comment-list-star img,.recforth-comment-list-star span{vertical-align: middle;}
.recforth-video-tab ul{flex-wrap: wrap;}
.recforth-video-tab ul li{width: calc(50% - 20px); margin-bottom: 15px;}
.recforth-download{ height: auto; padding: 40px 20px;}
.recforth-video-iframe{height: 36vh;}
.recforth-guide-step p{line-height: 1.5;}
} 
@media screen and (max-width: 414px){
.recforth-comment-bd{ height: 400px;}
.recforth-video-iframe{height: 28vh;}
} 
@media screen and (max-width: 324px){
.recforth-comment-bd{ height: 450px;}
}