/*--------------------------------------------------------------
data.2020.11.23  yzl 
--------------------------------------------------------------*/
body{ background:#f6f6f6;font-size:100%;}
body,main,header,div,nav,section,ul,li,span,a,em,i,p,footer,dl,dd,h2,h3,article,h1{ padding:0; margin:0}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
a{text-decoration:none;color:#555;}
h3{font-size: 1.2em;font-weight: normal;margin-bottom:.7em;}
h3 a{ color:#211f1f;}
.sj_footer{ display:none;}
.bg{ background-color:#FFF;}
.disp_flex{ display: flex;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal; -webkit-box-orient: vertical;}
.clam1 { -webkit-line-clamp: 1;}
.clam2 { -webkit-line-clamp: 2;}
.clam3 { -webkit-line-clamp: 3;}
.container{ min-width:320px; max-width:1200px; margin:0 auto;}

table,table tr,table tr td{max-width:100%}
table{border: 1px solid #ccc;border-collapse: collapse;margin:0 auto;width: 80%;color:#333;text-align:center;}
table tr td{ line-height:2.5em; width:50%;}
table tr td,.arcbody table tr td span{ font-size:1em !important;}
table tr:nth-child(odd) { background: #f5f5f5;}


.header{ margin-bottom:.5em;border-bottom: 1px solid #EAEAEA;border-color: rgba(0,0,0,.08);box-shadow: 0 1px 3px rgba(0,0,0,.03); transition: all 0.25s;}
.top-nav{ display:flex; padding:.5em 0;}
.top-nav a{ flex:1; color:#555555; font-size:.8em;}
.top-nav a:last-child{ text-align:right;}
.top-menu{ display:flex; padding:1em 0;}
.top-menu .logo-img,.menu{ flex:1}
.top-menu .logo-img img{ width:30%;}
.top-menu .menu{ display:flex;align-items:center;}
.top-menu .menu li{ flex:1; text-align:right;}
.top-menu .menu li a:hover{ color:#e45291;}
.top-menu .m_menu{ display:none;}

.main{ display:flex;}
.main .left{width: 70%;/* flex:9; */}
.main .main_visual {border-radius:.5em; overflow: hidden; position: relative; margin-bottom:.5em;}
.main .main_image {  overflow: hidden; position: relative; height:19.5em;}
.main .main_image ul { width: 9999px;  overflow: hidden;  position: absolute; top: 0; left: 0}
.main .main_image li { float: left; width: 100%;}
.main .main_image li a { display: block; width: 100%;}
.main .main_image li img { width: 100%;}
.main div.flicking_con {position: absolute; top: 19.5em; left: 47%;  z-index: 10; width: 300px;  height: 21px;  margin: -1.5em 0 0 0;}
.main div.flicking_con a { float: left; width: 21px;  height: 21px; margin-right: .2em;  margin: 0;  padding: 0;  background:url(../images/btn_main_img.png) 0 0 no-repeat;  display: block; text-indent: -1000px}
.main div.flicking_con a.on { background-position: 0 -21px}
.main .titl_list{}
.main .titl_list ul{ display:flex; overflow: hidden; border-bottom: 1px solid #eeeeee;} 
.main .titl_list li{ margin: 0 20px; position: relative; cursor: pointer; height: 60px; line-height: 60px;color: #333333;}
.main .titl_list li:first-child a, .main .titl_list li:hover a {  color: #e45291;}
.main .titl_list li:after { display: block; content: ''; width: 0\9; height: 3px; background: #e45291; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; opacity: 0;transition: all .3s; transform: rotateY(90deg);}
.main .titl_list li:first-child:after,.main .titl_list li:hover:after {width: 100%\9; opacity: 1; transform: rotateY(0);}
.main .content_list{padding: 1em;}
.main .content_list dl dt{display:flex;padding-top: 1em;padding-bottom: 1em;border-bottom: 1px solid #eeeeee;}
.main .content_list li:not(:first-child) {display: none;}
.main .content_list .listzx_img{ flex:3; height:9em; overflow:hidden;}
.main .content_list .listzx_img img{ width:100%;}
.main .content_list .listzx_conter{ flex:9; padding-left:.7em;}
.main .content_list .listzx_xiangxi{margin-top: 1em;margin-bottom:.5em;color:#666;font-size: .95em;text-align:justify;}
.main .content_list .list_xiangmu{ display:flex; font-size:.8em; margin-bottom:.7em;}
.main .content_list .list_xiangmu a{ flex:1; color:#e45291;}
.main .content_list .list_xiangmu span{color: #a7a4a4;}
.more{ padding:1em 0; margin:auto; width:fit-content;}


.main .right{/* flex:4; */width: 30%;box-sizing: border-box;padding-left:1em;}
.main .right .newList{/*border: 1px solid #eaeaea;*/ margin-bottom:.5em;}
.main .right .newList .title{border-bottom: 1px solid #eaeaea;padding: .7em;font-weight:normal;font-size:1.1em;color: #d1271d;}
.main .right .newList ul{padding: 0 .7em;}
.main .right .newList ul li{display:flex;padding: .7em 0;}
.main .right .newList ul li:not(:last-child){border-bottom: 1px dashed #eaeaea;}
.newList ul li .articleSpecileImg{ flex:2; height:6.2em; overflow:hidden;}
.newList ul li .articleSpecileImg img{ width:auto !important;}
.newList ul li .articleSpecileContent{ flex:3; padding-left:.5em;}
.newList ul li .articleSpecileContent p:first-child{font-size: .96em;text-align:justify;}
.newList ul li .articleSpecileContent p:first-child a{color: #151515;}
.newList ul li .articleSpecileContent p:last-child{ padding-top:.5em; font-size:.9em;color: #868686;}

#footer {margin:2em 0 0 0; background-color:#2E2E2E;}
#footer nav{ display:flex;}
.footer-logo {width:300px;height:64px;margin:30px 0;}
.footer-logo p {height:64px;margin:0 auto;background:url(../images/logo_b.png) 20px 0 no-repeat;background-size: 70%;}
.footer-logo p a {display:block;width:100%;height:100%;}
.footer-copyright {width:680px;margin-left:32px;overflow:hidden;}
.footer-copyright img {float:left;display:block;width:114px;height:114px;}
.footer-copyright-con {/* float:left; */margin-bottom: 1em;margin-top: 1.5em;color: #fff;}
.footer-copyright-con p{font-size: .95em;margin-bottom: .2em;}


#MessageMeiErBeiBottomS {background-color: #559ce2; width:100%; min-width: 320px; max-width: 640px; margin:0 auto;  bottom: -.5em;  position: fixed; z-index: 9999;}
#MessageMeiErBeiBottomS div{ width:50%; float:left; background-color:#f764ad;}
#MessageMeiErBeiBottomS div:last-child{ background-color:#559ce2;}
#MessageMeiErBeiBottomS div img{ width:100%;}
#DIALOG_CENTER_SHADE,#DIALOG_TOP,#DIALOG_BOTTOM,#MessageMeiErBeiShadow,#MessageMeiErBeiBottom{display:none !important;}
/**#DIALOG_CENTER_SHADE,#MessageMeiErBeiCenter,#DIALOG_TOP,#DIALOG_BOTTOM,#MessageMeiErBeiShadow,#MessageMeiErBeiBottom{display:none !important;}*/
.position{padding: 1em;font-size:.9em;border-bottom: 1px solid #eeeeee;}
.position a:last-child {color: #d1271d;}
.paging {text-align:center;background-color: #FFF;padding: 1em 0;}
.paging  li {border: 1px solid #e5e5e5;margin-right: .2em;padding: .2em .5em;text-align: center;display: inline-block;color: #333;}
.paging  li:hover { background-color: #e45291; color: #fff;}
.paging  li a {display: block;width: 100%;}
.paging  li a:hover {  color: #FFF;}
.paging  li.thisclass { background-color: #e45291; color: #fff; border-color: #e45291;}

.article .article-title{text-align:center;font-size:1.5em;padding: .7em .2em;font-weight:normal;color: #555;}
.article .article-meta{ text-align:center;font-size: .9em; color: #7d7d7d; margin:.5em 0;}
.article .article-meta span{ padding-right:.7em;}
.article .article-content{/* font-family: 'simsun'; */color:#636161;font-size: .96em;line-height:1.5em;text-align:justify;padding: .7em 1.3em 0 1.3em;word-break: break-all;word-wrap: break-word;position: relative;}
.article .article-content img{max-width: 95% !important;min-width: auto !important;height: auto !important;display: block;margin: .5em auto;}
.article .article-content p{margin-bottom: .7em;color: #545454;letter-spacing: .03em;}
.article-content h2,.article-content h3{ font-size: 1.1em; margin-bottom: .7em;}
.article .article-tips{border:1px dashed #ccc;padding: .5em;margin: 1em 0 0 0;}
.article .article-tips p:last-child{ margin-bottom:0;}
.s-top-b{padding:1.2em 0 1.5em 1em;/* border: 1px solid #eeeeee; */padding-bottom:1.5em;}
.s-top-b p{ display: flex;}
.s-top-b span{ padding-right:1em; width: 50%;}
.s-top-b span:last-child{ text-align: right;}

.question_list{padding: 0 .7em;}
.question_list li{padding: 1em 0;overflow: hidden;border-bottom: 1px dashed #ededed;}
.question_list .question{padding-left: 1.9em;height: 2em;line-height: 1.7em;font-size: 1.1em;color:#333;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background:url(../images/ask_question.png) left 2px no-repeat;background-size:26px;-webkit-transition:color .5s;transition:color .5s;}
.question_list .answer{margin: 0 0 .2em;padding-left: 2.1em;height: 3em;/* max-height:60px; */line-height: 1.5em;font-size: 1em;color:#666;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;background:url(../images/ask_answer.png) left 5px no-repeat;background-size:26px;-webkit-transition:color .5s;transition:color .5s;}
.question_list time{padding-left: 2em;color: #d6d1d1;}

.article_question{position:relative;/* margin-bottom:25px; */padding: 1em;background:#fff;border:1px solid #f0f4f5;border-radius:6px;}
.article_question h1 {margin-bottom: .5em;/* line-height: 30px; */font-weight: normal;font-size: 1.2em;color: #333;}
.article_question h1 i {display: inline-block;width: 44px;height: 39px;/* position: absolute; *//* top: -7px; *//* left: 20px; */background: url(../images/ask_question_2.png) no-repeat;}
.article_question .desc { line-height: 1.8; font-family: SourceHanSansSC; font-size: 16px; color: #999; white-space: pre-line;}
.article_question .user-row { margin-top: 25px; overflow: hidden; height: 30px; line-height: 30px;font-size: 14px; color: #a2a5ad;}
.article_question .user-row .user {float: left;margin-right: 20px; min-width: 90px;}
.article_question .user-row .user .avatar { float: left;  display: inline-block; width: 30px;height: 30px; border-radius: 50%;}
.article_question .user-row .user .name { float: left; margin-left: 15px;}
.article_question .user-row .user .name span { color: #333;}
.article_question .user-row .time { float: left;}

.other{border: 1px solid #eaeaea;padding: 1.5em 1em;border-top: none;}
.other>h3{color: #d1271d;font-size: 1.3em;margin-bottom: 1em;}
.other .other-ask{color: #b2b2b2;}
.article-question{align-items: baseline;}
.article-question .hot-left,.article-question .other-left{/* background: #d1271d; */border: #d1271d 1px solid; 1pxsolid;padding: .35em .5em;border-radius: 5px 10px 3px;/* color: #fff; */margin-right: .7em;}
.article-question .right_r h3{color: #888787;font-weight:normal;font-size: 1.15em;margin-bottom:1em;}
.article-question .right_r div{font-size: 1em;color:#565454;line-height:1.7em;text-align:justify;margin-bottom:1em;}
.article-question .right_r time{ font-size:.95em;color: #b2b2b2;}

.correlation{overflow: hidden;padding: 1em;box-sizing: border-box;}
.correlation h4{font-size: 1.2em;color:#333;padding-bottom: 1em;position:relative;margin-bottom: 1em;font-weight: normal;}
.correlation h4::after,.correlation h4::before{content:"";position:absolute;bottom:0;left:0;}
.correlation h4::after{width:100%;height:1px;background:#e6e6e6;}
.correlation h4::before{width:112px;height:3px;background: #d1271d;z-index: 999;}
.correlation ul{width: 100%;flex-wrap: wrap;justify-content: space-between;}
.correlation ul li{width: 48%;font-size: 1em;margin-bottom: 1em;}
.correlation ul li:not(:nth-child(2n)){}
.correlation ul li span{font-weight:bold;color:#888;margin-right:10px;}
.correlation ul li a:hover{color:#d1271d;}


.titl_h2{padding: .5em;font-size: 1.2em;font-weight: normal;margin: 0 .8em;margin-bottom: 1em;background-color: #f6f6f6;}
.tags{padding-left: 1em;text-align: left;/* display: flex; *//* flex-wrap: wrap; */}
.tags li a{display: inline-block;border: 1px solid #e6e6e6;padding: 1%;margin: 0 1em 1em 0;}

.f_link{font-size: .85em;text-align:center;background-color:#2e2e2e;border-top: 1px solid #404040;padding:1em 0;}
.f_link,.f_link a{color: #ececec;}

#MessageMeiErBeiBottomS{ display:none;}
@media(max-width:1200px) {
  .container{ padding-left:.5em; padding-right:.5em;}
}
@media(max-width:1024px) {
	 body{ font-size:95%;}
	.main_image{height: 16.5em !important;}
	 div.flicking_con{ top:16.5em  !important;}
}
@media (min-width: 768px) and (max-width: 979px) {
   .top-menu .logo-img img{ width:40%;}
   .top-menu .logo-img{ flex:1;}
   .menu { flex: 2;}
}
@media (max-width: 768px){
    .top-nav{ display:none;}
	.main{ display:block;}
	.main_image{height: 20em !important;}
	 div.flicking_con{ top:20em  !important;}
	 .main .right{ display:none;}
	.menu { z-index:1;}
	body{font-size:90%;}
}
@media(max-width:600px) {
	#DIALOG_CENTER,.DIALOG_CENTER{display:none !important;}
  .top-menu .menu{ display:none;}
  .tags,.article .article-tips{text-align: center;/* line-height: 1.6em; */}
  /****/
  .top-menu{ position:relative; padding-top:0; padding-bottom:.5em;}
  .top-menu .logo-img img{ padding-top:.5em;}
  .top-menu .m_menu{ display:block;}
  .top-menu .m_menu{ font-size:2em;}
  .top-menu .menu{ background-color:#333; position:absolute;flex-direction: column; right:0; top:3.2em; padding:0 1em;}
  .top-menu .menu li{ border-bottom:1px solid #999; line-height:2.5em; padding:0 .5em;}
  .top-menu .menu a{ color:#FFF;}
  
  
	.main_image{height: 15.5em !important;}
	 div.flicking_con{ top:15em  !important;}
	 
  .main .left{ width: 100%;}
  .main .content_list .listzx_img{ flex:4; height:7em; overflow:hidden;}
  .main .content_list .listzx_conter{ flex:8;}
  
    #footer .container{ display:none;}
    .sj_footer{ display:block; margin-bottom:4em;}
	#footer{ background-color:#FFF; padding:.5em 0; margin-top:.5em;}
    #footer p:nth-child(1){color: #ccc;}
	#footer p{padding: 6px 0;color: #666; text-align:center;}
	#footer p a{padding: 0 10px;}
	/*
       .f_link{background-color: #ffffff;}
        .f_link,.f_link a{color:#555;}*/

	#MessageMeiErBeiBottomS{ display:block; margin-bottom:4em;}
	#MessageMeiErBeiBottomS { width:100%; min-width: 320px; max-width: 640px; margin:0 auto;  bottom: -.5em;  position: fixed; z-index: 9999;}
	#MessageMeiErBeiBottomS div{ width:50%; float:left; background-color:#ff3d7c;}
	#MessageMeiErBeiBottomS div:last-child{ background-color:#559ce2;}
	#MessageMeiErBeiBottomS div img{ width:100%;}
}
@media screen and (min-width: 435px) and (max-width: 550px){	
   div.flicking_con{top:11em !important;}
   .main_image{height:11em !important;}
}
@media(max-width:480px) {
	.main .content_list .list_xiangmu a{ display:none;}
	.correlation ul li{ width:100%;}
}
@media(max-width:414px) {
  div.flicking_con{top:10.5em !important;}
  .main_image{height: 10.5em !important;}
}
@media screen and (max-width:375px){
    div.flicking_con{top:9.5em !important;}
    .main_image{height:9.5em !important;}
}
@media(max-width:360px) {
   div.flicking_con{top:9.3em;}
   .main_image{height:9.3em !important;}
}

@media screen and (max-width: 320px){
	div.flicking_con { top:8.5em !important;}
	.main_image{height:8.5em !important;}

}