h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px 'Segoe UI', "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1200{ max-width:1200px; width:92%; margin-left:auto; margin-right:auto;}
.pw1040{ max-width:1040px; width:92%; margin-left:auto; margin-right:auto;}
.btn{  display:inline-block; vertical-align:middle; text-decoration:none; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -o-transition:all linear 0.3s; -ms-transition:all linear 0.3s; margin-top:10px;}
.btn:hover{ transform:translateY(-5px);}
.filmhome_title{max-width:992px; width:92%; margin-left:auto; margin-right:auto; text-align:center;}
.filmhome_title h2{font-size: 36px; font-weight:bold;}
.filmhome_title p{font-size: 18px; line-height: 160%; color: #FFFFFF; font-weight: 400; margin-top:15px;}
/* banner */
.filmhome_banner{ width:100%; height:951px; background:url(https://www.ioforth.com/img/defilmforth-banner-bg.jpg) top center no-repeat; background-size:cover; overflow:hidden; display: flex; align-items: center;}
.filmhome_bancnt{display:flex; align-items:center;}
.filmhome_bantext{position: relative; z-index: 5;}
.filmhome_bantext b{font-weight: 600; font-size: 25px; line-height: 33px; color: #000000; display:flex; align-items:center;}
.filmhome_bantext b img{margin-right:23px;}
.filmhome_bantext h1{font-size: 40px; font-weight: 600; line-height: 180%; color: #000000; margin-top:25px;}
.filmhome_bantext h1 span{display:block; background: linear-gradient(to right,#5a60ff 0%, #59c3ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-weight:bold; padding:6px 19px; transform:translateX(-19px); border:1px solid rgba(84, 194, 255, 1); position:relative;}
.filmhome_bantext h1 span em{width:6px; height:6px; background: linear-gradient(180deg, #50FFFF 0%, #7794FF 100%); position:absolute; z-index:2;}
.filmhome_bantext h1 span em.em1{left:-3px; top:-3px;}
.filmhome_bantext h1 span em.em2{right:-3px; top:-3px;}
.filmhome_bantext h1 span em.em3{left:-3px; bottom:-3px;}
.filmhome_bantext h1 span em.em4{right:-3px; bottom:-3px;}
.filmhome_bantext h1 span:after{width:91px; height:98px; content:""; display:block; right:-26px; bottom:-80px; background:url(https://www.ioforth.com/img/defilmforth-banner-arrow.png) top center no-repeat; background-size:cover; position:absolute;}
.filmhome_bantext p{margin-top:20px; font-size: 18px; line-height: 160%; font-weight: 400;}
.filmhome_bantext ul{margin-top:38px;}
.filmhome_bantext ul li{font-size: 14px; line-height: 160%; margin-top:15px; color: #000000; font-weight: 400; position:relative; padding-left:20px;}
.filmhome_bantext ul li:before{width:6px; height:6px; border-radius:6px; content:""; display:block; position:absolute; left:4px; top:8px; transform:scale(.6); background:#000000;}
.filmhome_reviws{display:flex; align-items:center; font-size: 14px; font-weight: 400; margin-top:34px;}
.filmhome_reviws img{margin-right:12px;}
.filmhome_reviws a{font-size:inherit; text-decoration:underline;}
.filmhome_btn{display: flex; align-items: center; margin-top: 30px;}
.filmhome_btn a{display: block; height: 58px;}
.filmhome_btn>div.btn{width: 210px; margin-right: 22px;}
.filmhome_btn ms-store-badge{transform: scale(.55) translate(-160px,2px);}
.btmbtn{width: 182px; height: 58px; line-height: 56px; font-size: 18px; border-radius: 8px; position: relative; color: #fff; text-align: center; box-sizing: border-box; background: rgba(79, 105, 255, 1);}
.btmbtn:after{width: 20px; height: 20px; content: ""; display: inline-block; position: relative; margin:3px 0 0 6px; top: 4px; background:url(https://www.ioforth.com/img/btmbtn_arrow_white.png) top center no-repeat; background-size:cover;}
.filmhome_banpicture{position:absolute; right:0; margin-top:-130px; z-index: 2;}


.filmhome_bearbei{width:100%; height:951px; background:url(https://www.ioforth.com/img/defilmforth-tausende-bg.jpg) top center no-repeat; background-size:cover; overflow:hidden;}
.filmhome_bearbei .filmhome_title{margin-top:103px;}
.filmhome_bearbei h2{color: #FFFFFF;}
.filmhome_bearbei_cont{text-align: center;}
.defilmforth-tausende-picture{max-width: 1156px; width: 92%; height: auto; margin: 30px auto 0;}


.filmhome_video{position:relative;}
.filmhome_video_cont{position:absolute; left: 0; right: 0; top: 43px; margin: auto;}
.filmhome_video_title h2{color: #FFFFFF;}
.filmhome_video_title p img{display: inline-block; vertical-align: middle;}
.filmhome_videomp{display: block;}

.filmhome_weitips{width: 100%; height: 1672px; background:url(https://www.ioforth.com/img/defilmforth-weisen-bg.jpg) #000 top center no-repeat; background-size: cover; overflow: hidden;}
.filmhome_weisen{margin-top: 95px;}
.filmhome_weisen .filmhome_title h2{color: #fff;}
.filmhome_weisen .filmhome_title p{font-size: 20px;}
.filmhome_weisen_slider{margin-top: 50px; width: 100%; overflow: hidden;}
.filmhome_weisen_slider_item{display: flex; align-items: center; width: calc(288px * 18);}
.filmhome_weisen_list{margin: 22px 12px; width: 264px; height: 173px; display: flex; padding:0 14px; box-sizing: border-box; position: relative; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 19px; will-change: transform; flex-shrink: 0; text-align: center; flex-direction: column; justify-content: center; text-align: center; align-items: center;}
.filmhome_weisen_list.list15{background: linear-gradient(180deg, rgba(37, 23, 97, 0.05) 0%, rgba(131, 33, 255, 0.05) 100%);}
.filmhome_weisen_list.list1{background: linear-gradient(180deg, rgba(18,25,46,.05) 0%, rgba(7,14,35,.05) 100%);}
.filmhome_weisen_list.list2{background: linear-gradient(180deg, rgba(43, 88, 15, 0.05) 2.92%, rgba(134, 255, 114, 0.05) 100%);}
.filmhome_weisen_list.list3{background: linear-gradient(180deg, rgba(160, 66, 13, 0.05) 0%, rgba(60, 52, 10, 0.05) 100%);}
.filmhome_weisen_list.list4{background: linear-gradient(180deg, rgba(37, 23, 97, 0.05) 0%, rgba(131, 33, 255, 0.05) 100%);}
.filmhome_weisen_list.list5{background: linear-gradient(180deg, rgba(28, 84, 84, 0.05) 0%, rgba(113, 238, 255, 0.05) 100%);}
.filmhome_weisen_list.list6{background: linear-gradient(180deg, rgba(43, 88, 15, 0.05) 2.92%, rgba(134, 255, 114, 0.05) 100%);}
.filmhome_weisen_list.list7{background: linear-gradient(180deg, rgba(29, 28, 84, 0.05) 0%, rgba(113, 144, 255, 0.05) 100%);}
.filmhome_weisen_list.list16{background: linear-gradient(180deg, rgba(29, 28, 84, 0.05) 0%, rgba(113, 144, 255, 0.05) 100%);}
.filmhome_weisen_list.list8{background: linear-gradient(180deg, rgba(31, 58, 152, 0.05) 2.4%, rgba(119, 125, 255, 0.05) 100%);}
.filmhome_weisen_list.list9{background: linear-gradient(180deg, rgba(136, 58, 214, 0.05) 0%, rgba(141, 166, 255, 0.05) 100%);}
.filmhome_weisen_list.list10{background: linear-gradient(180deg, rgba(18, 25, 46, 0.05) 0%, rgba(7, 14, 35, 0.05) 100%);}
.filmhome_weisen_list.list11{background: linear-gradient(180deg, rgba(219, 61, 61, 0.05) 0%, rgba(255, 164, 113, 0.05) 100%);}
.filmhome_weisen_list.list12{background: linear-gradient(180deg, #12192E 0%, #070E23 100%);}
.filmhome_weisen_list.list13{background: linear-gradient(180deg, rgba(29, 28, 84, 0.05) 0%, rgba(113, 144, 255, 0.05) 100%);}
.filmhome_weisen_list.list14{background: rgba(18,25,46,.05);}
.filmhome_weisen_list span{margin-top: 25px; font-size: 16px; line-height: 21px; color: #FFFFFF;}
.filmhome_weisen_list:hover .filmhome_weisen_list_layout{display: flex;}
.filmhome_weisen_list_layout{position: absolute; background: linear-gradient(180deg, #3E7EFF 0%, #97BAFF 100%); width: 100%; height: 100%; left: 0; top: 0; border-radius: 19px; padding:0 14px; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box; display: none;}
.filmhome_weisen_list_layout h5{font-size: 20px; line-height: 1.35; font-weight: 600; color: #FFFFFF;}
.filmhome_weisen_list_layout p{font-size: 16px; line-height: 1.8; font-weight: 400; margin-top: 6px; color: #FFFFFF;}
.filmhome_weisen_slider:hover .filmhome_weisen_slider_item{animation-play-state:paused}
.slider-left{animation:left-effect 30s linear infinite}
.slider-right{animation:right-effect 30s linear infinite}
@keyframes left-effect{0%{transform:translateX(0)}100%{transform:translateX(-29%)}}
@keyframes right-effect{0%{transform:translateX(-29%)}100%{transform:translateX(0)}}


.filmhome_tips{margin: 130px auto 0; max-width: 1460px; width: 92%; background: linear-gradient(79.82deg, rgba(24, 51, 82, 0.5) 7.32%, rgba(11, 32, 35, 0.5) 95.19%); border-radius: 10px; backdrop-filter: blur(25px); padding: 45px 34px 38px; box-sizing: border-box;}
.filmhome_tips_total_item{display: none; position: relative;}
.filmhome_tips_total_item.showed{display: block;}
.filmhome_tips .filmhome_title h2{color: #fff;}
.filmhome_tips_change{display: flex; justify-content: center; max-width: 1392px; width: 100%; height: 68px; background:url(https://www.ioforth.com/img/defilmforth-tips-line.png) top center no-repeat; background-size: cover; align-items: center; margin-top: 40px;}
.filmhome_tips_button{width: 214px; height: 68px; font-size: 20px; line-height: 160%; text-align: center; line-height: 68px; cursor: pointer; position: relative; color: #DCDCDC;}
.filmhome_tips_button.checked{color: #FFFFFF; font-weight: 600; font-size: 22px; background:url(https://www.ioforth.com/img/defilmforth-tips-squrae.png) top center no-repeat; background-size: cover;}
.filmhome_tips_button.checked:after{width: calc(100% - 10px); height: 1px; content: ""; display: block; position: absolute; left: 5px; bottom: 0; background: #112032;}
.filmhome_tips_button.second.checked:after{background: linear-gradient(to right,#122335,#132539,#16293f,#182b43);}

.filmhome_tips_total{max-width: 1340px; margin: 28px auto 0;}
.filmhome_tips_total_slider{max-width: 1190px; margin: 0 auto; overflow: hidden;}
.filmhome_tips_total_article{ display: flex; position: relative; align-items: flex-start;}
.filmhome_tips_article_list{width: 384px; height: 440px; background: #FFFFFF; border-radius: 10px; margin: 11px 0; position: relative;} 
.filmhome_tips_article_list_picture{background: linear-gradient(90deg, #AD44FF 0%, #4B80F6 100%); border-radius: 10px 10px 0px 0px; overflow: hidden; padding: 23px 26px 0;}
.filmhome_tips_article_list:nth-child(3n) .filmhome_tips_article_list_picture{background: linear-gradient(90deg, #AD44FF 0%, #4B80F6 100%);}
.filmhome_tips_article_list:nth-child(3n+1) .filmhome_tips_article_list_picture{background: linear-gradient(90deg, #4484FF 0%, #F6FF8D 100%);}
.filmhome_tips_article_list:nth-child(3n+2) .filmhome_tips_article_list_picture{background: linear-gradient(90deg, #EEFA90 0%, #DF455D 100%);}
.filmhome_tips_article_list_picture img{display: block; width: -webkit-fill-available; height: auto;}
.filmhome_tips_article_list_text{padding: 20px 24px 22px 16px; box-sizing: border-box;}
.filmhome_tips_article_list_text h5{font-size: 20px; line-height: 1.35; font-weight: 600; color: #000000;}
.filmhome_tips_article_list_text p{font-size: 14px; line-height: 1.6; font-weight: 400; color: #000000; margin-top: 15px;}
.filmhome_tips_article_list a{position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; z-index: 10;}
.filmhome_tips_total_button span{width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0px 4px 4px rgba(146, 146, 146, 0.25); position: absolute; top: calc(50% - 20px); z-index: 10; background: #fff; display: block; }
.filmhome_tips_total_button span.prev{left: -10px;}
.filmhome_tips_total_button span.next{right: -10px;}
.filmhome_tips_total_button span.prev:before{background:url(https://www.ioforth.com/img/dvd-player-arrow-left.png) top center no-repeat;}
.filmhome_tips_total_button span.next:before{background:url(https://www.ioforth.com/img/dvd-player-arrow-right.png) top center no-repeat;}
.filmhome_tips_total_button span:before{width: 13px; height: 20px; content: ""; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-position: 0 0; position: absolute;}
.filmhome_tips_total_button span:hover{background: #3E53FF;}
.filmhome_tips_total_button span:hover:before{background-position: 0 -20px;}
.filmhome_tips_article_changebtn{margin-top: 40px; display: flex; justify-content: center; align-items: center;}
.filmhome_tips_article_changebtn span{width: 30px; height: 6px; border-radius: 6px; background: #FFFFFF; margin: 0 10px; cursor: pointer;} 
.filmhome_tips_article_changebtn span.checked,.filmhome_tips_article_changebtn span.swiper-pagination-bullet-active{background: #6677FF;}
.filmhome_tips_video{max-width: 847px; margin: 40px auto 0;}

.filmhome_tricks{width: 100%; height: 635px; background:url(https://www.ioforth.com/img/defilmforth-tips-bg.jpg) top center no-repeat; background-size: cover; overflow: hidden;}
.filmhome_tricks .filmhome_title{margin-top: 94px;}
.filmhome_tricks .filmhome_title h2{color: #fff;}
.filmhome_tricks_total{margin-top: 100px; position: relative;}
.filmhome_tricks_total_slider{overflow: hidden;}
.filmhome_tricks_total_bd{display: flex;}
.filmhome_tricks_total_list{width: 575px; height: 300px; background: linear-gradient(180deg, #12192E 0%, #14205B 100%); border-radius: 19px; border: 1px solid #caccd3; padding: 90px 34px 0; box-sizing: border-box; flex-shrink: 0; position: relative;}
.filmhome_tricks_total_list:before{width: 40px; height: 40px; content: ""; display: block; position: absolute; background:url(https://www.ioforth.com/img/defilmforth-qua.svg) top center no-repeat; background-size: cover; left: 34px; top: 24px;}
.filmhome_tricks_total_list p{font-size: 16px; line-height: 21px; font-weight: 400; color: #FFFFFF;}
.filmhome_tricks_logo{height: 90px; display: flex; align-items:center; justify-content: flex-end; position: absolute; right: 40px; bottom: 0; border-top: 1px solid #3B4F76; width: calc(100% - 68px);}
.filmhome_tricks .filmhome_tips_total_button span.prev{left: -80px; top: calc(50% + 126px);}
.filmhome_tricks .filmhome_tips_total_button span.next{right: -80px; top: calc(50% + 126px);}

/* foot */
.filmhome_footdown{width: 100%; height: 488px; background: linear-gradient(98.53deg, #A5FFE4 -0.6%, #FEFEFF 31.3%, #4079E6 89.56%, #5358DC 102.11%); display: flex; justify-content: center; align-items: center; overflow: hidden;}
.filmhome_footdowncnt{display: flex; flex-direction: row; align-items: center;}
.filmhome_foottext h2{color: #0A2373; font-size: 40px; line-height: 1.6; font-weight: 700;}
.filmhome_foottext p{color: #040404; font-size: 16px; line-height: 21px; margin-top: 28px;}
.filmhome_foottext .filmhome_btn{margin-top: 10px;}
.filmhome_foottext .filmhome_btn .btn{transform: translateX(-20px);}
.filmhome_footdowncnt>img{margin-right: -50px;}
.filmhome_footdown .filmhome_install{background: linear-gradient(to right,#3fbbfe,#4f73ff); border: 2px solid #85d1ff;}
@media screen and (max-width: 1680px){
.filmhome_banpicture{width: 50%; height: auto; margin-top: auto;}
.filmhome_bantext{width: 46%;}
.filmhome_bantext h1{font-size: 36px;}
}
@media screen and (max-width: 1440px){

}
@media screen and (max-width: 1330px){

.filmhome_bantext h1{font-size: 32px;}
.filmhome_tips_total_button span{width: 30px; height: 30px;}
.filmhome_tips_total_button span.next:before,.filmhome_tips_total_button span.prev:before{transform: scale(.6);}
.filmhome_tricks .filmhome_tips_total_button span.next,.filmhome_tips_total_button span.next{right: -34px;}
.filmhome_tricks .filmhome_tips_total_button span.prev,.filmhome_tips_total_button span.prev{left: -34px;}
.filmhome_tricks_total_list{height: 340px;}
}

@media screen and (max-width: 1280px){


}
@media screen and (max-width: 1190px){

}

@media screen and (max-width: 980px){
.filmhome_banner{height: auto; padding: 60px 0; background: linear-gradient(83.74deg, #D8EAFF -11.03%, #FFFFFF 41.11%, #EFFFED 91.29%);}
.filmhome_bancnt{flex-direction: column;}
.filmhome_btn{justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.filmhome_banpicture{position: relative; max-width: 932px; width: 100%; margin: 20px auto 0;}
.filmhome_bantext{width: 100%;}
.filmhome_bantext h1 span{transform: translate(0);}
.filmhome_bearbei{height: auto; background: #000; padding-bottom: 50px;}
.filmhome_bearbei .filmhome_title{margin-top: 50px;}
.filmhome_video_cont{top: 20px;}
.filmhome_weitips{height: auto; background: #000; padding-bottom: 50px;}
.filmhome_weisen,.filmhome_tips{margin-top: 50px;}
.filmhome_tips,.filmhome_tips_button.checked:after,.filmhome_tips_button.second.checked:after{background: rgba(24, 51, 82);}
.filmhome_tricks{height: auto; background: #000000; padding-bottom: 50px;}
.filmhome_tricks .filmhome_title,.filmhome_tricks_total{margin-top: 50px;}
.filmhome_footdown{height: auto; padding: 50px 0;}
.filmhome_footdowncnt{flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.filmhome_foottext{width: 100%;}
.filmhome_footdowncnt>img{max-width: 773px; width: 100%; height: auto; margin: 20px auto 0;}
.filmhome_title h2{font-size: 28px;}
}
@media screen and (max-width: 710px){

} 
@media screen and (max-width: 568px){
.filmhome_btn>div.btn{margin-right: 0;}
.filmhome_bantext h1{font-size: 22px;}
.btn{margin-top: 0;}
.filmhome_video_cont{position: relative; background: #000; top: 0;}
.filmhome_tips_change{background: none;}
.filmhome_tips_button,.filmhome_tips_button.checked{background: none; font-size: 18px;}
.filmhome_tips_button.checked:after{display: none;}
.filmhome_tips_article_changebtn span{width: 20px; margin: 0 5px;}
.filmhome_tricks_total{width: 80%;}
.filmhome_tricks .filmhome_title{margin-top: 0;}
.filmhome_foottext h2{font-size: 32px;}
.filmhome_tricks_total_list{height: 370px;}
} 
@media screen and (max-width: 414px){

} 
@media screen and (max-width: 375px){

} 
@media screen and (max-width: 325px){
}