/*--------------------------------------------------------------
data.2020.2.12  yzl  2020.10.26
--------------------------------------------------------------*/
img{filter: blur(7px);-webkit-filter: blur(7px);}
.top-menu .logo-img img,.main .main_image li img{filter: none;-webkit-filter: none;}
body{background:#f6f6f6;font-size:100%;font-family: "Microsoft YaHei";}
body,main,header,div,nav,section,ul,li,span,a,em,i,p,footer,dl,dd,h2,h3,article,h1,h5,h4{ 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;}
.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;}
.flex{ display: flex;}
.but_ask {text-align: center !important;}
.but_ask a{border-radius: 20px;display:inline-block;width: 40%;height: 2.5em;font-size: .95em;color: #666;text-align: center;line-height: 2.5em;border: 1px solid #d6d6d6;}
.but_ask a:first-child{color: #fff;background-color: #e45291;width: 40%;height: 2.5em;border: none;margin: 15px 20px 15px 0;}
.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{ flex:1;}
.menu{ flex:2;}
.top-menu .logo-img img{width: 40%;}
.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(../image/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:#e45291;}
.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: 6em;overflow:hidden;}
.newList ul li .articleSpecileImg img{width: 100%;height: 6em;object-fit: cover;}
.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(../image/logo.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;}


.position{padding: 1em;font-size:.9em;border-bottom: 1px solid #eeeeee;}
.position a:last-child { color: #e45291;}
.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 .article-title{text-align:center;font-size:1.5em;padding: .7em .2em;font-weight:normal;color: #262626;}
.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: 1.01em;line-height:1.5em;text-align:justify;padding: .7em 1em 0 1em;word-break: break-all;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: #242424;letter-spacing: .03em;}
.article-tips{border:1px dashed #ccc;padding: .5em;margin: 1em 0 0 0;text-align: center;}
.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;}

.likear_arcle {padding: 2%;flex-wrap: wrap;box-sizing: border-box;}
.likear_arcle h3 {font-size: 1.2em;border-bottom: 1px solid #e7e5e5;padding-bottom: .5em;margin-bottom: 1em;}
.likear_arcle ul {flex-wrap: wrap;justify-content: space-between;}
.likear_arcle li {width: 32%;margin-bottom: 1em;}
.likear_arcle li:not(:nth-child(3n)) {}
.likear_arcle li .img {background-color: #f2f2f2;display: block;height: 11em;overflow: hidden;margin-bottom: .8em;}
.likear_arcle li .img img {width: 100%;height: 11em;object-fit: cover;}
.likear_arcle li .info h5 {font-size: 1.05em;font-weight: normal;margin-bottom: .5em;}
.likear_arcle li .info h5 a{color: #323131;}
.likear_arcle li .info p {font-size: .9em;text-align: justify;color: #666363;}
.likear_arcle li .info span {color: #aaaaaa;font-size: .8em;margin-top: .5em;display: block;}


.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{ text-align:center; background-color:#2e2e2e; border-top:1px solid #545353; padding:1em 0;}
.f_link,.f_link a{ color:#f9f4f4;}

.hurryMenu,.bottomFixed,#footer_f,#MessageMeiErBeiBottomS{ display:none;}
#DIALOG_CENTER{ display:none !important;}
#DIALOG_CENTER_SHADE,#MessageMeiErBeiCenter,#DIALOG_TOP,#DIALOG_BOTTOM,#MessageMeiErBeiShadow,#MessageMeiErBeiBottom{display:none !important;}
@media(max-width:1200px) {
  .container{padding-left:.5em;padding-right:.5em;box-sizing: border-box;}
}
@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;}
	.menu { z-index:1;}
	body{font-size:90%;}


  .main .left{ width: 100%;}
  .main .content_list .listzx_img{ flex:4; height:7em; overflow:hidden;}
  .main .content_list .listzx_conter{ flex:8;}
  .main .right{ display:none;}
   
   .juli{ margin-left:.5em; margin-right:.5em;}
  .hurryMenu {display: block;overflow: hidden;padding: 0 1%;background-color: #fff;margin-top: .5em;margin-bottom: .5em;}
  .hurryMenu a {display: block;border-bottom: 1px solid #f5f5f5;width: 24.5%;text-align: center;color: #505050;text-decoration: none;float: left;font-size: 1em;line-height: 2em;padding-bottom: 1em;padding-top: 1em;}
  .hurryMenu a:not(:nth-child(4n)) {border-right: 1px solid #f5f5f5;margin-right: 0;}
  .hurryMenu a img {padding: 2%;border-radius: 65px;margin: auto;display: block;width: 40%;}
}
@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;width: 30%;}
  .top-menu .m_menu{ display:block;}
  .top-menu .m_menu{font-size: 2em;color: #514f4f;}
  .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;}
	 
  
    #footer .container{/* display:none; */}
    .footer-logo{ display:none;}
	#footer{ background-color:#FFF; padding:.5em 0; margin-top:.5em;}
    #footer p:nth-child(1){color: #ccc;}
    #footer b,
	#footer p{padding-top: .2em;color: #666;text-align:center;}
	#footer b{ display:block;}
	#footer b span{color: #e45391;}
	#footer p a{padding: 0 10px;}

	#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%;}
	
	
	.bottomFixed {display: flex;font-size: .9em;position: fixed;bottom: 0;width: 100%;}
	.bottomFixed img {display: block;width: 1.2em;margin: 0 auto;vertical-align: middle;}
	.bottomFixed a {line-height: 2em;text-align: center;color: #FFFFFF;padding-top: .5em;padding-bottom: .5em;}
	.zx1 {width: 33%;background-color: #909be1;}
	.zx1 span {position: absolute;border-radius: 156px;background-color: #e73828;width: 1.1em;font-size: .9em;line-height: 1.1em;top: 0.3em;left: 85%;}
	.zx2 {width: 33%;background-color: rgb(225 116 163);position: relative;}
	.zx3 {width: 34%;background-color: #f697ac;}
	
	#footer_f{ display:block;}
	#footer_f{ font-size:1em;width: 100%;min-width: 320px; max-width: 640px; margin: 0 auto;bottom: 0;position: fixed;height: 3.3em;z-index: 9999; display: flex;}
    #footer_f_l,#footer_f_r{ display: block;width: 50%;height: 3.3em; line-height: 3.3em; text-align: center; color: #fff;}
    #footer_f_l i,#footer_f_r i{vertical-align: -webkit-baseline-middle;padding: .5em .8em;margin-right: .3em;}
    #footer_f_l {background-color:#fd5877; border-right: 2px solid #fff;}
    #footer_f_l i{background: url(../image/b_ico_l.png) no-repeat; background-size: 100%;}
    #footer_f_r {background-color:#58a6fd; position: relative;}
    #footer_f_r i{background: url(../image/b_ico_r.png) no-repeat;background-size: 100%;}
    #footer_f_r .sp3{ font-size:.9em;position: absolute;background-color: #f31919;height: 1.2em;padding: 0 .3em;border-radius: 1em;color: #fff;line-height: 1em;font-style: normal;top: .3em;}
}
@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;}
	.main .titl_list li{ margin-right:0;}
	.likear_arcle li {width: 49%;}
	.likear_arcle li:nth-child(9){ display:none;}
}
@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;}
	.main .titl_list li{ margin-left:1em;}
	.likear_arcle li .img,.likear_arcle li .img img {height: 8em;}
	.main .titl_list li span{ display:none;}
}
@media(max-width:360px) {
	.hurryMenu a img {width: 50%;}
	
   div.flicking_con{top:9.3em;}
   .main_image{height:9.3em !important;}
	.main .titl_list li{ margin-left:.5em;}
	#footer{ padding-bottom:3em}
}

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

}
.editor{color: #C0C4CC;padding: .5rem 1rem 1.5rem;font-size: .9rem;border-bottom: 1px solid #f0f0f0;margin: .7rem 0 1rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.editor .user-name{text-align: left;}
.editor .user-other span{ padding-right: .5rem;}
.editor p a{color: #555ba6;}
.shenming{border: 1px solid #eee;padding: 10px;box-sizing: border-box;color: #7d7d7d;}
.shenming div{text-align: center !important;margin-bottom:.3rem;line-height: 1.5rem;font-size: 1rem;}
.shenming span{ font-size:.9rem}
@media(max-width: 480px) {
	.editor p{ width:100%;}
	.editor .user-name{ margin-bottom:.5rem;}
}