.recorder-container {
  vertical-align: bottom;
}

.recorder-container>div{
  width: 49%;
  padding-right: .2rem;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.recorder-container img {
  width: 50%;
}
.inner-guide, .inner-guide a  {
  font-size: .16rem;
  color: #666;
}
.recorder-container h1 {
  font-size: .36rem;
}
.recorder-content{padding: .2rem .3rem 0;box-sizing: border-box;max-width: 1080px;}
.recorder-text {
  line-height: .27rem;
  font-size: .18rem;
  margin-bottom: .2rem;
}

.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-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;
}




@media screen and (max-width: 750px){
  .recorder-container,  
	.content-item {
    display: unset;
  }
  .recorder-container .recoder-download {
    min-height: 34px;
    min-width: 140px;
    margin: 20px 0;
  }
  .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%;}

  
}