@charset "utf-8";

table.table {margin: 0 auto;}

td {padding: 10px;}

.boxsize {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

.mask_tc {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  display: none;

}

.text_sl {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.vat {

  vertical-align: top;

}

.vam {

  vertical-align: middle;

}

.vab {

  vertical-align: bottom;

}

.fb {

  font-weight: bold;

}

/*

    * Busy 收集 整理

 */

/*雅虎（YUI 3）reset*/

/*Normalize.css*/

.article_banner {
  width: 100%;
}
.article_banner a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-top: 5px;
}
.article_banner img {
  width: 100%;
  height: 100%;
}

.container {

  *zoom: 1;

  min-height: 600px;

  margin-top: 20px;

  margin-bottom: 40px;

}

.container:before,

.container:after {

  display: table;

  content: "";

}

.container:after {

  clear: both;

}

.container .left_con {

  width: 820px;

  float: left;

  display: inline;

}

p.ahref {

  height: 33px;

  border-bottom: 1px solid #f2f2f2;

}

p.ahref a, p.ahref span {

  color: #666;

  font-size: 14px;

}

.container .left_con .detail_baba {width: 100%;/* padding-bottom: 30px; */border-bottom: 1px dashed #dfdfdf;margin-bottom: 20px;}

.container .left_con .detail_baba h1 {display: block;font-size: 30px;color: #333;text-align: center;margin: 30px 0;}

.container .left_con .detail_baba .d {font-weight: normal;color: #adadad;font-size: 14px;text-align: center;}

.container .left_con .detail_baba strong span:last-child {

}

.container .left_con .detail_baba strong span:last-child img {

  vertical-align: top;

  margin-top: 8px;

  margin-right: 5px;

}

.container .left_con .detail_baba p {margin: 0.6em 0;color: #333;font-size: 16px;text-indent: 2em;line-height: 2em;}

.container .left_con .detail_baba .animated p a {padding-bottom: 2px;border-bottom: 1px dashed #999;color: #333;padding: 0 5px 2px 5px;}
.container .left_con .detail_baba .animated p a:hover {color:#1b77b9;text-decoration:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%231b77b9' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; background-size:20px auto; animation:waveMove 1s infinite linear;border:none;}
@keyframes waveMove {
  from { background-position:0 100%; }
  to { background-position:-20px 100%; }
}

.container .left_con .detail_baba p img {

    max-width: 750px;
    display: block;
    margin: 0 auto;

}

.container .left_con .detail_baba h6 {

  font-size: 16px;

  color: #333;

  margin-top: 30px;

}

.container .left_con p.last_n,.container .left_con p.pre_v {

  margin-bottom: 10px;
  font-size: 1.1em;

}

.container .left_con p.last_n a,

.container .left_con p.pre_v a {

  color: #333;

}

.container .left_con p.last_n a:hover,

.container .left_con p.pre_v a:hover {

  color: #007bff;

}

.container .left_con p.share_p img {

  cursor: pointer;

  margin-right: 10px;

}

.container .left_con .title_keywords a{

  margin-right: 10px;

  display: inline-block;

  margin-bottom: 10px;

  background: #eee;

  border-radius: 5px;

  padding: 5px 20px;

}

.danger_tips {
    background: #f1f1f1;
    border-left: 5px solid #ccc;
    border-right: 5px solid #ccc;
    padding-left: 2em;
    height: 60px;
    line-height: 30px;
}

.danger_tips span {
    display: block;
    color: #999;
}

.danger_tips span a {
    color: #999;
}

.container .right_con {

  width: 360px;

  float: right;

  display: inline;

  position: relative;

  top: 34px;

}

.container .right_con .free_data {

  width: 100%;

  max-height: 416px;

  border: 1px solid #f2f2f2;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  background: #fff;

  z-index: 111;

  margin-top: 18px;

}

.container .right_con .free_data p.ptitle {

  height: 75px;

  line-height: 75px;

  text-align: center;

  font-size: 24px;

  color: #333333;

}

.container .right_con .free_data .borbg {

  width: 95%;

  height: 245px;

  background: url(../images/border.png);

  background-size: 100% 100%;

  margin: 0 auto;

  padding-top: 19px;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

.container .right_con .free_data .borbg div {

  width: 85%;

  height: 38px;

  line-height: 38px;

  border: 1px solid #bcc1cc;

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  border-radius: 25px;

  margin: 0 auto 15px auto;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  padding-left: 30px;

}

.container .right_con .free_data .borbg div i {

  display: inline-block;

  width: 23px;

}

.container .right_con .free_data .borbg div select {

  border: 0;

  color: #8891a4;

}

.container .right_con .free_data .borbg div input,

.container .right_con .free_data .borbg div select {

  width: 205px;

}

.container .right_con .free_data .borbg div input::-webkit-input-placeholder {

  color: #8891a4;

  font-size: 14px;

}

.container .right_con .free_data button {

  width: 210px;

  height: 43px;

  line-height: 20px;

  background: url(../images/db.png);

  background-size: 100% 100%;

  display: block;

  margin: 20px auto;

  border: none;

  color: #ffffff;

  text-align: center;

  font-size: 18px;

}

.container .right_con .free_data button img {

  margin-left: 10px;

}

.container .right_con .read_rank {

  width: 100%;

  /*border: 1px solid #f2f2f2;*/

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  /*padding: 0 20px;*/

}

.container .right_con .read_rank p.title {

  height: 50px;

  line-height: 50px;

  padding: 16px 0 ;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  border-bottom: 1px solid #f5f5f5;

  margin-bottom: 20px;

}

.container .right_con .read_rank p.title span {

  padding-left: 10px;

  display: block;

  height: 18px;

  line-height: 18px;

  font-size: 16px;

  font-weight: bold;

  color: #1b1b1b;

}

.container .right_con .read_rank .reading li {

  height: 28px;

  line-height: 28px;

  margin-bottom: 10px;

}

.container .right_con .read_rank .reading li i {

  width: 28px;

  height: 28px;

  line-height: 28px;

  background: #e5f2ff;

  color: #007bff;

  font-size: 14px;

  font-style: normal;

  display: inline-block;

  text-align: center;

  margin-right: 5px;

  vertical-align: top;

}

.container .right_con .read_rank .reading li a {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  font-size: 14px;

  color: #555;

  line-height: 28px;

  width: 85%;

  display: inline-block;

}

.container .right_con .read_rank .reading li a:hover {

  color: #007BFF;

  text-decoration: none;

}

.container .right_con .hot_question {

  width: 100%;

  height: 440px;

  border: 1px solid #f2f2f2;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  margin-top: 19px;

  padding: 0 20px;

  overflow: hidden;

}

.container .right_con .hot_question p.title {

  height: 50px;

  line-height: 50px;

  padding: 16px 0 ;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  border-bottom: 1px solid #f5f5f5;

  margin-bottom: 20px;

}

.container .right_con .hot_question p.title span {

  padding-left: 10px;

  display: block;

  height: 18px;

  line-height: 18px;

  font-size: 16px;

  font-weight: bold;

  color: #1b1b1b;

}

.container .right_con .hot_question div p {

  *zoom: 1;

  margin: 0 0 5px 0;

}

.container .right_con .hot_question div p:before,

.container .right_con .hot_question div p:after {

  display: table;

  content: "";

}

.container .right_con .hot_question div p:after {

  clear: both;

}

.container .right_con .hot_question div p i {

  float: left;

  display: inline;

  width: 5%;

}

.container .right_con .hot_question div p a {

  float: left;

  display: inline-block;

  overflow: hidden;

  text-overflow: ellipsis;

  /* display: -webkit-box; */

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  width: 85%;

  white-space: nowrap;

}

div.friend_href p {

  height: 47px;

  line-height: 47px;

  border-bottom: 1px solid #eee;

  font-size: 16px;

  color: #0b0b0b;

}

div.friend_href .read_swiper {

  margin-top: 30px;

  margin-bottom: 50px;

  padding: 0 122px;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

div.friend_href .read_swiper .swiper-slide img {

  width: 172px;

  height: 82px;

  border: 1px solid #ddd;

}

div.friend_href .read_swiper .swiper-slide p {

  height: 52px;

  line-height: 52px;

  width: 100%;

  text-align: center;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  font-size: 16px;

  color: #333333;

}

.study_app {

  margin-top: 10px;

}

.study_app p.ptitle {

  height: 54px;

  line-height: 54px;

  font-size: 24px;

  text-align: center;

  width: 100%;

  color: #444444;

}

.study_app img.tc {

  margin-left: -188px;

  margin-top: -13px;

}

.study_app .codeba {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  padding: 0 304px;

  margin-top: 20px;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

.study_app .codeba img {

  width: 160px;

  height: 160px;

}

.study_app .codeba p {

  height: 44px;

  line-height: 44px;

  text-align: center;

  font-size: 14px;

  color: #333333;

}

footer {

  width: 100%;

  height: 47px;

  line-height: 47px;

  background: #272c31;

}

footer .wrapper {

  *zoom: 1;

}

footer .wrapper:before,

footer .wrapper:after {

  display: table;

  content: "";

}

footer .wrapper:after {

  clear: both;

}

footer .wrapper a {

  color: #fff;

  font-size: 14px;

}

footer .wrapper .rywx {

  float: left;

  display: inline;

  color:#fff;

}

footer .wrapper p {

  float: right;

  display: inline;

}

footer .wrapper p a {

  float: left;

  display: inline;

  margin-left: 20px;

}



/*免费试听*/

.container .right_con .free_listen {

  width: 100%;

  border: 1px solid #f2f2f2;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  margin-top: 18px;

  padding: 0 20px;

}

.container .right_con .free_listen p.title {

  height: 50px;

  line-height: 50px;

  padding: 16px 0 ;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  border-bottom: 1px solid #f5f5f5;

  margin-bottom: 19px;

}

.container .right_con .free_listen p.title span {

  padding-left: 10px;

  display: block;

  height: 18px;

  line-height: 18px;

  font-size: 16px;

  font-weight: bold;

  color: #1b1b1b;

}

.container .right_con .free_listen ul {

  *zoom: 1;

}

.container .right_con .free_listen ul:before,

.container .right_con .free_listen ul:after {

  display: table;

  content: "";

}

.container .right_con .free_listen ul:after {

  clear: both;

}

.container .right_con .free_listen ul li {

  width: 160px;

  height: 150px;

  float: left;

  display: inline;

  margin: 0 28px 0 0 ;

  position: relative;

}

.container .right_con .free_listen ul li div {

  width: 100%;

  height: 103px;

}

.container .right_con .free_listen ul li div a {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 103px;

  background: rgba(0, 0, 0, 0.6);

  display: none;

}

.container .right_con .free_listen ul li div a img {

  display: block;

  margin: 34px auto;

  cursor: pointer;

}

.container .right_con .free_listen ul li p {

  height: 47px;

  line-height: 40px;

  font-size: 14px;

  color: #555555;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.container .right_con .free_listen ul li:nth-child(2n) {

  margin-right: 0;

}





.exquisite_article .title{ */box-sizing: border-box;:-moz-box-sizing: border-box;margin-top: 20px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;padding: 20px;border: 1px solid #dfdfdf;border-left: none;border-right: none;}



.exquisite_article .title span{padding-left: 10px;display: block;height: 18px;line-height: 18px;font-size: 18px;color: #333;position: relative;}

.exquisite_article .title span::before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -20px;
    width: 162px;
    height: 1px;
    transform: translate(-50%,0%);
    background-color: #fd4221;
}

.exquisite_article .title span::after {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%,100%);
    content: "";
    border-width: 4px;
    border-color: #e74938 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    width: 0;
    height: 0;
    overflow: hidden;
}

.exquisite_article .today_hot{

  margin-top:  0 !important;

}



.container .left_con .detail_baba .d span {

    margin-right: 20px;

}



.container .left_con .detail_baba .d span img {

    margin-right: 5px;
    display: inline-block;

}



.title_keywords {

    margin-top:20px;

}



.container .left_con .title_keywords a:hover {

    background: rgba(0, 123, 255, .6);

    color: #fff;

}



.c_twnbtn{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 20px;

    padding: 30px 186px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

.c_twnbtn a{

    width: 120px;

    height: 38px;

    line-height: 38px;

    display: inline-block;

    text-align: center;

    color: #fff;

    border-radius: 5px;

    text-decoration: none;

    font-size: 16px;

}

.c_twnbtn a:first-child,.news_code .n_btn a:first-child {

    background: rgba(55, 117, 191, .8);

}

.c_twnbtn a:last-child,.news_code .n_btn a:last-child {

    background: rgba(197, 57, 53, .8);

}

.c_twnbtn a:first-child:hover,.news_code .n_btn a:first-child:hover {

    background: rgb(55, 117, 191);

}



.c_twnbtn a:last-child:hover,.news_code .n_btn a:last-child:hover {

    background: rgba(197, 57, 53, 1);

}



.news_code{

    padding: 15px 0;

    width: 100%;

    height: 188px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    margin: 20px 0;

    overflow: hidden;

}

.news_code .n_code{

    float: left;

    width: 158px;

    height: 158px;

}

.news_code .n_code img{

    width: 100%;

    height: 100%;

}

.news_code .n_study{

    float: left;

    margin-left: 20px;

    width: 410px;

    text-align: center;

}

.news_code .n_study p.pp{

    font-size: 20px;

    font-weight: bold;

    color: #000;

    line-height: 28px;

    padding-bottom: 10px;

    margin: 0;

}

.news_code .n_study p.pp span{

    font-size: 16px;

    font-weight: normal;

}

.news_code .n_study ul{

    padding-left: 0;

    overflow: hidden;

}

.news_code .n_study ul li{

    width: 45%;

    float: left;

    height: 40px;

    line-height: 40px;

}

.news_code .n_study ul li:nth-child(2n){

    margin-left: 28px;

}

.news_code .n_study ul li span{

    font-size: 18px;

    color: #000;

}

.news_code .n_study ul li img{

    vertical-align: middle;

    margin-top: -3px;

    margin-right: 5px;

}

.news_code .n_btn{

    float: left;

    height: 137px;

    margin: auto;

    border-left: 1px solid #c3c3c3;

    width: 200px;

    margin-top: 16px;

    text-align: center;

}



.news_code .n_btn a{

    width: 120px;

    height: 38px;

    line-height: 38px;

    display: inline-block;

    text-align: center;

    color: #fff;

    border-radius: 5px;

    text-decoration: none;

    font-size: 16px;

    margin: 15px 0;

}
.article-draw{border: solid 1px #1b77b9;height:104px;}
.article-draw .data-left{float:left;width: 500px;margin-right: 50px;}
.article-draw .data-left span{display:block;font-size:16px;color:#333;line-height:21px;font-weight:bold;padding:8px 0 0 22px;position:relative;}
.article-draw .data-left span:before{content:"";position:absolute;background: #1b77b9;width:14px;height:4px;top:16px;left: 0px;}
.article-draw .data-left span:after{content:"";position:absolute;background: #1b77b9;width:14px;height:4px;top:16px;margin-left: 8px;}
.article-draw .data-left ul{ padding-left:22px; overflow:hidden}
.article-draw .data-left li{ float:left; width:120px; padding:8px 0 8px 20px; line-height:20px; font-size:16px; color:#333; position:relative}
.article-draw .data-left li:before{content:"★";position:absolute;font-size:16px;color: #1b77b9;top:7px;left:0;}
.article-draw .data-right{float: left;margin-top: 30px;}
.article-draw .data-right a{display:block;background: #1b77b9;width: 172px;height: 46px;text-align:center;line-height: 46px;font-size: 22px;color:#fff;border-radius:7px;}
.article-draw .data-right a:hover{text-decoration:none; background: #E51C2C;}
.article-draw .data-right a:focus{text-decoration: none;}
.data{padding: 0 !important;border: none !important;line-height:30px;margin: 40px 0;width: 100%;}