body{font:15px/27px Verdana, Arial, sans-serif;color:#393939;}
img{max-width:100%;}
.detail{width:1200px; margin:0 auto;}
/*-------------*/

.fvd-top-banner{background:url(../images/pho-transfer/top-banner-bg.jpg) no-repeat center / cover; height:105px; position:sticky; top:0; z-index:1;}
.fvd-top-banner .content{display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; bottom:0; left:0;}
.fvd-top-banner .text{padding:0 30px;}
.fvd-top-banner .text h5{font-size:21px; color:#fff; padding-bottom:8px;}
.fvd-top-banner .text p{font-size:21px; color:#fef977;}
.fvd-top-banner.special-style .text p{color: #fff600;text-shadow: 0 2px 0 rgba(0,0,0,0.05);}
.fvd-top-btn{display:flex;}
.fvd-top-banner .content a{font-size:21px; color:#010101; background-color:#FDF879;  line-height:2; padding:0 1.5em; border-radius:50px; flex:none;text-decoration: none;}
/*-------------*/

.main01{padding: 60px 0;}
.main01 .detail{display:flex;align-items: center;justify-content: space-between;}
.main01 .left{width: 570px; }
.main01 .left h2{font-size: 25px;color: #000; line-height:1.5;padding-bottom: 20px;}
.main01 .left h2 a{text-decoration:none;}
.btn-container {display:flex; list-style:none; margin:20px -10px 0;}
.btn-container li{margin:0 10px;}
.btn-container li > a{display:flex;font-size:19px;color: #fff; border-radius: 4px;margin-bottom:5px; text-decoration: none; padding:10px; justify-content:center; align-items:center; min-width:235px;}
.btn-container li > a::after{font-size:0; line-height:0; padding-left:15px;}
.btn-container li > a:hover{box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.btn-container .to-win>a{background-color:#00baff;}
.btn-container .to-win>a::after{content:url(../images/new-index/download-win-icon.png);}
.btn-container .to-mac>a{background-color:#78C443;}
.btn-container .to-mac>a::after{content:url(../images/new-index/download-mac-icon.png);}
.btn-container .to-buy>a{background-color:#feb91a;}
.btn-container .to-buy>a::after{content:url(../images/new-index/buy-icon.png);}
.btn-container .to-win>a.the-mobile-icon::after{content:url(../images/new-index/win-mac.png); height:33px; display:flex; align-items:center;}
.btn-container p {color: #808080;text-align: center; }
.btn-container p a {color: #00b2f2;}
/*-------------*/

.main02{padding:60px 0;}
.m02-con{display:flex; align-items:center; justify-content:space-between;}
.m02-con + .m02-con{margin-top:6%;}
.m02-con:nth-child(even){flex-flow:row-reverse;}
.m02-con .pic, .m02-con .text{width:calc(50% - 2%);}
.m02-con .text h2{font-size:21px;padding: 0 0 20px;font-weight: bold;}
/*-------------*/

.main03{padding-bottom:60px; text-align:center;}
.main03 h2{font-size:34px; line-height:1; padding-bottom:30px;}
.main03-video {width: 850px;;margin: 0 auto;position: relative;}
.main03-video::before {content: "";display: block;padding-bottom: 56.25%;}
.main03-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*-------------*/

.main04{padding:60px 0; background-color:#FAF9F6; text-align:center;}
.main04 h2{font-size:34px; line-height:1; padding-bottom:25px;}
.m04-con{display:flex; justify-content:space-between; padding-top:35px;}
.main04_one{flex:0; margin:0 1%; text-align:justify;hyphens: auto;}
.main04_one img{max-width:none;}
.main04_one h3{font-size:21px; padding:15px 0 10px;}
/*-------------*/

.main05{text-align:center; padding:60px 0;}
.main05 h2{font-size:34px; line-height:1.3; padding-bottom:.5em; background:linear-gradient(to right, transparent calc(50% - 43px), #D8D8D8 0, #D8D8D8 calc(50% + 43px), transparent 0) no-repeat bottom / 100% 2px;}
.main05-comment-box{width:695px; margin:40px auto 20px; position:relative;}
.main05-comment-box::before{content:''; position:absolute; right:101%; bottom:97%; width:20px; height:20px; background-image:url(../images/feature-video-downloading/l-quote.png);}
.main05-comment-box::after{content:''; position:absolute; left:101%; top:75%; width:20px; height:20px; background-image:url(../images/feature-video-downloading/r-quote.png);}
.main05-comment-wrap{overflow:hidden;}
.main05-comment-x{white-space:nowrap; font-size:0; transition:transform .3s; transform:translate(-600%);}
.main05-comment{display:inline-block; white-space:normal; font-size:15px; line-height:2; vertical-align:middle; width:100%;}
.main05-star{color:#FED467; font-size:23px; font-weight:700;}
.main05-editor-x{font-size:17px; color:#8e8e8e; padding-bottom:20px;}
.main05-editor-x li{display:none; opacity:0;}
.main05-editor-x li.active{display:block; animation:fadeIn .8s forwards;}
@keyframes fadeIn {to{opacity:1;}}
.main05-editor-x span{color:#333;}
.main05-btn-x{display:flex; justify-content:center; align-items:center; position:relative;}
.main05-btn-x::before{content:''; position:absolute; border-width:0 10px 15px 10px; border-style:solid; border-color:transparent transparent #32BFFD transparent; left:50%; top:-10px; margin:0 0 0 -10px;}
.main05-btn-x::after{content:''; position:absolute; width:85px; height:85px; border-radius:50%; border:4px solid; color:#32BFFD; left:50%; top:50%; margin:-46px 0 0 -46px;}
.main05-btn-x .l-btn, .main05-btn-x .r-btn{width:21px; height:21px; box-sizing:border-box; border:0; border-left:2px solid; border-bottom:2px solid; color:#6C6C6C; background-color:transparent; cursor:pointer;}
.main05-btn-x .l-btn{transform:rotate(45deg);}
.main05-btn-x .r-btn{transform:rotate(-135deg);}
.main05-btn-lists{width:276px; overflow:hidden; margin:0 50px; padding:13px 0;}
.main05-btn{white-space:nowrap; font-size:0; transition:transform .3s; transform:translate(-520px);}
.main05-btn li{margin-right:36px; opacity:.6; transition:opacity .3s, transform .3s; display:inline-block;}
.main05-btn li img{vertical-align:middle;}
.main05-btn li.active{transform:scale(1.28); opacity:1;}
/*-------------*/

.main06{text-align:center; padding:60px 0; background-color:#F6F6F6;}
.main06 h2{font-size:34px; line-height:1; padding-bottom:40px; font-weight:700;}
.table-wrap table tr th:first-child{width:30%; padding-left:25px;text-align: left;}
.table-wrap table tr th:nth-child(2){width:38%;}
.table-wrap table tr td:first-child{border-bottom:1px solid #D0D0D0;}
.table-wrap table tr:last-child td{border-bottom:0;}
.table-wrap table tr td:nth-child(2){background-color:#FEE5BF; border-width:4px 30px; border-style:solid; border-color:transparent; background-clip:padding-box; padding:17px 20px;}
.table-wrap table tr td:last-child{background-color:#fff; padding:17px 20px; border-width:4px 0; border-style:solid; border-color:transparent; background-clip:padding-box;}
.table-wrap table h4{font-size:26px;  padding:8px 0 1.35em;}
.table-wrap table .ti{font-size:17px; text-align:left; padding:20px 25px;}
.table-wrap table .con{font-size:19px;}
.table-wrap table .con.p{font-size:17px;}
.table-wrap table .con.p span{text-align:left; display:inline-block;}
.table-wrap table .star{font-size:27px; font-weight:700; color:#FEB018; letter-spacing:-3px; margin-top:-2px;}
.main06 .btn-container{justify-content:center;margin: 40px 0 0;}
/*-------------*/

.top_nav{display:none; position:fixed; top:0; left:0; background-color:#2d95f2; width:100%; font-size:13px; z-index:99;}
.top_nav .detail{width:1060px; padding:20px 0;}
.top_nav .detail > a{float:left;}
.top_nav ul{float:right; list-style:none;}
.top_nav ul li{float:left; text-decoration:none; margin:0 17px;}
.top_nav ul li a{color:#fff; text-decoration:none;}
.top_nav ul li:last-child a{background-color:#fff; color:#2d95f2; padding:3px 18px 5px; border-radius:13px;}
.top_nav .m_btn{display:none;}
/*-------------*/

.down-popup-x{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .6); z-index:100001; text-align:center; font-size:0; white-space:nowrap; overflow:auto; display:none;}
.down-popup-x:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.down-popup{background-color:#F6FBFF; width:800px; display:inline-block; position:relative; vertical-align:middle; white-space:normal; font-size:15px;}
.close-down-popup-btn{position:absolute; right:-12px; top:-12px; background:linear-gradient(to right bottom, transparent calc(50% - 2px), currentColor, transparent calc(50% + 2px)) no-repeat center / 50% 50%, linear-gradient(to left bottom, transparent calc(50% - 2px), currentColor, transparent calc(50% + 2px)) no-repeat center / 50% 50%, #fff; width:24px; height:24px; border-radius:50%; color:#333;}
.down-popup-con li{display:flex; align-items:center; justify-content:center; margin:17px 0;}
.down-popup-free{flex-basis:220px; text-align:right;}
.down-popup-full{flex-basis:490px; text-align:left;}
.down-popup-free b, .down-popup-full b{display:inline-block; padding:5px 15px; border-radius:34px; background-color:currentColor; position:relative;}
.down-popup-free b{color:#D9F2FE;}
.down-popup-full b{color:#FEEDD3;}
.down-popup-free b:first-line{color:#039ee6;}
.down-popup-full b:first-line{color:#f6a115;}
.down-popup-free b::after, .down-popup-full b::before{content:''; display:inline-block; width:15px; height:15px; vertical-align:-2px;}
.down-popup-free b::after{background-image:url(../images/pho-transfer/table-icon1.png); margin-left:8px;}
.down-popup-full b::before{background-image:url(../images/pho-transfer/table-icon2.png); margin-right:8px;}
.down-popup-free b::before, .down-popup-full b::after{content:''; position:absolute; width:25px; height:1px; background-color:currentColor; top:50%;}
.down-popup-free b::before{left:100%;}
.down-popup-full b::after{right:100%;}
.down-popup-icon{margin:0 25px; position:relative; z-index:0; color:#E7D1FB;}
.down-popup-icon::before{content:''; position:absolute; top:-12px; bottom:-12px; width:1px; left:0; right:0; margin:0 auto; background-color:currentColor; z-index:-1;}
.down-popup-con li:first-child .down-popup-icon::before{background:linear-gradient(#F6FBFF, currentColor 17%);}
.down-popup-con li:last-child .down-popup-icon::before{background:linear-gradient(to top, #F6FBFF, currentColor 11%);}
.down-popup-btn{background-color:F9ECFE; padding:10px 0; display:flex; justify-content:center;}
.down-popup-btn a{line-height:50px; display:inline-block; font-weight:700; font-size:17px; text-decoration:none; color:#fff; border-radius:5px; margin:0 15px; padding:0 10px;}
.down-popup-btn a::after{vertical-align:-5px;}
.down-popup-btn-try{background-color:#15B1F9;}
.down-popup-btn-upgrade{background-color:#FEAA22;}
.down-popup-btn-try:hover, .down-popup-btn-upgrade:hover{color:#fff;}
.down-popup-btn-try::after{width:42px; height:19px; background-image:url(../../img/windows_mac.png);}
.down-popup-btn-upgrade::after{width:25px; height:19px; background-image:url(../images/pho-transfer/buy-iocn.png);}
.down-popup-btn-try::after, .down-popup-btn-upgrade::after{vertical-align:-3px; display:inline-block; content:''; margin-left:12px;}
.down-popup-btn .trail-limit{color:#333; font-weight:400; font-size:15px; line-height:1; margin:10px 0 0; padding:0;}
.down-popup-x .add-tip{color:#888; margin-top:5px;}
.down-btn{display:inline-block; background-color:#16B4FD; font-size:31px; line-height:1; color:#fff; border-radius:5px; padding:.6em; margin:1.1em 0 .5em; box-shadow:0 5px 15px rgba(121 132 145 / .35); transition:background-color .5s;}
.down-btn::after{content:''; display:inline-block; width:59px; height:24px; background-image:url(../images/feature-video-compressing/win-mac.png); margin-left:23px;}
.down-btn:hover{background-color:#51c1f5;}
.down-text{color:#666; padding-top:10px;}
.down-btn.win-btn::after{ background:url(../../images/vp-img/win-nineteen.png) no-repeat center/19px 23px; width:19px; height:23px;}
.down-btn.mac-btn::after{ background:url(../../images/vp-img/mac-nineteen.png) no-repeat center/28px 30px; width:28px; height:30px;}
.win-btn-pop::after{ background:url(../images/pho-transfer/win-nineteen.png) no-repeat center/16px 21px; width:16px; height:21px;}
.mac-btn-pop::after{ background:url(../../images/vp-img/mac-nineteen.png) no-repeat center/20px 22px; width:20px; height:22px;}
/*-------------*/

@media (max-width: 979px) {
	
    .detail{width: auto;padding: 0 5px;}
    /*-------------*/
	
	.fvd-top-banner{display:none;}
    /*-------------*/

	.main03-video {width: 100%;}
	
	.m04-con{flex-flow:column;}
	.main04_one{text-align:center;}
	.main04_one + .main04_one{margin-top:20px;}
    /*-------------*/
	
	.table-wrap{width:100%;}
    /*-------------*/
	
	.top_nav .detail{width:100%;}
    /*-------------*/
	
}

@media (max-width: 767px) {
	
	.main01 .left{width:auto;}
	.main01 .detail{flex-flow:wrap;}
	.btn-container{flex-flow:wrap;}
	/*--------*/
	
	.main05-comment-box{width:90%;}
	/*--------*/
	
	.top_nav .detail{width:100%; padding:15px 0;}
	.top_nav .detail > a img{width:124px; height:18px; padding-left:10px;}
	.top_nav ul{float:none; position:absolute; top:48px; right:0; background-color:#fff; padding:0 10px; box-shadow:-2px 3px 8px #ece1e1; display:none;}
	.top_nav ul li{float:none; margin:0;}
	.top_nav ul li a{color:#11bef7; font-size:15px; padding:5px 0; display:block; text-align:center; border-bottom:1px solid #e5e5e5;}
	.top_nav ul li:last-child a{background-color:#2d95f2; color:#fff; padding:1px 10px 4px; border-bottom:0; margin:10px 0; border-radius:18px;}
	.top_nav .m_btn{display:block; position:absolute; top:12px; right:10px;}
	/*--------*/

}

@media  (max-width: 479px) {
	
	.main01, .main02, .main03, .main04, .main05, .main06{padding:40px 0;}
	.main03 h2, .main04 h2, .main05 h2, .main06 h2{font-size:23px;}
	/*--------*/
	
	.m02-con, .m02-con:nth-child(2n){flex-flow:column;}
	.m02-con .pic, .m02-con .text{width:100%;}
	.m02-con + .m02-con{border-top:1px solid #ddd; padding-top:6%;}
	/*--------*/
	
	.main05{padding:40px 0 50px;}
	.main05-btn-lists{margin:0;}
	/*--------*/
	
	.table-wrap{overflow-x:auto;}
	.table-wrap table{width:180%;}
	.table-wrap table h4{font-size:20px;}
	.table-wrap table tr th:first-child{padding-left:10px;}
	.table-wrap table tr td:nth-child(2){padding:5px 10px; border-width:2px 20px;}
	.table-wrap table .ti{font-size:15px; padding:10px;}
	.table-wrap table .con, .table-wrap table .con.p{font-size:13px;}
	.table-wrap table .con.p br{display:none;}
	/*--------*/
	
}