#articleInfo28 * { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#articleInfo28 { overflow: hidden; position: relative; }

#articleInfo28 .navbox { background: -webkit-linear-gradient(270deg, #ffffff 0%, #e3e3e3 100%); padding: 20px 30px; border-radius: 20px; border: 2px solid #e6e6e6; }

#articleInfo28 .topBar { width: calc(100% - 0px); padding: 10px 20px; font-size: 1.4em; line-height: 1.6em; transition: all 0.3s; display: flex; align-items: center; justify-content: space-between; }
#articleInfo28 .topBar:after { content: ""; position: absolute; left: 0; width: 0; border-bottom-color: transparent; border-left-color: transparent; bottom: -16px; }
#articleInfo28 .topBar .box { display: flex; text-align: center; align-items: flex-start; flex-direction: column; }
#articleInfo28 .topBar .box i { font-size: 30px; cursor: pointer; display: flex; align-items: center; border-radius: 5px; border: gainsboro 1px solid; padding: 7px 12px; }
#articleInfo28 .topBar .box .fa span { font-size: 15px; margin-left: 2px; }
#articleInfo28 .topBar .box .tit h2 { font-size: 25px; color: #454444; }
#articleInfo28 .topBar .box:last-child { margin-left: 0; width: auto; text-align: left; display: flex; flex-direction: row; align-items: center; }

#articleInfo28 .infoWrap { overflow: hidden; margin-left: 0; padding: 20px 0 20px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
#articleInfo28 .infoWrap.collapsed { height: 0; padding: 0; padding-top: 0; }
#articleInfo28 .infoWrap ul li { padding: 10px 30px; border-bottom: 1px #ccc dashed; }
#articleInfo28 .infoWrap ul li a { display: flex; align-items: center; font-size: 17px; color: #4e4e4e; }
#articleInfo28 .infoWrap ul li a .fa { margin-right: 10px; display: none; }
#articleInfo28 .infoWrap ul li a:before { content: ""; width: 10px; height: 10px; background: #a8a8a8; border-radius: 50%; display: inline-block; margin: 0 15px 0 0; }
#articleInfo28 .infoWrap ul li:hover { background: #bcbcbc40; }
#articleInfo28 .infoWrap ul li h5 { font-size: 22px; color: #104a65; }
#articleInfo28 .infoWrap ul li h5 i { color: #25a746; }
#articleInfo28 .infoWrap ul li p { padding-left: 30px; font-size: 16px; }

#articleInfo28 .iconBtn { position: absolute; width: 45px; height: 45px; background: #03a9f4; right: 25px; top: 8px; border: 2px #e6f7ff solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 26px; color: #e6f7ff; z-index: 20; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#articleInfo28 .iconBtn i { display: flex; flex-direction: column; align-items: center; justify-content: center; }

#articleInfo28 .flexJbox { display: flex; }
#articleInfo28 .flexJbox .leftbox , #articleInfo28 .flexJbox .rightbox { display: flex; flex-direction: column; width: 50%; }

#articleInfo28 .infobox { padding: 20px; }
#articleInfo28 .infobox .boxn { margin-bottom: 20px; border-bottom: #e2e2e26b 1px solid; padding-bottom: 20px; margin-top: 10px; }
#articleInfo28 .infobox .boxn p { font-size: 15px; font-weight: 400; letter-spacing: 1.2px; line-height: 33px !important; color: #1f1f1f; }
#articleInfo28 .infobox .boxn .textJ2 { margin-left: 15px; }
#articleInfo28 .infobox .mlist { padding: 10px 0; }
#articleInfo28 .infobox .mlist h5 { color: #4f4f4f; font-size: 22px; margin: 0px 0 10px; }
#articleInfo28 .infobox .mlist h4 { font-size: 20px; }
#articleInfo28 .infobox .titleJ { position: relative; }
#articleInfo28 .infobox .imgJ { margin: 20px 0; }
#articleInfo28 .infobox .imgJ img { height: 360px; width: 100%; object-fit: cover; }
#articleInfo28 .infobox .titleJ h4 { font-weight: 700; line-height: 180%; padding-left: 20px; display: flex; align-items: center; color: #323232; font-size: 30px; margin: 45px 0 25px; }
#articleInfo28 .infobox .titleJ h4:before { content: ""; position: absolute; width: 3px; height: 60%; background: #696969; left: 0; top: 11px; }

@media screen and (max-width:640px) {
	#articleInfo28 .infobox .imgJ img { height: 199px; object-fit: cover; object-position: 50%; }
	#articleInfo28 .topBar .box:last-child { flex-direction: column; align-items: flex-start; }
	#articleInfo28 .topBar .box .tit h2 { font-size: 24px; }
	#articleInfo28 .topBar .box p { margin-left: 0; font-size: 15px; }
	#articleInfo28 .topBar .box i { font-size: 24px; }
	#articleInfo28 .iconBtn { width: 38px; height: 38px; top: 18px; }
	#articleInfo28 .iconBtn i { font-size: 20px; }
	#articleInfo28 .infoWrap { padding: 0px 0 30px; }
	#articleInfo28 .infoWrap ul li a { font-size: 18px; }
}
@media screen and (max-width:500px) {
	#articleInfo28 .navbox { padding: 15px 10px; }
}