body{ width: 100%; overflow-x: hidden; font-size:16px; background-color: #fff; font-family: "Segoe UI", "SegoeUI", "Helvetica Neue","Helvetica","Arial","Roboto","sans-serif"; font-size: inherit;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{ font-family: "Segoe UI", "SegoeUI", "Helvetica Neue","Helvetica","Arial","Roboto","sans-serif"; font-size: inherit;}
.pw1200{ max-width:1200px; width:92%; margin-left:auto; margin-right:auto;}
.btn{transition:transform 0.3s linear;}
.btn:hover{transform:translateY(-5px);}
.only_pc{display: block;}
.only_mo{display: none;}

.filmhome_title{max-width: 1200px; width: 92%; margin-left: auto; margin-right: auto; text-align: center;}
.filmhome_title h2{font-size: 36px; line-height: 160%; color: #000000; font-weight: 600;}
.filmhome_title h2 span{color: rgba(67, 107, 250, 1);}
.filmhome_title p{margin-top: 22px; font-size: 18px; line-height: 160%; color: #303030; font-weight: 400;}


.filmhome_banner{ width:100%; height: 733px; background: linear-gradient(85.36deg, #D8EAFF -1.88%, #FFFFFF 48.49%, #EDFFFF 96.96%); display: flex; align-items: center; overflow: hidden; }
.filmhome_bancnt{ display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.filmhome_bancomp{margin-right: -165px; margin-top: 40px;}
.filmhome_bantext{ width:600px; margin-right: 10px;}
.filmhome_bantext p.proname {font-size: 26px; font-weight: 700; color: #405EFF; display: flex; align-items: center;}
.filmhome_bantext p.proname img{margin-right: 20px;}
.filmhome_bantext h1{ font-size:46px; color:#000000; line-height:1.3; margin-top: 15px; font-weight: 600;}
.filmhome_bantext p.prodes{ font-size:18px; line-height:1.6; color:#000000; font-weight: 400; margin-top:24px;}
.filmhome_bantext ul{margin-top: 16px;}
.filmhome_bantext ul li{font-size: 14px; font-weight: 400; color: #303030; line-height: 2.1; padding-left: 20px; position: relative;}
.filmhome_bantext ul li::before{width: 6px; height: 6px; border-radius: 6px; content: ""; display: block; position: absolute; left: 0; top: 12px; background: #303030; transform: scale(.7);}
.filmhome_btn{display: flex; align-items: center; margin-top: 20px; flex-wrap: wrap;} 
.filmhome_btn a{display: block; height: 58px;}
.filmhome_btn>div.btn{width: 160px; height: 60px; margin-right: 15px;}
.filmhome_btn ms-store-badge{transform: scale(.55) translate(-130px,2px); transform-origin: top;}
.btmbtn{width: 234px; height: 58px; line-height: 56px; font-size: 18px; border-radius: 8px; position: relative; color: #fff; text-align: center; box-sizing: border-box; background: #405EFF;}
.btmbtn:before{width: 20px; height: 20px; content: ""; display: inline-block; vertical-align: middle; position: relative; margin:-4px 14px 0 0; background:url(../img/vidforth_win_icon.svg) top center no-repeat; background-size:cover;}
.filmhome_available_descript{font-size: 16px; line-height: 180%; font-weight: 400; color: #000000; margin-top: 15px;}

.filmhome_original{width: 100%; background: linear-gradient(177.6deg, #FFFFFF 0%, #FFFFFF 20.01%, #E5EBFF 46.79%, #E7ECFF 96.7%); padding-bottom: 71px;}
.filmhome_bestfree{margin: 56px auto 0; max-width: 1374px; width: 92%; background: rgba(255, 255, 255, 0.5); border: 1px solid #FFFFFF; border-radius: 10px; padding: 66px 27px 40px 90px; box-sizing: border-box;}
.filmhome_bestfree_cont{margin: 40px auto 0; position: relative;}
.filmhome_bestfree_total{display: flex; align-items: center; flex-direction: row-reverse;}
.filmhome_bestfree_text{width: 660px;}
.filmhome_bestfree_text p{font-size: 18px; line-height: 160%; color: #303030; font-weight: 400; margin: 15px 0;}
.filmhome_bestfree_text p a{color: #5167f6;}




.filmhome_howto{margin-top: 97px;}
.filmhome_howto_change{padding: 55px 63px 60px 90px; max-width: 1374px; width: 92%; background: linear-gradient(180deg, #F1F4FF 0%, #FFFFFF 100%); border: 1px solid #FFFFFF; border-radius: 20px; box-sizing: border-box; margin: 46px auto 0; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; position: relative;}
.filmhome_howto_change_picture:before{width: 15px; height: 14px; content: ""; display: block; background:url(../img/blu-ray-player-star.svg) top center no-repeat; background-size: cover; top: -30px; right: 15px; z-index: 3; position: absolute;}
.filmhome_howto_change_text{padding-left: 42px; border-left: 1px dashed #436BFA; width: 515px; position: relative;}
.filmhome_howto_change_text:before{width: 5px; height: 34px; content: ""; display: block; background: #F1F4FF; left: -4px; top: 0; z-index: 30; position: absolute;}
.filmhome_howto_chage_item p{font-size: 16px; line-height: 140%; color: #000000; font-weight: 400; position: relative; cursor: pointer; padding: 34px 24px 28px 28px; border-radius: 5px; box-sizing: border-box;}
.filmhome_howto_chage_item p b{font-size: 22px; line-height: 140%; color: #000000; font-weight: 600; display: block; margin-bottom: 10px;}
.filmhome_howto_chage_item p:before{width: 34px; height: 34px; border-radius: 34px; line-height: 34px; text-align: center; background: #BBCAFF; color: #FFFFFF; font-size: 20px; font-weight: 600; content:attr(data-id); display: block; position: absolute; left: -59px; top: 34px; z-index: 5;}
.filmhome_howto_chage_item p.checked{background: #8476FF; color: #FFFFFF;}
.filmhome_howto_chage_item p.checked b{color: #fff;}
.filmhome_howto_chage_item p.checked:before{background: #436BFA;}
.filmhome_howto_chage_item p.lined:after{width:1px;height:calc(100% + 50px);content:"";display:block;position:absolute;left:-43px;top:20px;border-left:1px solid #436BFA;z-index:2}
.filmhome_howto_change_picture img{display: none;}
.filmhome_howto_change_picture img.showed{display: block;}
.filmhome_howto_change_picture{position: relative;}



.filmhome_makes{text-align: center; background: #06022C; padding: 68px 0 162px;}
.filmhome_makes .filmhome_title h2{color: #fff;}
.filmhome_makes_slider{position: relative; margin-top: 38px;}
.filmhome_makes_total_slider{overflow: hidden;}
.swiper-wrapper{
	transition-timing-function:linear ;
}

.filmhome_makes_total_slider{overflow: hidden; width:calc(442px * 18); will-change: transform;}
.filmhome_makes_slider:hover .filmhome_makes_total_slider{animation-play-state:paused}
.filmhome_makes_total_leftslider{animation:left-effect 90s linear infinite}
.filmhome_makes_total_rightslider{animation:right-effect 90s linear infinite}
@keyframes left-effect{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes right-effect{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}


.filmhome_makes_total{display: flex; position: relative;}
.filmhome_makes_arrow span{width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); position: absolute; top: calc(50% - 20px); z-index: 10; background: #fff; display: block; box-shadow: 0px 4px 4px rgba(146, 146, 146, 0.25);}
.filmhome_makes_arrow span.prev{left: -73px;}
.filmhome_makes_arrow span.next{right: -73px;}
.filmhome_makes_arrow span.prev:before{background:url(../img/dvd-player-arrow-left.png) top center no-repeat;}
.filmhome_makes_arrow span.next:before{background:url(../img/dvd-player-arrow-right.png) top center no-repeat;}
.filmhome_makes_arrow 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_makes_arrow span:hover{background: #7851FE;}
.filmhome_makes_arrow span:hover:before{background-position: 0 -20px;}
.filmhome_makes_items{position: relative; width: 412px; height: 200px; margin:15px;}
.filmhome_makes_items_layout{position: absolute; width: 100%; height: 100%; padding: 0 22px; box-sizing: border-box; left: 0; top: 0; background: #FFF8E5; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none; border: 2px solid #FFFFFF; border-radius: 19px;}
.filmhome_makes_items:hover .filmhome_makes_items_layout{display: flex;}
.filmhome_makes_items_relative{position: relative;}
.filmhome_makes_items_relative span{position: absolute; bottom: 19px; left: 20px; color: #fff;}
.filmhome_makes_items_layout h5{font-size: 20px; line-height: 1.6; color: #FFFFFF; font-weight: 600;}
.filmhome_makes_items_layout p{font-size: 14px; line-height: 1.6; color: #FFFFFF; font-weight: 400; margin-top: 10px;}
.filmhome_makes_items_layout.item1{background: #58B1FF;}
.filmhome_makes_items_layout.item2{background: #F0C02A;}
.filmhome_makes_items_layout.item3{background: #6C6BFF;}
.filmhome_makes_items_layout.item4{background: #75D5B6;}
.filmhome_makes_items_layout.item5{background: #98C9EC;}
.filmhome_makes_items_layout.item6{background: #F191AF;}
.filmhome_makes_items_layout.item7{background: #C8B7F7;}
.filmhome_makes_items_layout.item8{background: #5E44F2;}
.filmhome_makes_items_layout.item9{background: #FFA563;}
.filmhome_makes_items_layout.item10{background: #A027FF;}
.filmhome_makes_items_layout.item11{background: #C72728;}
.filmhome_makes_items_layout.item12{background: #E0B92E;}



.filmhome_system{background: #FFFFFF; border: 1px solid #F2F2F2; box-shadow: 0px 64px 140px -48px rgba(67, 130, 255, 0.08);	border-radius: 10px; padding: 28px 40px 34px 40px; box-sizing: border-box; text-align: center; margin-top: -100px;}
.filmhome_system h2{font-size: 26px; color: #000000; line-height: 160%; font-weight: 600;}
.filmhome_system_total{display: flex; justify-content: space-between;}
.filmhome_system_item{display: flex; width: 330px; align-items: center; flex-direction: column; margin-top: 33px;}
.filmhome_system_item span{margin-top: 3px; display: block; font-size: 16px; line-height: 160%; color: #878787; font-weight: 400;}
.filmhome_system_item p{margin-top: 12px; font-size: 18px; line-height: 160%; color: #303030; font-weight: 400;}

.filmhome_ftdownload{max-width: 1410px; width: 96%; background: linear-gradient(92.13deg, #7AA6FF 0.38%, #C2D6FF 55.45%, #ACA5FF 100%); border-radius: 10px; margin: 66px auto 40px; padding: 52px 0 9px;}
.filmhome_ftdownload_cnt{display:flex; justify-content:space-between;}
.filmhome_ftdownload_cnt>img{margin-right: 20px;}
.filmhome_ftdownload_head{display:flex; align-items:center;}
.filmhome_ftdownload_text{width: 480px; margin-top:50px;}
.filmhome_ftdownload_head_text h2{font-size: 32px; line-height: 160%; color: #000; font-weight: 600;}
.filmhome_ftdownload_head_text h2 span{color: rgba(62, 83, 255, 1); font-weight: bold;}
.filmhome_ftdownload_head_text p{margin-top: 25px; font-size: 18px; line-height: 180%; color: #303030; font-weight: 400;}
.filmhome_ftdownload .filmhome_btn{margin-top:48px;}



@media screen and (max-width: 1466px){
.filmhome_howto_change{padding: 55px 40px;}
.filmhome_howto_change_text{margin-left: 40px;}
.filmhome_makes_arrow span.next{right: -30px;}
.filmhome_makes_arrow span.prev{left: -50px;}
.filmhome_makes_items>img{width: inherit; height: auto;}
}
@media screen and (max-width: 1330px){
.filmhome_bantext{width: 44%; margin-right: 0;}
.filmhome_btn_first,.filmhome_btn>div.btn{margin-right: 20px;}
.filmhome_ftdownload_cnt>img{margin-left: 20px; margin-right: 0;}
}
@media screen and (max-width: 1220px){
.filmhome_bancnt{ width: 92%;}
.filmhome_bancomp{width: 50%; height: auto; margin-right: 0;}
.filmhome_bestfree{padding: 40px 30px;}
.filmhome_bestfree_total{align-items: center; justify-content: space-between;}
.filmhome_bestfree_total>img{width: 50%; height: auto;}
.filmhome_bestfree_text{width: calc(50% - 20px); margin-left: 0;}
.filmhome_howto_change_text{width: 43%;}
.filmhome_howto_change_picture{width: 55%;}
.filmhome_howto_change_picture img{width: 100%; max-width: 604px; height: auto;}
.filmhome_ftdownload{padding: 40px 0;}
.filmhome_ftdownload_cnt{align-items: center;}
.filmhome_ftdownload_text{width: 50%;}
.filmhome_ftdownload_cnt>img{width: calc(50% - 20px); height: auto;}
}
@media screen and (max-width: 1180px){
}
@media screen and (max-width: 1100px){

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

}

@media screen and (max-width: 980px){
.filmhome_banner_box{height: auto;}
.filmhome_banner{height: auto; padding:50px 0; overflow: hidden;}
.filmhome_bancnt{flex-direction: column;}
.filmhome_bancomp{max-width: 757px; width: 92%; margin-top: 0;}
.filmhome_bantext{width: 100%; text-align: center; margin-right: 0; margin-top: 20px;}
.filmhome_bantext h1{font-size: 38px;}
.filmhome_bantext p.proname{justify-content: center;}
.filmhome_bantext ul li::before{display: none;}
.filmhome_title h2,.filmhome_ftdownload_head_text h2{font-size: 28px;}
.filmhome_btn{justify-content: center; margin-top: 20px;}
.filmhome_btn a.filmhome_btn_first,.filmhome_btn a,.filmhome_btn>div.btn{ margin: 0;}
.idx_banpn a{width: 60px; height: 60px;}
.idx_banpn .idxpre{left: 20px;}
.idx_banpn .idxnext{right: 20px;}
.filmhome_original{height: auto; padding-bottom: 50px;}
.filmhome_bestfree_total{flex-direction: column;}
.filmhome_bestfree_total>img{max-width: 600px; width: 100%; margin: 20px auto;}
.filmhome_bestfree_text{width: 100%; margin: 0 auto 0;}
.filmhome_bestfree_cont:after{display: none;}
.filmhome_howto{margin-top: 50px;}
.filmhome_howto_change{flex-direction: column; margin-top: 50px;  padding:40px 10px 40px 20px;}
.filmhome_howto_change_text{width: 92%; box-sizing: border-box; margin-left: 0;}
.filmhome_howto_change_picture{width: 100%;}
.filmhome_howto_chage_item p{padding: 20px 10px 20px 10px;;}
.filmhome_howto_change_picture:before{display: none;}
.filmhome_howto_change_picture img{margin: 50px auto 0;}
.filmhome_system{margin-top: 50px;}

.filmhome_ftdownload{padding-bottom: 50px; overflow: hidden;}
.filmhome_ftdownload_cnt{flex-direction: column-reverse;}
.filmhome_ftdownload_cnt>img{max-width: 630px; width: 90%; margin: 20px auto; height: auto;}
.filmhome_ftdownload_text{width: 100%; text-align: center; margin-top: 0;}
.filmhome_ftdownload_head{justify-content: center;}
.filmhome_ftdownload_head_text h2{font-size: 26px;}
.filmhome_ftdownload_head>img{width: 80px; height: 80px;}
.filmhome_bestfree_cont{margin-top: 40px; padding: 0;}
.filmhome_makes{padding: 50px 0;}
}
@media screen and (max-width: 768px){
.filmhome_system{padding: 28px;}
.filmhome_system_total{flex-direction: column;}
.filmhome_system_item{width: 100%;}
}
@media screen and (max-width: 710px){

} 
@media screen and (max-width: 568px){
.filmhome_bantext h1{font-size: 30px;}
.filmhome_title h2{font-size: 26px;}
.filmhome_bantext p{font-size: 22px;}
.filmhome_bantext p.filmhome_available_descript{font-size: 16px;}
.filmhome_btn{flex-direction: column;}
.idx_banpn a{width: 40px; height: 40px;}
.filmhome_ftdownload_head{flex-direction: column;}
.filmhome_ftdownload_head_text{margin: 20px auto 0; text-align: center;}
.filmhome_btn a{margin: 10px auto;}
.filmhome_bantext ul li{padding-left: 0;}
.filmhome_makes_items{width: auto; height: auto;}
.filmhome_makes_items_relative>img{width: -webkit-fill-available; height: 100%; display: block;}
} 
@media screen and (max-width: 375px){


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

} 