/* 在原PC CSS中添加响应式断点 */
@media screen and (max-width: 768px) {
  /* 移动端样式覆盖 */
  @import url(https://www.boren.cn/stable/css/mobile.css);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
td {line-height: 30px;}
fieldset, img {border: 0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol, ul ,li{list-style: none outside none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {color: #000;text-decoration: none;}
a:hover {color:#ff0000;text-decoration: none;}
body,input,button,textarea,select{font-size: 12px;background: #f4f5f7;}
u{text-decoration:none;}
/*header*/
.header {width: 100%; /* 新增 */height: 55px;margin: auto;top: 0;left: 0;z-index: 99;font-size: 16px;background-image: linear-gradient(90deg,#1665d8,#4751d2);overflow: hidden;position: fixed;}
.local {width:100%;height:35px; margin:auto;background: url(../image/zhengxie17370_topnav.jpg) repeat;}
.top { width:335px;   height: 25px; padding-top:10px;    float: right;    top: 0;    z-index: 999;}
.top input {border-radius:3px; border:1px solid #CCCCCC; outline:none;}
.dorp {	position: relative;	display: inline-block;}
.dorp_con {	display: none;	position: absolute;	background-color: #f9f9f9;	min-width: 160px;	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;}
.dorp:hover .dorp_con {	display: block;}
.fheader{width: 100%;height: 52px;float:left;line-height: 52px;font-size: 16px;background-image: linear-gradient(90deg,#1665d8,#4751d2);overflow: hidden;}
 .nav { width:1147px;height:55px;margin:auto;  }
.header ul{width: 761px;float: left;margin-left: 14px;}
.header ul li{float:left; line-height:52px;text-align: center;padding: 0 17px;}
.header ul a{width: 100%;font-size: 15px;color: #fff;}
.header .logo{float: left;width: 127px;height: 31px;background: url(../image/ico_2021.png) no-repeat -98px -88px;margin-top: 9px;}
.header ul a:hover{color:#d1bd83!important;}

.sidebar{width:800px;float: left;line-height: 35px;font-size: 12px;color: #a5a5a5; height: 40px; overflow: hidden;}
.sidebar a{color: #a5a5a5;padding: 0 4px;font-size: 14px;}
.sidebar span{font-size: 13px;}
.sidebar em{background: url(../image/ico_2021.png) no-repeat -15px -4px;float: left;width: 15px;height: 18px;margin-top: 15px;margin-right: 2px;}
/*tishi*/
.tishi {float: right;margin-top: 12px;}
.tishi .jianyi {margin-left: 17px;background: url(../image/jc_icon2.png) 6px -876px no-repeat;background-color: #ef9901;}
.tishi a {height: 27px;line-height: 28px;float: left;padding-left: 27px;color: #fff;font-size: 12px;border-radius: 4px;width: 57px;background: url(../image/jc_icon2.png) 8px -847px no-repeat;background-color: #56c4f8;}
.tishi a:hover{background-color: #0797ca;color: #fff!important;}
.tishi .jianyi:hover{background-color: #de9306;color: #fff!important;}
/* content*/
.panel-body {margin-bottom: 10px;width:100%;/* border:0px solid #ddd;border-bottom: 1px dotted #4D2324;*/}
.panel-body:not(:nth-child(2)) {display:none;}
.panel-header {width: 295px;height:125px; border-radius:10px;margin-top:5px; border-bottom:2px dotted #CCCCCC; padding-bottom:10px; }
.panel-header img {border-top-right-radius:10px;border-bottom-right-radius:10px;}
.panel-header .wenzi {width:175px;height: 135px;float: left;line-height:30px;}
.panel-header .wenzi i { background:url(/static/image/zuan.gif) no-repeat; padding:0 8px; height:16px;}
.panel-header .wenzi span {width:150px; background:url(/static/image/biao.png) no-repeat left; padding-left:24px; }
.touxiang {width:120px;height:125px; border-radius:10px; float:right;} 

.xinxi {width:90%; padding:10px; height:255px;clear:both;border:0px #993300 dashed;}

/*  相关推荐 */
.excellent_articles_box{ width:100%; margin:10px auto; height:132px auto; border-top:3px #FF0000 solid;}
.excellent_articles_box li.excellent_articles_row {
	float: left;
    width: 100%;
    overflow: hidden;
    line-height: 44px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 2%;
    border: 1px solid #eaeaea;
    border-top: 0; font-size:17px; color:#069; font-weight:bold;
    box-sizing: border-box;
    height: 44px;
    }
    .excellent_articles_box .excellent_articles_title {
    float: left;
    background: #f5f5f8;
    padding-bottom: 0;
    height: 43px;
    line-height: 43px;
    width: 100%;
    box-sizing: border-box;
    display: none;
    position: absolute;
    border: 1px solid #f0f0f0;
    color: #666;
    font-weight: 700;
    font-size: 17px;
    top: -4px;
	}

/*main*/
.main{width: 1147px; /* 新增 */   overflow: hidden;    position: relative;    margin:auto; margin-top:55px;    z-index: 0;}
.main_box{ float:left; width:100%;}
/*left*/
.main-left{float:left;width: 730px;background: #fff;padding: 40px 25px;border-radius: 4px;box-shadow: 0 1px 4px rgb(23 43 77 / 10%);padding-bottom: 21px;}
.main-left h1{line-height: 36px;font-size: 27px;text-align: center;margin: 10px 0px 8px;color: #000;font-weight: bold;}
.main-left .info{line-height: 24px;padding: 8px 0;color: #C5C5C5;overflow: hidden;margin: 2px auto;width: 600px;text-align: center;margin-bottom: 13px;}
.main-left .info span{margin-right: 10px;}
.main-left .info .source a{color: #C5C5C5;}
.main-left .info span a{color: #C5C5C5;}
.main-left .info .phone a {display: inline-block;padding-left: 12px;background: url(../image/phone.png) no-repeat left center;}
.main-left .cont_sourece{font-size: 16px;text-indent: 1.6em;padding-bottom: 12px;float: left;width: 100%;}
.main-left .content{color: #000;width: 100%; margin-top:20px;font-size: 16px;line-height: 30px;float: left;  word-wrap: break-word; overflow: hidden; }
/*.main-left .content p {text-indent:2em;}*/
.main-left .content p{color: #000;width: 100%;font-size: 16px;line-height: 30px;padding-bottom: 12px; text-indent:2em;}
.main-left .content em{width: 32%;color:#888888; padding-left:7px; background:url(../image/xinyu.png) no-repeat left center;font-size: 14px;line-height: 40px;padding-bottom: 1px; text-indent:1em; float:right;background-size: 19px 15px; }
.main-left .content em i{color:#CE1010; font-style:normal; font-weight:700; line-height:30px;}
.focus {width:99%; padding:20px 3px; height:150px;border-radius: 0 10px 10px 0;;border:0px #eeece1 solid; line-height:30px; margin-bottom:10px; background:#f8f9fa;border-left: 3px solid #007bff; font-size:16px;}
.focus p{ text-indent:0;}

.content a{color: #000;}
.content h2,.content h2 a,.content h2 a u{text-decoration: none;font-size: 16px; text-align: left; font-weight: bold; line-height: 31px; clear: both; color: #ff0000; margin-top:15px;}
.main-left .source_url{line-height: 30px;font-size: 14px;color: #333;float: left;width: 100%;}
.main-left .source_url a{color: #666;}
.main-left .list_news {text-indent:2em;}
.main-left .list_news a:hover {color:red;}

/*pager */
.pager {float:left; text-align:center; width:793px;margin-bottom: 10px;}
.pager  li{border: 1px solid #2965b1;display: inline-block;font-size: 14px; line-height: 30px; text-align: center;background-color: #FFFFFF; padding: 0 12px; margin: 0 3px;}
.pager li:hover ,.pager li.thisclass{ background-color:#2965b1; border:1px solid #2965b1; color:#FFFFFF; text-decoration:none;}
.thisclass{color: #fff;line-height: 28px; padding: 0px 12px;margin-right: 8px;background-color: #2965b1;font-size: 14px;}
.pager li:hover a ,.pager li.thisclass a{color:#FFFFFF;}
.pager a{font-size:16px;}
.hot_page{ float:left; width:710px;}

/*previous*/
.main-left .previous{line-height: 26px;float: left;width: 100%;color: #000;font-size: 12px;}
.main-left .previous  a{}
.main-left .previous .next{float: left;width: 50%;height: 38px;line-height: 38px;overflow: hidden;font-size: 14px;text-align: right;}
.main-left .previous .pre{float: left;width: 50%;height: 38px;line-height: 38px;overflow: hidden;font-size: 14px;}

/*related_article*/
.related_article,.hot_article{width: 100%;float: left;overflow: hidden;padding-top: 15px;margin-bottom: 10px;}
.related_article .related_top,.hot_article .hot_top{float: left;width: 100%;height: 28px;line-height: 28px;color: #494949;font-size: 16px;border-bottom: 1px solid #EEE;margin-bottom: 10px;}
.related_article ul,.hot_article ul{float: left;width: 100%;}
.related_article li,.hot_article li{float: left;width: 50%;height: 30px;font-size: 16px;overflow: hidden;line-height: 30px;}
.related_article li a,.hot_article li a{font-size: 16px;color: #2965b1;}
.related_article li a:before,.hot_article li a:before{float: left;content: "";width: 3px;height: 3px;background: #000;margin-top: 14px;margin-right: 5px;}
.related_article li a:hover,.hot_article li a:hover{color: #000;}
.related_article .related_top code{color: #000;font-size: 18px;float: left;font-family: inherit;border-bottom: 2px solid #000;font-weight: 700;}
.hot_article .hot_top font{font-size: 18px;float: left;padding-left: 25px;color: #000;background: url(../image/hot.png) 0 2px no-repeat;}


.related_article_img{float: left;width: 100%;}
.related_article_img .related_top{height: 30px;width: 100%;border-bottom: 1px solid #EEE;}
.related_article_img .related_top code{float: left;font-size: 18px;height: 30px;line-height: 30px;color: #333;background: #fff;border-bottom: 2px solid #1c1c1c;font-family: initial;font-weight: 700;}
.related_article_img ul{margin-top: 13px;width: 100%;float:left;}
.related_article_img li{overflow: hidden;width: 156px;height: 127px;float: left;margin-right: 1px;margin-left: 10px;text-align: center;}
.related_article_img li a:hover span{text-decoration: underline;}
.related_article_img li a img{height: 104px;float: left;width: 100%;border: 1px solid #ddd;}
.related_article_img li a span{float: left;height: 24px;width: 100%;line-height: 24px;font-size: 16px;color: #2965b1;overflow: hidden;}

/*right*/
.main-right{width: 336px;float: right;position: static;}
.main-right .right_box {float: right;background: #fff;border-radius: 4px;box-shadow: 0 1px 4px rgb(23 43 77 / 10%);width: 296px;padding: 18px 20px;margin-bottom:10px;}
.main-right .right_box ul{flex-wrap: wrap;justify-content: space-between;display: flex;float: left;}
.main-right .right_box span b {float: left;width: 100%;font-size: 16px;color:#000000;font-weight:bold;margin-bottom:15px;}
.main-right .right_box span {float: left;width: 100%;font-size: 14px;color:#ff0000;margin-bottom:15px;}
.main-right .right_box span em{background: url(../image/ico_2024.png) no-repeat;float: left;width:90%; padding-left:21px;height: 20px;margin-top: 1px;margin-right: 2px;font-size: 16px;color:#000000;font-weight:bold;}
.main-right .right_box span b {background: url(../image/ico_2025.png) no-repeat;float: left;width:90%; padding-left:21px;height: 20px;margin-top: 1px;margin-right: 2px;font-size: 16px;color:#000000;font-weight:bold;}
.main-right .right_box li {float: left;width: 98%;height: 40px;line-height: 40px;overflow: hidden;}
.main-right .right_box li a{overflow: hidden;line-height: 28px;height: 28px;font-size: 15px;color: #333;}
.main-right .right_box li a:hover{overflow: hidden;line-height: 28px;height: 28px;font-size: 15px; color:007aff;}
.right_box li:before{content:"1";line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 12px;margin-right: 7px;background: #c7c7c7;border-radius: 4px;}
.right_box li:nth-child(1):before{content:"1";background: #e33e42;}
.right_box li:nth-child(2):before{content:"2";background: #e7805c;}
.right_box li:nth-child(3):before{content:"3";background: #f79f4b;}
.right_box li:nth-child(4):before{content:"4";background: #e8b856;}
.right_box li:nth-child(5):before{content:"5";}
.right_box li:nth-child(6):before{content:"6";}
.right_box li:nth-child(7):before{content:"7";}
.right_box li:nth-child(8):before{content:"8";}
.right_box li:nth-child(9):before{content:"9";}
.right_box li:nth-child(10):before{content:"10";}
.right_box li:nth-child(11):before{content:"11";}
.right_box li:nth-child(12):before{content:"12";}
.right_box li:nth-child(13):before{content:"13";}
.right_box li:nth-child(14):before{content:"14";}
.right_box li:nth-child(15):before{content:"15";}
.right_box li:nth-child(16):before{content:"16";}
.main-right .right_box li code{float: left;display: none;}
.right_fixed{top: 0;width: 336px;position: fixed!important;}

/*footer*/
.footer{width: 100%;padding: 5px 0px;background: #2b333e;float: left;border-top: 1px solid #e2e2e2;margin-top: 14px;}
.foot_box{width: 1000px;margin: auto;}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;height: 28px;line-height: 28px;}
.footer p a:hover{text-decoration:none;}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;}
.footer p a{color: #d8dde0;font-size: 12px;}

.content img{border-radius: 10px;}
.content img {max-width: 100%!important;height: auto!important;}
.after_height_light~p a {color: #2965b1;}

.content-title {margin-top:12px;float: left;width: 100%;}
.content-title i{float:left;width: 26px;height: 30px;margin-top: 6px;margin-left: 9px;margin-right: 8px;background: url(https://www.ruiwen.com/static/img/ico2.png) no-repeat -107px -294px;display: none;}
.content-title h2 {height: 36px;line-height: 36px;font-size: 17px;margin-left:6px;color: #333;font-weight: 700;}
.answer_icon{border: 1px solid #ededed;width: 35px;padding: 5px;border-radius: 50px;margin-right: 10px;background: url(../image/m_logo.png) no-repeat 5px 9px;height: 35px;background-color: #f7f7f7;float: left;}


/*  闂 ?*/
.answer{float:left;width: 100%;margin-bottom: 15px;}
.answer span{float:left;color: #7a8f9a;font-size: 18px;font-weight: 700;}
.answer em{float:left;background: #e8ecee;height: 1px;width: 92%;margin-left: 10px;margin-top: 15px;}

.answer_t{float:left;width: 100%;margin-bottom: 10px;}
.answer_t span{float:left;width: 80%;font-size: 15px;font-weight: 700;color: #333;height: 28px;line-height: 28px;}
.answer_t p{float:left;width: 80%;color: #9eacb6;font-size: 12px;}
.answer_t img{float:left;border: 1px solid #ededed;width: 38px;padding: 5px;border-radius: 50px;margin-right: 10px;background: #f7f7f7;}
.explain{float:left;width: 100%;font-size: 16px;color: #333;line-height: 30px;}
.content-title {margin-top:12px;float: left;width: 100%;}
.content-title i{float:left;width: 26px;height: 30px;margin-top: 6px;margin-left: 9px;margin-right: 8px;background: url(https://www.ruiwen.com/static/img/ico2.png) no-repeat -107px -294px;display: none;}
.content-title h2 {height: 36px;line-height: 36px;font-size: 17px;margin-left:6px;color: #333;font-weight: 700;}
.answer_icon{border: 1px solid #ededed;width: 35px;padding: 5px;border-radius: 50px;margin-right: 10px;background: url(../image/m_logo.png) no-repeat 5px 9px;height: 35px;background-color: #f7f7f7;float: left;}
.login_top {height: 52px; position: relative; padding-left: 70px; }
.login_avatar { width: 52px; height: 52px; border-radius: 100%; overflow: hidden; position: absolute; left: 0; }
.login_avatar img { width: 100%; }
.login_name h4 { font-size: 18px; line-height: 30px; font-weight: normal; }
.login_name p { font-size: 14px; color: #999; }
.login_cz {
    height: 36px;
    margin-top: 1px;
	font-family: "微软雅黑", "宋体", Arial;
    font-size: 14px;
    color: #333;
}
.login_cz a {
    width: 46%;
    text-align: center;
    line-height: 36px;
    height: 36px;
    border-radius: 4px;
    color: #fff;
    display: block;
}
.fl {
    float: left;
}
.bg_a {
    background: #36ad9e;
}
.in_ban {
    position: absolute;
    top: -38px;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    width: 1140px;
    margin: 0 auto;
}

.ban_r {
    width: 240px;
    height: 36px;
    padding: 1px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}
.fr {
    float: right;
}
.bg_b {
    background: #e8b856;
}
.test {width:336px; line-height:45px; margin:auto;}
.test a{ font-size:14px; color:#900; text-decoration:none;}
.test a:hover{ font-size:14px; color:#f00; text-decoration:none;}

 .panel-body {margin-bottom: 10px;width:100%;/* border:0px solid #ddd;border-bottom: 1px dotted #4D2324;*/}
.panel-body:not(:nth-child(2)) {display:none;}
.panel-header {width: 295px;height:125px; border-radius:10px;margin-top:5px; border-bottom:2px dotted #ff0000; padding-bottom:10px; }
.panel-header img {border-top-right-radius:10px;border-bottom-right-radius:10px;}
.panel-header .wenzi {width:175px;height: 135px;float: left;line-height:30px;}
.panel-header .wenzi i { background:url(/static/image/zuan.gif) no-repeat; padding:0 8px; height:16px;}
.panel-header .wenzi span {width:169px; background:url(/static/image/biao.png) no-repeat left; padding-left:5px; }
.touxiang {width:120px;height:125px; border-radius:10px; float:right;} 

.xinxi {width:90%; padding:10px; height:125px;clear:both;/*border:1px #993300 dashed;*/}
.main-right .right_box .xinxi dt{ width:45%; height:35px; float:left; font-size:14px; font-weight:bold; text-align:left; color:#000}
.main-right .right_box .xinxi dd{ width:50%; height:35px; float:right;}
