@charset "utf-8";
 /* CSS Document */
  a{text-decoration:none;color:#999;}
  a:hover{color:#999;}

/*  @font-face {
    font-family: 'FangSong';
    src: url('path/to/fangsong.ttf') format('truetype');
  } */

  /*自适应页面高度*/
body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f9f9f9 !important;
}



 
.class-name { color: #666; font-size:1rem; line-height: 2rem; height:4rem;  display: flex;align-items: center;margin-top: 10px;}
.class-name p {
  height: 2.8rem;
  box-sizing: border-box;
  font-size: 1rem;
  color: #999;
  text-align: center;
  line-height: 2.8rem;
  float: left;
}
.class-name span:nth-of-type(1){margin: 0 10px;}
.class-name p a {color: #999; }
.class-name p a:hover{ color: #db0000;}
.class-name span a {color: #999; font-size:1rem; line-height:2.8rem;}
.class-name span a:hover{ color: #db0000;}
 
/*内容区*/

  
.info-bt { font-size: 2.4rem;  color: #666; line-height: 3.4rem;  padding-bottom: 3rem; }

.info-bt p { font-size: 2.4rem; color: #333; font-weight: bold; line-height: 4.4rem;}

.info-Source-time {font-size: 1.2rem; color: #999; line-height: 1.6rem;height: 3.5rem;}

.info-Source-time span { width: 1.5rem; height: 0.6rem; background: #db0000; display: block; float: left; margin: 0.5rem 1rem 0 0; border-radius:8px;}
.info-Source-time p { float: left; width: 60%; width: auto !important; }

.info-author { font-size: 1.2rem; color: #999;text-align: right;line-height: 6rem; border-top: 1px #bbb dashed;margin: 3rem 0 3rem;}

.info-main {font-size: 1.1rem !important; color: #555;line-height: 2.4rem; padding: 3rem 0;}
.info-main span,.info-main p{font-size: 1.1rem !important;}

.info-main img {display: block; margin: 2rem auto; max-width: 100%;}
.info-qr{ display: none;}


.info-box{
    overflow: hidden;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    flex: 1 1 auto;
    background: #fff;
    padding: 0 50px;
    margin-top: 20px;
}



/*翻页*/
.page{margin:1rem 0 2.5rem 0.8rem; overflow:hidden; margin:0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.page a{height:1.6rem; border:1px #bbb solid; float:left; margin-right:0.5rem; text-align:center; line-height:1.6rem; font-size:1rem;color:#666; padding:0 0.6rem; display:block;}
.page_s{border:1px #E0002B solid !important; color:#E0002B !important; cursor:default;}
.page span{border:1px #E0002B solid !important; color:#E0002B !important; cursor:default; padding:0 0.6rem;margin-right:0.5rem;line-height:1.6rem;}






.fx{ display:block;}
.fxm{ width:86px; height:30px; background:#E1152F; color:#fff; font-size:14px; text-align:center; line-height:28px; position:relative; float:right; border-radius:6px; margin-top:8px; cursor:pointer;}
.fxm p{ position:absolute; top:26px; right:0; background:#fff; padding:10px; display:none; border:2px #E1152F solid;}
.fxm02{ text-align:center; font-size:14px; color:#999; line-height:40px; margin:30px 0 0;}
.fxm02 p{ display:block; width:120px; height:120px; margin:0 auto; padding:7px;border: 6px #e4e4e4 solid;}

  
@media screen and (max-width: 1000px) {
  .info { padding: 1rem;}
  .info-bt { margin: 0 auto; text-align:center; padding-bottom:2rem ;}
  .info-bt p { font-size:1.4rem; color: #666; line-height: 2rem; width: 100%; text-align:left; }
  .info-Source-time {font-size: 1rem; color: #999; line-height:2rem;height:2rem;}
  .info-Source-time span { width:0.6rem; height: 0.6rem; background: #db0000; display: block; float: left; margin: 0.5rem 1rem 0 0; border-radius:2rem; }
  .info-Source-time p { float: left; width: 60%; line-height:2rem; position: relative; margin: 0; top: -3px;}
  .info-author { font-size: 1rem; color: #999;text-align: right;line-height:4rem; border-top: 1px #bbb dashed;margin: 2.4rem 0 0;text-align: center !important;}
  .info-main {font-size:1.1rem; color: #555;line-height:2.2rem; padding:1.2rem;}
  .info-qr { text-align: center; display: block; }
  .info-qr img { border: 1px #ccc solid; width: 8rem;}
  .info-qr p { font-size: 1rem; color: #666; line-height: 2.4rem; }
  
}


@media screen and (max-width: 1000px) {
  .info-top,
  .columns,
  .footbox,
  .class-name,
  .fx,
  .info-class {
    display: none !important;
  }
  html{max-width: 100vw;}
  .class-li {padding:2rem 2rem;}
  .page{margin: 1rem auto;
    overflow: hidden;
    width: fit-content;
   width: -moz-fit-content;
   width: -webkit-fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .info-box{
    padding: 0 0;
  }
}