@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font:15px/24px tahoma, Arial, sans-serif; color:#333; -webkit-text-size-adjust:none;
 -moz-text-size-adjust:none;-ms-text-size-adjust:none; }
.clear { clear:both; height:0;}
.Details { width:1050px; margin:0 auto; }
article,aside,footer,header,menu,section,blockquote { display:block; margin:0; padding:0; }
img{ vertical-align:middle;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { padding:0; margin:0; list-style:none; font-weight:400;}
*{margin:0; padding:0;}
.box-radius { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
a { color: #2682ff; text-decoration: none; }
a:hover { text-decoration: underline; }

.latest-articles-content .latest-article-one{display: block;}

.c_info{background-color:#f3f3f6; display:inline-block; padding:2px 17px; border-radius:20px; margin: 8px 0 0;}
.c_info span{font-size:13px; color:#8a9099; background-repeat:no-repeat; background-position:left center; padding:0 27px 0 22px;}
.c_info span:first-child{background-image:url(../images/vp-seo/video-editor-d02-icon01.png);}
.c_info span:nth-child(2){background-image:url(../images/vp-seo/video-editor-d02-icon02.png);}
.c_info span:last-child{background-image:url(../images/vp-seo/video-editor-d02-icon03.png); padding-right:0;}

.DivNav { position: fixed; top: 0; width: 100%; height: 80px; background: #2b2d33;z-index: 100; }
.DivNav .Logo { width: 140px; height: 44px; float:left; padding: 15px 0 0;}

.DivNav ul {  float: right; display: block; padding: 23px 0 0; }
.DivNav ul li { padding:0 20px; float: left;  font-size: 19px; color: #babcbd;  }
.DivNav ul li a { color: #babcbd;  text-decoration: none; }
.DivNav ul li:nth-child(1) a{ border-bottom:1px solid #91cd45;}
.DivNav .Download { width: 160px; float: right; height: 40px; z-index: 0; position: relative; overflow: hidden; margin: 18px 0 0; }
.DivNav span {  display: block; width: 160px;  height: 40px; display: block; text-align: center; background: #02acfa; 
	color: #fff; float: right;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; line-height: 40px; 
	font-size:17px; cursor: pointer; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.DivNav span a {  text-decoration: none; color: #fff; }
.DivNav .shadow:before {  content:""; width:100px; height:50px; display:block; background-color:rgba(255,255,255,.2); 
transform:rotate(-70deg); position:absolute; top:0; right:-20%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; z-index:10; }
.DivNav .shadow:hover:before { width:200px; height:200px; top: -60px; }
.DivNav .m_nav{ float:right;width: 30px; margin:15px 0 0; border-top: 12px double #737373;padding-bottom: 5px;border-bottom: 4px solid #737373; cursor: pointer;border-spacing:5px; display:none;}
   
.DivMain01 {background:url(../images/vp-seo/video-editor-baner.jpg) no-repeat;background-size: cover;}
.audio_banner{background:url(../images/vp-seo/video-editor-baner2.jpg) no-repeat;background-size: cover;}
.DivMain01 .Details { min-height: 515px; }
.DivMain01 .Left .Put { padding: 40px 0 0; }
.DivMain01 .Left {width: 63%;float: left;padding: 70px 0 0;}
.DivMain01 .Left h1 { color: #0fb4ff; font-size: 39px; font-weight: 800; }
.DivMain01 .Left h2 {  font-size: 17px; color: #fff; padding: 30px 0 0; }
.DivMain01 .Left ul {  color: #92999c; padding: 30px 0 0; }
.DivMain01 .Left ul li {  background: url(../images/vp-seo/video-editor-ioc.png) left center no-repeat; padding: 3px 0 3px 15px; }
.DivMain01 .Left .Down { width: 170px; height: 53px; text-align: left; font-size:21px;  line-height: 25px; 
	padding: 7px 45px 0 30px; display: inline-block; cursor: pointer;  color: #fff; }
.DivMain01 .Left .Down em { font-size: 13px; font-weight:400; display: block; font-style: normal; }
.DivMain01 .Left .forwin { background:url(../images/vp-img/win-nineteen.png) 200px center no-repeat #78c443; margin: 0 25px 0 0;  }
.DivMain01 .Left .forwin:hover { background:url(../images/vp-img/win-nineteen.png) 200px center no-repeat #5db81d; }
.DivMain01 .Left .formac {background:url(../images/vp-img/mac-nineteen.png) 200px center no-repeat #78c443; }
.DivMain01 .Left .formac:hover { background:url(../images/vp-img/mac-nineteen.png) 200px center no-repeat #5db81d; }
.DivMain01 .Left p{color: #717373;padding-top: 10px;}

.DivMain { padding: 35px 0; }

.DivMain h2 {  font-size: 24px; padding: 30px 0; font-weight: 800; }

.fix01 { border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px 0; border: 1px dashed #a0a0a0; }
.fix01 h3 { font-size: 17px; padding: 10px 15px 0; color: #000;  }
.fix01 dl { padding: 15px; }
.fix01 dl dt { font-size: 19px; padding: 20px 0 0; }
.fix01 dl dd { padding: 5px 0; font-size: 15px; color: #54595f; }

.fix02 {  padding: 45px 0 35px; width: 1050px; position: relative; }
.fix02 .sid { overflow: hidden; }
.fix02 .sid .fixcol { width:3000px; position: relative; }

.fix02 .sid .Col01 {  width:233px; min-height: 180px; padding:131px 10px 10px; float: left; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border: 1px solid #333; margin: 0 10px 0 0; position: relative; }
.fix02 .sid .Col01 p { font-size: 17px; padding: 15px 0; }
.fix02 .sid .Col01 h5 {  position: absolute; left: 10px; bottom: 10px; color: #a8a8a8; }

.fix02 .Left { width: 45px; height: 45px; position: absolute; top: 120px; left: -25px; z-index: 2; cursor: pointer; }
.fix02 .right { width: 45px; height: 45px; position: absolute; top: 120px; right: -25px; z-index: 2; cursor: pointer;  }

.fix03 {  padding: 0 0 25px 0; }
.fix03 h2 {font-size: 21px;font-weight: 800;padding: 50px 0 0;}
.fix03 dl { padding: 0px 0 15px; }
.fix03 dl dt { font-size: 19px; padding: 25px 0 0; }
.fix03 dl dd { padding: 5px 0 20px; font-size: 15px; color: #54595f; }
.fix03 dl dd em { color: #8a949c; padding: 7px 0; display: block; font-size: 14px; font-style: normal; }
.fix03 dl dd em img { vertical-align: top; margin: 0 10px 0 0; }
.fix03 .More {  text-align: center; }

.fix04 {  border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0; border: 1px solid #e1e1e1; 
	padding: 20px 0 0; }
.fix04 h3 { font-size: 19px; color: #666; padding:10px 15px; }
.fix04 dl {  }
.fix04 dl dt { font-size: 15px; padding: 10px 0 0; border-top: 1px solid #e1e1e1;  padding:15px; position: relative; cursor: pointer;  }
.fix04 dl dd { padding: 5px 0; font-size: 15px; color: #54595f; display: none; padding: 10px 15px; }
.fix04 dl dt img { position: absolute; top: 25px; right: 20px; cursor: pointer; transition: transform 0.2s; -o-transition: transform 0.2s;
-moz-transition: transform 0.2s; -webkit-transition: transform 0.2s; -ms-transition: transform 0.2s; }
.fix04 dl dd span { display: block; font-size: 17px; padding: 20px 0 0; }
.fix04 dl dd span em { color: #4c7635; display: block; padding: 5px 0 0; font-style: normal; }
.fix04 dl dd span i { font-style: normal; padding: 20px 0 0; display: block; }

.mar { padding: 35px 0 0; }

.rotate{
   	transform-origin:center center; 
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.rotate1{
    transform-origin:center center;
    transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.DivMain02 {  padding: 0 0 40px 0; }
.DivMain02 h3 { font-size: 21px; padding: 20px 0 30px; }
.DivMain02 .fix01 { border: 1px solid #d2d2d2; }
.DivMain02 .fix01 .Left {  width: 174px; float: left; text-align: center; padding: 20px 0 0; }
.DivMain02 .fix01 .Left p { font-size: 17px; padding: 15px 0; }



.Put-anchor{padding-top:10px; display:none;}
.Put-anchor a{color:#78c443;}

@media (max-width: 979px) {
    .Details {width: 95%;}
	
	.DivNav { height: auto; }
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0 20px; margin:10px 0 0; float:none;}
	.DivNav ul li{width:100%; padding:5px 0;}
	.DivNav ul li a{ }
	.DivNav .m_nav.on{border:none; height:26px;}
	.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:""; -webkit-transition: top .3s ease,transform .3s .5s ease; -moz-transition: top .3s ease,transform .3s .5s ease; -o-transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; top:10px;width:30px; height:4px; background:#737373; display:inline-block; position:absolute;}
	.DivNav .m_nav.on:before { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
	.DivNav .m_nav.on:after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}

    .DivMain01 {background-position: left center;background-size: cover;}
    .DivMain01 .Details {min-height: auto;padding-bottom: 40px;}
    .DivMain01 .Left {width: 100%;float: none;padding: 50px 0 0;}
    .DivMain01 .Left .Put {padding: 40px 0 0;}
    .DivMain01 .Left .forwin {margin-bottom: 20px;}

    .fix02 .sid .fixcol {width: 100%;}
    .fix02 .sid .fixcol::after {content: "";display: block;clear: both;}
    .fix02 .sid .Col01 {margin-bottom: 10px;}

    .Put-anchor{display:block;}
}
@media (max-width: 767px) {
	.DivNav ul li {font-size: 17px; }
}
@media (max-width: 479px) {
    .DivMain01 .Left h1 {font-size: 32px;}
    .fix02 .sid .Col01 {float: none;margin: 0 auto;margin-bottom: 10px;}
    .MainFoot h6 {padding: 0 10px 0;}
}