.bold{font-weight: bold;}
.download_info{-webkit-justify-content: center!important;justify-content: center!important;width: 100%;font-size: 18px;max-width:1200px!important;font-weight: 400;color: #333333;line-height: 24px;margin: -40px auto 0!important;position:relative;z-index: 2;-webkit-align-items: center;align-items: center;}
.download_info a{color: #3FADA2!important;margin:0 5px 0 0!important;text-decoration: none;font-weight: 600;width: initial!important;height: auto!important;line-height: 30px!important;border: none!important;font-size: 16px!important;text-decoration: none!important;}
.download_info a:hover{color: #12C1A6!important;}
.download_info a i{display: inline-block;background: url(../svg/download-2.svg) no-repeat center/cover;width: 24px;height: 24px;vertical-align: -4px;}
.download_info a:hover i{background: url(../svg/download2-2.svg) no-repeat center/cover;}
.banner .download_info{color:#fff;margin:30px auto!important;}
.new_articles{padding-top: 80px;padding-bottom: 65px;}
.new_articles.mp3_converter{background-color: #f2f2fa;}
.new_articles_box h2{margin-bottom: 40px;}
.new_articles_box>div{-webkit-align-items: center;align-items: center;}
.new_articles_box>div>div{max-width: 584px;width: 100%;background: url(../jpg/bg4.jpg) no-repeat center center;border-radius: 20px;padding-top: 60px;padding-bottom: 60px;text-align: center;}
.new_articles_box>div>div span{font-size: 30px;color: #fff;}
.new_articles_box>div>div p{font-size: 16px;color: #fff;line-height: 30px;max-width: 460px;width: 95%;margin: 24px auto 14px;}
.new_articles_box>div>div div{max-width: 442px;width: 100%;margin: auto;}
.new_articles_box>div>div div a{width: 204px;height: 50px;line-height: 50px;color: #fff;display: block;border-radius: 5px;font-size: 20px;margin-top: 20px;}
.new_articles_box>div>div div a.down{background:#12C1A6;}
.new_articles_box>div>div div a.down:hover{background: #62f0db;text-decoration: none;}
.new_articles_box>div>div div a.buy{background: #fc6f06;}
.new_articles_box>div>div div a.buy:hover{background: #ff8123;text-decoration: none;}
.new_articles_box>div>div div a.free_sup_ver_win i{width: 24px;height: 24px;background: url(../png/wins.png);vertical-align: -5px;margin-right: 10px;}
.new_articles_box>div>div div a.free_sup_ver_mac i{width: 24px;height: 24px;background: url(../png/macs.png);vertical-align: -5px;margin-right: 10px;}
.new_articles_box>div>ul{max-width: 510px;width: 100%;}
.new_articles_box>div>ul li{font: 16px;color: #333;line-height: 30px;padding-bottom: 14px;position: relative;}
.new_articles_box>div>ul li:after{clear: both;content:"";width: 5px;height: 5px;background: #3d8dff; position: absolute;top: 13px;left: -20px;border-radius: 50%;}

.new_articles_box>div>div div a.down{overflow: hidden;position: relative;}
.new_articles_box>div>div div a.down *{position: relative;z-index: 1;}
.banner_box .btn a::after{position: absolute;bottom: -50px;font-size: 16px;color: #e0e0e0;width: 100%;left: 0px;}
.new_articles_box>div>div div a.down::after{clear: both;content: "";position: absolute;left: 0;top: 0px;width: 100%;background: linear-gradient(#12C1A6,#62f0db);height: 0%;z-index: 0;transition: height .3s linear;opacity: 0;}
.new_articles_box>div>div div a.down i{position: relative;}
.new_articles_box>div>div div a.down i::before{content: "";position: absolute;left: 7px;top: -45px;width: 24px;height: 24px;background: url(../svg/download3.svg) no-repeat;background-size: 100% 100%;}
.new_articles_box>div>div div a.down:hover{font-size: 0px;}
.new_articles_box>div>div div a.down:hover i{background-image: none;}
.new_articles_box>div>div div a.down:hover::after{height: 100%;opacity: 1;}
.new_articles_box>div>div div a.down:hover i::before{left: 7px;top: 8px;transition: all .3s linear;}

.new_articles_box>div>div div a.free_sup_ver_mac{overflow: hidden;position: relative;}
.new_articles_box>div>div div a.free_sup_ver_mac *{position: relative;z-index: 1;}
.banner_box .btn a::after{position: absolute;bottom: -50px;font-size: 16px;color: #e0e0e0;width: 100%;left: 0px;}
.new_articles_box>div>div div a.free_sup_ver_mac::after{clear: both;content: "";position: absolute;left: 0;top: 0px;width: 100%;background: linear-gradient(#12C1A6,#62f0db);height: 0%;z-index: 0;transition: height .3s linear;opacity: 0;}
.new_articles_box>div>div div a.free_sup_ver_mac i{position: relative;}
.new_articles_box>div>div div a.free_sup_ver_mac:hover{font-size: 0px;}
.new_articles_box>div>div div a.free_sup_ver_mac:hover i{background-image: none;margin-right: 0px;}
.new_articles_box>div>div div a.free_sup_ver_mac:hover::after{height: 100%;opacity: 1;}
.new_articles_box>div>div div a.free_sup_ver_mac:hover i::before{top: 8px;transition: all .3s linear;}

.new_articles_box>div>div div a.buy{background: #fc6f06;}
/* .new_articles_box>div>div div a.buy:hover{background: #fc9106;} */
.new_articles_box>div>div div a.buy{position: relative;overflow: hidden;}
.new_articles_box>div>div div a.buy span{position: relative;z-index: 1;}
.new_articles_box>div>div div a.buy:hover{font-size: 0;}
.new_articles_box>div>div div a.buy:hover i{position: absolute;top: 60%;left: 50%;margin-left: -16px;margin-top: -16px;transform: rotate(-20deg); animation: buymove .3s linear;z-index: 1;background: url(../png/buys.png) no-repeat center;}
.new_articles_box>div>div div a.buy.rotate i{transform: rotate(0deg);transition: all .1s linear;}
@-webkit-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-moz-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-o-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
.new_articles_box>div>div div a.buy::after{clear: 0;content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background: linear-gradient(90deg,#fc6f06,#fc9106);z-index: 0;transition: width .3s linear;opacity: 0;}
.new_articles_box>div>div div a.buy:hover::after{width: 100%;opacity: 1;}
.faq li{
	border-radius: 12px;
	box-sizing: border-box;
	cursor: pointer;
  }
  .faq {
	  padding-top: 100px;padding-bottom: 100px;background: #F8F9FF;
	}
	.faq .left_faq {
	  width: 275px;
	}
	.faq .left_faq img {
	  display: block;
	  margin-bottom: 24px;
	}
	.faq h2 {
	  text-align: left;
	  line-height: 56px;
	}
	.faq .right_faq {
	  max-width: 880px;
	  width: 100%;
	}
	.faq li {
	  border: 1px solid #ddd;
	  padding: 24px;
	  margin-bottom: 16px;
	}
	.faq ul li:last-child {
	  margin-bottom: 0;
	}
	.faq li .title {
	  font-size: 20px;
	  color: #1e1e1e;
	  line-height: 24px;
	  position: relative;
	  padding-left: 36px;
	  padding-right: 36px;
	}
	.faq li .title i:nth-of-type(1) {
	  display: inline-block;
	  width: 24px;
	  height: 24px;
	  background: url(../svg/faq.svg) center no-repeat;
	  position: absolute;
	  left: 0;
	  top: 0;
	}
	.faq li.active .title i:nth-of-type(1) {
	  background-image: url(../svg/faq-blue.svg);
	}
	.faq li .title i:nth-of-type(2) {
	  position: absolute;
	  width: 24px;
	  height: 24px;
	  background: url(../svg/faq-show-more.svg) center
		no-repeat;
	  right: 0;
	  top: 0;
	}
	.faq li.active .title i:nth-of-type(2) {
	  background-image: url(../svg/faq-hide-more.svg);
	}
	.faq li.active .title {
	  color: #1777ff;
	}
	.faq li .info {
	  font-size: 16px;
	  font-weight: 400;
	  color: #1e1e1e;
	  line-height: 24px;
	  margin-top: 16px;
	  display: none;
	}
	.faq li.active .info {
	  display: block;
	}
@media screen and (max-width:1180px){
	.new_articles_box>div{justify-content: center;}
	.new_articles_box>div>ul{margin-top: 30px;}
	.faq{padding-top: 40px;padding-bottom: 50px;}
	.faq .left_faq{margin-bottom: 20px;}
	.faq > div{
	  justify-content: center;
	}
	.faq .left_faq {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		flex-wrap: nowrap;
		align-items: center;
		margin: auto;
	  }
}
@media screen and (max-width:1080px){
    .new_articles_box>div>div div a.down{display: none;}
    .new_articles_box>div>div div{justify-content: center;}
	.faq .left_faq img {
		max-width: 100px;
	  }
}
@media screen and (max-width:640px){
	.faq .left_faq {
	margin-bottom: 30px;
  }
}
@media screen and (max-width:500px){
	.download_info{justify-content: center;text-align: center;}
	.download_info{text-align: center;}
	.new_articles{padding-top: 0px;}
	.new_articles_box h2{margin-bottom: 10px;}
	.new_articles_box>div>div div{justify-content: center;}
	.new_articles_box>div>ul{padding-left: 25px;margin-top: 0px;}
	.new_articles_box>div>div div a.down{display: none!important;}.faq li {
		padding-left: 10px;
		padding-right: 10px;
	  }
}