@charset "UTF-8";
.article_main_content { display: none; }
.show { display: block; }
.recorder-content{padding: .2rem .3rem 0;box-sizing: border-box;max-width: 1080px;}
.recorder-text {
  line-height: .27rem;
  font-size: .18rem;
  margin-bottom: .2rem;
}
.fs_guide_htm h1 { font-size: 36px; }
.recoder-download .dft_btn{ padding: .1rem .2rem; color: #fff; font-size: .15rem; font-weight: 600; display:inline-block;}
 .recorder_thumbnail{ border-radius: 15px 0px; overflow: hidden; transition:all .5s ease-in-out; box-sizing: border-box;}
 .recorder_thumbnail img{display: block; transition:all .5s ease-in-out; width: 100%;}
 .recorder_thumbnail:hover{ border-radius:0 15px;}
 .recorder_thumbnail:hover img{ transform: scale(1.05);}

.table-container{
	  margin-top: .6rem;
    display: none;
}
.table-container_active{display: block;}
.table-container h2 {
  font-size: .24rem;
  font-weight: 600;
  margin: 0.4rem 0 0.3rem 0;
  /* margin-bottom: .2rem; */
}
.content_div {
	width: 70%;
	display: inline-block;
  vertical-align: middle;
}
.article_recorder {
	width: 23%;
  max-width: 2.32rem;
	display: inline-block;
	margin-right: 30px;
  vertical-align: middle;
}
.content-item {
  width: 100%;
  min-height: 1.11rem;
  margin-bottom: .4rem;
}
.content-item h3 {
  margin: 0;
  font-size: .18rem;
  font-weight: 500;
}
.content_div h3 a:hover {
	color: #2C67FF;
}
.content_div.active h3 a {
	color: #2C67FF;
    font-size: inherit;
}
.content-item p:first-of-type {
  margin: 0.06rem 0 .13rem;
  font-size: .16rem;
  color: #666666;
  font-weight: 400;
}
.content-item-footer span {
  font-size: .14rem;
  color: #666666;
  vertical-align: middle;
}
.content-item-footer img {
  width: .18rem;
  height: .18rem;
  min-width: 12px;
  min-height: 12px;
  margin-right: 0.06rem;
  color: #666666;
  vertical-align: middle;
}
.content-item a {
  color: #000;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}


/* /pager/ */
.article_main_content{display: none;}
.show{display: block;}
.article_page {max-width: 5.75rem;width: 100%;margin: 0.8rem auto 1rem;position: relative;text-align: center;}
.article_page::after {content: "";display: block;clear: both;}
.article_page_left, .article_page_right {display: inline-block;}
.article_page a {text-decoration: none; font-size: .14rem; line-height: .36rem; padding: 0.02rem 0.13rem 0; display: inline-block; text-align: center; color: #999; cursor: pointer; background-color: #F5F5F5; margin-right: 0.1rem; border-radius: 0.05rem;}
.article_page ul {display: inline-block;}
.article_page li, .article_page i { text-decoration: none; font-size: .2rem; line-height: .36rem; height: 0.36rem; width: 0.36rem; display: inline-block;text-align: center; color: #999; cursor: pointer; border: 1px solid #E5E5F2; margin-right: 0.1rem; border-radius: 0.06rem; font-weight: 500; }
.article_page li:hover, .article_page a:hover {color: #666; background-color: #E6E6E6;}
.article_page .active,.article_page .active:hover {color: #fff; background-color: #000;}
.next_page {padding-right: 0;transform: scale(1);}
/* end */

@media screen and (max-width: 750px){
  .fs_guide_htm h1 { font-size: 32px; }

  .horizontal-line {
    width: 95%;
  }
  .recorder-text {
    width: 100%;
  }
  .recorder-container > img {width: 100%;margin-right: 0;}
  .content-item > img {display: none;}
  .content p{line-height: 1.5;}
  .recorder-container>div{width: 100%;padding-right: 0;}
  .inner-guide, .inner-guide a{font-size: .32rem;}
  .table-container h2{font-size: .36rem;margin-bottom: -.1rem;}
  .content-item h3{font-size: .32rem;}
  .content-item p:first-of-type{font-size: .28rem;}
  .content-item-footer span{font-size: .28rem;}
  .content-item-footer img {width: .3rem;height: .3rem;}
  .article_recorder{width: 100%;margin-right: 0px;max-width: 100%;}
  .content-item img{margin-right: 0;}
  .recoder-download .dft_btn{min-width: 160px; font-size: .3rem;}
  .guide_wrap{margin-top: 0;padding-top: 0px;}
  .content_div{width: 100%;}
  .recorder_thumbnail{margin-top: .6rem; margin-bottom: .32rem;}
  .article_main_content .content-item:first-child .recorder_thumbnail { margin-top: 0; }
  .recorder_thumbnail img{width: 100%;}
  .article_page {margin: 0.6rem auto; max-width: 600px; width: 100%; }
  .first_page, .end_page, .prev_page, .next_page {font-size: 16px;}
  .article_page li, .article_page a { padding: 0.16rem; font-size: 15px; margin-right: 0.3rem; line-height: 18px; }
  /* .article_page .first_page,.article_page .end_page { display: none; } */
}