html, div, body, p, form, img, dd, h1, h2, h3, h4, input{font-family:"Lato","Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.container{display:block;position:relative;max-width:1200px;width:100%;box-sizing: border-box;}
.flex-box{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;overflow: visible;}
.avchd-main h1{font-size: 38px;color:#444;font-weight:400;margin:45px 0 20px;}
h2{display:block;max-width:1200px;font-size: 36px;text-align: center;color:#444;line-height: 36px;font-weight:400;}
p{font-size: 16px;color: #444;line-height: 30px;}
/*header*/
#header{position:relative;box-sizing:border-box;width:100%;box-shadow: 0 0 20px 0 #ccc;z-index: 14;overflow: visible;}
.container-max{max-width:1200px;width:100%;overflow:hidden}
.container-max .icon-pro{float:left}
.bg-blue{background-color:#e8f7fd}
.bg-blue-s{background-color:#f0f6fa}
.bg-grey{background-color:#f6f6f6}
.bg-grey-s{background-color:#f4f4f4}
#header img{vertical-align:middle}
.bestdeals{float:right;font-size:16px;margin-right:20px;padding: 15px 0 15px 40px;background: url(/images/article/promotion.gif) -2px -4px no-repeat;}
a.index-icon{float:right;margin-top: -5px;}
.icon-pro a{font-size:18px}
.icon-pro img{margin-right:10px}
.icon-pro:hover a{color:#4aa6e5}
.icon-pro:hover img{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
ul#vice-menu{display:block;float:none;margin:0 auto;max-width:725px;width:100%;overflow:hidden;}
ul#vice-menu>li>a{display:inline-block;padding:15px 20px}
ul#vice-menu li a:hover{text-decoration:underline}
ul#vice-menu li{float:left;font-size:16px}
ul#vice-menu li.special{padding-right:20px}
ul#vice-menu li.special a.arrow,ul#vice-menu li.special a.arrowtop{position:relative}
ul#vice-menu li.special a.arrowdown:before{position:absolute;content:"";width:0;height:0;left:90%;top:48%;border-top:4px solid #666;border-left:4px solid transparent;border-right:4px solid transparent}
ul#vice-menu li.special a.arrowtop:before{position:absolute;content:"";width:0;height:0;left:90%;top:48%;border-bottom:4px solid #666;border-left:4px solid transparent;border-right:4px solid transparent}
ul#vice-menu>li:nth-last-of-type(1)>a{background: url(/images/article/promotion.gif) -2px -4px no-repeat;margin-right: 20px;padding: 15px 0 15px 40px;}
.fixbar{position:fixed;width:100%;background-color:rgba(255,255,255,.8);border-bottom:2px solid #f3f3f3;top:60px;right:0;z-index:14;}
.fixbar.hide{display: none;}
.type-mobile-fixbar.fixbar{position:fixed;width:156px;background-color:rgba(255,255,255,.8);border-bottom:2px solid #f3f3f3;top:60px;right:0;z-index:14;}
.fixtop{top:0}
.menu_dropDown{display:none;position: absolute;left: 0;background-color:#f7f7f7;width:100%;box-sizing: border-box;padding-left:20px;}
.nav-bg{background:#000;opacity:.7;width:100%;height:100%;position:fixed}
ul#vice-menu .menu_dropDown .container{padding:30px 0}
ul#vice-menu .menu_dropDown ul li{text-align:left;width:20%;padding:0}
ul#vice-menu .menu_dropDown ul li:before{content:'\2022';color:#5d5d5d;font-size:16px;padding:5px;display:inline-block}
ul#vice-menu .menu_dropDown ul{display:block;margin:0 auto;overflow:hidden}
.right-nav{display:inline-block;box-sizing:border-box;margin:10px 10px 0 0;width: 26px;height: 26px;font-size:30px;line-height: 40px;transition: all .5s;}
.right-nav>img{display: block;width: 9px;height: 26px;}
.right-nav.hide{display: none;}
.right-nav.type-mobile-right-nav-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);};
.right-nav.point{background-size: cover;}
.fixbar.fixbar-active{display: block;}

.article_banner_center .price{font-size:16px;margin:10px 0 0;}
.article_banner_center .price>span{display:inline-block;margin-right: 10px;width:auto;}
.article_banner_center .price_now{display:inline-block;font-size:26px;}
.article_banner_center .price_past{display:inline-block;text-decoration: line-through;}

/*article main*/
#breadcrumb .container{max-width:1000px;padding:0;}
#article-main.container{max-width:1000px;padding: 15px 0;margin: auto !important;}
#article-main #author_nav{margin:0 0 20px;}

/* avchd-banner */
.article_banner{position:relative;height:auto;margin-bottom:60px;overflow:hidden;z-index:13;background:#5abef0;}
.article-banner{position:absolute;left:50%;top:0;z-index:-1;min-width:1920px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.article_banner_center{max-width:1000px;width:99%;position:relative;overflow:hidden}
.article_banner_center p.ban_title{font-size:48px;padding-top:25px;margin:0 0 15px;color:#fff;max-width:700px;width:99%;line-height:56px;}
.article_banner_center p.ban_title a{color:#fff}
.article_banner_center p.ban_title a:hover{text-decoration:underline}
.article_banner_center p.ban_h2{font-size:24px;line-height:30px;margin:0;margin-bottom:34px;color:#fff;max-width:540px;width:99%}
.article_banner_center span{font-size:18px;line-height:30px;margin:0;color:#fff;max-width:540px;width:99%;display:inline-block}
.article_banner_center div{margin:15px 0 20px;}
.article_banner_center div a.ban_win{background:url(/images/video-converter-ultimate/win-buy.png)}
.article_banner_center div a.ban_mac{background:url(/images/video-converter-ultimate/mac-buy.png)}
.article_banner_center div a{width:220px;height:50px;background:#ffa800 url(/images/topic/iphone-or-android/win-buy.png) 0 0 no-repeat;margin-right:30px;color:#fff;display:inline-block;line-height:50px;text-align:center;font-size:18px}
.article_banner_center div a:hover{filter:contrast(93%)}
/* avchd_main */
.avchd-main{max-width: 1000px;margin: auto;width: 100%;}
.main-pic{margin:30px auto;max-width:690px;width:100%;display: block;}


/*countdown*/
.time-zoon{display:inline-block;width:230px;height: 46px;}
.time-zoon>span{width: 46px;height: 46px;margin-right: 10px;border-radius:6px;background-color: #ededed;color:#222;font-size:12px;}
.time-zoon>span>span{width:100%;color:#222;}
.time-zoon>span>span:nth-of-type(1){height: 25px;line-height: 34px;font-size:16px;text-align: center;}
.time-zoon>span>span:nth-of-type(2){height: 20px;line-height: 15px;font-size:12px;text-align: center;}

/*compare*/
.compare{position:relative;box-sizing:border-box;width:100%;padding:0px 8px 120px;overflow: hidden;background-color: transparent;z-index:2;}
.compare.first{padding:50px 8px 120px;}
.compare h2{position:relative;font-size:36px;line-height: 46px;z-index:2;}
.compare .info{font-size:18px;line-height: 30px;color:#444;}
.compare>.info{display:block;position:relative;text-align: center;margin:23px auto 23px;z-index:2;padding:0 40px;max-width:1080px;}
.compare .container{overflow: visible;padding:40px 0 20px;}
.compare .compare_bg{position:absolute;width: 140%;height: 60%;left:-10%;bottom:10%;z-index: 1;}
.compare.lightblue{background: url(/images/topic/iphone-or-android/lightblue-bg.png) center bottom no-repeat;}
.compare.lightgreen{background: url(/images/topic/iphone-or-android/lightgreen-bg.png) center bottom no-repeat;}
/* .compare .flex-box{position:relative;flex-wrap: nowrap;padding:40px 0 20px;z-index:2;} */
.compare .iphone{position:relative;float:left;box-sizing:border-box;padding:60px 43px 0;width: 350px;height: 654px;background: url(/images/topic/iphone-or-android/iphone.png) center 0 no-repeat;z-index:2;overflow: visible;}
.compare .android{position:relative;float:left;box-sizing:border-box;padding:60px 43px 0;width: 350px;height: 654px;background: url(/images/topic/iphone-or-android/android.png) center 0 no-repeat;z-index:2;overflow: visible;}
.compare .iphone .img_crown,.compare .android .img_crown{display: block;position: absolute;width: 93px;height: 73px;left:123px;top:-60px;opacity: 0;}
.compare .middle_img{position:relative;float:left;width:100%;max-width:536px;height: 654px;margin:0 -30px;z-index:1;}
.compare .middle_img img{display: block;position:absolute;margin:auto;left: 0;right: 0;width:100%;top: 150px;}
a.jump{color:#17a3ec;}
a.free_trial{display: block;box-sizing: border-box;margin:20px 0 0;width: 180px;height: 40px;padding-left: 30px;border-radius: 4px;color: #fff;line-height: 40px;text-align: center;font-size: 14px;background: #00ade5 url(/images/topic/win-mac.png) 10px 0 no-repeat;}
a.free_trial:hover{background-position: 10px -40px;background-color: #00a9df;}

/*article lasts*/
.article_lasts{width:100%;max-width:1000px;margin:0 auto;}
.article_lasts h2{margin-bottom: 16px;padding:0 40px;font-size:32px;line-height: 46px;color:#444;}
.article_lasts p{margin-bottom: 36px;padding:0 40px;font-size:16px;line-height: 30px;color:#444;}
.article_lasts .single-bold{margin-bottom: 16px;font-weight:bold;font-size:16px;line-height: 30px;}

/*product menu*/
#product_menu{width:100%;}
#product_menu .wrap{position:relative;width:100%;max-width:1000px;height: 568px;}
#product_menu .wrap>img{display: block;position: absolute;margin:auto;left: 0;right: 0;width: 100%;max-width: 912px;}
#product_menu .wrap .content{position:absolute;margin:auto;left: 0;right: 0;top: 57px;width:100%;max-width:683px;height: 516px;}
#product_menu .content .left{float:left;position:relative;margin:0;padding:0;width: 77px;height: 386px;background: url(/images/topic/iphone-or-android/menu.png) 0 0 no-repeat;}
#product_menu .content .left li{width: 77px;height: 47px;cursor: pointer;}
#product_menu .content .left li.active{background-color: rgba(0,0,0,.2);}
#product_menu .content .left li:hover{background-color: rgba(0,0,0,.1);}
#product_menu .content .right{float:left;position:relative;width: 606px;height: 386px;overflow: hidden;}
#product_menu .content .right>img{display: none;position:absolute;left: 0;top: 0;width: 100%;}
#product_menu .content .right>img.active{display: block;}
#product_menu .content .right .ad_tip{position:absolute;left: 0;bottom: -50px;width: 606px;height: 50px;padding-left:10px;background-color: rgba(0,0,0,.78);color:#fff;font-size:16px;line-height: 25px;}
#product_menu .content .pointer{position: absolute;width: 50px;height: 50px;top:30px;left: 13px;animation: pointer 3s linear 0s infinite;}
#product_menu .content .pointer img{transform: rotate(136deg)}
@keyframes pointer {0%{transform: translateY(0)}33.333333%{transform: translateY(50px)}100%{transform: translateY(50px)}}
@-webkit-keyframes pointer {0%{transform: translateY(0)}33.333333%{transform: translateY(50px)}100%{transform: translateY(50px)}}
@-moz-keyframes pointer {0%{transform: translateY(0)}33.333333%{transform: translateY(50px)}100%{transform: translateY(50px)}}
@-ms-keyframes pointer {0%{transform: translateY(0)}33.333333%{transform: translateY(50px)}100%{transform: translateY(50px)}}
@-o-keyframes pointer {0%{transform: translateY(0)}33.333333%{transform: translateY(50px)}100%{transform: translateY(50px)}}


/*decide*/
#decide{width:100%;padding:50px 0;background-color: #26bec8;}
#decide h2{margin-bottom: 20px;font-size:36px;line-height:36px;color:#fff;}
#decide p{display:block;max-width:370px;padding:0 30px;font-size:16px;line-height: 30px;color:#fff;text-align: center;}
a.vote{display: block;margin:20px auto 0;width: 160px;height: 40px;line-height: 40px;font-size:18px;background-color: #ffa800;text-align: center;color:#fff;}


.crumb_left{line-height:18px;padding-left:4px}
.rec-pro{background-color:#1ca2d8;padding:40px 80px 30px 30px;margin:25px 0 15px 0;position:relative;z-index:0}
.pro-box-btn{overflow:hidden;margin-top:20px;margin-bottom:20px;max-width:602px;text-align:center}
.pro-box-btn-one{overflow:hidden;margin-top:20px;margin-bottom:20px;max-width:360px;text-align:center}
.pro-box-btn-one .pro-box-down-mac-b{margin-left:0}
.pro-box-btn-s a{color:#fff;text-decoration:none}
.pro-box-btn-s{overflow:hidden;margin:10px 0;text-align:center;display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;min-width:360px;max-width: 420px;}
.pro-box-down-win-b{background:url(/style/images/btn-big.png) no-repeat 0 0;width:280px;height:93px;float:left}
.pro-box-down-win-b:hover{background-position:0 -93px}
.pro-box-down-mac-b{background:url(/style/images/btn-big.png) no-repeat 0 -186px;width:280px;height:93px;float:left}
.pro-box-down-mac-b:hover{background-position:0 -279px}
.pro-box-down-win{margin:5px 0;background:url(/style/images/down-win.jpg) no-repeat;width:120px;height:43px;float:left;font-size:16px;line-height:43px;padding-left:51px}
.pro-box-down-win:hover{background-position:0 -43px}
.pro-box-down-mac{margin:5px 0;background:url(/style/images/down-mac.jpg) no-repeat;width:120px;height:43px;float:left;font-size:16px;line-height:43px;padding-left:51px}
.pro-box-down-mac:hover{background-position:0 -43px}
.pro-box-down-android,.pro-box-down-pc{background:url(/style/images/root-download.png) no-repeat 0 0;width:272px;height:54px;display:block}
.pro-box-down-android:hover{background-position:0 -54px}
.pro-box-btn a:nth-of-type(2){margin-left:40px}
.pro-box-btn-s-v{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;max-width:370px;margin:10px 0 0 34px}
@media screen and (max-width:1475px){
    a.toggle-nav{display:block}
    #box_left_article{width:98%;background:rgba(0,0,0,.6);z-index:14;position:fixed;height:100%;top:0;display:none}
    #box_left_article dl dd{margin-top:5px}
    #box_left_article .rec_left_article{background:#fff}
}
@media screen and (max-width:1180px){
.slidingDiv{max-width:1024px;}
.type-mobile-fixbar.fixbar{width: 190px;top: 70px;}
.menu_dropDown{padding-left: 5px;}
ul#vice-menu .menu_dropDown ul{width: 100%;margin:0;padding: 0;}
ul#vice-menu .menu_dropDown ul li{float:left;width: 100%;}
#search{width: 168px;}
#search-container input#q{width: 120px;}
#search-container input#search_btn{margin:8px 0 0 4px;}
.article_banner{background: #03b1af;}
.article-banner{display: none;}
#breadcrumb .container{padding: 0 40px;}
}
@media screen and (max-width:1024px){
    .compare .middle_img{margin:0 -115px;}
}
@media screen and (max-width:1000px){
.banner-topic img{display: none;}
.banner-topic p{margin-top: 0;}
.pro-box-btn{display: none;}
}
@media screen and (max-width:850px){
    .article_banner_center,.avchd-main{padding: 0 40px;box-sizing: border-box;width: 100%;}
    .definition-main{justify-content: center;}
    .compare .middle_img{display: none;}
    .compare .iphone{margin-left: 30px;}
    #product_menu{display: none;}
    .avchd-main,.article_lasts p{padding:0 40px}
    #article-main.container{padding:15px 40px;}
}
@media screen and (max-width:630px){
    .article_banner_center,.avchd-main{padding: 0 30px;}
    .article_banner_center p.ban_title{font-size: 25px;line-height: 36px;margin-bottom: 10px;}
    .article_banner_center p.ban_h2{font-size:18px;line-height: 18px;margin-bottom:10px;}
    .article_banner_center span{font-size: 16px;line-height: 24px;}
    .article_banner_center div{margin-top: 0;}
    .article_banner_center div a{margin-top: 20px;}
    .avchd-main h1{font-size:28px;}
    h2{font-size:24px;line-height: 36px;}
    .s-part{background:0 0}
    .s-part .text{margin-left:0}
    .s-part .pro-box-down-mac,.s-part .pro-box-down-win{float:none;margin:5px 0!important;display:block}
    #related_articles ul li,.width-max ul li{width:100%;float:none;margin:10px auto;text-align:center}
    .main-pic{display: block;}
    .compare.lightblue,.compare.lightgreen{background: none;}
    .compare .middle_img{display: block;height: unset;margin:0 auto;}
    .compare .middle_img img{position: static;}
    .compare .middle_img,.compare .iphone,.compare .android{margin:20px auto;float:none;}
    .avchd-main,.compare>.info,.article_lasts p{padding:0 30px}
    .compare .iphone.crown,.compare .android.crown{margin-top: 80px;}
}
@media screen and (max-width:480px){
.compare{padding:0px 8px 50px;}
.compare.first{padding:30px 8px 50px;}    
.compare .container{padding:0;}
#article-main.container{padding:15px 30px;}
#breadcrumb .container{padding: 0 30px;}
}