@import url('/css/animate.css');

#articleInfo35 .btn { padding: 0 0 20px; display: flex; flex-wrap: wrap; width: 36%; justify-content: flex-end; }
#articleInfo35 .btn a { border: 1px solid #6e6e6e; padding: 15px 30px; margin: 0 5px; }
#articleInfo35 .btn a:hover { background: #6e6e6e; color: #fff; }
#articleInfo35 .info { display: flex; align-items: flex-end; justify-content: space-between; }
#articleInfo35 .info h3 { border-bottom: 1px solid #eee; padding: 10px 0; font-size: 25px; margin-bottom: 30px; font-weight: 500; width: 70%; }
#articleInfo35>h6 { font-weight: 400; margin: 20px 0; font-size: 20px; }
#articleInfo35 ul { position: relative; }
#articleInfo35 ul li { overflow: hidden; margin: 10px 0 20px; }
#articleInfo35 ul li>div { background: #f3f3f3; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 30px; }
#articleInfo35 ul li .titBox p { color: #414141; font-size: 18px; width: calc(100% - 200px); }
#articleInfo35 ul li .titBox h3 a { color: #fff; background: #ff8d06; font-size: 15px; font-weight: 400; padding: 10px 40px; }
#articleInfo35 ul li .titBox h3 a:hover { background: #c93030; }
#articleInfo35 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; }
#articleInfo35 ul li .info { position: relative; margin: 0 0 20px 3%; width: 65%; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#articleInfo35 ul li .info:before { position: absolute; left: -7px; top: 18px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #46a4da; content: ""; }
#articleInfo35 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; }
#articleInfo35 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; }
#articleInfo35 ul li .info article { padding: 15px 20px; border-left: 1px #ccc solid; border-right: 1px #dedada solid; line-height: 180%; }

@media screen and (max-width:1280px) {
	#articleInfo35 .btn { width: 40%; }
}
@media screen and (max-width:1024px) {
	#articleInfo35 .btn { width: 60%; }
}
@media screen and (max-width:768px) {
	#articleInfo35 .info { flex-wrap: wrap; }
	#articleInfo35 .btn { width: 100%; }
	#articleInfo35 .info h3 { width: 100%; }
}
@media screen and (max-width:640px) {
	#articleInfo35 .btn a { padding: 10px 15px; margin: 3px 0; width: calc(100% - 30px); text-align: center; }
	#articleInfo35 ul li .titBox p { width: 100%; margin-bottom: 20px; }
	#articleInfo35 ul li .titBox h3, #articleInfo35 ul li .titBox h3 a { display: block; }
}