@font-face {
  font-family: 'iconfont';  /* Project id 1971578 */
  src: url('//at.alicdn.com/t/font_1971578_0e4ed96bkmcs.woff2?t=1624950373685') format('woff2'),
       url('//at.alicdn.com/t/font_1971578_0e4ed96bkmcs.woff?t=1624950373685') format('woff'),
       url('//at.alicdn.com/t/font_1971578_0e4ed96bkmcs.ttf?t=1624950373685') format('truetype');
}

.iconfont{ font-family: iconfont; font-size: 18px; display: inline-block; font-style: normal; vertical-align: middle; margin-top: -2px;}

.hide{ display: none;}
body{background-color: #fff;}
.mui-content{ background-color: #fff;}
.mui-bar-nav~.mui-content{ padding-top: 48px;}
.ele-bar{ height: 48px; background-color: #fff; z-index: 1000;}
.hqbuy-logo{ height: 32px; margin-top: 8px !important; float: left;}
.hqbuy-logo img{ height: 32px;}
.child-td{ float: left; height: 32px; margin-top: 8px; padding-left: 10px;}
.child-td span, .child-td a{ line-height: 32px; font-size: 16px; color: #101113;}
.child-td a{ padding-right: 3px;}
.child-td span{ background: url(../img/chevron-right.png) no-repeat left center; padding-left: 13px;}
.bar-right{ position: absolute; right: 20px; top: 0; line-height: 48px; color: #A5AAB5; font-weight: bold;}
.nav-toggle{ position: fixed; left: 0; right: 0; top: -100%; z-index: 999; background: #fff;padding: 10px 0; box-shadow: 0 0 4px rgba(0,0,0,.3);}
.nav-toggle ul{ line-height: none; margin: 0; padding: 0;}
.nav-toggle ul li{ height: 40px; line-height: 40px; text-align: center; list-style: none; margin: 0; padding: 0;}
.nav-toggle ul li a{ display: block; font-size: 16px; color: #101113;}

.ele-nav{ position: fixed; height: 48px; background: #F6F7F8; left: 0; right: 0; top: 48px; z-index: 8; display: flex;}
.ele-nav-item{ flex: 1; text-align: center; height: 48px; }
.ele-nav-item a{ height: 48px; display: inline-block; line-height: 48px; border-bottom: 2px solid #F6F7F8; font-size: 14px; color: #8A9BA8;}
.ele-nav .active a{ border-color: #17A0E6;}
.ele-nav .mui-active a { border-color: #17A0E6;}

.ele-nav~.mui-content{ padding-top: 96px !important;}
.mui-content>.mui-table-view:first-child{ margin-top: 0;}
.mui-table-view:before, .mui-table-view:after{ height: 0;}
.mui-table-view-cell:after{ right: 15px;}
.dzq-tit{ max-height: 48px; overflow: hidden; line-height: 24px; font-size: 16px; color: #101113; white-space: initial; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.dzq-info{ display: flex;}
.dzq-left{ width: 65%;}
.dzq-key{ height: 48px; line-height: 24px; color: #8A9BA8; font-size: 15px; white-space: initial;}
.dzq-line{ height: 24px; line-height: 24px; display: flex; font-size: 14px; color: #BCBCBC; justify-content: space-between;}
.dzq-img{ width: 35%; text-align: right; display: flex; align-items: center; justify-content: center;}
.dzq-img img{ max-width: 100%; width: 105px; height: 65px;}

.ele-detail{ margin: 16px;}
.ele-detail h3{ margin-bottom: 10px; line-height: 30px; font-size: 20px; color: #101113; font-weight: normal;}
.dzq-summary{ margin-top: 10px; margin-bottom: 10px; background: #F7F7F7; padding: 10px 15px; border-radius: 8px; font-size: 14px; line-height: 24px;color: #394B59;}
.dzq-bd{ margin-top: 10px;}
.dzq-bd p{ line-height: 28px; font-size: 16px; color: #101113; margin-bottom: 15px;}
.dzq-bd img{ width: 100% !important; display: block; height: auto !important;}
.dzq-other{ margin-bottom: 30px;}
.dzq-other p{ margin-bottom: 0; font-size: 14px; color: #8A9BA8; line-height: 24px;}
.dzq-other p a{color: #3E79A0;}
.dzq-relative{ padding-bottom: 30px;}
.dzq-relative > h3{ padding: 0 15px; line-height: 30px; font-size: 20px; font-weight: normal;}

.mui-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0,0,0,.3);
}

@keyframes navShow {
  from {
    top: -100%;
  }
  to {
    top: 48px;
  }
}
.nav-show{
	animation: navShow 0.3s;
	top: 48px;
}
@keyframes navHide {
  from {
    top: 48px;
  }
  to {
    top: -100%;
  }
}
.nav-hide{
	animation: navHide 0.3s;
	top: -100%;
}

.backTop {
  color: #fff;
  background: #17A0E6;
  z-index: 999;
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 50%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  text-align: center;
}



#article_content table{
	max-width: 100% !important;
}

#article_content table{
	max-width: 100% !important;
}
#article_content td,
#article_content th{
	max-width: 100% !important;
	word-break: break-word!important;
}