@charset "utf-8";
/* CSS Document */
body {  margin:0 auto;font:17px/26px tahoma, Arial, sans-serif!important; color:#555; background:#fff;-webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none;  }
p, h1, h2, h3, h4, h5, h6,ul, li, ol{ font-weight:400; list-style: none;  }
article,aside,footer,header,menu,section,blockquote { display:block;}
figure {margin-block-start: 20px;margin-block-end: 20px;margin-inline-start: 0px;margin-inline-end: 0px;display:block;text-align:center;}
figcaption { font-style: italic; color: #777; }
time { font-style: italic; }
img {max-width: 100%;height: auto;}
*{margin:0; padding:0;}

aside ul{margin-left:30px;}
.org { color: #ff8004; }
.clear { clear:both;}
.Details { width:950px;margin:0 auto; }
.Details a {color: #2f9aff;text-decoration: none;word-wrap:break-word;}
.Details a:hover { text-decoration: underline; }
.box-radius { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }

.margRight0{ margin-right:0!important;}
.margRight75{ margin-right:75px;}

.address-box{display: flex;}
.address-box .listed{padding-left: 30px;}
.address-box .listed a{color: inherit;text-decoration: underline;}
.address-box .listed a:hover{color: #2f9aff;}


.buy-button {display:inline-block;vertical-align:top;width:180px;height:56px;border-radius: 5px;color: #fff;margin: 0 37.5px 20px 37.5px;font-weight: bold;font-size: 27px;line-height:56px;font-style: normal;background: url(../images/buy/car.png) 25px center no-repeat #f9bf30;padding: 0 0 0 60px;cursor: pointer;}
a.buy-button { color:#fff;}
a.buy-button:hover{text-decoration:none;}
.buy-win-button {background: url(../images/vp-img/win-nineteen.png) 25px center no-repeat #f9bf30;}
.buy-mac-button {background: url(../images/vp-img/mac-nineteen.png) 25px center no-repeat #f9bf30;}
.buy-button:hover{text-decoration:none; background-color: #ffcf44;}
/* 转盘引导banner */
.draw_banner{background-color: #fbebca;width: 580px;height: auto;margin: 20px auto;text-align: center;padding: 30px;box-sizing: border-box;}
.draw_banner .banner_title{color: #000000;font-size: 23px;}
.draw_banner .banner_sub{color: #60c149;font-size: 21px;line-height: 32px;margin-bottom: 20px;}
.draw_banner .banner_con>img{float: left;}
.draw_banner .banner_con img{vertical-align: middle;}
.draw_banner .banner_con .banner_con_right{width: 270px;float: right;}
.banner_con_right p{text-align: left;color: #585858;font-size: 15px;line-height: 24px;}
.banner_con_right .price{margin-top: 10px;}
.banner_con_right .price i{font-style: normal;color: #84827d;font-size: 19px;text-decoration: line-through;margin: 0 8px;}
.banner_con_right .price span{color: #ff1717;font-size: 25px;font-weight: bold;margin: 0 8px;}
.banner_con_right .btn_buy{margin: 5px 0;}
.banner_con_right .btn_buy a{color: #fff;font-size: 17px;font-weight: bold;border-radius: 5px;display: inline-block;width: 240px;height: 50px;line-height: 50px;}
.banner_con_right .btn_buy.orange a{background-color: #f67732;}
.banner_con_right .btn_buy.blue a{background-color: #29a2ef;}
.banner_con_right .btn_buy a:hover{text-decoration: none;}
.banner_con_right .btn_more a{text-decoration: underline;color: #595959;font-size: 15px;}
/* 转盘引导banner */

/* sp banner */
.spBanner{ background:url(../images/vp-img/banner2.jpg) no-repeat center bottom #09657c; height:408px;}
.spBanner .Details{width: 1020px;}
.spBanner .t1{ font-size:41px; color:#fff; text-align:center; padding:40px 0 10px;}
.spBanner .t2{ font-size:29px; text-align:center; color:#15cbff; padding:15px 0 25px;}
.sp_content{background:rgba(0,0,0,0.2); background: #000 2;filter:Alpha(opacity=20); border:1px solid #555f6d;border-radius: 13px; padding-bottom:5px;}
.sp_content .pic{padding: 0 60px 0 45px;float: left;}
.sp_content .pic img{ margin: -30px 0 0; }
.sp_content .sp_text{float: left; color: #e4e4e4; width: 600px;}
.sp_content .sp_text ul{ margin: 18px 0; }
.sp_content .sp_text ul li{width: 50%;box-sizing: border-box;float: left;background: url(../images/vp-img/list3.png) no-repeat left center; padding:2px 0 2px 20px;}
.sp_content .sp_text .btn{padding: 15px 0 0;}
.sp_content .sp_text .btn a{display:inline-block; padding:0;}
.sp_content .sp_text .btn a:first-child{ margin-right: 50px;}
.sp_content .sp_text .join{text-align:center;font-size: 15px;}
.sp_content .sp_text .join a{color: #25a5ff;text-decoration: underline;}
.sp_text .price{ text-align:center;padding:5px 0 0 0;}
.sp_text .price b {font-size: 29px;color: #f9bf30;margin:0 10px;}
.sp_text .price del {font-size: 17px;color: #c7c7c7;font-weight: lighter;}


/* sp banner */

/* 新版SEO页面的buy选择banner */
.asd{display: flex;justify-content: flex-start;align-items: center;background-color: #ddeefc;margin: 15px auto;padding: 15px 30px;width: 760px;}
.asd img{margin-right:30px;}
.asd .org-btn{background-color: #379fff;color: #fff1ea;border-radius: 5px;display: inline-block;padding: 10px 35px;}

.help-fight-s{width: 850px;margin: 20px auto;text-align: center;position: relative;}
.help-fight-s a{text-decoration: none;color: #fff;display: flex;justify-content: space-around;padding: 20px;margin-bottom: 10px;background: url("../img/bg-help-fight.jpg")no-repeat;background-size: contain;}
.help-fight-s a:hover{text-decoration: none;color: #fff;}
.help-fight-s img{position: absolute;top:20px;left: 50px;}
.help-fight-s p{color: #222725;font-size: 21px;}
.help-fight-s .help-fight-right{padding-left: 75px;}
.help-fight-s .org{color: #ff612a;font-size: 19px;}
.help-fight-s .org-btn{background-color: #379fff;color: #fff1ea;border-radius: 5px;width: 150px;height: 40px;line-height: 40px;text-align: center;display: block;margin: 10px auto 0;}
/* 新版SEO页面的buy选择banner */

.screenshot{width: 930px;}
.screenshot .close{ text-align: right;font-size: 35px; position: relative; color: #fcfcfc; }
.screenshot .close span{cursor: pointer; position: absolute;right: -15px; top: -20px;}

.adown { text-decoration: none; color: #78c443; border-bottom: 1px dashed #78c443; }
.adown:hover { text-decoration: none; }

.instr { color: #0fb4ff; border-bottom: 1px #0fb4ff dashed; text-decoration: none;  }
.instr:hover { text-decoration: none; }

.softa { color: #78c443; border-bottom: 1px #78c443 dashed; text-decoration: none;  }
.softa:hover { text-decoration: none; }

.watercolour {  border-bottom: 6px solid rgba(30, 173, 231, 0.5);  background-clip: padding-box; transition: all 0.5s;	-o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }


.video_box{text-align:center;}
.video_box iframe{max-width:100%;width: 720px;height: 405px;}

.Put {padding: 20px 0 23px; text-align: center;}
.Put .Down {width: 190px;height: 53px;text-align: left;font-size:21px;line-height: 25px;padding: 7px 45px 0 30px;display: inline-block;cursor: pointer;color: #fff;}
.Put .winmac{line-height:53px;padding: 0 30px;text-align:center;background:#78c443;width: auto;}
.Put .winmac:after{content: '';display: inline-block;margin-left: 11px; width:42px; height: 17px;background: url(../images/vp-seo/down-win-mac.png) no-repeat center;}
.Put .Down em { font-size: 13px; font-weight:400; display: block; font-style: normal; }
.Put .forwin { background:url(../images/vp-img/win-nineteen.png) 210px center no-repeat #78c443; margin: 0 75px 0 0;  }
.Put .forwin:hover { background: url(../images/vp-img/win-nineteen.png) 210px center no-repeat #5db81d; }
.Put .formac { background:url(../images/vp-img/mac-nineteen.png) 210px center no-repeat #78c443; }
.Put .formac:hover { background: url(../images/vp-img/mac-nineteen.png) 210px center no-repeat #5db81d; }
.Put-anchor{padding-top:10px;display:none;}
.Put-anchor a{color:#78c443;}
/*-------*/
.DivNav {  width: 100%; height: 80px; background: #2b2d33; box-shadow: 0px 5px 5px #e5e5e5; -webkit-box-shadow: 0px 5px 5px #e5e5e5;
	-moz-box-shadow: 0px 5px 5px #e5e5e5; -o-box-shadow: 0px 5px 5px #e5e5e5; z-index: 100; }
.DivNav .Logo { width: 140px; height: 44px; float: left; padding: 10px 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 .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;}
/*-------*/
section h1{font-size:37px; color:#333; line-height:50px; padding:40px 0 20px; font-weight:bold;}
article h2{font-size: 28px; line-height:30px;border-bottom: 3px solid #549ffd;padding: 30px 0 10px;margin-bottom: 10px; font-weight:bold;}
h3{font-size: 20px; line-height:28px;padding: 10px 0;font-weight:bold;}
h4{font-size: 18px;padding: 10px 0;font-weight:bold;}
h5{font-size: 17px;padding: 10px 0;font-weight:bold;}

article ol,article ul{margin-left: 30px;}
ol.number{padding: 10px 0 10px 20px; }
ol.number li{padding: 2px 0 2px 0;list-style:decimal;}
ul.circle{padding: 10px 0 10px 20px; }
ul.circle li{padding: 2px 0 2px 0;list-style:disc;}


/*-------*/
.mBanner{background: url(../images/vp-img/converte-min2.jpg) no-repeat center #0a0c1b;height: 550px;}
.edit2_banner{background: url(../images/vp-img/edit-min2.jpg) no-repeat center #0a0c1b;}
.record2_banner{background: url(../images/vp-img/record-min2.jpg) no-repeat center #0e0f14;}
.z2_banner{background: url(../images/vp-img/z-min2.jpg) no-repeat center #0a0b0f;}
.vpv_banner{background: url(../images/vp-img/vpv-banner.jpg) no-repeat center #f2f8ff;}
.dvd_banner{background: url(../images/vp-img/dvd-converting-banner.jpg) no-repeat center #020106;}
.audio_banner{background: url(../images/vp-img/audio-editing-banner.jpg) no-repeat center top #f4f5f9;}
/*.mainBanner address{color: #b2b2b2;}
.mask{height: 100%;background:rgba(0,0,0,0.6); background: #000 6;filter:Alpha(opacity=60); }
.edit_banner .mask{background:rgba(0,0,0,0.5); background: #000 5;filter:Alpha(opacity=50);}*/

.mBanner .systemTrack{ width:100%; height:100%;}
.mBanner .systemTrack a{display: block;width:100%;height:100%;}

/*-------*/

/*-------*/
.vlogger-banner{background:url(../images/vp-img/vlogger-banner.jpg) no-repeat center / cover #F3FAFF; height:550px;}
.vlogger-banner a { text-decoration: none;}
.converter-banner{background:url(../images/vp-img/converter-banner.jpg) no-repeat center / cover #666; height:550px;}
.vc-banner-wrap{width:950px;margin:0 auto;display:flex;align-items:center;height:100%;}
.vlogger-banner .vc-banner-text{color:#393939;}
.converter-banner .vc-banner-text{color:#eee;}
.vc-banner-text{width: 87%;}
.vc-banner-title{font-size:47px; padding:0; line-height:1;}
.vc-banner-subtitle{font-size:23px; padding:8px 0 10px;}
.vc-banner-list li{line-height:1.2; margin:15px 0;}
.vc-banner-list li b{color:#00B15B;}
.vc-banner-list a{ color:#5B8AC6;}
.vc-banner-btn-x{display:flex;padding-top:20px;align-items: flex-start; text-align: center;}
.vc-banner-btn-x p{font-size: 15px; padding-top: 3px; color: #5B8AC6;}
.vc-banner-btn-x > div:nth-child(1){ margin-right: 20px;}
.vc-banner-down, .vc-banner-more{display:inline-block;font-size: 19px;padding:13px;border-radius:8px;border:1px solid;min-width: 250px;box-sizing:border-box;text-align:center;text-decoration: none;}
.vc-banner-down{background-color:#16B3FC; color:#fff; font-weight:700; border-color:#16B3FC; }
.vc-banner-more{background-color:#F3FAFF; color:#717171;}
.vc-banner-down:after, .vc-banner-more:after{content:''; display:inline-block; margin-left:11px; height:17px;}
.vc-banner-down:after{background:url(../images/vp-seo/down-win-mac.png) no-repeat center; width:42px;}
.vc-banner-more:after{background:url(../images/vp-seo/more-arrow.png) no-repeat center; width:17px;}
.vc-banner-down:hover, .vc-banner-more:hover{text-decoration:none;}
.vc-banner-down.win-btn::after{vertical-align:top; width: 18px;height: 20px; margin-top: 3px; background-image: url("../images/vp-img/win-nineteen.png"); background-size: 18px 20px;}
.vc-banner-down.mac-btn::after{vertical-align:top; width: 20px;height: 21px;background-image: url("../images/vp-img/mac-nineteen.png"); background-size: 20px 21px;}
.vc-banner-pic{margin: 20px -180px 0 0;}
.vc-banner-pic figure{margin:0;}
.vc-banner-pic figure img{display:block;max-width: none;}
.vc-banner-pic figcaption{color:#5B8AC6;text-decoration:underline;font-style:normal;position:relative;display: inline-block;margin-top:15px;}
.vc-banner-pic figcaption:before{content:''; position:absolute; width:16px; height:16px; border-radius:50%; background-color:#16B3FC; margin:7px 0 0 -23px;}
.vc-banner-pic figcaption:after{content:''; position:absolute; border-width:4px 7px; border-color:transparent transparent transparent #fff; border-style:solid; left:-18px; top:11px;}
.vc-banner-btn-x .try-it{ display:inline-block; width:240px; line-height:56px; text-align:center; height:56px;background: #3bc95c; color:#fff; border-radius:8px; font-size:19px; font-weight:bold; margin-right:20px;}
.vc-banner-btn-x .mobile-icons{padding: 10px 0 0;font-size: 15px;}
.vc-banner-btn-x .mobile-icons a{color:currentColor;text-decoration: underline;}
.vc-banner-btn-x .mobile-icons img:nth-of-type(2){margin-left: 10px;}
/*
.mark-box{color:#fff; padding:5px 0 0;}
.mark-content {display: inline-block;vertical-align: middle;margin-left: 5px;width: 18px;height: 18px;background: url(../img/m-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;top: -90px;right: -20px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;right: 22px;}
.mark-content:hover .mark-info {display: block;}
*/
/*-------*/

.mainContent{}
.mainNavigation{position:sticky; top: 0;padding:60px 0 0; width: 262px; float: right;margin:520px 0 0 0; margin-right:calc(50% - 775px); }
.mainNavigation a { text-decoration: none;}
.naviga_box{border:1px solid #d4e5f3;border-radius: 5px;width: 260px;background: #fff;}
.naviga_box h5{padding: 15px 0 15px 20px;background: #ddeefc;}
.naviga_box h5 a{color: #333;text-decoration: underline;}
.naviga_links{padding: 20px 0;}
.naviga_links a{font-size: 15px;display:block; color: #333;padding: 5px 0 5px 35px; background: url(../images/vp-img/list2.png) no-repeat 20px 17px;}
.naviga_links a:hover{ background: url(../images/vp-img/list2.png) no-repeat 20px 17px #f5f5f5; text-decoration: none; }
.share_box{ font-size:0; height:47px;}
.share_box a{}

.mainNavigation .nav-vlg { background: url(../images/vp-img/div03-adv1012-bg.jpg); color: #fff; padding:15px;  margin: 20px 0 0; text-align: center;}
.mainNavigation .nav-vlg p { padding: 15px 0; color: #25bbff;font-size: 17px;}
.mainNavigation .nav-vlg .Sub { border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: #0db6ff; 
	width: 195px; height: 45px; text-align: center; line-height: 45px; margin: 25px auto 0; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;
	-webkit-transition: all 0.5s; }
.mainNavigation .nav-vlg .Sub a{ color:#fff;}
.mainNavigation .nav-vlg .Sub:hover {  background: #78d6ff;}
.mainNavigation .nav-vlg .Sub a:hover{text-decoration:none;}
/*-------*/
.mainArticle{padding: 25px 0;}
.mainArticle p{padding: 7px 0;}
.categ{background:#F3F3F3;border-radius: 5px;padding: 20px 40px;margin: 20px 0;}
/*-------*/
.mainAuthor {  background: #ddeefc;color: #606a72; }
.mainAuthor .Details{border-bottom:1px solid #bcc8d2;padding-top: 30px;padding-bottom: 30px;}
.mainAuthor h4 {padding-bottom: 30px;color: #333;}
.mainAuthor .Pic { width: 120px; height: 120px; float: left; }
.mainAuthor .author { width:calc(100% - 145px); padding: 0 0 0 25px; float: right; }
.mainAuthor .author .name { font-size: 21px; padding: 0 0 10px;  }
.articleTable{border:1px solid #d4e5f3;border-top: none;border-right: none;border-radius: 5px;width: 100%;overflow-x: auto;margin: 40px 0}
.articleTable table{ border-collapse: collapse; width: 100%;}
.articleTable table tr th{padding: 30px 0; background: #ddeefc;border-right: 1px solid #d4e5f3;}
.articleTable table tr th:last-child{}
.articleTable table tr:nth-of-type(2n+1){background: #f7f7f7;}
.articleTable table tr td{border-right: 1px solid #d4e5f3; text-align:center;}
.articleTable table tr td:first-child p{padding: 20px;}
.articleTable table tr td p b{color: #333;}
.articleTable table tr td .text{text-align:left; padding:20px 0 20px 10px;}
/*-------*/
.mainCrumb{color: #606a72;background: #ddeefc;font-size: 15px; padding: 10px 0;}
.mainCrumb a{color: #606a72;}
/*-------*/

/*--- comment ---*/
.art-comment{margin:20px 0;}
.art-comm-top{border-top:1px solid #ddd; border-bottom:1px solid #a3a3a3; position:relative; padding:30px 0 5px;}
.art-comm-nd{font-size:21px;}
.art-comm-dis{display:inline-block; background-color:#ffba00; font-size:17px; color:#fff; padding:3px 10px; border-radius:5px; outline-color:#999;}
.art-comm-dis:hover{text-decoration:none;}
.art-comm-sort{position:absolute; top:32px; right:0;}
.comm-sort-a{color:#373b40;}
.comm-sort-a:hover{text-decoration:none;}
.comm-sort-a.active{color:#03bafe;}
.art-comm-usin, .art-comm-reply{position:relative; margin:20px 0 35px;}
a[name^=comm-reply]{position:relative; top:-260px;}
.art-comm-hp{width:55px; height:55px; border-radius:50%; position:absolute;}
.comm-usin-x{padding-left:70px;}
.comm-usin-teta{height:115px; width:100%; resize:none; padding:5px 10px; box-sizing:border-box; font-family:tahoma, Arial, sans-serif; font-size:17px; border:1px solid #e0e0e0; border-radius:5px 5px 0 0; background-color:#fafafa; display:block; color:#525252;}
.comm-usin-sp{border:1px solid #e0e0e0; border-top:0; border-radius:0 0 5px 5px;}
.comm-usin-file{position:absolute; opacity:0; height:38px;}
.comm-usin-label{font-size:13px; color:#999; padding:5px 10px; display:inline-block;}
:focus + .comm-usin-label{outline:1px dashed #999;}
.comm-usin-tips.comm-usin-tips{color:#00afef; padding:10px 0 5px;}
.usin-tips-ema{color:#555;}
.comm-usin-input{width:43%; border:1px solid #e0e0e0; padding-left:2%; background-color:#fafafa; height:45px; line-height:45px; border-radius:5px; color:#525252; margin-bottom:30px; font-size:17px;}
.comm-usin-email{float:right;}
.comm-usin-but{font-size:21px; color:#fff; background-color:#03bafe; width:40%; border:0; height:45px; line-height:45px; border-radius:5px; cursor:pointer;}
.art-comm-usco{position:relative; margin:35px 0;}
.comm-usco-hp{width:55px; height:55px; border-radius:50%; position:absolute; top:8px; overflow:hidden;}
.comm-usco-x, .art-comm-reply{padding-left:70px;}
.comm-usco-nt{color:#999;}
.comm-usco-na{color:#3b8afa;}
.comm-usco-re2{vertical-align:-2px;}
.comm-usco-dc.comm-usco-dc{padding:5px 0;}
.comm-usco-op{color:#999;}
.comm-op-zn{font-style:normal;}
.comm-op-a{display:inline-block; width:8px; height:8px; box-sizing:border-box; border-top:1px solid #666; border-left:1px solid #666; margin:0 8px;}
.comm-op-z{transform:rotate(45deg); -webkit-transform:rotate(45deg); vertical-align:-2px;}
.comm-op-c{transform:rotate(225deg); -webkit-transform:rotate(225deg); vertical-align:2px;}
.comm-op-re{color:#999; margin-left:15px;}
.comm-op-re:hover{text-decoration:none;}
.art-comm-usin-2{padding-left:90px;}
.art-comm-page{color:#333; text-align:center;}
.comm-page-btn{display:inline-block; width:14px; height:14px; box-sizing:border-box; border-width:2px 0 0 2px; border-style:solid; border-color:#999; cursor:pointer; background:none; vertical-align:middle;}
.comm-page-btn:focus{outline:0;}
.comm-page-prev{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.comm-page-next{transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.comm-page-a{color:#333; display:inline-block; padding:0 8px;}
.comm-page-a.active{background-color:#ffba00; color:#fff;}
.comm-page-a:-moz-focusring{outline:1px dashed #999;}
.comm-page-a:focus-visible{outline:1px dashed #999;}
.comm-page-a:hover{text-decoration:none;}
/*--- comment ---*/
.stressBox{border:1px solid #549ffd;margin:60px 0 30px; padding:10px 0;}
.stressBox .t{line-height:39px;position: relative;}
.stressBox .t span{border-radius:5px 5px 0 0;background:#549ffd;display:inline-block;padding:0 25px; position:absolute; left:-1px; top:-49px; color:#fff;}
.stressBox h3{padding-left:15px;}
.stressBox p{ padding:5px 15px;}

.recommendBox{border:1px solid #cccccc;display:flex;padding:30px 0;justify-content:center; margin:15px 0;}
.recommendBox .pic{width: 19%;}
.recommendBox .text{width: 77%;}
.recommendBox h3{padding-left:30px;}
.recommendBox p{padding-left:30px;}
/*--- ---*/

/* ``````````````````` top-fs ```````````````````` */
.top-fs .item-list {padding-bottom: 20px;position: relative;}
.top-fs .item-list .img-box {width: 150px;text-align: center;position: absolute;padding-top: 30px;}
.top-fs .item-list .mgs-box {padding-left: 150px;}
.top-fs .item-list .mgs-title {font-size: 21px;font-weight: bold;line-height: 30px;padding-top: 20px;border-top: 1px solid #e3e3e3;}
.top-fs .item-list:first-of-type .mgs-title {border-top: none;}
.top-fs .btn-fs a {display: inline-block;color: #ffffff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;text-align: center;margin: 5px 15px 5px 0;}
.top-fs .btn-fs a:hover {text-decoration: none;}
.top-fs .btn-fs a.fs-down {background-color: #78c443;padding: 10px 30px;font-size: 17px; display: block;width: 170px;}
.top-fs .btn-fs a.fs-down::after {content: '';display: inline-block;width: 42px;height: 19px;background: url(../images/vp-img/win-mac.png) no-repeat center;vertical-align: text-top;margin-left: 15px;}
.top-fs .btn-fs .btn-system {display: inline-block;}
.top-fs .btn-fs a.fs-buy {background-color: #fca033;padding: 10px 30px;font-size: 17px;min-width: 170px;font-weight: bold;}
.top-fs .btn-fs a.fs-buy::after {content: '';display: inline-block;width: 25px;height: 19px;background: url(../images/vp-img/buy-icon.png) no-repeat center;vertical-align: text-bottom;margin-left: 15px;}
.top-fs .btn-fs a.fs-coupon {font-size: 17px;position: relative;border: 1px dashed #ff900d;padding-right: 43px;}
.top-fs .btn-fs a.fs-coupon span {display: inline-block;color: #ff9812;background-color: #ffedd1;padding: 9px 10px;}
.top-fs .btn-fs a.fs-coupon::after {content: '';position: absolute;display: inline-block;width: 43px;top: 0;bottom: 0;right: 0;background: #ff9812 url(../images/vp-img/coupon-icon.png) no-repeat center;vertical-align: text-bottom;}
.top-fs .btn-fs a.fs-down-win {background-color: #78c443;padding: 10px 30px;font-size: 17px;min-width: 170px;}
.top-fs .btn-fs a.fs-down-win::after {content: '';display: inline-block;width: 17px;height: 19px;background: url(../images/vp-img/win-nineteen.png) no-repeat center;vertical-align: text-top;margin-left: 15px;background-size: cover;}
.top-fs .btn-fs a.fs-down-mac {background-color: #78c443;padding: 10px 30px;font-size: 17px;min-width: 170px;}
.top-fs .btn-fs a.fs-down-mac::after {content: '';display: inline-block;width: 17px;height: 19px;background: url(../images/vp-img/mac-nineteen.png) no-repeat center;vertical-align: text-top;margin-left: 15px;background-size: cover;}

/* ``````````````````` top-fs ```````````````````` */
.article-download-left-bottom{position: fixed;bottom:35px;left:10px;cursor: pointer; background:url(../images/vp-img/article-download-banner-black.jpg) no-repeat; width:384px; height:153px; display:none;}
.article-download-left-bottom a{ width:100%; height:100%; left:0; right:0; display:inline-block;}
.article-download-left-bottom span{ display:inline-block; position:absolute;right: 12px;top: 2px;font-size: 14px;color: #8ea6d6;}
.article-download-left-bottom.kr{background-image:url(../images/vp-img/article-download-banner-black-kr.jpg);}
.article-download-left-bottom.vpv{background-image:url(../images/vp-img/article-download-banner-white-vpv.png); width:342px; height:185px;}
.article-download-left-bottom.vpv span{ right:20px; top:10px;}
.article-download-left-bottom.voice{background-image:url(../images/vp-img/article-download-banner-voice.jpg);}

.article-download-left-bottom.overal-function{background: none;width:auto;height: auto;}
.article-download-left-bottom.overal-function span{right: 30px;top: 15px;}


.Top { width: 90px; height: 90px; position: fixed; bottom:10%; right: 5%; cursor: pointer; display: none; }

@media (max-width: 1550px) {
	.mainArticle,.desContent{float: left;width: calc(100% - 283px);}
	.mainArticle .Details,.desContent .Details{ width: 95%; }
	.mainNavigation{margin-right: 20px;}

	.vc-banner-wrap{width:95%; justify-content: flex-start;}
	.vc-banner-text{width:auto;}
	.vc-banner-pic{margin: 0}
}
@media (max-width: 1000px) {
	.mainNavigation{display: none;}
	.mainArticle, .mainArticle,.desContent{float: none;width:auto;}
}
@media (max-width: 979px) {
	.mobileNo{display:none;}
	.mBanner{display:none;}

	.video_box iframe{ height:auto;}

	.mainArticle .Details{ width: auto; }
	.Details,.spBanner .Details{width:auto; padding:0 5%; box-sizing: border-box;}

	.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 .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);}
	/*-------*/
	h1{font-size: 43px; line-height: 55px;}
	/*-------*/
	.articleTable{overflow-x: auto;}
	.articleTable table{width: 950px;}
	/*-------*/
	.MainFoot .Details {width: auto;}
	.MainFoot h6{padding:8px 0 0;}
	/*-------*/
	.vlogger-banner, .converter-banner{display:none;}
	/*-------*/
	.sp_content .pic{width: 30%; padding: 0;}
	.sp_content .pic img{margin:0 0 0 -10px;}
	.sp_content .sp_text{width: 70%;}
	.sp_content .sp_text .btn a:first-child{margin-right:20px;}
	.sp_content .sp_text .btn a{ width:45%;}

	.Put-anchor{display:block;}
}

@media (max-width: 767px) {
	.margRight75{ margin-right:0; margin-bottom:15px;}

	.DivNav ul li {font-size: 17px; }
	/*-------*/
	.mainBanner{height: auto; padding-bottom: 30px;}
	h1{font-size: 35px; line-height: 45px;}
	/*-------*/
	.categ{padding: 20px 10px;}
	/*-------*/

	/*-------*/
	.spBanner{height:auto;}
	.spBanner .t1{font-size:31px; line-height:33px;}
	.spBanner .t2{font-size:23px;}
	.sp_content{ padding-bottom:10px;}
	.sp_content .pic{float:none; width:auto; text-align: center;}
	.sp_content .sp_text{width:auto; float:none;}
	.sp_content .sp_text ul{margin: 15px auto;}
	
	.sp_content .sp_text .btn {text-align:center;padding-top:5px;}
	.sp_content .sp_text .btn a img{width:auto;}
	.sp_content .sp_text .btn a:first-child{margin-right:0;}
	/*-------*/
	.Put .forwin{margin:0 0 15px;}
	/* 转盘引导banner */
	.draw_banner{width: 100%;}
	/* 转盘引导banner */

}

@media (max-width: 479px) {

	body {   font:15px/23px tahoma, Arial, sans-serif;  }

	h1{font-size: 29px; line-height: 40px;padding: 30px 0 20px;}
	h2{font-size: 23px;}
	h3{font-size: 19px;}
	h4{font-size: 17px;}
	h5{font-size: 16px;}

	ol, ul{margin-left: 15px;}
	/*-------*/
	.categ .t{font-size: 19px;}
	/*-------*/
	.mainAuthor .Pic{float: none;}
	.mainAuthor .author{float: none;width: auto;padding: 0;}
	.mainAuthor .author .name{font-size: 19px;}
	/*-------*/

	.help-fight-s{width: 100%;margin: 20px auto;}
	.help-fight-s a{flex-wrap: wrap;}
	.help-fight-s p{font-size: 15px;}
	.help-fight-s .org{font-size: 15px;}
	/*-------*/
  	.spBanner .t1{font-size:29px; line-height:33px;}
	.spBanner .t2{font-size:19px;}
	.sp_content .sp_text ul li {width:auto;float:none; margin-left:20px;}
	.sp_content .sp_text ul {width: 70%;}
	.sp_content .sp_text .btn a{ width:auto;}
	/* 转盘引导banner */
	.draw_banner .banner_title{font-size: 1.4rem;;line-height: 1.9rem;}
	.draw_banner .banner_sub{font-size: 1.2rem;line-height: 1.8rem;}
	.draw_banner .banner_con>img{float: none;}
	.draw_banner .banner_con .banner_con_right{float: none;width: 100%;}
	.banner_con_right p{font-size: 0.9375rem;line-height: 1.5rem;}
	/* 转盘引导banner */

	.top-fs .item-list .img-box {width: 100%;position: relative;}
	.top-fs .item-list .mgs-box {padding-left: 0;}
	.top-fs .item-list .mgs-title {font-size: 1.1rem;border-top: none;}
	.top-fs .btn-fs {text-align: center;}

}

/* banner0320 */

.banner0320 {background: url("../../images/vp-img/banner0320-bg.jpg") no-repeat center/cover #a8daff;height: 64px;}
.banner0320 a {display: block;}
.banner0320 .flex-wrap {height: 64px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.banner0320 .btn-banner button {position: relative;display: inline-block;background-color: #78c443;color: #fff;padding: 4px 60px 4px 30px;border-radius: 5px;border: 1px solid #78c443;border-bottom: 2px solid #58a621;cursor: pointer;}
.banner0320 .btn-banner button:hover {text-decoration: none;transform: all .8s;bottom: -2px;border-bottom-width: 0px;}
.banner0320 .btn-banner button > span {color: #fff;font-size: 21px;}
.banner0320 .btn-banner button > img {position: absolute;right: 0;bottom: -5px;}

@media (max-width: 1024px) {
	.banner0320 .btn-banner button {display: none;}
}


.vc-banner-replenish {
	padding-top: 15px;
	font-size: 15px;
	line-height: 1.4;
	color: #ccc;
}
.vc-banner-replenish a {
	color: #2f9aff;
}
.vc-banner-replenish img {
	vertical-align: text-bottom;
	margin-right: 5px;
}