/*--------------------------------------------------------------
data.2020.02.06
--------------------------------------------------------------*/

.act{background-color:#F93; color:#FFF;}

.newBanner{ background:url(../images/banner_new.jpg) no-repeat center;}
.question{ display:flex; margin-top:1em; margin-bottom:2em;}
.question .left{ width:23%;}
.question .left ul{ text-align:center;padding-top: .5em; margin-bottom:2em;}
.question .left ul a{line-height:3em; height:3em; display: block;}
.question .left ul a:hover{background-color:#CCC;}
/*.question .left ul li:first-child{ background-color:#F93; color:#FFF;}
.question .left ul li{line-height:3em; height:3em;}
.question .left ul li a:hover{ display:block; background-color:#CCC;} */
.question .left div{ border-top:2px solid #F93; padding-top:1em; padding-left:.5em;}
.question .left div p{ margin-bottom:.3em;color: #333;font-size: .95em;}
.question .right{ width: 76%; margin-left: 1%;}
.question .right dl dt{ display:flex; transition:all 2s; padding:1em; margin-bottom:1.5em;border: 1px solid #ffffff;box-shadow: 0 0 10px -5px;}
.question .right dl dt:hover{border: 1px solid #ff9933;box-shadow: 0 0 15px -5px;}
.question .right .listzx_img{ flex:3; height:100%; overflow:hidden;border-radius: .2em;}
.question .right .listzx_img img{width: 100%;height: auto;}
.question .right .listzx_conter{ flex:9; padding-left:.7em;}
.question .right .listzx_xiangxi{ margin:.5em 0; color:#666; line-height:1.7em; font-size:.95em;text-align:justify;}
.question .right .list_xiangmu{display: flex;font-size:.8em; margin-top:1%; color: #8c8989;}
.question .right .list_xiangmu img,.article .article-meta .muted img{ width:1.05em; margin-right:.3em;    padding-top: .2em; display: block;}

.paging {text-align:center; background-color: #FFF; padding: 1em 0;}
.paging  li { border: 1px solid #e6e5e4; margin-right: .2em; padding: .5em 1em;text-align: center;display: inline-block;  color:#929292;}
.paging  li:hover { background-color: #F93; color: #fff;}
.paging  li a {display: block;width: 100%;}
.paging  li a:hover {  color: #FFF;}
.paging  li.thisclass { background-color: #F93; color: #fff; border-color: #e45291;}

.article{border: 1px solid #ffffff;box-shadow: 0 0 10px -5px;}
.article .article-title{font-size:2em; padding:2% 0 2% 4%; font-weight:normal; color: #555;margin-bottom: .3em;}
.article .article-meta{ display:flex;font-size: .9em; color: #7d7d7d;padding: 0 0 2% 4%;border-bottom: 1px solid #e6e6e6;}
.article .article-meta span{ padding-right:.7em;}
.article .article-content{font-size: 1em;line-height: 1.7em;text-align: justify;padding: 2% 4%;color: #7b7979;letter-spacing: .01em;}
.article .article-content img{max-width: 95% !important; min-width: auto !important;  height: auto !important;}
.article .article-content p,.article .article-content div{margin-bottom:.5em;color: #545454;word-wrap: break-word;}
.s-top-b{padding-top:1.2em; padding-bottom:1.2em;border-top: 1px dashed #c5c2c2; border-bottom: 1px dashed #c5c2c2; text-align:center;}
.s-top-b span{line-height: 1.7em; padding-right:1em;}
.s-top-b span a:hover{color:#F93;}
.article h3{ margin:1em 0; padding-left:4%;}
.article .article-tips{display:flex; margin:1em 0;flex-wrap: wrap;padding: 0 4%;}
.article .article-tips p{width:49%; }
.article .article-tips p:not(:last-child){ margin-right:2%;}
.article .article-tips p a{ height:2.5em;line-height:2.5em;}
.article .article-tips p a span{ padding-right:.2em;}
.article .article-tips p a:hover{ color:#F93;}

@media (max-width: 768px){
.question .right .listzx_img{ height:100%;}
}
@media(max-width:640px) {
.position{ padding:1.5em .5em 1em;}
.banner,.question .left div{display:none !important;}
.question{ flex-wrap: wrap;}
.question .left,.question .right{ width: 100%;}
.question .left ul{display: flex; flex-wrap:wrap;}
.question .left ul a{display: block;padding: 0 .5em;line-height: 2em;height: 2em;}
.question .left ul a:first-child{ display:none;}
.question .right{ margin-left: 0;}
.question .right .listzx_img{flex:4;}
.question .right .listzx_img img{height: 100%; width: 100%;}
.question .right dl dt{box-shadow: 0 0 7px -5px;}
.article{ border:none;box-shadow:none;}
.article .article-tips p{width:100%;}
.article .article-tips p:not(:last-child){ margin-right:0;}
}