@charset 'utf-8';

body {color: #23262F;background-color: #fff;overflow-x: hidden;}

::-webkit-input-placeholder{color:#99A1AB}
::-moz-placeholder{color:#99A1AB}
:-moz-placeholder{color:#99A1AB}
:-ms-input-placeholder{color:#99A1AB}

/** 载入网页字体 **/
/* @font-face {
	font-family: 'DINCondensedBold';
	src: url('../fonts/DINCondensedBold.ttf');
}
@font-face {
	font-family: 'ShiShangZhongHeiJianTi';
	src: url('../fonts/ShiShangZhongHeiJianTi.ttf');
} */

/** 设置清除浮动的元素 **/
ul:after,
dl:after,
ol:after,
.clearfix::after,
.row::after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

/* layout */
.fl{float:left;}
.fr{float:right;}
.container {max-width: 1240px;margin: 0 auto;}
.container-md {max-width: 1000px;}
@media screen and (max-width: 1250px) {
  .container {padding-left: 30px;padding-right: 30px;}
}
@media screen and (max-width: 768px) {
  .container {padding-left: 10px;padding-right: 10px;}
}

.font-weight {font-weight: bolder;}

.visible-xs {display: none;}

.text-center {width: 100%;text-align: center;}
.text-left {text-align: left;}

/**
 * btn
 */
.btn {display: inline-block;padding: 4px 10px;font-size: 14px;line-height: 24px;border-radius: 5px;transition: all .3s;}
.btn-primary {
  color: #fff;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
}
.btn-primary:hover {
  color: #fff;
  background: linear-gradient(90deg, #384bfa 25.28%, #3890fa 95.24%);
}
.btn-hollow {
  border-radius: 8px;
  border: 2px solid #384bfa;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent;
}
.btn-hollow:hover {
  color: #fff;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: border-box!important;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
}
.btn-info {padding: 4px 40px;color: #748BB2;background-color: #e4ecf7;}
.btn-info:hover {
  color: #fff;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
}

.btn-more {padding: 10px 20px;font-size: 16px;line-height: 24px;color: #000;border: 1px solid #000;}
.btn-more .iconfont {margin-left: 5px;}
.btn-more:hover {
  color: #fff;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  border-color: transparent;
}

/* 展开按钮 */
.btn-expand-toggle{position:relative;width:30px;height:40px;cursor:pointer}
.btn-expand-toggle span{display:block;position:absolute;top:50%;left:22%;width:46%;height:2px;background-color: #0176FF;animation-duration:.5s;animation-fill-mode:both}
.btn-expand-toggle span:first-child{transform:translateY(6px) rotate(0)}
.btn-expand-toggle span:last-child{transform:translateY(-6px) rotate(0)}
.btn-expand-toggle.active span:nth-child(1){animation-name:activefirst}
.btn-expand-toggle.active span:nth-child(2){animation-name:activesecond}
.btn-expand-toggle.active span:nth-child(3){animation-name:activethird}
.btn-expand-toggle.cancel span:nth-child(1){animation-name:cancelfirst}
.btn-expand-toggle.cancel span:nth-child(2){animation-name:cancelsecond}
.btn-expand-toggle.cancel span:nth-child(3){animation-name:cancelthird}
@keyframes activefirst{0%{transform:translateY(6px) rotate(0)}100%{transform:translateY(0) rotate(45deg)}}
@keyframes activesecond{0%{opacity:1}100%{opacity:0}}
@keyframes activethird{0%{transform:translateY(-6px) rotate(0)}100%{transform:translateY(0) rotate(-45deg)}}
@keyframes cancelfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-6px) rotate(0)}}
@keyframes cancelsecond{0%{opacity:0}100%{opacity:1}}
@keyframes cancelthird{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(6px) rotate(0)}}

/* icon */
.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.icon-wechat {background-image: url('/site/images/icons/weichat.png');}
.icon-qq {background-image: url('/site/images/icons/qq.png');}

/* img */
.img-response {width: 100%;}

/* .thumbnail */
.thumbnail .content {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center; border: #f3f3f3 1px solid; border-radius: 8px}

/* PhotoSwipe */
.pswp .pswp__button--share {display: none;}
.pswp .pswp__caption__center {text-align: center;}
.pswp .pswp__bg {background: rgba(0,0,0,.8)}

/* title */
.title-first {width: 100%;margin-bottom: 40px;text-align: center;}
.title-first h2 {font-size: 36px;line-height: 64px;font-weight: 600;color: #23262f;}
@media screen and (max-width: 768px) {
  .title-first {margin-bottom: 20px;}
  .title-first h2 {font-size: 26px;line-height: 40px;}
}

.video-container {position: relative;margin-bottom: 20px;}
.video-container video,
.video-container .video-js {width: 100%;cursor: pointer;}
/*暂停时显示播放按钮*/
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}

/*重新定义按钮样式*/
.video-container .video-js .vjs-big-play-button{
  top: 50%;
  left: 50%;
  font-size: 2.5em;
  line-height: 2.3em;
  height: 2.5em;
  width: 2.5em;
  -webkit-border-radius: 2.5em;
  -moz-border-radius: 2.5em;
  border-radius: 2.5em;
  background-color: #73859f;
  background-color: rgba(115,133,159,.5);
  border-width: 0.15em;
  margin-top: -1.25em;
  margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}

/**
 * header
 */
.header{position:fixed;top:0;left:0;z-index:100;width:100%;height:72px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
@media screen and (min-width: 769px) {
  .header .container {display: flex;justify-content: space-between;align-items: center;height: 100%;}
  .header_logo {height: 42px;}
  .header_logo img {height: 100%;}
  .header_menu_content .item {float: left;position: relative;margin-left: 40px;}
  .header_menu_content .item:first-child {margin-left: 0;}
  .header_menu_content .title {position: relative;padding: 24px 0;display: flex; align-items: center;font-size: 16px;line-height: 24px;color: #777E90;}
  .header_menu_content .title::before {content: '';position: absolute;bottom: 9px;left: 50%;width: 0;height: 4px;transform: translateX(-50%);border-radius: 100px;background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);transition: all .3s;}
  .header_menu_content .title .icon-dropdown {display: block;height: 24px;margin-left: 5px;margin-top: -2px;font-size: 16px;line-height: 24px;text-align: center;}
  .header_menu_content .sub {display: none;position: absolute;top: 72px;left: 0;z-index: 10;width: 105px;padding: 16px;background: linear-gradient(180deg, #0B1D30 0%, #2B333F 100%);}
  .header_menu_content .sub_item {margin-top: 16px;}
  .header_menu_content .sub_item:first-child {margin-top: 0;}
  .header_menu_content .sub_title {font-size: 14px;line-height: 20px;color: #fff;}
  /* active & hover */
  .header_menu_content .item:hover .title,
  .header_menu_content .item.active .title {color: #23262F;}
  .header_menu_content .item:hover .title::before,
  .header_menu_content .item.active .title::before {width: 100%;}
  .header_menu_content .sub_title:hover {
    background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
  }
}

/**
 * banner
 */
.banner {min-height: 200px;margin-top: 72px;padding-top: 55px;padding-bottom: 55px; padding-left:55px; background-repeat: no-repeat;background-size: auto 100%;background-position: center;}
.banner_title {font-size: 64px;line-height: 90px;}
.banner.nothing {min-height: 1px;padding: 0;}

.banner.primary {position: relative;height: 600px;margin-bottom: 0;padding: 0;background-size: 1920px 600px;}
.banner.primary .bg {display: block;width: 100%;}
.banner.primary .wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner.primary .container {display: flex;justify-content: space-between;align-items: center;height: 100%;padding-top: 55px;padding-bottom: 55px;}
.banner.primary .banner_title {font-size: 64px;line-height: 90px;font-weight: 600;}
.banner.primary .banner_subtitle {font-size: 40px;line-height: 70px;font-weight: 400;}
.banner.primary .banner_title,
.banner.primary .banner_subtitle  {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.banner.primary .banner_link {margin-top: 44px;padding: 12px 40px;font-size: 20px;line-height: 20px;font-weight: 500;}
.banner.primary .thumbnail {display: flex;align-items: center;height: 100%;}
.banner.primary .thumbnail img {max-height: 100%;}

@media screen and (min-width: 1921px) {
  .banner.primary {background-size: cover;}
}

@media screen and (max-width: 768px) {
  .banner.primary {height: 240px!important;text-align: center;background-size: cover;}
  .banner.primary .container {justify-content: center;}
  .banner.primary .banner_title {font-size: 30px;line-height: 50px;}
  .banner.primary .banner_subtitle {font-size: 20px;line-height: 30px;}
  .banner.primary .banner_link {margin-top: 20px;padding: 10px 20px;font-size: 14px;line-height: 16px;}
}

/**
 * main
 */
.main-section {padding-top: 40px;padding-bottom: 80px;}
.bg {background-color: #fcfcfd;}
@media screen and (max-width: 768px) {
  .main-section {padding-top: 20px;padding-bottom: 40px;}
}

.main.has-breadcrumb {margin-top: 80px;}
.main .container.flex {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px; margin: 20px auto}

.main_aside .section {margin-top: 30px;padding: 16px;background-color: rgb(245, 245, 250, 1);border-radius: 8px;}
.main_aside .section:first-child {margin-top: 0;}

/* main左侧菜单栏 */
.main_aside-left {width: 252px;}
.main_aside-left .main_aside_title {margin-bottom: 16px;padding: 0 16px;font-size: 20px;line-height: 24px;font-weight: bolder;}
.main_aside_menu-left .item {margin-bottom: 8px;}
.main_aside_menu-left .title {position: relative;font-size: 14px;line-height: 20px;font-weight: 600;cursor: pointer;}
.main_aside_menu-left .title a {display: block;padding: 6px 16px;}
.main_aside_menu-left .title .iconfont {position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 32px;height: 32px;font-size: 15px;line-height: 32px;text-align: center;transition: all .3s;}
.main_aside_menu-left .submenu {display: none;margin-top: 8px;padding-left: 14px;overflow: hidden;transition: all .3s;}
/* 激活样式 */
.main_aside_menu-left .title.active,
.main_aside_menu-left .title:hover {border-radius: 30px;background: rgba(240, 243, 255, 1);}
.main_aside_menu-left .title.active>a,
.main_aside_menu-left .title:hover>a {
	background: linear-gradient(90deg, rgba(56, 144, 250, 1) 25.28%, rgba(56, 75, 250, 1) 95.24%);
  background: linear-gradient(90deg, rgba(56, 144, 250, 1) 25.28%, rgba(56, 75, 250, 1) 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.main_aside_menu-left .item.expand>.title .iconfont {transform: rotate(90deg);}
.main_aside_menu-left .item.expand>.submenu {display: block;}

/* main右侧菜单栏 */
.main_aside-right {width: 260px;}
.main_aside-right .main_aside_title {margin-bottom: 20px;}
.main_aside-right .main_aside_title {font-size: 15px;line-height: 20px;color: #000;font-weight: 500;}
.main_aside_menu-right .item {margin-top: 20px;font-size: 14px;line-height: 20px;}
.main_aside_menu-right .title {position: relative;display: block;padding-left: 10px;}
.main_aside_menu-right .title::before {content: '';display: block;position: absolute;top: 0;left: 0;width: 2px;height: 100%;border-radius: 10px;}
/* 激活样式 */
.main_aside_menu-right .active .title,
.main_aside_menu-right .title:hover {
	background: linear-gradient(90deg, rgba(56, 144, 250, 1) 25.28%, rgba(56, 75, 250, 1) 95.24%);
  background: linear-gradient(90deg, rgba(56, 144, 250, 1) 25.28%, rgba(56, 75, 250, 1) 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.main_aside_menu-right .active .title::before,
.main_aside_menu-right .title:hover::before {background: linear-gradient(90deg, rgba(56, 144, 250, 1) 25.28%, rgba(56, 75, 250, 1) 95.24%);}

.main_aside_menu-right.list .title {padding-left: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_aside_menu-right.list .title::before {top: 7px;width: 5px;height: 5px;background-color: #1b1c23;}

/* main内容区 */
.main_content {position: relative;flex: 1;padding: 40px;border-radius: 8px;background: rgba(245, 245, 250, 1);}

/* 面包屑导航 */
.breadcrumb {position: absolute;top: -40px;left: 0;z-index: 10;display: flex;padding-left: 40px;font-size: 14px;line-height: 20px;color: #777E90;}
.breadcrumb .icon-jiantou {margin: 0 10px;font-size: 12px;}
.breadcrumb .item.active,
.breadcrumb .item:hover {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/**
 * article
 */
.article {min-height: 200px;}
.article_header {margin-bottom: 36px;}
.article_title {font-size: 36px;line-height: 64px;font-weight: 600;}
.article_info {display: flex;gap: 10px 40px;margin-top: 8px;font-size: 14px;line-height: 24px;color: rgb(189, 189, 189);}
.article_content {font-size: 16px;line-height: 30px;text-align: justify;}
.article_content .title {margin-top: 16px;margin-bottom: 16px;font-size: 20px;line-height: 30px;}
.article .img-response {margin-bottom: 20px;}
/* 左侧工具栏 */
.article.tool {position: relative;padding-left: 0;}
.article_tool {position: absolute;top: 119px;left: 0;text-align: center;color: #000;}
.article_tool .item {margin-top: 24px;}
.article_tool .item:first-child {margin-top: 0;}
.article_tool .iconfont {display: block;width: 48px;height: 48px;font-size: 22px;line-height: 48px;background-color: #ebebeb;border-radius: 48px;cursor: pointer;}
.article_tool .name {margin-top: 8px;font-size: 14px;line-height: 20px;}
.article_tool .line {margin-top: 24px;border-top: 1px solid #d9d9d9;}
.article_tool .item.active .iconfont,
.article_tool .iconfont:hover {color: #ff5454;background-color: rgb(255, 84, 84, .1);}

/* tabs */
.tabs-primary {display: flex;gap: 0 100px;width: 100%;margin-bottom: 40px;border-bottom: 1px solid #E0E0E0;}
.tabs-primary .item {position: relative;padding-bottom: 20px;font-size: 16px;line-height: 24px;color: #777E90;}
.tabs-primary .item::before {content: '';display: block;position: absolute;bottom: 0;left: 50%;z-index: 2;transform: translateX(-50%);width: 0;height: 4px;border-radius: 4px;transition: all .3s;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);}
.tabs-primary .item.active,
.tabs-primary .item:hover {color: #23262F;}
.tabs-primary .item.active::before,
.tabs-primary .item:hover::before {width: 100%;}
.tabs-primary.center {justify-content: center;}
.tabs-content > .item {display: none;}
.tabs-content > .item.active {display: block;}

/* tabs-vertical */
@media screen and (min-width: 768px) {
  .tabs-vertical-container {display: flex;}
  .tabs-vertical-container .tabs-vertical {flex-shrink: 0;width: 180px;background-color: #fff;}
  .tabs-vertical-container .tabs-content {flex: 1;background-color: #fff;}
  .tabs-vertical .item {display: block;padding: 20px 10px;font-size: 16px;line-height: 24px;color: #777E90;text-align: center;border-top: 1px solid #fff;transition: all .3s;}
  .tabs-vertical .item:first-child {border-top: none;}
  .tabs-vertical .item.active,
  .tabs-vertical .item:hover {color: #fff;
    background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  }
}

.tabs-content.full-height .item,
.tabs-content.full-height .card-thumbnail {height: 100%;}

/* tabs-block */
.tabs-block {text-align: center;}
.tabs-block .tabs {display: inline-block;margin-bottom: 60px;padding: 8px;font-size: 0;line-height: 0;background: #f1f5f9;border-radius: 12px;border: 1px solid #e3e9ee;overflow: hidden;}
.tabs-block .tabs .item {margin-left: 10px;padding: 8px 46px;font-size: 16px;line-height: 24px;color: #777E90;border-radius: 8px;}
.tabs-block .tabs .item:first-child {margin-left: 0;}
.tabs-block .tabs .item.active,
.tabs-block .tabs .item:hover {color: #23262F;background: #fcfdfe;box-shadow: 16px 16px 30px #0000001a;}

/* 分隔线 */
.separate-line {margin: 40px 0;border-top: 1px solid #d7d8db;}

/**
 * footer
 */
.footer {color: #777E90;background-color: #fcfcfd;}
.footer_top {display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer_logo {padding-top: 46px;}
.footer_logo img {height: 30px;}
/* footer导航 */
.footer_nav {display: flex;flex-wrap: wrap;font-size: 14px;line-height: 20px;}
.footer_nav::after {content: none;}
.footer_nav .item {padding: 40px 40px;border-left: 1px solid rgba(119, 126, 144, .3)}
.footer_nav .item:first-child {border-left: none;}
.footer_nav .title {color: #23262f;}
.footer_nav .title > .strong { font-size: 16px; font-weight: 700 !important;}
.footer_nav .sub li {margin-top: 24px;}
.footer_nav a:hover {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
/* footer二维码 */
.footer_wechat_code {padding-top: 56px;font-size: 0;}
.footer_wechat_code .item {width: 84px;margin-top: 20px;}
.footer_wechat_code .item:first-child {margin-top: 0;}
.footer_wechat_code img {width: 100%;}
/* 友情链接 */
.footer_friendlink {padding: 14px 0;font-size: 14px;line-height: 24px;border-top: 1px solid rgba(119, 126, 144, .3)}
.footer_friendlink .container {display: flex;}
.footer_friendlink .title {flex-shrink: 0;font-weight: 500;}
.footer_friendlink a {padding: 0 5px;}
.footer_friendlink a:hover {
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
/* 版权信息 */
.footer_copyright {padding: 16px 10px;font-size: 14px;line-height: 24px;text-align: center;border-top: 1px solid rgba(119, 126, 144, .3)}


/* 分页样式 */
.pagination {
  display: inline-block;
  padding-top: 20px;
}

.pagination a {
  padding: 8px 16px;
  text-decoration: none;
  color: #748BB2;
  background-color: #e4ecf7;
  margin-left: 5px;
}

.pagination a.active {
  color: #fff;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
}

.pagination a:hover:not(.active) {
  color: #fff;
  background: linear-gradient(90deg, #3890fa 25.28%, #384bfa 95.24%);
}


/**
 * 栅格系统
 */
.row {display: flex;flex-wrap: wrap;}
@media (min-width: 768px) {
  .col-md-12 {width: 50%;}
}
@media (max-width: 768px) {
  .col-md-12 {width: 100%;}
}

@media (max-width: 1250px) {
  .footer_nav .item {padding-left: 25px;padding-right: 25px;}
}

@media (max-width: 1000px) {
  .header_menu_content .item {margin-left: 30px;}

  .footer_nav .item {padding-left: 15px;padding-right: 15px;}
}

@media (max-width: 768px) {
  /**
   * common
   */
  .visible-xs {display: block;}
  .hidden-xs {display: none;}

  /* layout */
	.container {padding: 0 10px;}

  /* btn */
  .btn-more {padding: 8px 20px;font-size: 14px;line-height: 20px;}

  /**
	 * header
	 */
	.header {left: auto;height: 50px;}
	.header_logo {height: 32px;margin-top: 9px;}
  .header_logo img {height: 100%;}
	.header .btn-menu {position: absolute;top: 0;right: 0;width: 50px;height: 50px;}
	.header #menu {display: none;}
	#menu .mm-list > li > a,
	#menu .mm-list > li > span {line-height: 24px;}
	#menu .sub li a {padding-left: 40px;}
	#menu .mm-list a.mm-subclose {text-indent: 0;}
	#menu.mm-ismenu {background-color: #0B1D30;}

  /**
	 * banner
	 */
  .banner {display: flex;align-items: center;min-height: 100px;margin-top: 50px;margin-bottom: 15px;padding: 20px 5px;}
  .banner .container {width: 100%;}
  .banner_title {font-size: 30px;line-height: 40px;}

  /**
	 * main
	 */
  .main {position: relative;}
  .main_content {padding: 10px;}

  .main .container.flex {gap: 20px;}

  /* main 左侧菜单 */
  .main_aside.main_aside-left {position: absolute;top: 0;right: -200px;z-index: 99;width: 200px;box-shadow: 5px 5px 10px rgba(0,0,0,.2);transition: all .3s;}
  .btn-main-aside {position: absolute;top: 0;left: -34px;z-index: 2;width: 34px;height: 34px;font-size: 18px;line-height: 34px;text-align: center;color: #fff;
    background: linear-gradient(90deg, rgba(56, 143, 250, .5) 25.28%, rgba(56, 75, 250, .5) 95.24%);
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
  }
  .main_aside.main_aside-left .btn-main-aside::before {display: block;transform: rotate(180deg);transition: all .5s;}
  .main_aside.main_aside-left.active {right: 0;}
  .main_aside.main_aside-left.active .btn-main-aside::before {transform: rotate(0deg);}

  /* 右侧菜单 */
  .main_aside-right {width: 100%;}

  .footer_nav .item {padding: 20px;border-left: none;}
  .footer_nav .sub li {margin-top: 15px;}
  .footer_nav .sub li:first-child {margin-top: 0;}
  .footer_wechat_code {display: flex;justify-content: center;gap: 25px;padding: 20px;width: 100%;}
  .footer_wechat_code .item {margin-top: 0;}
  .footer_friendlink .container {text-align: center;}
  .footer_copyright {padding: 14px 0;}

  /**
	 * article
	 */
  .article_header {margin-bottom: 15px;}
  .article_title {font-size: 18px;line-height: 30px;}
  .article_info {font-size: 12px;gap: 10px;}
  .article_content {font-size: 14px;line-height: 28px;}
  .article_content .title {margin: 10px 0;font-size: 16px;line-height: 24px;}

  .article.tool {padding-left: 0;}
  .article_tool {position: static;top: auto;left: auto;display: flex;gap: 10px 20px;margin-top: 10px;}
  .article_tool .item,
  .article_tool .line {margin-top: 0;}
  .article_tool .line {display: none;}
  .article_tool .item {display: flex;align-items: center;gap: 0 5px;}
  .article_tool .iconfont {width: 36px;height: 36px;font-size: 16px;line-height: 36px;}

  /* tabs */
  .tabs-block .tabs {margin-bottom: 20px;}
  .tabs-block .tabs .item {padding: 6px 10px;font-size: 14px;}

  .tabs-primary {gap: 0 20px;margin-bottom: 15px;}
  .tabs-primary .item {padding-bottom: 15px;}

  .separate-line {margin: 20px 0;}

  .tabs-primary {justify-content: center;}

  .breadcrumb {padding-left: 0;}
  .main.has-breadcrumb {margin-top: 60px;}
}