@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;}

.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;}
.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;}

/* pick banner */
.banner-pick{ background: url(../images/vp-img/banner-top-pick.jpg) no-repeat center #d3eaf9;min-height: 500px; background-size: cover; }
.banner-pick .Details{width: 1200px;display: flex;justify-content: space-between;}
.banner-pick .pick-left .pic{ }
.banner-pick .pick-left h2{font-size: 44px;color: #000;padding: 38px 0 15px;font-weight: bold;}
.banner-pick .pick-left .mess{color: #000;}
.banner-pick .pick-left ul{color: #555455;padding: 30px 0 15px;}
.banner-pick .pick-left ul li{padding: 3px 0 3px 20px;background: url(../images/vp-img/ci.png) no-repeat left center;}
.banner-pick .down-buy{padding-top:10px;}
.banner-pick .down-buy > div{display:inline-block;text-align:center;}
.banner-pick .down-buy .left{margin-right:30px;}
.down-buy a {text-decoration: none;}
.down-buy .Down {  background:#0fb4ff; text-align: left; padding:0 15px; color: #fff;border:1px solid #0fb4ff; display: inline-block;}
.PushStyle02{width: auto;}
.down-buy .Buy {  background:#ffab1b;color: #fff;border:1px solid #ffab1b;display: inline-block;padding: 0 40px;}
.down-buy .buy:hover { background-color: rgba(0,0,0,0.2);
	color: #fff; border:1px solid #ffab1b;  }
.down-buy span{ font-size:15px; padding:10px 0 0; display:inline-block;}
.down-buy span a{color:#333;}

.banner-pick .pick-left .gift{color: #ff8a34;font-size: 19px;}
.banner-pick .pick-left .vs-mess{ color:#10b3fe; padding:10px 0 0;}
.banner-pick .pick-left .vs-mess a{color:#10b3fe;}
.banner-pick .pick-left .btn1{font-size: 21px;padding: 15px 0 0;}
.banner-pick .pick-left .btn1 span{color: #10b3fe;display: inline-block;background: #fff;border:2px solid #10b3fe;border-radius: 8px;padding: 13px 15px;cursor: pointer;}
.banner-pick .pick-right{padding: 15px 0 0;}
.banner-pick .step {}
.banner-pick .step .q{font-size: 19px;color: #000;padding: 35px 0 0;}
.banner-pick .step .q span{color: #ff8a34;}
.banner-pick .step .ans-box{padding:15px 0 0 40px;color: #555455; }
.banner-pick .step .ans-box .ans-input{padding:5px 0 4px;color: #555455;display: flex;align-items: center;}
.banner-pick .step .ans-box .ans-input label{color: #555455;cursor: pointer;display: inline-flex; align-items: center; }
.banner-pick .step .ans-box .ans-input input{display: none; }
.banner-pick .step .ans-box .ans-input input +label:before{display: inline-block; margin-right: 15px; content: "";width: 19px;height: 20px;background: url(../images/vp-img/c2.png) center no-repeat; }
.banner-pick .step .ans-box .ans-input input:checked +label:before{display: inline-block;content: "";width: 19px;height: 20px;background: url(../images/vp-img/c1.png) left center no-repeat; }
.banner-pick .step .ans-box .ans-input input +label b{padding-right: 8px;}
.banner-pick .step .ans-box .ans-input input.text{width:70%; display: inline-block;border:none; background: #e5f5fe;font-size: 17px; border-bottom: 1px solid #333;vertical-align: middle;}
.banner-pick .step .next{text-align: right;padding: 15px 0 0;}
.banner-pick .step .next span{cursor: pointer; color: #ff8a34;}
.banner-pick .step2{padding:100px 0 0;}
.banner-pick .step3{padding: 80px 0 0;}
.banner-pick .step3 .ans-box .ans-input{padding: 9px 0;}
.banner-pick .step3 .mess{font-size: 19px; color: #ff8a34;padding: 45px 0 10px;}
.banner-pick .step3 .mail-box{display: flex;align-items: center;}
.banner-pick .step3 .mail-box input{border:2px solid #10b3fe;border-radius: 5px 0 0 5px;line-height: 51px;padding-left: 10px;font-size: 19px;}
.banner-pick .step3 .mail-box span{display: inline-block;font-size: 21px;color: #fff;background: #10b3fe;border-radius: 0 5px 5px 0;line-height: 55px;padding: 0 20px;cursor: pointer;}
.banner-pick .step3 .cong-mess{color: #ff8a34;font-size: 19px;background: url(../images/vp-img/gift.png) no-repeat left center;padding:0 0 0 45px; margin-top: 50px;}
/* pick banner */

/*Get A Free License 下拉板块*/
.banner-pick .get-free-bottom{justify-content: center;}
.get-btn{cursor: pointer;}
.banner-get-free-license-content{}
.hide-container{padding-top:1px;/* color:#d4d4d4; */}
.hide-container.active{margin-bottom:30px;}
.m01-get-wrap{display:flex;justify-content:space-evenly;position:relative;z-index:0;}
.m01-get-wrap::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255 255 255 / .1);margin:-2px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:-1;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.m01-get-wrap > *{margin:0 10px;}
.m01-get-hbtn-x{border-top: 1px solid #d4d4d4;color:rgba(255 255 255 / .15);text-align:center;}
.m01-get-hbtn{font-size:inherit;min-width:120px;padding:5px 5px;border-radius:0 0 10px 10px;border:none;background:linear-gradient(180deg,#444545,#7d6945);color:#d9d6c1;position:relative;top:-1px;left:-13px;}
.m01-get-hbtn::first-line{color:#d9d6c1;}
.m01-get-hbtn:not(:disabled){cursor:pointer;}
/*.m01-get-wrap::before{content:'';border:1px solid rgba(39 31 27 / 1);position:absolute;left:50%;transform:translateX(-50%) rotate(45deg);top:-13.5px;height:25px;background:#0d0c0c;width:25px;border-bottom-color:transparent;border-right-color:transparent;}*/
.m01-get-hbtn i{display:inline-block;border:7px solid transparent;border-top-width:0;border-bottom-width:10px;border-bottom-color:#d9d6c1;position:relative;top:-2px;left:5px;}
.main-gift{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;margin-bottom:30px;padding-top:30px;}
.main-gift .main-get-btn{display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;}
.main-gift .main-get-btn button{border:none;outline:none;padding:0;background:none;color:#ffffff;line-height:1.4;text-decoration:underline;cursor: pointer;font-size: 19px;}
.main-gift .main-get-btn:hover button{color:#4985ff;}
.main-share-before{text-align:left;/* max-width:950px; *//* margin:0 auto; */padding: 0 0 40px;align-items: center;display: flex;flex-direction: column;}
/*.main-share-box{display: flex;justify-content: center;}*/
.main-share-title{line-height:1.4;color:#ffc13c;font-size: 27px;}
.main-share-step{line-height:1.4;margin-top:30px;margin-bottom:15px;}
.main-share-list{display:flex;align-items:center;justify-content:flex-start;gap:25px;}
.main-share-check{display:flex;align-items:center;justify-content:flex-start;gap:30px;flex-wrap: wrap;font-size:19px;margin-bottom:15px;}
.main-share-check input[type="radio"]{display:none;}
.main-share-check label{display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;}
.main-share-after.main-share-after{/* position:absolute; */left:0;top:0;width:100%;height:100%;/* background-color:#000000; */display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;margin: 0;padding: 20px 0;}
.main-share-after a{color: #0fb4ff;}
.main-share-after .words-left {text-align: right;}
.main-share-after .words-right {text-align: left;}
.email-submit{display:flex;justify-content:center;/* align-items:center; */border-radius:5px;overflow:hidden;margin: 0 auto 0;width:100%;max-width:700px;}
.email-submit input{flex:1;height: 55px;/* background-color:#131313; *//* color:#ffffff; */border:none;outline:none;padding:0 25px;border: 1px solid #ccc;border-radius:5px 0 0 5px;font-size: 17px;}
.email-submit button{height: 57px;background-color:#38b065;color:#ffffff;border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:0 44px;gap:8px;cursor:pointer;font-size: 26px;}
.input-submit-info-container{display:flex;align-items:center;}
.input-submit-info{line-height:1.4;padding-left:30px;position:relative;text-align:left;font-size:19px;}
.input-submit-info span{color:red;}
.input-submit-info input{display:none;}
.input-submit-info label{position:absolute;top:1px;left:0;width:20px;height:20px;border:1px solid #666666;border-radius:4px;cursor:pointer;}
.input-submit-info label::before{content:"";display:none;width:7px;height:13px;border-right:2px solid #4fc452;border-bottom:2px solid #4fc452;transform:rotate(45deg);margin-left:5px;}
.input-submit-info input:checked+label::before{display:block;}
.input-submit-info input:checked~span{color: #555;}
.main-share-down,.main-share-code{width: 100%;font-size: 21px;line-height:1.4;/* color:#b3b3b3; */display: flex;justify-content: center;gap: 10px;}
.main-share-code .the-code {color: #ffc13c;}
.main-check-name{min-width:200px;}
.main-check-name a {text-decoration: none;color: #0fb4ff;}
.main-check-name a:hover {text-decoration: underline;}
.main-countdown-title{/* margin-bottom:20px; */color:#ffab1b;display:flex;justify-content:center;align-items:center;gap:15px;padding-top: 10px;}
.main-countdown-title i{display:block;width:130px;height:1px;background-image:linear-gradient(270deg,#3e2201,transparent);}
.main-countdown-title i:nth-of-type(2){background-image:linear-gradient(90deg,#3e2201,transparent);}
.digiarty-timer{font-size:33px;line-height:1.4;color:#533507;text-align:center;display:flex;justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;}
.digiarty-timer li{display:inline-block;vertical-align:top;width:50px;height:50px;border:1px solid #533507;font-size:25px;text-align:center;border-radius:4px;position:relative;background-color:#331903;color:#ffab1b;}
.digiarty-timer li::after{width:100%;font-size:11px;text-align:center;position:absolute;bottom:1px;left:0;color:#90610f;}
.digiarty-timer>li::after{content:attr(data-words);}

@media (max-width: 979px) {
	.main-share-before{max-width:none;}
	.main-countdown-title i{width: 10%;}
	.main-share-after .words-left{width: 30%;}
	.main-share-after .words-right{width: 65%;}
}
@media (max-width: 479px) {
	.main-countdown-title i{display: none;}
	.main-share-title{font-size: 21px;}
	.main-share-down, .main-share-code{flex-direction: column;align-items: center;}
	.main-share-after .words-left,.main-share-after .words-right{width: auto;}
	.main-share-check{gap:10px;}
	.main-share-down, .main-share-code{font-size: 17px;}
	.email-submit{flex-direction: column;}
	.email-submit input{border-radius: 5px;margin-bottom: 5px;flex: auto;}
	.email-submit button{border-radius: 5px;}
	
}
/*Get A Free License 下拉板块 end*/

/* 新版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; }

.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;  }

.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 .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;}
.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:85%;}
.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-btn-x{display:flex; padding-top:20px;}
.vc-banner-down, .vc-banner-more{display:inline-block; font-size:19px; padding:13px; border-radius:8px; border:1px solid; min-width:240px; box-sizing:border-box; text-align:center;}
.vc-banner-down{background-color:#16B3FC; color:#fff; font-weight:700; border-color:#16B3FC; margin-right:20px;}
.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-pic{margin:20px -180px 0 0;}
.vc-banner-pic figure{margin:0;}
.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;}
/*-------*/

.mainContent{}
.mainNavigation{position:sticky; top: 0;padding:60px 0 0; width: 262px; float: right;margin:520px 0 0 0; margin-right:calc(50% - 775px); }
.naviga_box{border:1px solid #d4e5f3;border-radius: 5px;width: 260px;background: #fff;}
.naviga_box h5{padding: 15px 0 15px 20px;background: #ddeefc;}
.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;text-decoration: none;}
.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:hidden; 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;}
/*--- ---*/


.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;}
}
@media (max-width: 1200px) {
	.banner-pick{height: auto;padding-bottom: 40px;}
	.banner-pick .Details{width: auto;}
	.banner-pick .pick-right{width: 40%;padding: 7% 0 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;}

	.banner-pick .Details{display: block;}
	.banner-pick .pick-right{display: none;}
	.banner-pick .step3{padding: 30px 0 0;}
	.banner-pick .step .ans-box{padding-left: 20px;}

	.video_box iframe{ height:auto;}

	.mainArticle .Details{ width: auto; }
	.Details,.spBanner .Details{width:auto; padding:0 5%;}

	.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;}
	/*-------*/
	.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) {

	.banner-pick .pick-left h2{font-size: 41px;}
	.banner-pick .step3 .mail-box span{font-size: 17px;}

	.DivNav ul li {font-size: 17px; }
	/*-------*/
	.mainBanner{height: auto; padding-bottom: 30px;}
	h1{font-size: 35px; line-height: 45px;}
	/*-------*/
	.categ{padding: 20px 10px;}
	/*-------*/
	.banner-pick .step2{ padding:20px 0 0;}
	/*-------*/
	.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) {

	.banner-pick .pick-left h2{font-size: 31px;}
	.banner-pick .pick-left .gift{font-size: 17px;}
	.banner-pick .pick-left .btn1{font-size: 16px;}
	.banner-pick .step3 .mail-box{display:block;}
	.banner-pick .step3 .mail-box input{width:90%;border-radius: 8px;box-sizing: border-box;margin: 0 auto;display: block;}
	.banner-pick .step3 .mail-box span{font-size: 21px; width: 90%; border-radius: 8px; margin: 10px auto 0;box-sizing: border-box;display: block;}
	.banner-pick .down-buy{text-align: center;}
	.banner-pick .down-buy .left{margin-right: 0; margin-bottom: 10px;}


	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 */

}