@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{padding:20px 30px;border-radius:20px;border: 3px solid var(--primary);}
#articleInfo1 p,#articleInfo1 p b{font-size: 20px;margin-bottom: 1em;color: var(--complement);}
#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;flex-wrap: wrap;gap: 15px;}
#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: 20px;color: var(--complement);}
#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 ol li.mainli{padding: 10px 20px;border-bottom:1px #ccc dashed;}
#articleInfo1 .infoWrap ol li.mainli ul{margin-left: 25px;}
#articleInfo1 .infoWrap ol li a{display:flex;align-items:center;font-size: 20px;color: var(--complement);}
#articleInfo1 .infoWrap ol li a .fa{margin-right:10px;display:none}
#articleInfo1 .infoWrap ol li a:before{content:"";width:10px;height:10px;aspect-ratio: 1/1;background: var(--primary);border-radius:50%;display:inline-block;margin:0 15px 0 0}
#articleInfo1 .infoWrap ol li:hover{background:#bcbcbc40}
#articleInfo1 .infoWrap ol li h5{font-size:22px;color:#104a65}
#articleInfo1 .infoWrap ol li h5 i{color:#25a746}
#articleInfo1 .infoWrap ol 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}
#articleInfo1 .infobox{padding:20px}
#articleInfo1 .infobox .boxn{margin-bottom:20px;border-bottom:#e2e2e26b 1px solid;padding-bottom:20px;margin-top:10px}
#articleInfo1 .infobox .boxn li,#articleInfo1 .infobox .boxn li b{font-size: 20px;vertical-align: baseline;}
#articleInfo1 .infobox .boxn ol li h4{margin-bottom: 10px;}
#articleInfo1 .infobox .boxn ol li ul{margin-left: 25px;list-style: disc;}
#articleInfo1 .infobox .boxn ol li ul.decimal{list-style: decimal;list-style-position: inside;}
#articleInfo1 .infobox .boxn ol li ul li{margin-bottom: 1em;}
#articleInfo1 .infobox .boxn p{font-size: 20px;font-weight:400;letter-spacing:1.2px;color: var(--complement);}
#articleInfo1 .infobox .boxn ol.disc{list-style: disc;list-style-position: inside;}
#articleInfo1 .infobox .boxn ol.decimal{list-style: decimal;list-style-position: inside;}
#articleInfo1 .infobox .boxn ol.disc li,#articleInfo1 .infobox .boxn ol.decimal li{margin-left: 25px;margin-bottom: 1em;}
#articleInfo1 .infobox .mlist h5{color:#4f4f4f;font-size:22px;margin:0px 0 10px}
#articleInfo1 h4{font-size: 24px;}
#articleInfo1 .infobox .titleJ{position:relative}
#articleInfo1 .infobox .imgJ img{width: 100%;height: auto;margin: 20px 0;}
#articleInfo1 .infobox .titleJ h3{font-weight:700;line-height: 140%;padding-left:20px;display:flex;align-items:center;color: var(--complement);font-size:30px;margin:45px 0 25px}
#articleInfo1 .infobox .titleJ h3:before{content:"";position:absolute;width:3px;height: 100%;background: var(--primary);left:0;top: 0px;}
@media screen and (max-width:640px){
	#articleInfo1 .infoWrap ol li a{font-size: 18px;}
	#articleInfo1 .infobox .titleJ h3{font-size: 24px;}
	#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}
}
@media screen and (max-width:500px){
	#articleInfo1 .navbox{padding:15px 10px}
}