.main {
  margin-bottom: 76px;
}
.content {
  width: 897px;
  padding-right: 30px;
}
.content h1 {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  margin: 5px 0 33px 0
}
.content .desc {
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
  line-height: 40px;
  padding-bottom: 10px;
  margin-bottom: 33px;
}
.content .desc .tags {
  width: 500px;
  float: left;
}
.content .desc .tags a {
  float: left;
  height: 40px;
  color: #FE7326;
  background: #fff1e9;
  margin: 0 10px 10px 0;
  padding: 0 10px;
  line-height: 40px;
  border-radius: 4px;
  max-width: 200px;
}
.content .desc .tags a:hover {
  background-color: #ffe3d3;
}
.content .desc .info {
  float: right;
  font-size: 12px;
  color: #999999;
}
.content .desc .info .type {
  color: #999;
  margin-right: 9px;
}
.content .desc .info .keyword {
  background: url("../imgs/keyword.png") no-repeat 50%;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0px 5px -2px 0;
}
.content .desc .info .type:hover {
  color: #FE7326
}
.content .section {
  font-size: 16px;
  color: #424242;
  line-height: 36px;
}
.content .section img {
  max-width: 100%;
}
/* 下一篇 */
.content .bottom {
  width: 865px;
  height: 230px;
  background: #FAFAFA;
  padding: 10px 0;
  margin-top: 40px;
}
.content .other {
  width: 655px;
  padding: 16px 35px 0 30px;
}
.content .other h3 {
  font-size: 14px;
  color: #333333;
  margin-bottom: 3px;
  line-height: 28px;
  font-weight: 400;
}
.content .other .next {
  margin-top: 35px;
}
.content .other h3:hover {
  color: #FE7326;
}
.content .other h3:hover span {
  color: #333333;
}
.content .other h3 span {
  line-height: 20px;
  margin-right: 10px;
}
.content .other p {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  height: 40px;
}
.content .client {
  width: 210px;
  text-align: center;
  border-left: 1px solid #DDDDDD;
}
.content .client img {
  margin: 34px auto 12px;
  display: block;
  width: 68px;
  height: 68px;
}
.content .client p {
  color: #333333;
  font-size: 16px;
}
.content .client a {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  background: #FE7326;
  border-radius: 20px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  margin: 23px auto 0;
}
.content .client a:hover {
  box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2000);
}

/* 右侧推荐文章 */
.recommend {
  width: 303px;
  border-left: 1px solid #DDDDDD;
  padding-left: 30px;
}
.recommend h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin: 4px 0 23px 0;
}
.recommend h3::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #FE7326;
  margin: 0 10px -2px 0;
}
.recommend .article a {
  font-size: 14px;
  color: #666666;
  display: block;
  margin-bottom: 23px;
  height: 16px;
}
.recommend .article a:hover {
  color: #FE7326;
}
.recommend .borderTop {
  border-top: 1px solid #EEEEEE;
  padding-top: 30px;
  margin-top: 24px;
}
/* 热门标签 */
.recommend .hotTag {
  overflow: hidden;
}
.recommend .hotTag h3 {
  margin-bottom: 18px;
}
.recommend .hotTag .hotTags::-webkit-scrollbar {
  padding: 18px 0;
  width: 4px;
}
.recommend .hotTag .hotTags::-webkit-scrollbar-thumb {
  background: #EDEDED;
}
.recommend .hotTag .hotTags::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf;
}
.recommend .hotTag a {
  display: block;
  height: 30px;
  margin: 0 5px 5px 0;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.recommend .hotTag a::before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 10px 4px 0px;
  content: "";
  background-color: #666;
}
.recommend .hotTag a:hover {
  color: #FE7326;
  text-decoration: underline;
}

/* 顶部banner */
.pdfToWord {
  background: url("../imgs/pdfToWordBanner.png") no-repeat center;
  padding-top: 30px;
}
.pdfToWord .btn {
  background: linear-gradient(180deg, #FBFBEF 0%, #FCFF00 100%);
  color: #2A8274;
}
.pdfToWord h3 {
  width: 534px;
}  
.pdfToJpg {
  background: url("../imgs/pdfToJpgBanner.png") no-repeat center;
  padding-top: 30px;
}
.pdfToJpg .btn {
  background: linear-gradient(180deg, #FBFBEF 0%, #FCFF00 100%);
  color: #8555ED;
}
.pdfToJpg h3 {
  width: 520px;
} 
.pdfMerge {
  background: url("../imgs/pdfMergeBanner.png") no-repeat center;
}
.pdfMerge .btn {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFEAAE 100%);
  color: #FE7326;
}
.pdfMerge h3 {
  width: 440px;
} 
.mobile .recommend {
  display: none;
}
.mobile .content {
  width: 100%; 
  padding: 0 20px
}
.mobile .bottom {
  width: 100%;
  margin-bottom: 120px;
}
.mobile .other {
  width: 950px
}
.mobile .head-links {
  padding: 0 20px;
}
.mobile footer .container, .mobile .friendlyLinks {
  width: 1160px;
}
.mobile footer {
  position: fixed;
  bottom: 0;
}