html, div, body, p, form, img, dd, h1, h2, h3, h4, input{font-family:"Lato","Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
a, a:link, a:visited{color:#00ade5;}
#author a,#author a:link,#author a:visited{color:#00ade5;}
.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;flex-wrap: wrap;overflow: visible;}
.avchd-main h1{font-size: 38px;text-align: center;color:#444;font-weight:400;margin-bottom: 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;height: 130px;box-sizing:border-box;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{width:100%;overflow:visible;padding:10px 0 0 0}
#header img{vertical-align:middle}
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{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;}
/* 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:40px;margin:0;color:#fff;max-width:700px;width:99%;line-height:56px;margin-bottom:20px}
.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-top:44px;margin-bottom:40px}
.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;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;}
.main-phone{display: none;margin:30px auto;max-width:270px;width:100%;}
.topic-anchor{padding: 24px;background: #ecf6f7;}
.topic-anchor li{line-height: 36px;position: relative;padding-left: 25px;}
.topic-anchor li a{color: #0cada3;}
.topic-anchor li i{vertical-align: middle;background: url(/images/resource/avchd-vs-mp4/icon.png);width: 14px;height: 14px;background-position-y: -259px;position: absolute;top: 12px;left: 0px;}
.definition{margin-top: 65px;}
.definition-main div{width: 467px;margin: 0;margin-top: 45px;box-sizing:border-box;padding: 55px 30px;}
.definition-main div span{font-size: 20px;color: #444;line-height: 30px;font-weight: 600;margin-bottom: 10px;display: block;}
.definition-main div p{font-size: 16px;color: #444;line-height: 24px;}
.definition-main div:first-child{background: url(/images/resource/avchd-vs-mp4/avchd-1.png) no-repeat;background-size: 100% 100%;}
.definition-main div:last-child{background: url(/images/resource/avchd-vs-mp4/mp4-1.png) no-repeat;background-size: 100% 100%;}
.avchd-vs-mp4{margin-top: 65px;margin-bottom: 20px;}
.avchd-vs-mp4-box{margin: 25px 0px;overflow-x: auto;}
.avchd-vs-mp4-box table{width: 1000px;border-collapse: collapse;}
.avchd-vs-mp4-box table tr td{font-size: 16px;color: #444;line-height: 24px;}
.avchd-vs-mp4-box table tr:nth-child(1){height: 50px;}
.avchd-vs-mp4-box table tr:nth-child(2){height: 100px;}
.avchd-vs-mp4-box table tr:nth-child(3){height: 70px;}
.avchd-vs-mp4-box table tr:nth-child(4){height: 100px;}
.avchd-vs-mp4-box table tr td:nth-child(1){width: 220px;padding: 16px;}
.avchd-vs-mp4-box table tr td:nth-child(2),.avchd-vs-mp4-box table tr td:nth-child(3){width: 390px;padding: 0px 35px;}
.quality h2{margin-top: 65px;margin-bottom: 45px;}
.quality-box{-webkit-box-align:center;-webkit-align-items: center;align-items: center;}
.quality-box>img{width: 365px;}
.quality-box>div{width: 280px;text-align: center;padding: 26px;box-sizing:border-box;border-radius: 15px;position: relative;}
.quality-box>div span{font-size: 20px;color: #444;font-weight: 600;}
.quality-box>div>i{width: 66px;height: 56px;background: url(/images/resource/avchd-vs-mp4/icon.png);display: inline-block;position: absolute;}
.quality-box>div:first-child i{top: -30px;left: -25px;background-position-y: 0;}
.quality-box>div:last-child i{top: -30px;right: -25px;background-position-y: -56px;}
.quality-box>div:first-child{background: #fff9dc;}
.quality-box>div:last-child{background: #ebf6f6;}
.quality-box>div>div{position: absolute;bottom: 0;right: 0;width: 502px;padding: 36px;text-align: left;background: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0,59,175,.24);box-sizing: border-box;display: none;}
.quality-box>div>div span{font-size:24px;color: #f49a0b;line-height: 24px;margin-bottom:10px;display: block;}
.quality-box>div>div p{font-size: 16px;color: #444;line-height: 24px;}
.quality-box>div>div>div{max-width: 300px;width: 100%;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 0;}
.quality-box>div>div>div a{width:140px;height: 34px;background:#03b1af;border-radius: 17px;display: block;margin-top: 12px;line-height: 34px;text-align: center;color:#fff;}
.quality-box>div>div>div a i{vertical-align: middle;margin-right: 3px;width: 24px;height: 24px;background: url(/images/resource/avchd-vs-mp4/win-mac.png);display: inline-block;margin-top: -2px;}
.quality-box>div>div>div a.win i{background-position-y: 0;margin-top: -4px;}
.quality-box>div>div>div a.mac i{background-position-y: -24px;}
.summary h2{margin-top: 62px;margin-bottom: 20px;}
.summary p{line-height: 36px;}
.summary-box{-webkit-box-align:center;-webkit-align-items: center;align-items: center;}
.summary-box ul{width: 447px;box-sizing: border-box;padding: 50px 28px 35px;}
.summary-box>div{display:-webkit-box;display: -webkit-flex;display: flex;align-items: center;}
.summary-box>div>i{width: 78px;height: 102px;display: inline-block;background: url(/images/resource/avchd-vs-mp4/icon.png) no-repeat 0 -112px;}
.summary-box ul li:first-child{padding-left: 0;}
.summary-box ul li span{font-size: 20px;color: #444;font-weight: 600;}
.summary-box ul li{position: relative;padding-left: 35px;}
.summary-box ul li i{width: 22px;height: 22px;display: inline-block;background: url(/images/resource/avchd-vs-mp4/icon.png);vertical-align: middle;position: absolute;left: 0;top:5px;}
.summary-box ul li i.smiling{background-position-y: -214px;}
.summary-box ul li i.cry{background-position-y: -236px;}
.summary-box ul li{font-size: 16px;color: #444;line-height: 30px;}
.summary-box ul:first-child{background: url(/images/resource/avchd-vs-mp4/avchd-3.png) no-repeat;background-size: 100% 100%;}
.summary-box ul:last-child{background: url(/images/resource/avchd-vs-mp4/mp4-3.png) no-repeat;background-size: 100% 100%;}
.main_box p{padding: 10px 0;}
.main_box h2{text-align: left;margin: 30px 0 20px;}
.s-part{overflow:hidden;border:2px dashed #cacaca;background:url(/style/images/article-icon.png) no-repeat 30px 30px;padding:10px;margin:10px 0 15px 0}
.s-part .text{margin-left:100px}
.s-part .text p.title{font-size:28px;color:#434343;padding:5px 0 10px 0}
.tip{background:url(/style/images/article-icon-s.png) no-repeat;background-position:30px -178px}
ul.ulstyle-a li{padding-left:10px}
ul.ulstyle-a li:before{display:inline-block;content:'\00BB';font-size:20px;margin-right:5px;color:#1bb88e}
span.fontbold{color:#222;font-size:17px;font-weight:500}
#starlist{max-width:1200px;width:96%;border-top:1px solid #f7f7f7;padding:1% 2% 0 2%}
#starlist ul{padding-left:0;overflow:hidden;float:left;margin:10px auto}
#starlist ul li{float:left;list-style:none;width:27px;height:27px;background:url(/images/system/star.png)}
#starlist ul li a{display:block;width:100%;padding-top:27px;overflow:hidden;margin:9px 0}
#starlist ul li.light{background-position:0 -27px}
#starlist #showPanel{line-height:26px;padding-left:150px}
#author{margin-top:30px;overflow:hidden;background-color:#f8f8f8;padding:20px 25px;border-radius:10px}
#author p{float:left;margin-left:15px;margin-top:10px}
#author img{float:left}
#related_articles{border-bottom:1px solid #e9edee;margin:30px 0;padding-bottom:30px}
#more_reading{text-align:center;font-size:40px;padding:10px 0}
#related_articles ul li{float:left;width:26.9%;margin-right:8.9%;border:none}
#related_articles ul li img{max-width:270px}
#related_articles ul li:last-child{margin-right:0}
#related_articles ul li a,.width-max ul li a{padding:5px 0;font-size:18px;display:block;line-height:25px;color:#09F}
#related_articles ul li a:hover,.width-max ul li a:hover{color:#222;text-decoration:underline}
.main_box>img{display: block;margin:auto;}
a.toggle-nav{display:none;color:#fff;padding:10px;background-color:#1eade7;font-size:20px;position:fixed;top:60px;opacity:.7;z-index:14;left:1%;}
a.toggle-nav-index{z-index: 15;}
a.toggle-nav:hover{text-decoration:none}
#box_left_article{float:left;width:15%;position:absolute;top:120px;text-align:left;position:fixed;background-color:#fff;left:1%;z-index:12;overflow:auto;height:60%}
#box_left_article dl dd{margin:3px 0;padding-left:10px;font-size:13px;cursor:pointer}
#box_left_article dl dt{color:#fff;font-size:15px;background-color:#1eade7;padding:10px;cursor:pointer}
#box_left_article p{margin:20px auto;padding-left:10px;font-size:20px}
#box_left_article dl dd a:hover{color:#09F;text-decoration:underline}
#box_left_article dl{border:1px solid #ccc}
.s-span{color:#222;font-size:2.4em;margin:30px 0 20px}


.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}
#header{height: 75px;}
#logo{margin-top: 0px;width: auto;}
.show_hide{background: initial;}
.article_banner{margin-top: 0px !important;}
.header_bg{z-index: 14 !important;}
#header{z-index: 15  !important;}
#header.active{border-color: #2673e7;}
#header .products-container, #header .download-container{top: 75px !important;}
.slidingDiv{background: #fff;}
.show_hide{width: initial !important;}
#header .container-max>ul{margin-top: 0px !important;}
@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){
#header{height: 70px;padding:10px 10px 0;}
.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;}
#box_left_article{z-index: 15 !important;}
}
@media screen and (max-width:1024px){
.quality-box>img{max-width: 365px;width: 100%;}
.summary-box ul{max-width: 447px;width:100%;}
.definition-main div{max-width: 467px;width: 100%;}
}
@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;}
    .quality-box{max-width: 620px;}
    .quality-box>img{order: 1;margin-bottom: 20px;}
    .quality-box>div{order: 2;}
    .summary-box{flex-direction: column;justify-content: center;align-items: center;}
}
@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;}
    .quality-box>div:last-child{margin-top:36px;}
    .quality-box>img{margin-bottom:36px;}
    .summary-box ul:first-child{background: url(/images/resource/avchd-vs-mp4/avchd-2.png) no-repeat;background-size: 100% 100%;}
    .summary-box ul:last-child{background: url(/images/resource/avchd-vs-mp4/mp4-2.png) no-repeat;background-size: 100% 100%;}
    .definition-main div:first-child{background: url(/images/resource/avchd-vs-mp4/avchd-2.png) no-repeat;background-size: 100% 100%;}
    .definition-main div:last-child{background: url(/images/resource/avchd-vs-mp4/mp4-2.png) no-repeat;background-size: 100% 100%;}
    .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-phone{display: block;}
    .main-pic{display: none;}
    #box_left_article{top: 60px !important;}
}