.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo5 .timeArea{display:flex;margin-bottom:20px;margin-top:30px}
#articleInfo5 .timeArea h4{font-weight:400;color:#999999;font-family:"Montserrat",sans-serif;font-size:13px}
#articleInfo5 .timeArea .left{width:calc(100% / 2)}
#articleInfo5 .timeArea .priceSale{display:flex;align-items:baseline}
#articleInfo5 .timeArea .priceSale b{font-weight:500;margin-right:5px;color:#0970d9}
#articleInfo5 .timeArea .priceSale span{font-weight:500;font-size:25px;color:#0970d9;font-family:"Montserrat",sans-serif}
#articleInfo5 .timeArea .right{width:calc(100% / 2);margin:0 0 0 10px;padding-left:40px;border-left:1px solid rgb(157 157 157 / 20%)}
#articleInfo5 ul{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:column;align-items:flex-start;margin-bottom:0px;margin-top:10px}
#articleInfo5 ul li{overflow:hidden;margin:0px 0 6px 0;width:calc(100% - 20px);display:flex;flex-wrap:wrap;align-items:baseline}
#articleInfo5 ul li:nth-child(8),#articleInfo5 ul li:nth-child(9),#articleInfo5 ul li:nth-child(10),#articleInfo5 ul li:nth-child(11),#articleInfo5 ul li:nth-child(12){}
#articleInfo5 ul li > div{width:calc(100% - 90px)}
#articleInfo5 ul li .titBox p,#articleInfo5 ul li .titBox h3{font-weight:400;color:#767676;font-size:14px}
#articleInfo5 ul li .titBox h3{font-size:25px;color:#206a94;transition:all 0.4s ease-in-out 0s}
#articleInfo5 ul li:hover .titBox h3{margin-top:5px}
#articleInfo5 ul li .icon{margin:8px 10px 0;width:40px;height:40px;background:#46a4da;-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#fff}
#articleInfo5 ul li .info{width:70px;margin:0 0 0 20px}
#articleInfo5 ul li .info h3{padding:10px;background:#46a4da;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:18px;color:#fff}
#articleInfo5 ul li:hover .info h3{-webkit-animation:animatedIcon 1s infinite linear;-moz-animation:animatedIcon 1s infinite linear;-ms-animation:animatedIcon 1s infinite linear;-o-animation:animatedIcon 1s infinite linear}
#articleInfo5 ul li .info article{line-height:170%;padding:0;font-size:16px;margin-bottom:0;font-weight:400;color:#7e7e7e;font-family:"Montserrat",sans-serif}

@media screen and (max-width: 1280px) {
    #articleInfo5 ul:before{margin-left:-4px}
}

@media screen and (max-width: 768px) {
    #articleInfo5 ul li{width:calc(100% - 20px)}
}

@media screen and (max-width: 640px) {
    #articleInfo5 ul li{width:100%;display:flex;align-items:flex-start;flex-direction:column}
	#articleInfo5 ul:before{display:none}
	#articleInfo5 ul li .titBox{width:calc(100% - 0px)}
	#articleInfo5 ul li:hover .titBox h3{margin-top:0}
	#articleInfo5 ul li .icon{-webkit-box-shadow:0 0 0 8px #fff;-moz-box-shadow:0 0 0 8px #fff;-ms-box-shadow:0 0 0 8px #fff;box-shadow:0 0 0 8px #fff}
	#articleInfo5 ul li:hover .icon{-webkit-box-shadow:0 0 0 8px #afdcf8;-moz-box-shadow:0 0 0 8px #afdcf8;-ms-box-shadow:0 0 0 8px #afdcf8;box-shadow:0 0 0 8px #afdcf8}
	#articleInfo5 ul li .info{margin:0}
	#articleInfo5 .timeArea .right{padding-left:20px}
	#articleInfo5 ul li .info:before{left:40px;top:-7px;border-top:0;border-bottom:7px solid #46a4da;border-right:7px solid transparent;border-left:7px solid transparent}
}