@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
ol,ul,dl{padding:0 0px}
#articleInfo1 *{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#articleInfo1{overflow:hidden;position:relative}
#articleInfo1 .navbox{background:-webkit-linear-gradient(270deg,#ffffff 0%,#e3e3e3 100%);padding:20px 30px;border-radius:20px;border:2px solid #e6e6e6}
#articleInfo1 .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}
#articleInfo1 .topBar:after{content:"";position:absolute;left:0;width:0;border-bottom-color:transparent;border-left-color:transparent;bottom:-16px}
#articleInfo1 .topBar .box{display:flex;text-align:center;align-items:flex-start;flex-direction:column}
#articleInfo1 .topBar .box i{font-size:30px;cursor:pointer;display:flex;align-items:center;border-radius:5px;border:gainsboro 1px solid;padding:7px 12px}
#articleInfo1 .topBar .box .fa span{font-size:15px;margin-left:2px}
#articleInfo1 .topBar .box .tit h2{font-size:25px;color:#454444}
#articleInfo1 .topBar .box p{}
#articleInfo1 .topBar .box:last-child{margin-left:0;width:auto;text-align:left;display:flex;flex-direction:row;align-items:center}
#articleInfo1 .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}
#articleInfo1 .infoWrap.collapsed{height:0;padding:0;padding-top:0}
#articleInfo1 .infoWrap ul li{padding:10px 30px;border-bottom:1px #ccc dashed}
#articleInfo1 .infoWrap ul li a{display:flex;align-items:center;font-size:17px;color:#4e4e4e}
#articleInfo1 .infoWrap ul li a .fa{margin-right:10px;display:none}
#articleInfo1 .infoWrap ul li a:before{content:"";width:10px;height:10px;background:#a8a8a8;border-radius:50%;display:inline-block;margin:0 15px 0 0}
#articleInfo1 .infoWrap ul li:hover{background:#bcbcbc40}
#articleInfo1 .infoWrap ul li h5{font-size:22px;color:#104a65}
#articleInfo1 .infoWrap ul li h5 i{color:#25a746}
#articleInfo1 .infoWrap ul li p{padding-left:30px;font-size:16px}
#articleInfo1 .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}
#articleInfo1 .iconBtn i{display:flex;flex-direction:column;align-items:center;justify-content:center}
.flexJbox{display:flex}
.flexJbox .leftbox{display:flex;flex-direction:column;width:50%}
.flexJbox .rightbox{display:flex;flex-direction:column;width:50%}
#articleInfo1 .infobox{}
#articleInfo1 .infobox .boxn{margin-bottom:20px;border-bottom:#e2e2e26b 1px solid;padding-bottom:20px;margin-top:10px}
#articleInfo1 .infobox .boxn p{font-size:15px;font-weight:400;letter-spacing:1.2px;line-height:33px !important;color:#1f1f1f}
#articleInfo1 .infobox .boxn .textJ2{margin-left:15px}
#articleInfo1 .infobox .mlist{padding:10px 0}
#articleInfo1 .infobox .mlist h5{color:#4f4f4f;font-size:22px;margin:0px 0 10px}
#articleInfo1 .infobox .mlist h4{font-size:20px}
#articleInfo1 .infobox .titleJ{position:relative}
#articleInfo1 .infobox .imgJ b{margin:15px 0;display: block;font-size: 14px;text-align: center;}
#articleInfo1 .infobox .imgJ img{width:100%;object-fit:cover}
#articleInfo1 .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}
#articleInfo1 .infobox .titleJ h4:before{content:"";position:absolute;width:3px;height:60%;background:#696969;left:0;top:11px}
@media screen and (max-width:640px){
	#articleInfo1 .infobox .imgJ img{height:199px;object-fit:cover;object-position:50%}
	#articleInfo1 .topBar .box:last-child{flex-direction:column;align-items:flex-start}
	#articleInfo1 .topBar .box .tit h2{font-size:24px}
	#articleInfo1 .topBar .box p{margin-left:0;font-size:15px}
	#articleInfo1 .topBar .box i{font-size:24px}
	#articleInfo1 .iconBtn{width:38px;height:38px;top:18px}
	#articleInfo1 .iconBtn i{font-size:20px}
	#articleInfo1 .infoWrap{padding:0px 0 30px}
	#articleInfo1 .infoWrap ul li a{font-size:18px}
}
@media screen and (max-width:500px){
	#articleInfo1 .navbox{padding:15px 10px}
}