.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
#articleInfo20 .bottomBox h3{font-size:19px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:var(--primary);margin:15px 0;font-weight: 400;}
#articleInfo20 .bottomBox h3.title{font-size:22px;border-bottom: 1px solid #ddd;padding-bottom: 10px;position: relative;color: var(--info);margin-top: 40px;}
#articleInfo20 .bottomBox h3.title:after{content:'';position: absolute;background: #7f1084;width: 25px;height: 2px;bottom: 0;left: 0;}
#articleInfo20 .bottomBox h4{margin: 25px 0;font-size: 18px;color: #7f1084;}
#articleInfo20 .bottomBox h5{margin: 15px 0;color: #d35400;text-decoration: underline;font-weight: 400;}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align: left;font-size: 22px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-style: italic;color: var(--primary);}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin: 20px 0;line-height: 210%;}
#articleInfo20 .bottomBox article strong{vertical-align: baseline;}
#articleInfo20 .bottomBox article a{color: #d35400;vertical-align: baseline;margin: 0 5px;}
#articleInfo20 .bottomBox ol{padding-left: 25px;}
#articleInfo20 .bottomBox ol li{list-style: decimal;margin: 5px 0;}
#articleInfo20 .bottomBox ol.dot li{list-style: disc;}
#articleInfo20 .bottomBox ol.circle li{list-style: circle;}
#articleInfo20 .bottomBox .photo{text-align:center;margin-top: 50px;}
#articleInfo20 .ttbox p{text-align:left;font-size: 16px;}
#articleInfo20 table{margin: 45px 0;width:100%;border-collapse:collapse}
#articleInfo20 td, #articleInfo20 th{padding:10px;border: 1px solid #d0d0d0;text-align: center;vertical-align: middle;}
#articleInfo8 {margin-top:40px;}
#articleInfo8 h3{font-size:19px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:var(--primary);margin:15px 0;font-weight: 400;}
#articleInfo8 h3.title{font-size:22px;border-bottom: 1px solid #ddd;padding-bottom: 10px;position: relative;color: var(--info);margin-top: 40px;}
#articleInfo8 h3.title:after{content:'';position: absolute;background: #7f1084;width: 25px;height: 2px;bottom: 0;left: 0;}
#articleInfo8 ul li{overflow:hidden;margin:10px 0 20px;box-shadow: 0 0 10px rgb(0 0 0 / 5%);}
#articleInfo8 ul li > div{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px}
#articleInfo8 ul li .titBox p{color:#414141;font-size:18px;width:calc(100% - 200px)}
#articleInfo8 ul li .titBox h3{margin:0;}
#articleInfo8 ul li .titBox h3 a{font-size:15px;font-weight:400;padding:10px 40px;display:flex;align-items:center;color: #323232;}
#articleInfo8 ul li .titBox h3 a svg{width:15px;height:15px;fill:#fff;background:#7f1084;padding:10px;border-radius:50px;margin-left:10px}
#articleInfo8 ul li .titBox h3 a:hover svg{background:#393838}
#articleInfo20 .title-set{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;padding:0;list-style:none}
#articleInfo20 .title-set >div{width: calc((100%/5) - 60px);position:relative;padding:30px 30px 90px;display:flex;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp}
#articleInfo20 .title-set .box02{animation-delay:100ms}
#articleInfo20 .title-set .box03{animation-delay:200ms}
#articleInfo20 .title-set .box04{animation-delay:300ms}
#articleInfo20 .title-set .box05{animation-delay:400ms}
#articleInfo20 .title-set .box06{animation-delay:500ms}
#articleInfo20 .title-set >div:before{content:'';width:100%;height:1px;background:#e0e0e0;position:absolute;bottom:26px;left:0;transition:all 0.4s ease}
#articleInfo20 .title-set >div:nth-of-type(5n+1):before{width:calc(100% - 30px);left:30px}
#articleInfo20 .title-set >div:nth-of-type(5n):before{width:calc(100% - 30px);left:0}
#articleInfo20 .title-set >div:hover:before{background: var(--primary);}
#articleInfo20 .title-set >div .free{display:flex;align-items: flex-start;flex-wrap: wrap;width: 100%;}
#articleInfo20 .title-set >div .free .num{width:32px;height:32px;background: #f7f7f7;border:1px solid #dedede;border-radius:50%;text-align:center;color:#454545;font-size:13px;line-height:30px;letter-spacing:0;position:absolute;bottom:10px;left:90px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#articleInfo20 .title-set >div:hover .free .num{background: var(--primary);color:#fff;border:1px solid #f5f7fa}
#articleInfo20 .title-set >div .free .icon{width:48px;height:55px;margin-right:15px;position:relative;overflow:hidden;display:flex}
#articleInfo20 .title-set >div .free .icon img{width:100%;position:absolute;top:0;left:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:inline-block}
#articleInfo20 .title-set >div:hover .free .icon img{top:-52px}
#articleInfo20 .title-set h2{font-weight:400;color:#111;font-size: 20px;line-height:120%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:calc(100% - 65px);align-items:center}
#articleInfo20 .title-set h2 a{    font-size: 20px;}
#articleInfo20 .title-set h3{color:#9a9a9a;font-size:14px;line-height:20px;letter-spacing:0.6px;overflow:hidden;margin-top: -25px;font-weight:normal;width:calc(100% - 65px);margin-left:65px}

@media screen and (max-width:1440px){
	#articleInfo20 .title-set >div:nth-of-type(5n):before{width:100%;}
	#articleInfo20 .title-set >div{width: calc((100% / 3) - 60px);}
	#articleInfo20 .title-set >div:nth-of-type(3n+1):before{width:calc(100% - 30px);left:30px}
	#articleInfo20 .title-set >div:nth-of-type(3n):before{width:calc(100% - 30px);left:0}
}
@media screen and (max-width:768px){
	#articleInfo20 .title-set >div{width: calc((100% / 2) - 60px);}
	#articleInfo8 ul li .titBox h3 a{font-size:0;}
	#articleInfo20 .title-set >div:nth-of-type(2n+1):before{width:calc(100% - 30px);left:30px}
	#articleInfo20 .title-set >div:nth-of-type(2n):before{width:calc(100% - 30px);left:0}
}
@media screen and (max-width:480px){
	#articleInfo20 .title-set h2{font-size:18px;}
	#articleInfo20 .title-set >div:nth-of-type(2n+1):before, #articleInfo20 .title-set >div:nth-of-type(3n+1):before, #articleInfo20 .title-set >div:before, #articleInfo20 .title-set >div:nth-of-type(2n):before{width:100%;left: 0;}
	#articleInfo20 .title-set >div{width: calc((100% / 1) - 60px);padding: 15px 30px 60px;}
	#articleInfo8 ul li > div{padding:20px;}
	#articleInfo8 ul li .titBox p{width: calc(100% - 60px);}
	#articleInfo8 ul li .titBox h3 a{padding:0;}
	#articleInfo20 .bottomBox p{text-align: justify;font-size: 17px;}
}