@charset "UTF-8";
.header {
  width: 100%;
}
.header .header-bg {
  padding: 0.9rem 0;
}
.header .header-bg .navbar-toggler {
  border: none;
}
.header .header-bg .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header .header-bg .navbar-toggler:focus {
  box-shadow: none;
}
.header .header-bg .navbar-nav .nav-item {
  padding: 10px 15px;
}
.header .header-bg .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  font-size: 16px;
  padding: 0;
  padding-bottom: 2px;
  position: relative;
  display: inline-block;
}
.header .header-bg .navbar-nav .nav-item .nav-link .user {
  display: inline-flex;
  align-items: center;
}
.header .header-bg .navbar-nav .nav-item .nav-link .user .avatar {
  height: 25px;
  width: 25px;
}
.header .header-bg .navbar-nav .nav-item .nav-link .user .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header .header-bg .navbar-nav .nav-item .nav-link .user .username {
  width: 100px;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出部分用省略号表示 */
}
.header .header-bg .navbar-nav .nav-item .dropdown-menu {
  background: #0c2f6c;
}
.header .header-bg .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: #ffffff;
  display: inline-flex;
  flex-direction: column;
  align-items: start;
}
.header .header-bg .navbar-nav .nav-item .dropdown-item:hover,
.header .header-bg .navbar-nav .nav-item .dropdown-item:focus {
  text-decoration: none;
  background-color: rgb(11, 44, 102);
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .not-auth {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .not-auth i {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .not-auth span {
  margin-left: 10px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .not-auth a {
  margin-left: 15px;
  font-size: 16px;
  color: #ffe4b5;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .auth {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .auth i {
  font-size: 16px;
  color: #ffffff;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .auth span {
  margin-left: 10px;
  font-size: 16px;
  color: #ffffff;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .auth a {
  margin-left: 15px;
  font-size: 14px;
  color: #ffe4b5;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .money a {
  margin-left: 15px;
  color: #ffe4b5;
  font-size: 14px;
  padding: 3px 10px;
  border: 1px solid #ffe4b5;
  margin-right: 10px;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .dropdown-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.header .header-bg .navbar-nav .nav-item .my-dropdown .dropdown-item img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.header .header-bg .navbar-nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* 宽度和文字一样宽 */
  height: 2px;
  background-color: #ffffff;
  transform: scaleX(0);
  /* 初始缩放为0 */
  transform-origin: center;
  /* 从中间开始展开 */
  transition: transform 0.3s ease;
}
.header .header-bg .navbar-nav .nav-item .nav-link:hover::after {
  transform: scaleX(1);
  /* 展开到100%宽度 */
}
.header .header-bg .navbar-nav .nav-item .nav-link.active::after {
  transform: scaleX(1);
  /* 直接展开 */
  transition: none;
  /* 关键：去掉过渡动画 */
}
.header .menu-open {
  background-color: rgb(0, 93, 255) !important;
}
.header .scroll-open {
  background-color: rgb(0, 93, 255) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.header .scroll-fixed {
  background-color: rgb(0, 93, 255) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.footer {
  margin: 0;
  padding: 0;
  margin-top: 50px;
  color: #ffffff;
}
.footer .assure {
  background: #07162d;
  padding-bottom: 20px;
}
.footer .assure .row .col {
  margin-top: 20px;
  font-size: 18px;
}
@media (max-width: 720px) {
  .footer .assure .row .col {
    font-size: 16px;
  }
}
.footer .assure .row .col img {
  margin-right: 5px;
}
.footer .more {
  background: #0a1a33;
  padding-top: 30px;
  padding-bottom: 20px;
}
.footer .more a {
  text-decoration: none;
}
.footer .more .content {
  display: flex;
}
.footer .more .content .contact {
  flex: 0 0 500px;
  width: 500px;
}
.footer .more .content .contact .company {
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 40px;
}
.footer .more .content .contact .item {
  padding: 5px 0;
}
.footer .more .content .contact .code {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.footer .more .content .contact .code img {
  width: 106px;
  height: 106px;
}
.footer .more .content .contact .code span {
  display: inline-block;
  width: 106px;
  text-align: center;
  margin-top: 10px;
}
.footer .more .content .other {
  flex-grow: 1;
}
.footer .more .content .other .box {
  display: flex;
}
.footer .more .content .other .box .item {
  width: 25%;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}
.footer .more .content .other .box .item .title {
  font-size: 18px;
  margin-bottom: 10px;
}
.footer .more .content .other .box .item a {
  color: #8f8d8d;
  padding: 5px 0;
}
.footer .more .content .other .box .item a:hover {
  color: #ffffff;
}
.footer .more .content .other .line {
  height: 1px;
  border-bottom: 1px solid #3f3f3f;
}
.footer .more .content .other .fast {
  display: flex;
  padding: 20px 0;
}
.footer .more .content .other .fast .item {
  color: #ffffff;
  margin-right: 40px;
  display: inline-flex;
  align-items: center;
}
.footer .more .content .other .fast .item img {
  width: 16px;
  height: 15px;
  margin-right: 5px;
}
.footer .more .content .other .icp {
  display: flex;
  padding: 20px 0;
}
.footer .more .content .other .icp .item {
  color: #ffffff;
  margin-right: 30px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
}
.footer .more .content .other .icp .item img {
  margin-right: 5px;
}
@media (max-width: 1500px) {
  .footer .more .content .other .icp {
    flex-direction: column;
  }
  .footer .more .content .other .icp .item {
    padding: 5px 0;
    margin-right: 0;
  }
}
@media (max-width: 1100px) {
  .footer .more .content .other {
    display: none;
  }
  .footer .more .content .contact {
    flex: 0 0 100%;
    width: 100%;
  }
}

.banner {
  width: 100%;
  height: 300px;
  position: relative;
}
.banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.banner .search {
  width: 400px;
  position: absolute;
  left: 50%;
  top: 78%;
  transform: translate(-50%, -50%);
}
.banner .search .form-control {
  line-height: 2.2;
  font-size: 16px;
}
.banner .search i {
  font-size: 16px;
}
@media (max-width: 720px) {
  .banner .search {
    display: none;
  }
}

.main-info .main-nav {
  height: 63px;
}
@media (max-width: 992px) {
  .main-info .main-nav {
    height: 56px;
  }
}
.main-info .fast-link {
  padding-top: 30px;
}
.main-info .fast-link a {
  font-size: 16px;
  color: #8b949f;
}
.main-info .fast-link span {
  font-size: 16px;
  color: #8b949f;
  padding: 0 3px;
}
.main-info .fast-link a:hover {
  color: #005dff;
}
.main-info .fast-link a:hover.disabled {
  color: #8b949f;
}
.main-info .content {
  margin-top: 20px;
  padding: 20px;
  background: #ffffff;
}
.main-info .content .title {
  font-weight: bold;
  font-size: 24px;
  color: #1e2c52;
}
.main-info .content .time {
  margin-top: 10px;
  font-size: 16px;
  color: #8b949f;
}
.main-info .content .line {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 1px;
  border: 1px solid #eeeeee;
}
.main-info .content .info {
  font-size: 16px;
  color: #1e2c52;
  line-height: 26px;
}
.main-info .content .info img {
  max-width: 100%;
}
.main-info .content .tag a {
  background: #f3f5f8;
  border-radius: 6px;
  margin: 0 5px;
  padding: 2px 0;
  padding-right: 10px;
  padding-left: 2px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #1e2c52;
}
.main-info .content .tag a span {
  color: #ffffff;
  background: #0061ff;
  border-radius: 6px;
  padding: 8px 10px;
  margin-right: 5px;
}

.main {
  margin-top: 40px;
}

.main,
.main1 {
  display: flex;
}
.main .menu,
.main1 .menu {
  flex: 0 0 240px;
  width: 240px;
  display: flex;
  flex-direction: column;
}
.main .menu a,
.main1 .menu a {
  font-size: 20px;
  font-weight: bold;
  color: #30465f;
  padding: 20px 0;
  border-right: 2px solid #e2e4e9;
  display: flex;
  align-items: center;
  padding-left: 40px;
  border-bottom: 1px solid #e2e4e9;
}
.main .menu a i,
.main1 .menu a i {
  height: 6px;
  width: 6px;
  background: #dadde1;
  border-radius: 50%;
  display: inline-flex;
  margin-right: 40px;
}
.main .menu a.active,
.main1 .menu a.active {
  color: #2968ff;
  background: linear-gradient(90deg, rgb(243, 245, 248), #ffffff);
  border-right: 2px solid #2968ff;
  border-bottom: none;
  transform: translateY(-1px);
}
.main .menu a.active i,
.main1 .menu a.active i {
  background: #2968ff;
}
.main .menu a:last-child,
.main1 .menu a:last-child {
  border-bottom: none;
}
.main .menu a:hover,
.main1 .menu a:hover {
  color: #2968ff;
}
.main .content,
.main1 .content {
  flex-grow: 1;
  padding-left: 40px;
}
.main .content UL LI,
.main .content1 UL LI,
.main1 .content UL LI,
.main1 .content1 UL LI {
  display: inline-flex;
  margin-top: 40px;
  width: 100%;
}
.main .content UL LI .img,
.main .content1 UL LI .img,
.main1 .content UL LI .img,
.main1 .content1 UL LI .img {
  flex: 0 0 240px;
  width: 240px;
  height: 170px;
}
@media (max-width: 992px) {
  .main .content UL LI .img,
  .main .content1 UL LI .img,
  .main1 .content UL LI .img,
  .main1 .content1 UL LI .img {
    flex: 0 0 180px;
    width: 180px;
    height: 150px;
  }
}
@media (max-width: 720px) {
  .main .content UL LI .img,
  .main .content1 UL LI .img,
  .main1 .content UL LI .img,
  .main1 .content1 UL LI .img {
    flex: 0 0 128px;
    width: 128px;
    height: 90px;
  }
}
.main .content UL LI .img img,
.main .content1 UL LI .img img,
.main1 .content UL LI .img img,
.main1 .content1 UL LI .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.main .content UL LI .info,
.main .content1 UL LI .info,
.main1 .content UL LI .info,
.main1 .content1 UL LI .info {
  flex-grow: 1;
  padding-left: 20px;
}
.main .content UL LI .info .title a,
.main .content1 UL LI .info .title a,
.main1 .content UL LI .info .title a,
.main1 .content1 UL LI .info .title a {
  font-weight: bold;
  font-size: 20px;
  color: #1e2c52;
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式为垂直 */
  -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis;
}
@media (max-width: 720px) {
  .main .content UL LI .info .title a,
  .main .content1 UL LI .info .title a,
  .main1 .content UL LI .info .title a,
  .main1 .content1 UL LI .info .title a {
    font-size: 18px;
  }
}
.main .content UL LI .info .title a:hover,
.main .content1 UL LI .info .title a:hover,
.main1 .content UL LI .info .title a:hover,
.main1 .content1 UL LI .info .title a:hover {
  color: #2968ff;
}
.main .content UL LI .info .time,
.main .content1 UL LI .info .time,
.main1 .content UL LI .info .time,
.main1 .content1 UL LI .info .time {
  margin-top: 10px;
}
.main .content UL LI .info .time a,
.main .content1 UL LI .info .time a,
.main1 .content UL LI .info .time a,
.main1 .content1 UL LI .info .time a {
  font-size: 16px;
  color: #1e2c52;
}
.main .content UL LI .info .time a:hover,
.main .content1 UL LI .info .time a:hover,
.main1 .content UL LI .info .time a:hover,
.main1 .content1 UL LI .info .time a:hover {
  color: #2968ff;
}
.main .content UL LI .info .remark,
.main .content1 UL LI .info .remark,
.main1 .content UL LI .info .remark,
.main1 .content1 UL LI .info .remark {
  margin-top: 10px;
}
.main .content UL LI .info .remark a,
.main .content1 UL LI .info .remark a,
.main1 .content UL LI .info .remark a,
.main1 .content1 UL LI .info .remark a {
  font-size: 16px;
  color: #8b949f;
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式为垂直 */
  -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis;
}
.main .content UL LI .info .remark a:hover,
.main .content1 UL LI .info .remark a:hover,
.main1 .content UL LI .info .remark a:hover,
.main1 .content1 UL LI .info .remark a:hover {
  color: #2968ff;
}
.main .content UL LI .info .more,
.main .content1 UL LI .info .more,
.main1 .content UL LI .info .more,
.main1 .content1 UL LI .info .more {
  margin-top: 10px;
}
.main .content UL LI .info .more a,
.main .content1 UL LI .info .more a,
.main1 .content UL LI .info .more a,
.main1 .content1 UL LI .info .more a {
  font-size: 16px;
  color: #005dff;
}
@media (max-width: 720px) {
  .main .content UL LI .info .remark,
  .main .content UL LI .info .more,
  .main .content1 UL LI .info .remark,
  .main .content1 UL LI .info .more,
  .main1 .content UL LI .info .remark,
  .main1 .content UL LI .info .more,
  .main1 .content1 UL LI .info .remark,
  .main1 .content1 UL LI .info .more {
    display: none;
  }
}
@media (max-width: 720px) {
  .main .content UL LI,
  .main .content1 UL LI,
  .main1 .content UL LI,
  .main1 .content1 UL LI {
    margin-top: 20px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
  }
}

@media (max-width: 720px) {
  .main {
    flex-direction: column;
  }
  .main .menu {
    margin-bottom: 20px;
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 0 10px;
  }
  .main .menu a {
    border-right: none;
    padding-left: 0;
    border-bottom: none;
    padding: 10px 5px;
    font-size: 16px;
  }
  .main .menu a i {
    display: none;
  }
  .main .menu a.active {
    color: #ffffff;
    border-right: none;
    border-bottom: none;
    transform: none;
    background: #2968ff;
    border-radius: 10px;
  }
  .main .content {
    padding-left: 0;
  }
}
.block1 {
  display: inline-block;
  background-image: url(../images/help1.png);
  background-repeat: no-repeat;
  height: 28px;
  padding-left: 10px;
  line-height: 28px;
  width: 56px;
  font-size: 14px;
  color: #005dff;
  font-weight: normal;
  margin-right: 10px;
}

.block3 {
  display: inline-block;
  background-image: url(../images/help3.png);
  background-repeat: no-repeat;
  height: 28px;
  padding-left: 10px;
  line-height: 28px;
  width: 56px;
  font-size: 14px;
  color: #005dff;
  font-weight: normal;
  margin-right: 10px;
}

.block2 {
  display: inline-block;
  background-image: url(../images/help2.png);
  background-repeat: no-repeat;
  height: 28px;
  padding-left: 10px;
  line-height: 28px;
  width: 56px;
  font-size: 14px;
  color: #ffa829;
  font-weight: normal;
  margin-right: 10px;
}

/*# sourceMappingURL=news.css.map */