.container[data-v-bb7a78b6] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-bb7a78b6] {
  background-color: #1e87f0
}

a img[data-v-bb7a78b6] {
  width: 100%;
  height: 100%
}

input[data-v-bb7a78b6] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-bb7a78b6] {
  float: left
}

.fr[data-v-bb7a78b6] {
  float: right
}

.clearfix[data-v-bb7a78b6]:after,
.clearfix[data-v-bb7a78b6]:before {
  content: " ";
  display: table
}

.clearfix[data-v-bb7a78b6]:after {
  clear: both
}

.header-logo[data-v-bb7a78b6] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-bb7a78b6] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-bb7a78b6]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-bb7a78b6]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-bb7a78b6]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.banner[data-v-bb7a78b6] {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px
}

.banner .b-banner[data-v-bb7a78b6] {
  width: 70%;
  height: 100%;
  position: relative
}

.banner .b-banner img[data-v-bb7a78b6] {
  width: 100%;
  height: 100%
}

.banner .b-banner p[data-v-bb7a78b6] {
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  border-top: 2px solid #ccc;
  color: #fff
}

.banner .b-r[data-v-bb7a78b6] {
  width: 30%;
  margin-right: 20px;
  height: 100%
}

.banner .b-r img[data-v-bb7a78b6] {
  width: 100%;
  height: 50%
}

.modal {
  z-index: 20;
  transition: all .5s
}

.modal,
.modal .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal .mask {
  background-color: #000;
  opacity: .5
}

.modal.slide-enter-active {
  top: 0
}

.modal.slide-enter,
.modal.slide-leave-active {
  top: -100%
}

.modal .modal-dialog {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 660px;
  height: auto;
  background-color: #fff;
  transform: translate(-50%, -50%)
}

.modal .modal-dialog img {
  width: 260px
}

.modal .modal-dialog .modal-header {
  height: 60px;
  background-color: #f5f5f5;
  padding: 0 25px;
  line-height: 60px;
  font-size: 16px
}

.modal .modal-dialog .modal-header .icon-close {
  position: absolute;
  top: 23px;
  right: 25px;
  width: 14px;
  height: 14px;
  background: url(/imgs/icon-close.png) no-repeat 50%;
  background-size: contain;
  transition: transform .3s
}

.modal .modal-dialog .modal-header .icon-close:hover {
  transform: scale(1.5)
}

.modal .modal-dialog .modal-body {
  padding: 42px 40px 42px;
  font-size: 14px;
  display: flex;
  justify-content: space-around
}

.modal .modal-dialog .modal-body p {
  text-align: center
}

.modal .modal-dialog .modal-footer {
  height: 82px;
  line-height: 82px;
  text-align: center;
  background-color: #f5f5f5
}

.btn {
  display: inline-block;
  width: 110px;
  line-height: 30px;
  text-align: center;
  background-color: #f60;
  color: #fff;
  border: none;
  cursor: pointer
}

.btn-default {
  background-color: #b0b0b0;
  color: #fff
}

.btn-large {
  width: 202px;
  height: 50px;
  line-height: 50px;
  font-size: 18px
}

.btn-huge {
  width: 300px;
  height: 54px;
  line-height: 54px;
  font-size: 16px
}

.btn-group .btn {
  margin-right: 20px
}

.btn-group .btn:last-child {
  margin-right: 0
}

.modal-body {
  padding: 20px;
  box-sizing: border-box;
  display: block !important
}

.modal-body h2 {
  font-size: 16px;
  text-align: center;
  margin: 10px auto;
  display: block
}

.pay-con {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

.pay-con .pay-item {
  width: 230px;
  height: 40px;
  line-height: 40px
}

.pay-con .pay-item input {
  margin-right: 15px;
  line-height: 40px;
  height: 100%
}

.pay-con .pay-item img {
  width: 150px;
  height: 40px
}

.container[data-v-d52844b4] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-d52844b4] {
  background-color: #1e87f0
}

a img[data-v-d52844b4] {
  width: 100%;
  height: 100%
}

input[data-v-d52844b4] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-d52844b4] {
  float: left
}

.fr[data-v-d52844b4] {
  float: right
}

.clearfix[data-v-d52844b4]:after,
.clearfix[data-v-d52844b4]:before {
  content: " ";
  display: table
}

.clearfix[data-v-d52844b4]:after {
  clear: both
}

.header-logo[data-v-d52844b4] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-d52844b4] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-d52844b4]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-d52844b4]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-d52844b4]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.nav-header[data-v-d52844b4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 1000;
  background: hsla(0, 0%, 100%, .98);
  box-shadow: 0 2px 15px rgba(0, 0, 0, .08);
  border-bottom: 1px solid #eef2f7
}

.nav-header .container[data-v-d52844b4] {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header-left[data-v-d52844b4] {
  display: flex;
  align-items: center;
  gap: 40px
}

.header-left .logo[data-v-d52844b4] {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer
}

.header-left .logo .logo-icon[data-v-d52844b4] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  display: flex;
  align-items: center;
  justify-content: center
}

.header-left .logo .logo-icon .iconfont[data-v-d52844b4] {
  color: #fff;
  font-size: 20px
}

.header-left .logo .logo-text[data-v-d52844b4] {
  font-size: 18px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.header-left .main-nav[data-v-d52844b4] {
  display: flex;
  gap: 10px
}

.header-left .main-nav .nav-item[data-v-d52844b4] {
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  color: #666;
  font-weight: 600;
  font-size: 15px;
  transition: all .3s ease;
  position: relative
}

.header-left .main-nav .nav-item[data-v-d52844b4]:hover {
  background: #f8fafc;
  color: #1a2b6d
}

.header-left .main-nav .nav-item.active[data-v-d52844b4] {
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(26, 43, 109, .3)
}

.header-right[data-v-d52844b4] {
  display: flex;
  align-items: center;
  gap: 15px
}

.header-right .auth-btn[data-v-d52844b4] {
  padding: 10px 24px;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: all .3s ease
}

.header-right .auth-btn.login-btn[data-v-d52844b4] {
  background: #f8fafc;
  color: #666;
  border: 2px solid #eef2f7
}

.header-right .auth-btn.login-btn[data-v-d52844b4]:hover {
  background: #fff;
  border-color: #1a2b6d;
  color: #1a2b6d
}

.header-right .auth-btn.register-btn[data-v-d52844b4] {
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff
}

.header-right .auth-btn.register-btn[data-v-d52844b4]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(26, 43, 109, .3)
}

.header-right .user-info[data-v-d52844b4] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 15px;
  background: #f8fafc;
  border-radius: 10px;
  border: 2px solid #eef2f7
}

.header-right .user-info .user-name[data-v-d52844b4] {
  font-size: 14px;
  font-weight: 700;
  color: #1a2b6d
}

.header-right .user-info .logout-btn[data-v-d52844b4] {
  background: #ff6b6b;
  color: #fff;
  border: none;
  padding: 6px 15px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all .3s ease
}

.header-right .user-info .logout-btn[data-v-d52844b4]:hover {
  background: #ff4757;
  transform: translateY(-1px)
}

@media (max-width:768px) {
  .nav-header[data-v-d52844b4] {
    height: 60px
  }

  .header-left[data-v-d52844b4] {
    gap: 20px
  }

  .header-left .logo .logo-icon[data-v-d52844b4] {
    width: 35px;
    height: 35px
  }

  .header-left .logo .logo-text[data-v-d52844b4] {
    font-size: 16px
  }

  .header-left .main-nav .nav-item[data-v-d52844b4] {
    padding: 8px 15px;
    font-size: 14px
  }

  .header-right .auth-btn[data-v-d52844b4] {
    padding: 8px 18px;
    font-size: 13px
  }

  .header-right .user-info[data-v-d52844b4] {
    padding: 8px 12px
  }

  .header-right .user-info .user-name[data-v-d52844b4] {
    font-size: 13px
  }

  .header-right .user-info .logout-btn[data-v-d52844b4] {
    padding: 5px 12px;
    font-size: 11px
  }
}

@media (max-width:576px) {
  .header-left .logo .logo-text[data-v-d52844b4] {
    display: none
  }

  .header-left .main-nav .nav-item[data-v-d52844b4] {
    padding: 8px 12px;
    font-size: 13px
  }

  .header-right .auth-btn[data-v-d52844b4] {
    padding: 8px 15px;
    font-size: 12px
  }
}

.container[data-v-4dec3289] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-4dec3289] {
  background-color: #1e87f0
}

a img[data-v-4dec3289] {
  width: 100%;
  height: 100%
}

input[data-v-4dec3289] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-4dec3289] {
  float: left
}

.fr[data-v-4dec3289] {
  float: right
}

.clearfix[data-v-4dec3289]:after,
.clearfix[data-v-4dec3289]:before {
  content: " ";
  display: table
}

.clearfix[data-v-4dec3289]:after {
  clear: both
}

.header-logo[data-v-4dec3289] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-4dec3289] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-4dec3289]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-4dec3289]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-4dec3289]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.nav-footer[data-v-4dec3289] {
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  color: #fff;
  padding: 60px 0 30px;
  position: relative;
  overflow: hidden
}

.nav-footer[data-v-4dec3289]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .2), transparent)
}

.nav-footer .footer-content[data-v-4dec3289] {
  position: relative;
  z-index: 1
}

.nav-footer .footer-top-line[data-v-4dec3289] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #36d1dc, #5b86e5, #ff6b6b);
  border-radius: 2px;
  margin: 0 auto 40px
}

.nav-footer .container[data-v-4dec3289] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px
}

.footer-grid[data-v-4dec3289] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 50px
}

@media (max-width:992px) {
  .footer-grid[data-v-4dec3289] {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:768px) {
  .footer-grid[data-v-4dec3289] {
    grid-template-columns: 1fr
  }
}

.footer-section .section-header[data-v-4dec3289] {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.footer-section .section-header .section-icon[data-v-4dec3289] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #36d1dc, #5b86e5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px
}

.footer-section .section-header .section-icon .iconfont[data-v-4dec3289] {
  color: #fff;
  font-size: 20px
}

.footer-section .section-header .section-title[data-v-4dec3289] {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0
}

.footer-section .section-links[data-v-4dec3289] {
  display: flex;
  flex-direction: column;
  gap: 15px
}

.footer-section .section-links .footer-link[data-v-4dec3289] {
  display: flex;
  align-items: center;
  gap: 12px;
  color: hsla(0, 0%, 100%, .8);
  text-decoration: none;
  padding: 12px 15px;
  border-radius: 8px;
  transition: all .3s ease;
  border: 1px solid transparent
}

.footer-section .section-links .footer-link[data-v-4dec3289]:hover {
  background: hsla(0, 0%, 100%, .1);
  border-color: hsla(0, 0%, 100%, .2);
  color: #fff;
  transform: translateX(5px)
}

.footer-section .section-links .footer-link .iconfont[data-v-4dec3289] {
  font-size: 16px;
  color: #36d1dc
}

.footer-section .section-links .footer-link span[data-v-4dec3289] {
  font-size: 15px;
  font-weight: 500
}

.contact-info .contact-item[data-v-4dec3289] {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 18px;
  padding: 12px;
  border-radius: 8px;
  transition: all .3s ease
}

.contact-info .contact-item[data-v-4dec3289]:hover {
  background: hsla(0, 0%, 100%, .05)
}

.contact-info .contact-item .contact-icon[data-v-4dec3289] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: hsla(0, 0%, 100%, .1);
  display: flex;
  align-items: center;
  justify-content: center
}

.contact-info .contact-item .contact-icon .iconfont[data-v-4dec3289] {
  color: #36d1dc;
  font-size: 18px
}

.contact-info .contact-item .contact-text[data-v-4dec3289] {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: hsla(0, 0%, 100%, .9)
}

.company-info .company-card[data-v-4dec3289] {
  background: hsla(0, 0%, 100%, .05);
  border-radius: 12px;
  padding: 20px;
  border: 1px solid hsla(0, 0%, 100%, .1)
}

.company-info .company-card .company-badge[data-v-4dec3289] {
  display: inline-block;
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  padding: 6px 15px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 15px;
  letter-spacing: .5px
}

.company-info .company-card .company-description[data-v-4dec3289] {
  font-size: 14px;
  line-height: 1.6;
  color: hsla(0, 0%, 100%, .8);
  margin-bottom: 20px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical
}

.company-info .company-card .company-cert[data-v-4dec3289] {
  display: flex;
  gap: 15px
}

.company-info .company-card .company-cert .cert-item[data-v-4dec3289] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 6px;
  font-size: 13px;
  color: hsla(0, 0%, 100%, .9)
}

.company-info .company-card .company-cert .cert-item .iconfont[data-v-4dec3289] {
  color: #36d1dc;
  font-size: 14px
}

.footer-bottom[data-v-4dec3289] {
  padding-top: 30px;
  border-top: 1px solid hsla(0, 0%, 100%, .1);
  text-align: center
}

.footer-bottom .copyright[data-v-4dec3289] {
  font-size: 14px;
  color: hsla(0, 0%, 100%, .7);
  margin-bottom: 10px;
  font-weight: 500
}

.footer-bottom .icp-info[data-v-4dec3289] {
  margin-bottom: 10px
}

.footer-bottom .icp-info a[data-v-4dec3289] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: hsla(0, 0%, 100%, .7);
  text-decoration: none;
  font-size: 14px;
  transition: color .3s ease
}

.footer-bottom .icp-info a[data-v-4dec3289]:hover {
  color: #36d1dc
}

.footer-bottom .icp-info a .iconfont[data-v-4dec3289] {
  font-size: 14px
}

.footer-bottom .footer-notice[data-v-4dec3289] {
  font-size: 13px;
  color: hsla(0, 0%, 100%, .5);
  letter-spacing: .5px
}

@media (max-width:768px) {
  .nav-footer[data-v-4dec3289] {
    padding: 40px 0 25px
  }

  .footer-grid[data-v-4dec3289] {
    gap: 30px
  }

  .footer-section .section-header[data-v-4dec3289] {
    flex-direction: column;
    text-align: center;
    gap: 15px
  }

  .footer-section .section-header .section-icon[data-v-4dec3289] {
    margin-right: 0
  }
}

@media (max-width:480px) {
  .company-cert[data-v-4dec3289] {
    flex-direction: column
  }
}

.container[data-v-46b39e09] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-46b39e09] {
  background-color: #1e87f0
}

a img[data-v-46b39e09] {
  width: 100%;
  height: 100%
}

input[data-v-46b39e09] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-46b39e09] {
  float: left
}

.fr[data-v-46b39e09] {
  float: right
}

.clearfix[data-v-46b39e09]:after,
.clearfix[data-v-46b39e09]:before {
  content: " ";
  display: table
}

.clearfix[data-v-46b39e09]:after {
  clear: both
}

.header-logo[data-v-46b39e09] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-46b39e09] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-46b39e09]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-46b39e09]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-46b39e09]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.index[data-v-46b39e09] {
  margin-top: 80px;
  background: linear-gradient(135deg, #f5f7fa, #e4edf5);
  min-height: 100vh
}

.index .container[data-v-46b39e09] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px
}

.trending-banner[data-v-46b39e09] {
  background: linear-gradient(90deg, #1a2b6d, #2c3e50);
  border-radius: 16px;
  padding: 25px 30px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
  color: #fff;
  position: relative;
  overflow: hidden
}

.trending-banner[data-v-46b39e09]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .1))
}

.trending-banner .trending-header[data-v-46b39e09] {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 2
}

.trending-banner .trending-header .trending-icon[data-v-46b39e09] {
  background: linear-gradient(135deg, #ff6b6b, #ff8e53);
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px
}

.trending-banner .trending-header .trending-icon .iconfont[data-v-46b39e09] {
  font-size: 24px;
  color: #fff
}

.trending-banner .trending-header .trending-title[data-v-46b39e09] {
  font-size: 28px;
  font-weight: 800;
  margin: 0;
  flex: 1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.trending-banner .trending-header .trending-tags[data-v-46b39e09] {
  display: flex;
  gap: 15px
}

.trending-banner .trending-header .trending-tags .trending-tag[data-v-46b39e09] {
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .5px
}

.trending-banner .trending-header .trending-tags .trending-tag.trending-hot[data-v-46b39e09] {
  background: linear-gradient(135deg, #ff416c, #ff4b2b)
}

.trending-banner .trending-header .trending-tags .trending-tag.trending-new[data-v-46b39e09] {
  background: linear-gradient(135deg, #36d1dc, #5b86e5)
}

.trending-banner .trending-header .trending-tags .trending-tag.trending-exclusive[data-v-46b39e09] {
  background: linear-gradient(135deg, #834d9b, #d04ed6)
}

.trending-banner .trending-content[data-v-46b39e09] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
  z-index: 2
}

.trending-banner .trending-content .trending-item[data-v-46b39e09] {
  background: hsla(0, 0%, 100%, .1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
  border: 1px solid hsla(0, 0%, 100%, .2)
}

.trending-banner .trending-content .trending-item[data-v-46b39e09]:hover {
  background: hsla(0, 0%, 100%, .2);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2)
}

.trending-banner .trending-content .trending-item .trending-rank[data-v-46b39e09] {
  font-size: 32px;
  font-weight: 900;
  color: gold;
  margin-right: 20px;
  min-width: 50px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.trending-banner .trending-content .trending-item .trending-info[data-v-46b39e09] {
  flex: 1
}

.trending-banner .trending-content .trending-item .trending-info h4[data-v-46b39e09] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0;
  line-height: 1.4;
  color: #fff
}

.trending-banner .trending-content .trending-item .trending-info .trending-meta[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: hsla(0, 0%, 100%, .8)
}

.trending-banner .trending-content .trending-item .trending-info .trending-meta .trending-views[data-v-46b39e09] {
  display: flex;
  align-items: center;
  gap: 5px
}

.main-content[data-v-46b39e09] {
  display: flex;
  gap: 30px;
  margin-top: 40px
}

.content-left[data-v-46b39e09] {
  flex: 3
}

.content-right[data-v-46b39e09] {
  flex: 1;
  min-width: 350px
}

.section-header[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f7
}

.section-header .section-title[data-v-46b39e09] {
  font-size: 24px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px
}

.section-header .section-title .title-highlight[data-v-46b39e09] {
  font-size: 28px
}

.section-header .section-nav[data-v-46b39e09] {
  display: flex;
  gap: 20px
}

.section-header .section-nav .nav-item[data-v-46b39e09] {
  color: #666;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 20px;
  transition: all .3s ease
}

.section-header .section-nav .nav-item.active[data-v-46b39e09],
.section-header .section-nav .nav-item[data-v-46b39e09]:hover {
  background: linear-gradient(135deg, #1a2b6d, #4a6fa5);
  color: #fff
}

.section-header .section-filter[data-v-46b39e09] {
  display: flex;
  align-items: center;
  gap: 10px
}

.section-header .section-filter .filter-label[data-v-46b39e09] {
  color: #666;
  font-weight: 600
}

.section-header .section-filter .filter-select[data-v-46b39e09] {
  padding: 8px 15px;
  border: 2px solid #eef2f7;
  border-radius: 8px;
  background: #fff;
  font-weight: 600;
  color: #1a2b6d;
  cursor: pointer;
  transition: all .3s ease
}

.section-header .section-filter .filter-select[data-v-46b39e09]:focus {
  outline: none;
  border-color: #1a2b6d
}

.featured-news[data-v-46b39e09] {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .08)
}

.featured-news .news-grid[data-v-46b39e09] {
  display: flex;
  gap: 25px
}

.featured-news .main-card[data-v-46b39e09] {
  flex: 2;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  transition: all .3s ease
}

.featured-news .main-card[data-v-46b39e09]:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, .15)
}

.featured-news .main-card:hover .card-image img[data-v-46b39e09] {
  transform: scale(1.05)
}

.featured-news .main-card .card-image[data-v-46b39e09] {
  position: relative;
  height: 350px;
  overflow: hidden
}

.featured-news .main-card .card-image img[data-v-46b39e09] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .5s ease
}

.featured-news .main-card .card-image .image-overlay[data-v-46b39e09] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(transparent, rgba(0, 0, 0, .8))
}

.featured-news .main-card .card-image .card-badge[data-v-46b39e09] {
  position: absolute;
  top: 20px;
  left: 20px;
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: #fff;
  padding: 8px 20px;
  border-radius: 25px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1px
}

.featured-news .main-card .card-image .card-badge.featured[data-v-46b39e09] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d
}

.featured-news .main-card .card-content[data-v-46b39e09] {
  padding: 25px
}

.featured-news .main-card .card-content .card-title[data-v-46b39e09] {
  font-size: 24px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0 0 15px 0;
  line-height: 1.4
}

.featured-news .main-card .card-content .card-excerpt[data-v-46b39e09] {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 25px
}

.featured-news .main-card .card-content .card-meta[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.featured-news .main-card .card-content .card-meta .author-info[data-v-46b39e09] {
  display: flex;
  align-items: center;
  gap: 10px
}

.featured-news .main-card .card-content .card-meta .author-info .author-avatar[data-v-46b39e09] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #36d1dc, #5b86e5)
}

.featured-news .main-card .card-content .card-meta .author-info .author-name[data-v-46b39e09] {
  font-weight: 700;
  color: #1a2b6d
}

.featured-news .main-card .card-content .card-meta .card-stats[data-v-46b39e09] {
  display: flex;
  gap: 20px;
  color: #666;
  font-weight: 600
}

.featured-news .news-list[data-v-46b39e09] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px
}

.featured-news .news-list .news-item[data-v-46b39e09] {
  background: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  gap: 15px;
  cursor: pointer;
  transition: all .3s ease;
  border: 1px solid #eef2f7
}

.featured-news .news-list .news-item[data-v-46b39e09]:hover {
  background: #fff;
  transform: translateX(5px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.featured-news .news-list .news-item .news-image[data-v-46b39e09] {
  flex-shrink: 0;
  width: 120px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  position: relative
}

.featured-news .news-list .news-item .news-image img[data-v-46b39e09] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.featured-news .news-list .news-item .news-image .news-badge[data-v-46b39e09] {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ff4757;
  color: #fff;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 700
}

.featured-news .news-list .news-item .news-image .news-badge.breaking[data-v-46b39e09] {
  background: #ff4757;
  -webkit-animation: pulse-data-v-46b39e09 1.5s infinite;
  animation: pulse-data-v-46b39e09 1.5s infinite
}

.featured-news .news-list .news-item .news-details[data-v-46b39e09] {
  flex: 1
}

.featured-news .news-list .news-item .news-details .news-title[data-v-46b39e09] {
  font-size: 16px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0 0 8px 0;
  line-height: 1.4
}

.featured-news .news-list .news-item .news-details .news-summary[data-v-46b39e09] {
  font-size: 13px;
  color: #666;
  line-height: 1.4;
  margin-bottom: 12px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.featured-news .news-list .news-item .news-details .news-meta[data-v-46b39e09] {
  display: flex;
  gap: 15px;
  align-items: center
}

.featured-news .news-list .news-item .news-details .news-meta .meta-tag[data-v-46b39e09] {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700
}

.featured-news .news-list .news-item .news-details .news-meta .meta-tag.exclusive[data-v-46b39e09] {
  background: gold;
  color: #1a2b6d
}

.featured-news .news-list .news-item .news-details .news-meta .meta-time[data-v-46b39e09] {
  color: #666;
  font-size: 12px
}

.featured-news .news-list .news-item .news-details .news-meta .meta-price[data-v-46b39e09] {
  color: #ff6b6b;
  font-weight: 700;
  font-size: 12px
}

.industry-news[data-v-46b39e09] {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .08)
}

.industry-news .industry-grid[data-v-46b39e09] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px
}

.industry-news .industry-card[data-v-46b39e09] {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #eef2f7;
  cursor: pointer;
  transition: all .3s ease
}

.industry-news .industry-card[data-v-46b39e09]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.industry-news .industry-card:hover .industry-image img[data-v-46b39e09] {
  transform: scale(1.05)
}

.industry-news .industry-card .industry-header[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: #f8fafc;
  border-bottom: 1px solid #eef2f7
}

.industry-news .industry-card .industry-header .industry-category[data-v-46b39e09] {
  font-weight: 700;
  color: #1a2b6d;
  font-size: 14px
}

.industry-news .industry-card .industry-header .industry-vip[data-v-46b39e09] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 800;
  font-size: 12px
}

.industry-news .industry-card .industry-image[data-v-46b39e09] {
  height: 180px;
  overflow: hidden
}

.industry-news .industry-card .industry-image img[data-v-46b39e09] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .5s ease
}

.industry-news .industry-card .industry-content[data-v-46b39e09] {
  padding: 20px
}

.industry-news .industry-card .industry-content .industry-title[data-v-46b39e09] {
  font-size: 18px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0 0 12px 0;
  line-height: 1.4
}

.industry-news .industry-card .industry-content .industry-description[data-v-46b39e09] {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.industry-news .industry-card .industry-content .industry-footer[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.industry-news .industry-card .industry-content .industry-footer .industry-stats[data-v-46b39e09] {
  display: flex;
  gap: 15px;
  font-size: 12px;
  color: #666
}

.industry-news .industry-card .industry-content .industry-footer .industry-stats .stat[data-v-46b39e09] {
  display: flex;
  align-items: center;
  gap: 5px
}

.industry-news .industry-card .industry-content .industry-footer .industry-action .read-btn[data-v-46b39e09] {
  background: linear-gradient(135deg, #1a2b6d, #4a6fa5);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all .3s ease
}

.industry-news .industry-card .industry-content .industry-footer .industry-action .read-btn[data-v-46b39e09]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(26, 43, 109, .3)
}

.sidebar-header[data-v-46b39e09] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f7
}

.sidebar-header .sidebar-icon[data-v-46b39e09] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #36d1dc, #5b86e5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px
}

.sidebar-header .sidebar-icon .iconfont[data-v-46b39e09] {
  color: #fff;
  font-size: 20px
}

.sidebar-header .sidebar-title[data-v-46b39e09] {
  font-size: 20px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0;
  flex: 1
}

.sidebar-header .sidebar-more[data-v-46b39e09] {
  color: #4a6fa5;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: all .3s ease
}

.sidebar-header .sidebar-more[data-v-46b39e09]:hover {
  color: #1a2b6d
}

.sidebar-header .live-badge[data-v-46b39e09] {
  background: #ff4757;
  color: #fff;
  padding: 6px 15px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 800;
  -webkit-animation: pulse-data-v-46b39e09 1.5s infinite;
  animation: pulse-data-v-46b39e09 1.5s infinite
}

.latest-articles[data-v-46b39e09] {
  background: #fff;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 25px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .08)
}

.latest-articles .article-timeline .timeline-item[data-v-46b39e09] {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #eef2f7;
  cursor: pointer;
  transition: all .3s ease;
  position: relative
}

.latest-articles .article-timeline .timeline-item[data-v-46b39e09]:hover {
  background: #f8fafc;
  padding-left: 10px;
  border-radius: 8px
}

.latest-articles .article-timeline .timeline-item:hover .timeline-indicator[data-v-46b39e09] {
  background: #36d1dc;
  transform: scale(1.2)
}

.latest-articles .article-timeline .timeline-item[data-v-46b39e09]:last-child {
  border-bottom: none
}

.latest-articles .article-timeline .timeline-item .timeline-time[data-v-46b39e09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
  margin-right: 20px
}

.latest-articles .article-timeline .timeline-item .timeline-time .time-hour[data-v-46b39e09] {
  font-size: 24px;
  font-weight: 800;
  color: #1a2b6d
}

.latest-articles .article-timeline .timeline-item .timeline-time .time-period[data-v-46b39e09] {
  font-size: 12px;
  color: #666;
  font-weight: 600
}

.latest-articles .article-timeline .timeline-item .timeline-content[data-v-46b39e09] {
  flex: 1
}

.latest-articles .article-timeline .timeline-item .timeline-content .timeline-title[data-v-46b39e09] {
  font-size: 15px;
  font-weight: 700;
  color: #1a2b6d;
  margin-bottom: 8px;
  line-height: 1.4
}

.latest-articles .article-timeline .timeline-item .timeline-content .timeline-meta[data-v-46b39e09] {
  display: flex;
  gap: 15px;
  font-size: 12px
}

.latest-articles .article-timeline .timeline-item .timeline-content .timeline-meta .meta-source[data-v-46b39e09] {
  color: #36d1dc;
  font-weight: 700
}

.latest-articles .article-timeline .timeline-item .timeline-content .timeline-meta .meta-topic[data-v-46b39e09] {
  color: #666;
  background: #f8fafc;
  padding: 2px 8px;
  border-radius: 4px
}

.latest-articles .article-timeline .timeline-item .timeline-indicator[data-v-46b39e09] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e0e0e0;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #e0e0e0;
  transition: all .3s ease
}

.news-flash[data-v-46b39e09] {
  background: #fff;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 25px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .08)
}

.news-flash .flash-container .flash-item[data-v-46b39e09] {
  display: flex;
  align-items: center;
  padding: 15px;
  background: #f8fafc;
  border-radius: 12px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all .3s ease;
  border-left: 4px solid #36d1dc
}

.news-flash .flash-container .flash-item[data-v-46b39e09]:hover {
  background: #fff;
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.news-flash .flash-container .flash-item .flash-icon[data-v-46b39e09] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff6b6b, #ff8e53);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0
}

.news-flash .flash-container .flash-item .flash-icon .iconfont[data-v-46b39e09] {
  color: #fff;
  font-size: 18px
}

.news-flash .flash-container .flash-item .flash-content[data-v-46b39e09] {
  flex: 1
}

.news-flash .flash-container .flash-item .flash-content .flash-text[data-v-46b39e09] {
  font-size: 14px;
  font-weight: 700;
  color: #1a2b6d;
  margin: 0 0 5px 0;
  line-height: 1.4
}

.news-flash .flash-container .flash-item .flash-content .flash-time[data-v-46b39e09] {
  font-size: 12px;
  color: #666;
  font-weight: 600
}

.premium-recommend[data-v-46b39e09] {
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  border-radius: 20px;
  padding: 25px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .1)
}

.premium-recommend .premium-header[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px
}

.premium-recommend .premium-header .premium-badge[data-v-46b39e09] {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, gold, #ff8a00);
  padding: 10px 20px;
  border-radius: 25px;
  color: #1a2b6d;
  font-weight: 800;
  font-size: 16px
}

.premium-recommend .premium-header .premium-badge .iconfont[data-v-46b39e09] {
  font-size: 18px
}

.premium-recommend .premium-header .premium-price[data-v-46b39e09] {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.premium-recommend .premium-list .premium-item[data-v-46b39e09] {
  margin-bottom: 20px
}

.premium-recommend .premium-list .premium-item[data-v-46b39e09]:last-child {
  margin-bottom: 0
}

.premium-recommend .premium-list .premium-item .premium-card[data-v-46b39e09] {
  background: hsla(0, 0%, 100%, .1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: all .3s ease;
  border: 1px solid hsla(0, 0%, 100%, .2)
}

.premium-recommend .premium-list .premium-item .premium-card[data-v-46b39e09]:hover {
  background: hsla(0, 0%, 100%, .2);
  transform: translateY(-3px)
}

.premium-recommend .premium-list .premium-item .premium-card:hover .premium-overlay[data-v-46b39e09] {
  opacity: 1
}

.premium-recommend .premium-list .premium-item .premium-card .premium-image[data-v-46b39e09] {
  position: relative;
  height: 150px;
  overflow: hidden
}

.premium-recommend .premium-list .premium-item .premium-card .premium-image img[data-v-46b39e09] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.premium-recommend .premium-list .premium-item .premium-card .premium-image .premium-overlay[data-v-46b39e09] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(26, 43, 109, .8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .3s ease
}

.premium-recommend .premium-list .premium-item .premium-card .premium-image .premium-overlay .premium-btn[data-v-46b39e09] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  border: none;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  transition: all .3s ease
}

.premium-recommend .premium-list .premium-item .premium-card .premium-image .premium-overlay .premium-btn[data-v-46b39e09]:hover {
  transform: scale(1.05)
}

.premium-recommend .premium-list .premium-item .premium-card .premium-info[data-v-46b39e09] {
  padding: 20px
}

.premium-recommend .premium-list .premium-item .premium-card .premium-info .premium-title[data-v-46b39e09] {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 10px 0;
  line-height: 1.4
}

.premium-recommend .premium-list .premium-item .premium-card .premium-info .premium-excerpt[data-v-46b39e09] {
  color: hsla(0, 0%, 100%, .8);
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 15px
}

.premium-recommend .premium-list .premium-item .premium-card .premium-info .premium-stats[data-v-46b39e09] {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: hsla(0, 0%, 100%, .7)
}

.premium-recommend .premium-list .premium-item .premium-card .premium-info .premium-stats span[data-v-46b39e09] {
  display: flex;
  align-items: center;
  gap: 5px
}

@-webkit-keyframes pulse-data-v-46b39e09 {
  0% {
    opacity: 1
  }

  50% {
    opacity: .7
  }

  to {
    opacity: 1
  }
}

@keyframes pulse-data-v-46b39e09 {
  0% {
    opacity: 1
  }

  50% {
    opacity: .7
  }

  to {
    opacity: 1
  }
}

@media (max-width:1200px) {
  .main-content[data-v-46b39e09] {
    flex-direction: column
  }

  .content-right[data-v-46b39e09] {
    min-width: 100%
  }
}

.container[data-v-dfc750da] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-dfc750da] {
  background-color: #1e87f0
}

a img[data-v-dfc750da] {
  width: 100%;
  height: 100%
}

input[data-v-dfc750da] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-dfc750da] {
  float: left
}

.fr[data-v-dfc750da] {
  float: right
}

.clearfix[data-v-dfc750da]:after,
.clearfix[data-v-dfc750da]:before {
  content: " ";
  display: table
}

.clearfix[data-v-dfc750da]:after {
  clear: both
}

.header-logo[data-v-dfc750da] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-dfc750da] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-dfc750da]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-dfc750da]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-dfc750da]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.index[data-v-dfc750da] {
  margin-top: 80px;
  background-color: #eee
}

.index .container .index-box[data-v-dfc750da] {
  height: 100%;
  display: flex;
  justify-content: space-between
}

.index .container .index-box .index-l[data-v-dfc750da] {
  width: 70%;
  height: 100%
}

.index .container .index-box .index-r[data-v-dfc750da] {
  width: 30%;
  margin-right: 40px;
  height: 100%
}

.ac3[data-v-dfc750da] {
  width: 100%;
  margin-bottom: 30px
}

.ac3 .ac3-title[data-v-dfc750da] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac3 .ac3-title h2[data-v-dfc750da] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0
}

.ac3 .ac3-item[data-v-dfc750da] {
  width: 100%;
  height: 300px;
  cursor: pointer;
  background-color: #fff;
  margin: 20px auto
}

.ac3 .ac3-item .item-img[data-v-dfc750da] {
  width: 100%;
  height: 250px;
  border: 1px solid #fff
}

.ac3 .ac3-item .item-img img[data-v-dfc750da] {
  width: 100%;
  height: 100%
}

.ac3 .ac3-item P[data-v-dfc750da] {
  width: 100%;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .3s;
  cursor: pointer
}

.ac3 .ac3-item P[data-v-dfc750da]:hover {
  color: #1e87f0
}

.ac4[data-v-dfc750da] {
  width: 100%
}

.ac4 .ac4-title[data-v-dfc750da] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac4 .ac4-title h2[data-v-dfc750da] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0;
  cursor: pointer;
  transition: all .3s
}

.ac4 .ac4-title h2[data-v-dfc750da]:hover {
  color: #1e87f0
}

.ac4 .ac4-list li[data-v-dfc750da] {
  width: 100%;
  height: 30px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box
}

.ac4 .ac4-list li i[data-v-dfc750da] {
  font-size: 16px;
  margin-right: 5px
}

.ac4 .ac4-list li span[data-v-dfc750da] {
  font-size: 14px;
  transition: all .3s;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ac4 .ac4-list li span[data-v-dfc750da]:hover {
  color: #1e87f0
}

.ac1[data-v-dfc750da] {
  width: 100%;
  margin-bottom: 30px
}

.ac1 .ac1-title[data-v-dfc750da] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac1 .ac1-title h2[data-v-dfc750da] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0
}

.ac1 .ac1-list[data-v-dfc750da] {
  width: 100%;
  box-sizing: border-box;
  height: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.ac1 .ac1-list .ac1-item[data-v-dfc750da] {
  width: 300px;
  height: 200px;
  background-color: #fff
}

.ac1 .ac1-list .ac1-item .item-img[data-v-dfc750da] {
  width: 100%;
  height: 160px;
  padding: 10px;
  box-sizing: border-box
}

.ac1 .ac1-list .ac1-item .item-img img[data-v-dfc750da] {
  width: 100%;
  height: 100%
}

.ac1 .ac1-list .ac1-item P[data-v-dfc750da] {
  width: 235px;
  height: 40px;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ac2[data-v-dfc750da] {
  width: 100%
}

.ac2 .ac2-title[data-v-dfc750da] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac2 .ac2-title h2[data-v-dfc750da] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0
}

.ac2 .ac2-item[data-v-dfc750da] {
  width: 100%;
  height: 180px;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff
}

.ac2 .ac2-item .item-img[data-v-dfc750da] {
  width: 300px;
  height: 100%;
  margin-right: 20px
}

.ac2 .ac2-item .item-img img[data-v-dfc750da] {
  width: 100%;
  height: 100%
}

.ac2 .ac2-item .item-info[data-v-dfc750da] {
  width: 400px;
  padding: 15px;
  box-sizing: border-box
}

.ac2 .ac2-item .item-info .item-title[data-v-dfc750da] {
  font-size: 18px;
  color: #121212;
  cursor: pointer
}

.ac2 .ac2-item .item-info .item-title[data-v-dfc750da]:hover {
  color: #1e87f0
}

.ac2 .ac2-item .item-info .item-jj[data-v-dfc750da] {
  width: 100%;
  font-size: 14px;
  color: #555;
  margin: 15px auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.ac2 .ac2-item .item-info .item-time[data-v-dfc750da],
.ac2 .ac2-item .item-info p[data-v-dfc750da] {
  font-size: 12px;
  color: #888
}

.ac2 .ac2-item .item-info p i[data-v-dfc750da] {
  font-size: 18px;
  margin-right: 5px
}

.container[data-v-df744e2e] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-df744e2e] {
  background-color: #1e87f0
}

a img[data-v-df744e2e] {
  width: 100%;
  height: 100%
}

input[data-v-df744e2e] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-df744e2e] {
  float: left
}

.fr[data-v-df744e2e] {
  float: right
}

.clearfix[data-v-df744e2e]:after,
.clearfix[data-v-df744e2e]:before {
  content: " ";
  display: table
}

.clearfix[data-v-df744e2e]:after {
  clear: both
}

.header-logo[data-v-df744e2e] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-df744e2e] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-df744e2e]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-df744e2e]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-df744e2e]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.index[data-v-df744e2e] {
  background-color: #eee
}

.index .container[data-v-df744e2e] {
  padding-top: 30px;
  box-sizing: border-box
}

.index .container .i-con[data-v-df744e2e] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 80px auto 0
}

.index .container .i-con .i-l[data-v-df744e2e] {
  padding: 20px;
  width: 70%;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box
}

.index .container .i-con .i-l .s-header[data-v-df744e2e] {
  width: 100%;
  height: 100px;
  background-color: #fff;
  text-align: center
}

.index .container .i-con .i-l .s-header h2[data-v-df744e2e] {
  margin-bottom: 30px
}

.index .container .i-con .i-l .s-header span[data-v-df744e2e] {
  font-size: 14px;
  margin: 0 15px
}

.index .container .i-con .i-l .s-con img[data-v-df744e2e] {
  width: 100%;
  height: 400px;
  margin: 30px auto;
  background-color: pink
}

.index .container .i-con .i-l .s-con .s-text[data-v-df744e2e] {
  width: 100%;
  text-align: left;
  padding: 20px;
  box-sizing: border-box
}

.index .container .i-con .i-l .s-con .s-text p[data-v-df744e2e] {
  text-indent: 30px;
  margin: 30px auto;
  font-size: 14px;
  line-height: 70px
}

.index .container .i-con .i-r[data-v-df744e2e] {
  width: 30%;
  height: 100%;
  box-sizing: border-box
}

.index .container .i-con .i-r .z1-con[data-v-df744e2e] {
  width: 100%;
  background-color: #fff;
  padding-left: 10px;
  box-sizing: border-box
}

.index .container .i-con .i-r .z1-con span[data-v-df744e2e] {
  border: none;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 5px 15px;
  width: auto;
  margin: -1px 0 0 15px;
  z-index: 2;
  background-color: #1e87f0
}

.index .container .i-con .i-r .z1-con .z1-title[data-v-df744e2e] {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #888;
  margin-top: 20px;
  font-weight: 700;
  transition: all .3s
}

.index .container .i-con .i-r .z1-con .z1-title[data-v-df744e2e]:hover {
  color: #1e87f0
}

.index .container .i-con .i-r .z1-con .z1-brief[data-v-df744e2e] {
  font-size: 14px;
  line-height: 30px;
  color: #999
}

.index .container .i-con .i-r .z2-con[data-v-df744e2e] {
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 15px;
  line-height: 1.4
}

.index .container .i-con .i-r .z2-con .z2-title[data-v-df744e2e] {
  background-color: #fbfbfb;
  border-bottom: 1px solid #eaeaea;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #333;
  font-size: 14px;
  padding: 9px 15px;
  position: relative;
  top: -15px;
  left: -15px;
  width: 100%;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.index .container .i-con .i-r .z2-con .z2-item[data-v-df744e2e] {
  display: flex;
  margin: 15px auto;
  align-items: center
}

.index .container .i-con .i-r .z2-con .z2-item img[data-v-df744e2e] {
  width: 80px;
  height: 80px;
  background-color: #c60023;
  margin-right: 15px
}

.index .container .i-con .i-r .z2-con .z2-item .z2-info .z2-t[data-v-df744e2e] {
  font-size: 14px;
  color: #333;
  font-weight: 400
}

.index .container .i-con .i-r .z2-con .z2-item .z2-info .z2-time[data-v-df744e2e] {
  font-size: 13px;
  margin-top: 4px;
  color: #999
}

.container[data-v-a488ea6c] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-a488ea6c] {
  background-color: #1e87f0
}

a img[data-v-a488ea6c] {
  width: 100%;
  height: 100%
}

input[data-v-a488ea6c] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-a488ea6c] {
  float: left
}

.fr[data-v-a488ea6c] {
  float: right
}

.clearfix[data-v-a488ea6c]:after,
.clearfix[data-v-a488ea6c]:before {
  content: " ";
  display: table
}

.clearfix[data-v-a488ea6c]:after {
  clear: both
}

.header-logo[data-v-a488ea6c] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-a488ea6c] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-a488ea6c]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-a488ea6c]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-a488ea6c]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.login[data-v-a488ea6c] {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc, #eef2f7)
}

.login .login-container[data-v-a488ea6c] {
  display: flex;
  min-height: calc(100vh - 140px);
  margin-top: 80px
}

@media (max-width:992px) {
  .login .login-container[data-v-a488ea6c] {
    flex-direction: column
  }
}

.icon[data-v-a488ea6c] {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle
}

.login-decoration[data-v-a488ea6c] {
  flex: 1;
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  color: #fff;
  padding: 60px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden
}

.login-decoration[data-v-a488ea6c]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E")
}

@media (max-width:992px) {
  .login-decoration[data-v-a488ea6c] {
    padding: 40px 20px
  }
}

.login-decoration .decoration-content[data-v-a488ea6c] {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 400px
}

.login-decoration .decoration-icon[data-v-a488ea6c] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .1));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  border: 2px solid hsla(0, 0%, 100%, .3)
}

.login-decoration .decoration-icon .icon[data-v-a488ea6c] {
  width: 48px;
  height: 48px;
  color: #fff
}

.login-decoration .decoration-text[data-v-a488ea6c] {
  margin-bottom: 40px
}

.login-decoration .decoration-text h2[data-v-a488ea6c] {
  font-size: 32px;
  font-weight: 900;
  margin: 0 0 15px 0;
  line-height: 1.2
}

.login-decoration .decoration-text p[data-v-a488ea6c] {
  font-size: 16px;
  opacity: .9;
  line-height: 1.6;
  margin: 0
}

.login-decoration .decoration-features .feature-item[data-v-a488ea6c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 12px 20px;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid hsla(0, 0%, 100%, .2);
  transition: all .3s ease
}

.login-decoration .decoration-features .feature-item[data-v-a488ea6c]:hover {
  background: hsla(0, 0%, 100%, .2);
  transform: translateX(5px)
}

.login-decoration .decoration-features .feature-item[data-v-a488ea6c]:last-child {
  margin-bottom: 0
}

.login-decoration .decoration-features .feature-item .icon[data-v-a488ea6c] {
  width: 20px;
  height: 20px;
  color: #36d1dc
}

.login-decoration .decoration-features .feature-item span[data-v-a488ea6c] {
  font-size: 15px;
  font-weight: 500
}

.login-form-container[data-v-a488ea6c] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px
}

@media (max-width:992px) {
  .login-form-container[data-v-a488ea6c] {
    padding: 30px 20px
  }
}

.login-form-container .form-wrapper[data-v-a488ea6c] {
  width: 100%;
  max-width: 400px;
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

@media (max-width:576px) {
  .login-form-container .form-wrapper[data-v-a488ea6c] {
    padding: 30px 20px
  }
}

.login-form-container .form-header[data-v-a488ea6c] {
  text-align: center;
  margin-bottom: 40px
}

.login-form-container .form-header h1[data-v-a488ea6c] {
  font-size: 32px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 10px 0;
  line-height: 1.2
}

.login-form-container .form-header .form-subtitle[data-v-a488ea6c] {
  font-size: 15px;
  color: #666;
  margin-bottom: 20px
}

.login-form-container .form-header .form-line[data-v-a488ea6c] {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #1a2b6d, #36d1dc);
  margin: 0 auto;
  border-radius: 2px
}

.login-form .form-group[data-v-a488ea6c] {
  position: relative;
  margin-bottom: 30px
}

.login-form .form-group .input-icon[data-v-a488ea6c] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center
}

.login-form .form-group .input-icon .icon[data-v-a488ea6c] {
  width: 20px;
  height: 20px;
  color: #666;
  transition: color .3s ease
}

.login-form .form-group .form-input[data-v-a488ea6c] {
  width: 100%;
  padding: 15px 15px 15px 50px;
  font-size: 16px;
  border: none;
  background: transparent;
  border-bottom: 2px solid #eef2f7;
  color: #333;
  transition: all .3s ease
}

.login-form .form-group .form-input[data-v-a488ea6c]:focus {
  outline: none;
  border-bottom-color: #1a2b6d
}

.login-form .form-group .form-input:focus+.input-line[data-v-a488ea6c] {
  transform: scaleX(1)
}

.login-form .form-group .form-input:focus~.input-icon .icon[data-v-a488ea6c] {
  color: #1a2b6d
}

.login-form .form-group .form-input[data-v-a488ea6c]::-moz-placeholder {
  color: #999
}

.login-form .form-group .form-input[data-v-a488ea6c]:-ms-input-placeholder {
  color: #999
}

.login-form .form-group .form-input[data-v-a488ea6c]::placeholder {
  color: #999
}

.login-form .form-group .input-line[data-v-a488ea6c] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #1a2b6d, #36d1dc);
  transform: scaleX(0);
  transition: transform .3s ease;
  transform-origin: center
}

.login-form .login-btn[data-v-a488ea6c] {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px
}

.login-form .login-btn[data-v-a488ea6c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(26, 43, 109, .3)
}

.login-form .login-btn[data-v-a488ea6c]:active {
  transform: translateY(0)
}

.login-form .login-btn .icon[data-v-a488ea6c] {
  width: 20px;
  height: 20px;
  transition: transform .3s ease
}

.login-form .login-btn:hover .icon[data-v-a488ea6c] {
  transform: translateX(5px)
}

.login-form .error-message[data-v-a488ea6c] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  background: linear-gradient(135deg, hsla(0, 100%, 71%, .1), rgba(255, 75, 43, .1));
  border-left: 4px solid #ff6b6b;
  border-radius: 8px;
  margin-bottom: 20px;
  color: #ff6b6b;
  font-weight: 500
}

.login-form .error-message .icon[data-v-a488ea6c] {
  width: 20px;
  height: 20px;
  flex-shrink: 0
}

.login-form .error-message span[data-v-a488ea6c] {
  flex: 1;
  line-height: 1.4
}

.login-form .register-prompt[data-v-a488ea6c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #666;
  margin-top: 30px
}

.login-form .register-prompt .register-link[data-v-a488ea6c] {
  background: none;
  border: none;
  color: #1a2b6d;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all .3s ease
}

.login-form .register-prompt .register-link[data-v-a488ea6c]:hover {
  color: #36d1dc
}

.login-form .register-prompt .register-link:hover .icon[data-v-a488ea6c] {
  transform: translateX(3px)
}

.login-form .register-prompt .register-link .icon[data-v-a488ea6c] {
  width: 16px;
  height: 16px;
  transition: transform .3s ease
}

.divider[data-v-a488ea6c] {
  display: flex;
  align-items: center;
  margin: 30px 0
}

.divider[data-v-a488ea6c]:after,
.divider[data-v-a488ea6c]:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eef2f7
}

.divider span[data-v-a488ea6c] {
  padding: 0 15px;
  color: #999;
  font-size: 13px;
  font-weight: 500
}

.social-login[data-v-a488ea6c] {
  display: flex;
  justify-content: center;
  gap: 20px
}

.social-login .social-btn[data-v-a488ea6c] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #eef2f7;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s ease
}

.social-login .social-btn[data-v-a488ea6c]:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.social-login .social-btn .icon[data-v-a488ea6c] {
  width: 24px;
  height: 24px
}

.social-login .social-btn.wechat[data-v-a488ea6c]:hover {
  border-color: #07c160;
  background: rgba(7, 193, 96, .1)
}

.social-login .social-btn.wechat:hover .icon[data-v-a488ea6c] {
  fill: #07c160
}

.social-login .social-btn.qq[data-v-a488ea6c]:hover {
  border-color: #1677ff;
  background: rgba(22, 119, 255, .1)
}

.social-login .social-btn.qq:hover .icon[data-v-a488ea6c] {
  fill: #1677ff
}

.social-login .social-btn.phone[data-v-a488ea6c]:hover {
  border-color: #ff6b6b;
  background: hsla(0, 100%, 71%, .1)
}

.social-login .social-btn.phone:hover .icon[data-v-a488ea6c] {
  fill: #ff6b6b
}

@media (max-width:768px) {
  .login-container[data-v-a488ea6c] {
    margin-top: 70px
  }

  .login-decoration[data-v-a488ea6c] {
    padding: 30px 20px
  }

  .login-decoration .decoration-icon[data-v-a488ea6c] {
    width: 80px;
    height: 80px
  }

  .login-decoration .decoration-icon .icon[data-v-a488ea6c] {
    width: 36px;
    height: 36px
  }

  .login-decoration .decoration-text h2[data-v-a488ea6c] {
    font-size: 24px
  }

  .form-wrapper[data-v-a488ea6c] {
    padding: 30px 20px
  }
}

.container[data-v-6fdf256a] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-6fdf256a] {
  background-color: #1e87f0
}

a img[data-v-6fdf256a] {
  width: 100%;
  height: 100%
}

input[data-v-6fdf256a] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-6fdf256a] {
  float: left
}

.fr[data-v-6fdf256a] {
  float: right
}

.clearfix[data-v-6fdf256a]:after,
.clearfix[data-v-6fdf256a]:before {
  content: " ";
  display: table
}

.clearfix[data-v-6fdf256a]:after {
  clear: both
}

.header-logo[data-v-6fdf256a] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-6fdf256a] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-6fdf256a]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-6fdf256a]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-6fdf256a]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.register[data-v-6fdf256a] {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc, #eef2f7)
}

.register .register-container[data-v-6fdf256a] {
  display: flex;
  min-height: calc(100vh - 140px);
  margin-top: 80px
}

@media (max-width:992px) {
  .register .register-container[data-v-6fdf256a] {
    flex-direction: column
  }
}

.icon[data-v-6fdf256a] {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle
}

.register-decoration[data-v-6fdf256a] {
  flex: 1;
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  color: #fff;
  padding: 60px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden
}

.register-decoration[data-v-6fdf256a]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E")
}

@media (max-width:992px) {
  .register-decoration[data-v-6fdf256a] {
    padding: 40px 20px
  }
}

.register-decoration .decoration-content[data-v-6fdf256a] {
  position: relative;
  z-index: 2;
  max-width: 450px;
  width: 100%
}

.register-decoration .decoration-icon[data-v-6fdf256a] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .1));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  border: 2px solid hsla(0, 0%, 100%, .3)
}

.register-decoration .decoration-icon .icon[data-v-6fdf256a] {
  width: 48px;
  height: 48px;
  color: #fff
}

.register-decoration .decoration-text[data-v-6fdf256a] {
  text-align: center;
  margin-bottom: 40px
}

.register-decoration .decoration-text h2[data-v-6fdf256a] {
  font-size: 32px;
  font-weight: 900;
  margin: 0 0 15px 0;
  line-height: 1.2
}

.register-decoration .decoration-text p[data-v-6fdf256a] {
  font-size: 16px;
  opacity: .9;
  line-height: 1.6;
  margin: 0
}

.register-decoration .decoration-benefits .benefit-item[data-v-6fdf256a] {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 25px;
  padding: 20px;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid hsla(0, 0%, 100%, .2);
  transition: all .3s ease
}

.register-decoration .decoration-benefits .benefit-item[data-v-6fdf256a]:hover {
  background: hsla(0, 0%, 100%, .2);
  transform: translateX(5px)
}

.register-decoration .decoration-benefits .benefit-item[data-v-6fdf256a]:last-child {
  margin-bottom: 0
}

.register-decoration .decoration-benefits .benefit-item .icon[data-v-6fdf256a] {
  width: 24px;
  height: 24px;
  color: #36d1dc;
  flex-shrink: 0;
  margin-top: 2px
}

.register-decoration .decoration-benefits .benefit-item .benefit-content[data-v-6fdf256a] {
  flex: 1
}

.register-decoration .decoration-benefits .benefit-item .benefit-content h4[data-v-6fdf256a] {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 5px 0;
  color: #fff
}

.register-decoration .decoration-benefits .benefit-item .benefit-content p[data-v-6fdf256a] {
  font-size: 14px;
  opacity: .8;
  line-height: 1.5;
  margin: 0
}

.register-form-container[data-v-6fdf256a] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px
}

@media (max-width:992px) {
  .register-form-container[data-v-6fdf256a] {
    padding: 30px 20px
  }
}

.register-form-container .form-wrapper[data-v-6fdf256a] {
  width: 100%;
  max-width: 450px;
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

@media (max-width:576px) {
  .register-form-container .form-wrapper[data-v-6fdf256a] {
    padding: 30px 20px
  }
}

.register-form-container .form-header[data-v-6fdf256a] {
  text-align: center;
  margin-bottom: 40px
}

.register-form-container .form-header h1[data-v-6fdf256a] {
  font-size: 32px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 10px 0;
  line-height: 1.2
}

.register-form-container .form-header .form-subtitle[data-v-6fdf256a] {
  font-size: 15px;
  color: #666;
  margin-bottom: 20px
}

.register-form-container .form-header .form-line[data-v-6fdf256a] {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #1a2b6d, #36d1dc);
  margin: 0 auto;
  border-radius: 2px
}

.register-form .form-group[data-v-6fdf256a] {
  position: relative;
  margin-bottom: 30px
}

.register-form .form-group .form-label[data-v-6fdf256a] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1a2b6d;
  margin-bottom: 8px
}

.register-form .form-group .input-container[data-v-6fdf256a] {
  position: relative
}

.register-form .form-group .input-container .input-icon[data-v-6fdf256a] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center
}

.register-form .form-group .input-container .input-icon .icon[data-v-6fdf256a] {
  width: 20px;
  height: 20px;
  color: #666;
  transition: color .3s ease
}

.register-form .form-group .form-input[data-v-6fdf256a] {
  width: 100%;
  padding: 15px 15px 15px 50px;
  font-size: 16px;
  border: none;
  background: transparent;
  border-bottom: 2px solid #eef2f7;
  color: #333;
  transition: all .3s ease
}

.register-form .form-group .form-input[data-v-6fdf256a]:focus {
  outline: none;
  border-bottom-color: #1a2b6d
}

.register-form .form-group .form-input:focus~.input-line[data-v-6fdf256a] {
  transform: scaleX(1)
}

.register-form .form-group .form-input:focus~.input-container .input-icon .icon[data-v-6fdf256a] {
  color: #1a2b6d
}

.register-form .form-group .form-input[data-v-6fdf256a]::-moz-placeholder {
  color: #999
}

.register-form .form-group .form-input[data-v-6fdf256a]:-ms-input-placeholder {
  color: #999
}

.register-form .form-group .form-input[data-v-6fdf256a]::placeholder {
  color: #999
}

.register-form .form-group .form-input[data-v-6fdf256a]:disabled {
  background: #f8fafc;
  cursor: not-allowed
}

.register-form .form-group .input-hint[data-v-6fdf256a] {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
  margin-left: 50px
}

.register-form .form-group .input-line[data-v-6fdf256a] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #1a2b6d, #36d1dc);
  transform: scaleX(0);
  transition: transform .3s ease;
  transform-origin: center
}

.register-form .agreement-check[data-v-6fdf256a] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 30px
}

.register-form .agreement-check .agreement-checkbox[data-v-6fdf256a] {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  cursor: pointer;
  accent-color: #1a2b6d
}

.register-form .agreement-check .agreement-checkbox[data-v-6fdf256a]:checked {
  accent-color: #1a2b6d
}

.register-form .agreement-check .agreement-label[data-v-6fdf256a] {
  flex: 1;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.register-form .agreement-check .agreement-link[data-v-6fdf256a] {
  background: none;
  border: none;
  color: #1a2b6d;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font-size: 14px
}

.register-form .agreement-check .agreement-link[data-v-6fdf256a]:hover {
  color: #36d1dc
}

.register-form .error-message[data-v-6fdf256a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  background: linear-gradient(135deg, hsla(0, 100%, 71%, .1), rgba(255, 75, 43, .1));
  border-left: 4px solid #ff6b6b;
  border-radius: 8px;
  margin-bottom: 20px;
  color: #ff6b6b;
  font-weight: 500
}

.register-form .error-message .icon[data-v-6fdf256a] {
  width: 20px;
  height: 20px;
  flex-shrink: 0
}

.register-form .error-message span[data-v-6fdf256a] {
  flex: 1;
  line-height: 1.4
}

.register-form .register-btn[data-v-6fdf256a] {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px
}

.register-form .register-btn[data-v-6fdf256a]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(26, 43, 109, .3)
}

.register-form .register-btn[data-v-6fdf256a]:active:not(:disabled) {
  transform: translateY(0)
}

.register-form .register-btn[data-v-6fdf256a]:disabled {
  opacity: .5;
  cursor: not-allowed
}

.register-form .register-btn .icon[data-v-6fdf256a] {
  width: 20px;
  height: 20px;
  transition: transform .3s ease
}

.register-form .register-btn:hover:not(:disabled) .icon[data-v-6fdf256a] {
  transform: translateX(5px)
}

.register-form .login-prompt[data-v-6fdf256a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #666;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eef2f7
}

.register-form .login-prompt .login-link[data-v-6fdf256a] {
  background: none;
  border: none;
  color: #1a2b6d;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all .3s ease
}

.register-form .login-prompt .login-link[data-v-6fdf256a]:hover {
  color: #36d1dc
}

.register-form .login-prompt .login-link:hover .icon[data-v-6fdf256a] {
  transform: translateX(3px)
}

.register-form .login-prompt .login-link .icon[data-v-6fdf256a] {
  width: 16px;
  height: 16px;
  transition: transform .3s ease
}

@media (max-width:768px) {
  .register-container[data-v-6fdf256a] {
    margin-top: 70px
  }

  .register-decoration[data-v-6fdf256a] {
    padding: 30px 20px
  }

  .register-decoration .decoration-icon[data-v-6fdf256a] {
    width: 80px;
    height: 80px
  }

  .register-decoration .decoration-icon .icon[data-v-6fdf256a] {
    width: 36px;
    height: 36px
  }

  .register-decoration .decoration-text h2[data-v-6fdf256a] {
    font-size: 24px
  }

  .register-decoration .benefit-item[data-v-6fdf256a] {
    padding: 15px !important
  }

  .form-wrapper[data-v-6fdf256a] {
    padding: 30px 20px !important
  }
}

.container[data-v-69b3f461] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-69b3f461] {
  background-color: #1e87f0
}

a img[data-v-69b3f461] {
  width: 100%;
  height: 100%
}

input[data-v-69b3f461] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-69b3f461] {
  float: left
}

.fr[data-v-69b3f461] {
  float: right
}

.clearfix[data-v-69b3f461]:after,
.clearfix[data-v-69b3f461]:before {
  content: " ";
  display: table
}

.clearfix[data-v-69b3f461]:after {
  clear: both
}

.header-logo[data-v-69b3f461] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-69b3f461] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-69b3f461]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-69b3f461]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-69b3f461]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.order-pay[data-v-69b3f461] {
  margin-top: 80px
}

.order-pay .wrapper[data-v-69b3f461] {
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 61px
}

.order-pay .wrapper .order-wrap[data-v-69b3f461] {
  padding: 62px 50px;
  background-color: #fff;
  font-size: 14px;
  margin-bottom: 30px
}

.order-pay .wrapper .order-wrap .item-order[data-v-69b3f461] {
  display: flex;
  align-items: center
}

.order-pay .wrapper .order-wrap .item-order .icon-succ[data-v-69b3f461] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: url(/imgs/icon-gou.png) #80c58a no-repeat 50%;
  background-size: 60px;
  margin-right: 40px
}

.order-pay .wrapper .order-wrap .item-order .order-info[data-v-69b3f461] {
  margin-right: 248px
}

.order-pay .wrapper .order-wrap .item-order .order-info h2[data-v-69b3f461] {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px
}

.order-pay .wrapper .order-wrap .item-order .order-info p[data-v-69b3f461] {
  color: #666
}

.order-pay .wrapper .order-wrap .item-order .order-info p span[data-v-69b3f461] {
  color: #ff6700
}

.order-pay .wrapper .order-wrap .item-order .order-total>p[data-v-69b3f461]:first-child {
  margin-bottom: 30px
}

.order-pay .wrapper .order-wrap .item-order .order-total span[data-v-69b3f461] {
  font-size: 28px;
  color: #ff6700
}

.order-pay .wrapper .order-wrap .item-order .order-total .icon-down[data-v-69b3f461] {
  display: inline-block;
  width: 14px;
  height: 10px;
  background: url(/imgs/icon-down.png) no-repeat 50%;
  background-size: contain;
  margin-left: 9px;
  transition: all .5s;
  cursor: pointer
}

.order-pay .wrapper .order-wrap .item-order .order-total .icon-down.up[data-v-69b3f461],
.order-pay .wrapper .order-wrap .item-order .order-total .icon-up[data-v-69b3f461] {
  transform: rotate(180deg)
}

.order-pay .wrapper .order-wrap .item-detail[data-v-69b3f461] {
  border-top: 1px solid #d7d7d7;
  padding-top: 47px;
  padding-left: 130px;
  font-size: 14px;
  margin-top: 45px
}

.order-pay .wrapper .order-wrap .item-detail .item[data-v-69b3f461] {
  margin-bottom: 19px
}

.order-pay .wrapper .order-wrap .item-detail .item .detail-title[data-v-69b3f461] {
  float: left;
  width: 100px
}

.order-pay .wrapper .order-wrap .item-detail .item .detail-info[data-v-69b3f461] {
  display: inline-block
}

.order-pay .wrapper .order-wrap .item-detail .item .detail-info img[data-v-69b3f461] {
  width: 30px;
  vertical-align: middle
}

.order-pay .wrapper .item-pay[data-v-69b3f461] {
  padding: 26px 50px 72px;
  background-color: #fff;
  color: #333
}

.order-pay .wrapper .item-pay h3[data-v-69b3f461] {
  font-size: 20px;
  font-weight: 200;
  color: #333;
  padding-bottom: 24px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 26px
}

.order-pay .wrapper .item-pay .pay-way[data-v-69b3f461] {
  font-size: 18px
}

.order-pay .wrapper .item-pay .pay-way .pay[data-v-69b3f461] {
  display: inline-block;
  width: 188px;
  height: 64px;
  border: 1px solid #d7d7d7;
  cursor: pointer
}

.order-pay .wrapper .item-pay .pay-way .pay[data-v-69b3f461]:last-child {
  margin-left: 20px
}

.order-pay .wrapper .item-pay .pay-way .pay.checked[data-v-69b3f461] {
  border: 1px solid #ff6700
}

.order-pay .wrapper .item-pay .pay-way .pay-ali[data-v-69b3f461] {
  background: url(/imgs/icon-ali.png) no-repeat 50%;
  background-size: 103px 38px;
  margin-top: 19px
}

.order-pay .wrapper .item-pay .pay-way .pay-wechat[data-v-69b3f461] {
  background: url(/imgs/icon-wechat.png) no-repeat 50%;
  background-size: 103px 38px
}

.container[data-v-2dad1f1f] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-2dad1f1f] {
  background-color: #1e87f0
}

a img[data-v-2dad1f1f] {
  width: 100%;
  height: 100%
}

input[data-v-2dad1f1f] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-2dad1f1f] {
  float: left
}

.fr[data-v-2dad1f1f] {
  float: right
}

.clearfix[data-v-2dad1f1f]:after,
.clearfix[data-v-2dad1f1f]:before {
  content: " ";
  display: table
}

.clearfix[data-v-2dad1f1f]:after {
  clear: both
}

.header-logo[data-v-2dad1f1f] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-2dad1f1f] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-2dad1f1f]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-2dad1f1f]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-2dad1f1f]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.ac1[data-v-2dad1f1f] {
  background: linear-gradient(135deg, #f8fafc, #eef2f7);
  min-height: 100vh;
  /* margin-top: 66px */
}

.ac1 .container[data-v-2dad1f1f] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px
}

.page-header[data-v-2dad1f1f] {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .08);
  position: relative;
  overflow: hidden;
  width: 94.5%;
}

.page-header[data-v-2dad1f1f]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #FF5900, #ff0, #ED1515)
}

.page-header .page-title[data-v-2dad1f1f] {
  font-size: 36px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 10px 0;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.page-header .page-subtitle[data-v-2dad1f1f] {
  font-size: 16px;
  color: #666;
  line-height: 1.6
}

.main-layout[data-v-2dad1f1f] {
  display: flex;
  gap: 30px
}

.main-content[data-v-2dad1f1f] {
  flex: 3
}

.sidebar[data-v-2dad1f1f] {
  flex: 1;
  min-width: 350px;
  position: static;
  z-index: 0;
}

.premium-list[data-v-2dad1f1f] {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .08);
  margin-bottom: 30px
}

.premium-list .premium-item[data-v-2dad1f1f] {
  display: flex;
  padding: 25px;
  border-bottom: 1px solid #eef2f7;
  transition: all .3s ease;
  cursor: pointer
}

.premium-list .premium-item[data-v-2dad1f1f]:hover {
  background: #f8fafc;
  transform: translateX(5px)
}

.premium-list .premium-item:hover .item-image img[data-v-2dad1f1f] {
  transform: scale(1.05)
}

.premium-list .premium-item:hover .read-btn[data-v-2dad1f1f] {
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(26, 43, 109, .3)
}

.premium-list .premium-item[data-v-2dad1f1f]:last-child {
  border-bottom: none
}

.premium-list .premium-item .item-image[data-v-2dad1f1f] {
  flex: 0 0 200px;
  height: 140px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin-right: 25px
}

.premium-list .premium-item .item-image img[data-v-2dad1f1f] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .5s ease
}

.premium-list .premium-item .item-image .premium-badge[data-v-2dad1f1f] {
  position: absolute;
  top: 10px;
  left: 10px;
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .5px
}

.premium-list .premium-item .item-content[data-v-2dad1f1f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 0
}

.premium-list .premium-item .item-content .item-title[data-v-2dad1f1f] {
  font-size: 20px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0 0 15px 0;
  line-height: 1.4
}

.premium-list .premium-item .item-content .item-description[data-v-2dad1f1f] {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1
}

.premium-list .premium-item .item-content .item-actions[data-v-2dad1f1f] {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.premium-list .premium-item .item-content .item-actions .price-tag[data-v-2dad1f1f] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 900;
  font-size: 16px
}

.premium-list .premium-item .item-content .item-actions .read-btn[data-v-2dad1f1f] {
  background: linear-gradient(135deg, #FF4949, #ED1515);
  color: #fff;
  border: none;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: all .3s ease
}

.pagination[data-v-2dad1f1f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 30px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .06)
}

.pagination .pagination-btn[data-v-2dad1f1f] {
  width: 40px;
  height: 40px;
  border: 2px solid #eef2f7;
  border-radius: 8px;
  background: #fff;
  color: #666;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: all .3s ease
}

.pagination .pagination-btn[data-v-2dad1f1f]:hover {
  border-color: #1a2b6d;
  color: #1a2b6d
}

.pagination .pagination-btn.active[data-v-2dad1f1f] {
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  border-color: transparent
}

.pagination .pagination-next[data-v-2dad1f1f] {
  background: linear-gradient(135deg, #36d1dc, #5b86e5);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all .3s ease
}

.pagination .pagination-next[data-v-2dad1f1f]:hover {
  transform: translateX(3px)
}

.ranking-card[data-v-2dad1f1f],
.recommend-card[data-v-2dad1f1f],
.vip-promo[data-v-2dad1f1f] {
  background: #fff;
  border-radius: 16px;
  padding: 25px;
  margin-bottom: 25px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, .06)
}

.sidebar-title[data-v-2dad1f1f] {
  font-size: 20px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0 0 20px 0;
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f7
}

.ranking-card[data-v-2dad1f1f] {
  border-top: 4px solid #ff6b6b
}

.ranking-card .ranking-list .ranking-item[data-v-2dad1f1f] {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all .3s ease;
  border: 1px solid transparent
}

.ranking-card .ranking-list .ranking-item[data-v-2dad1f1f]:hover {
  background: #f8fafc;
  border-color: #eef2f7;
  transform: translateX(5px)
}

.ranking-card .ranking-list .ranking-item .ranking-number[data-v-2dad1f1f] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #f0f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 16px;
  color: #666;
  margin-right: 15px
}

.ranking-card .ranking-list .ranking-item .ranking-content[data-v-2dad1f1f] {
  flex: 1
}

.ranking-card .ranking-list .ranking-item .ranking-content .ranking-title[data-v-2dad1f1f] {
  font-size: 14px;
  font-weight: 700;
  color: #1a2b6d;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.ranking-card .ranking-list .ranking-item .ranking-price[data-v-2dad1f1f] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  margin-left: 10px;
  white-space: nowrap
}

.recommend-card[data-v-2dad1f1f] {
  border-top: 4px solid #5b86e5
}

.recommend-card .recommend-list .recommend-item[data-v-2dad1f1f] {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all .3s ease;
  background: #f8fafc
}

.recommend-card .recommend-list .recommend-item[data-v-2dad1f1f]:hover {
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.recommend-card .recommend-list .recommend-item .recommend-image[data-v-2dad1f1f] {
  flex: 0 0 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 15px
}

.recommend-card .recommend-list .recommend-item .recommend-image img[data-v-2dad1f1f] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.recommend-card .recommend-list .recommend-item .recommend-content[data-v-2dad1f1f] {
  flex: 1
}

.recommend-card .recommend-list .recommend-item .recommend-content .recommend-title[data-v-2dad1f1f] {
  font-size: 14px;
  font-weight: 700;
  color: #1a2b6d;
  margin: 0 0 5px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.recommend-card .recommend-list .recommend-item .recommend-content .recommend-price[data-v-2dad1f1f] {
  color: #ff6b6b;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 8px
}

.recommend-card .recommend-list .recommend-item .recommend-content .recommend-btn[data-v-2dad1f1f] {
  background: linear-gradient(135deg, #36d1dc, #5b86e5);
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all .3s ease
}

.recommend-card .recommend-list .recommend-item .recommend-content .recommend-btn[data-v-2dad1f1f]:hover {
  transform: translateY(-1px)
}

.vip-promo[data-v-2dad1f1f] {
  border-top: 4px solid gold;
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  color: #fff;
  text-align: center
}

.vip-promo .vip-icon[data-v-2dad1f1f] {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, gold, #ff8a00);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  color: #1a2b6d
}

.vip-promo .vip-icon .iconfont[data-v-2dad1f1f] {
  font-size: 24px
}

.vip-promo .vip-content h4[data-v-2dad1f1f] {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 5px 0
}

.vip-promo .vip-content p[data-v-2dad1f1f] {
  font-size: 14px;
  opacity: .9;
  margin: 0 0 15px 0
}

.vip-promo .vip-content .vip-btn[data-v-2dad1f1f] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  transition: all .3s ease
}

.vip-promo .vip-content .vip-btn[data-v-2dad1f1f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 215, 0, .3)
}

.payment-modal[data-v-2dad1f1f] {
  padding: 20px;
  text-align: center
}

.payment-modal .payment-price[data-v-2dad1f1f] {
  font-size: 36px;
  font-weight: 900;
  color: #ff6b6b;
  margin-bottom: 20px
}

.payment-modal .payment-qrcode img[data-v-2dad1f1f] {
  width: 200px;
  height: 200px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #eef2f7
}

.payment-modal .payment-qrcode p[data-v-2dad1f1f] {
  font-size: 14px;
  color: #666;
  margin: 0
}

.payment-modal .payment-tips[data-v-2dad1f1f] {
  font-size: 12px;
  color: #666;
  padding: 10px;
  background: #f8fafc;
  border-radius: 8px;
  margin-top: 20px
}

@media (max-width:1200px) {
  .main-layout[data-v-2dad1f1f] {
    flex-direction: column
  }

  .sidebar[data-v-2dad1f1f] {
    min-width: 100%
  }
}

@media (max-width:768px) {
  .premium-item[data-v-2dad1f1f] {
    flex-direction: column
  }

  .premium-item .item-image[data-v-2dad1f1f] {
    flex: 0 0 200px !important;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px
  }
}

.container[data-v-67920874] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-67920874] {
  background-color: #1e87f0
}

a img[data-v-67920874] {
  width: 100%;
  height: 100%
}

input[data-v-67920874] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-67920874] {
  float: left
}

.fr[data-v-67920874] {
  float: right
}

.clearfix[data-v-67920874]:after,
.clearfix[data-v-67920874]:before {
  content: " ";
  display: table
}

.clearfix[data-v-67920874]:after {
  clear: both
}

.header-logo[data-v-67920874] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-67920874] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-67920874]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-67920874]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-67920874]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.a4[data-v-67920874] {
  width: 100%;
  margin-top: 100px;
  position: relative
}

.a4 .info[data-v-67920874] {
  width: 1200px;
  margin: 20px auto;
  text-align: center;
  line-height: 31px
}

.a4 .info p[data-v-67920874] {
  font-size: 16px;
  color: #888;
  margin: 15px 0;
  text-align: left
}

.container[data-v-194f257c] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-194f257c] {
  background-color: #1e87f0
}

a img[data-v-194f257c] {
  width: 100%;
  height: 100%
}

input[data-v-194f257c] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-194f257c] {
  float: left
}

.fr[data-v-194f257c] {
  float: right
}

.clearfix[data-v-194f257c]:after,
.clearfix[data-v-194f257c]:before {
  content: " ";
  display: table
}

.clearfix[data-v-194f257c]:after {
  clear: both
}

.header-logo[data-v-194f257c] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-194f257c] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-194f257c]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-194f257c]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-194f257c]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.ac5[data-v-194f257c] {
  width: 100%
}

.ac5 .ac5-title[data-v-194f257c] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac5 .ac5-title h2[data-v-194f257c] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0;
  cursor: pointer;
  transition: all .3s
}

.ac5 .ac5-title h2[data-v-194f257c]:hover {
  color: #1e87f0
}

.ac5 .ac5-item[data-v-194f257c] {
  width: 100%;
  height: 130px;
  background: #eee;
  display: flex;
  align-items: center;
  margin: 10px auto
}

.ac5 .ac5-item .item-img[data-v-194f257c] {
  width: 130px;
  height: 130px;
  margin-right: 10px
}

.ac5 .ac5-item .item-img img[data-v-194f257c] {
  width: 100%;
  height: 100%
}

.ac5 .ac5-item .item-title[data-v-194f257c] {
  font-size: 14px;
  font-weight: 700;
  color: #555;
  cursor: pointer
}

.ac5 .ac5-item .item-title p[data-v-194f257c] {
  margin: 20px 0;
  transition: all .3s;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ac5 .ac5-item .item-title p[data-v-194f257c]:hover {
  color: #1e87f0
}

.ac5 .ac5-item .item-title span[data-v-194f257c] {
  font-size: 14px;
  color: 888
}

.ac5 .ac5-item .item-title span i[data-v-194f257c] {
  font-size: 14px;
  margin-right: 5px
}

.container[data-v-ea8f7604] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-ea8f7604] {
  background-color: #1e87f0
}

a img[data-v-ea8f7604] {
  width: 100%;
  height: 100%
}

input[data-v-ea8f7604] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-ea8f7604] {
  float: left
}

.fr[data-v-ea8f7604] {
  float: right
}

.clearfix[data-v-ea8f7604]:after,
.clearfix[data-v-ea8f7604]:before {
  content: " ";
  display: table
}

.clearfix[data-v-ea8f7604]:after {
  clear: both
}

.header-logo[data-v-ea8f7604] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-ea8f7604] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-ea8f7604]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-ea8f7604]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-ea8f7604]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.ac4[data-v-ea8f7604] {
  width: 100%
}

.ac4 .ac4-title[data-v-ea8f7604] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac4 .ac4-title h2[data-v-ea8f7604] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0;
  cursor: pointer;
  transition: all .3s
}

.ac4 .ac4-title h2[data-v-ea8f7604]:hover {
  color: #1e87f0
}

.ac4 .ac4-list li[data-v-ea8f7604] {
  width: 100%;
  height: 30px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box
}

.ac4 .ac4-list li i[data-v-ea8f7604] {
  font-size: 16px;
  margin-right: 5px
}

.ac4 .ac4-list li span[data-v-ea8f7604] {
  font-size: 14px;
  transition: all .3s;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ac4 .ac4-list li span[data-v-ea8f7604]:hover {
  color: #1e87f0
}

.container[data-v-7122678a] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-7122678a] {
  background-color: #1e87f0
}

a img[data-v-7122678a] {
  width: 100%;
  height: 100%
}

input[data-v-7122678a] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-7122678a] {
  float: left
}

.fr[data-v-7122678a] {
  float: right
}

.clearfix[data-v-7122678a]:after,
.clearfix[data-v-7122678a]:before {
  content: " ";
  display: table
}

.clearfix[data-v-7122678a]:after {
  clear: both
}

.header-logo[data-v-7122678a] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-7122678a] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-7122678a]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-7122678a]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-7122678a]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.ac2[data-v-7122678a] {
  width: 100%
}

.ac2 .ac2-title[data-v-7122678a] {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box
}

.ac2 .ac2-title h2[data-v-7122678a] {
  font-size: 16px;
  width: 80px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #1e87f0
}

.ac2 .ac2-item[data-v-7122678a] {
  width: 100%;
  height: 180px;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff
}

.ac2 .ac2-item .item-img[data-v-7122678a] {
  width: 300px;
  height: 100%;
  margin-right: 20px
}

.ac2 .ac2-item .item-img img[data-v-7122678a] {
  width: 100%;
  height: 100%
}

.ac2 .ac2-item .item-info[data-v-7122678a] {
  width: 400px;
  padding: 15px;
  box-sizing: border-box
}

.ac2 .ac2-item .item-info .item-title[data-v-7122678a] {
  font-size: 18px;
  color: #121212;
  cursor: pointer
}

.ac2 .ac2-item .item-info .item-title[data-v-7122678a]:hover {
  color: #1e87f0
}

.ac2 .ac2-item .item-info .item-jj[data-v-7122678a] {
  width: 100%;
  font-size: 14px;
  color: #555;
  margin: 15px auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.ac2 .ac2-item .item-info .item-time[data-v-7122678a],
.ac2 .ac2-item .item-info p[data-v-7122678a] {
  font-size: 12px;
  color: #888
}

.ac2 .ac2-item .item-info p i[data-v-7122678a] {
  font-size: 18px;
  margin-right: 5px
}

.container[data-v-10e2dde7] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-10e2dde7] {
  background-color: #1e87f0
}

a img[data-v-10e2dde7] {
  width: 100%;
  height: 100%
}

input[data-v-10e2dde7] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-10e2dde7] {
  float: left
}

.fr[data-v-10e2dde7] {
  float: right
}

.clearfix[data-v-10e2dde7]:after,
.clearfix[data-v-10e2dde7]:before {
  content: " ";
  display: table
}

.clearfix[data-v-10e2dde7]:after {
  clear: both
}

.header-logo[data-v-10e2dde7] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-10e2dde7] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-10e2dde7]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-10e2dde7]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-10e2dde7]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.a4[data-v-10e2dde7] {
  width: 100%;
  margin-top: 100px;
  position: relative
}

.a4 .container[data-v-10e2dde7] {
  height: 100%
}

.a4 .container .banner[data-v-10e2dde7] {
  width: 100%;
  height: 400px;
  margin: 20px auto;
  background-color: pink
}

.a4 .container .index-box[data-v-10e2dde7] {
  height: 100%;
  display: flex;
  justify-content: space-between
}

.a4 .container .index-box .index-l[data-v-10e2dde7] {
  width: 70%;
  height: 100%;
  padding-top: 10px;
  box-sizing: border-box
}

.a4 .container .index-box .index-r[data-v-10e2dde7] {
  width: 30%;
  margin-left: 40px;
  height: 100%
}

.container[data-v-09c27bb2] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-09c27bb2] {
  background-color: #1e87f0
}

a img[data-v-09c27bb2] {
  width: 100%;
  height: 100%
}

input[data-v-09c27bb2] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-09c27bb2] {
  float: left
}

.fr[data-v-09c27bb2] {
  float: right
}

.clearfix[data-v-09c27bb2]:after,
.clearfix[data-v-09c27bb2]:before {
  content: " ";
  display: table
}

.clearfix[data-v-09c27bb2]:after {
  clear: both
}

.header-logo[data-v-09c27bb2] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-09c27bb2] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-09c27bb2]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-09c27bb2]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-09c27bb2]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.a4[data-v-09c27bb2] {
  width: 100%;
  margin-top: 100px;
  position: relative
}

.a4 .container[data-v-09c27bb2] {
  height: 100%
}

.a4 .container .banner[data-v-09c27bb2] {
  width: 100%;
  height: 400px;
  margin: 20px auto;
  background-color: pink
}

.a4 .container .index-box[data-v-09c27bb2] {
  height: 100%;
  display: flex;
  justify-content: space-between
}

.a4 .container .index-box .index-l[data-v-09c27bb2] {
  width: 70%;
  height: 100%;
  padding-top: 10px;
  box-sizing: border-box
}

.a4 .container .index-box .index-r[data-v-09c27bb2] {
  width: 30%;
  margin-left: 40px;
  height: 100%
}

.container[data-v-1e987888] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-1e987888] {
  background-color: #1e87f0
}

a img[data-v-1e987888] {
  width: 100%;
  height: 100%
}

input[data-v-1e987888] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-1e987888] {
  float: left
}

.fr[data-v-1e987888] {
  float: right
}

.clearfix[data-v-1e987888]:after,
.clearfix[data-v-1e987888]:before {
  content: " ";
  display: table
}

.clearfix[data-v-1e987888]:after {
  clear: both
}

.header-logo[data-v-1e987888] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-1e987888] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-1e987888]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-1e987888]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-1e987888]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.agreement-page[data-v-1e987888] {
  background: linear-gradient(135deg, #f8fafc, #eef2f7);
  min-height: 100vh
}

.icon[data-v-1e987888] {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle
}

.page-header[data-v-1e987888] {
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  color: #fff;
  padding: 60px 0 40px;
  margin-top: 80px
}

.page-header .container[data-v-1e987888] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

.page-header .header-content[data-v-1e987888] {
  text-align: center;
  margin-bottom: 30px
}

.page-header .header-content .page-title[data-v-1e987888] {
  font-size: 42px;
  font-weight: 900;
  margin: 0 0 15px 0;
  line-height: 1.2
}

.page-header .header-content .page-subtitle[data-v-1e987888] {
  font-size: 18px;
  opacity: .9;
  margin-bottom: 25px
}

.page-header .header-content .header-line[data-v-1e987888] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #36d1dc, gold);
  margin: 0 auto;
  border-radius: 2px
}

.page-header .header-meta[data-v-1e987888] {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap
}

.page-header .header-meta .meta-item[data-v-1e987888] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .8
}

.page-header .header-meta .meta-item .icon[data-v-1e987888] {
  width: 18px;
  height: 18px
}

.container[data-v-1e987888] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px
}

.agreement-content[data-v-1e987888] {
  display: flex;
  gap: 40px;
  position: relative
}

@media (max-width:992px) {
  .agreement-content[data-v-1e987888] {
    flex-direction: column
  }
}

.agreement-nav[data-v-1e987888] {
  flex: 0 0 280px;
  position: sticky;
  top: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(100vh - 140px);
  overflow-y: auto
}

@media (max-width:992px) {
  .agreement-nav[data-v-1e987888] {
    position: static;
    max-height: none
  }
}

.agreement-nav .nav-title[data-v-1e987888] {
  font-size: 18px;
  font-weight: 700;
  color: #1a2b6d;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f7
}

.agreement-nav .nav-items[data-v-1e987888] {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.agreement-nav .nav-item[data-v-1e987888] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  border-radius: 8px;
  color: #666;
  text-decoration: none;
  font-weight: 500;
  transition: all .3s ease;
  border-left: 3px solid transparent
}

.agreement-nav .nav-item[data-v-1e987888]:hover {
  background: #f8fafc;
  color: #1a2b6d;
  border-left-color: #36d1dc
}

.agreement-nav .nav-item.active[data-v-1e987888] {
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  border-left-color: gold
}

.agreement-nav .nav-item .icon[data-v-1e987888] {
  width: 16px;
  height: 16px;
  opacity: .7
}

.agreement-nav .nav-item.active .icon[data-v-1e987888],
.agreement-nav .nav-item:hover .icon[data-v-1e987888] {
  opacity: 1
}

.agreement-text[data-v-1e987888] {
  flex: 1;
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
}

@media (max-width:768px) {
  .agreement-text[data-v-1e987888] {
    padding: 25px
  }
}

.section[data-v-1e987888] {
  margin-bottom: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eef2f7
}

.section[data-v-1e987888]:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.section .section-header[data-v-1e987888] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f7
}

.section .section-header h2[data-v-1e987888],
.section .section-header h3[data-v-1e987888] {
  font-size: 24px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0;
  line-height: 1.2
}

.section .section-header .icon[data-v-1e987888] {
  width: 28px;
  height: 28px;
  color: #5b86e5;
  margin-right: 15px
}

.section .section-header .section-number[data-v-1e987888] {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 18px
}

.section-content p[data-v-1e987888] {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 20px
}

.important-clause[data-v-1e987888],
.important-note[data-v-1e987888],
.important-text[data-v-1e987888] {
  background: linear-gradient(135deg, rgba(255, 215, 0, .1), rgba(255, 138, 0, .1));
  border-left: 4px solid gold;
  padding: 20px;
  border-radius: 8px;
  margin: 25px 0
}

.important-clause .icon[data-v-1e987888],
.important-note .icon[data-v-1e987888],
.important-text .icon[data-v-1e987888] {
  width: 24px;
  height: 24px;
  color: #ff8a00;
  margin-right: 12px;
  flex-shrink: 0
}

.important-clause p[data-v-1e987888],
.important-note p[data-v-1e987888],
.important-text p[data-v-1e987888] {
  margin: 0;
  color: #1a2b6d;
  font-weight: 600;
  line-height: 1.6
}

.important-text[data-v-1e987888],
.warning-note[data-v-1e987888] {
  display: flex;
  align-items: flex-start
}

.warning-note[data-v-1e987888] {
  background: linear-gradient(135deg, hsla(0, 100%, 71%, .1), rgba(255, 75, 43, .1));
  border-left: 4px solid #ff6b6b;
  padding: 20px;
  border-radius: 8px;
  margin: 25px 0
}

.warning-note .icon[data-v-1e987888] {
  width: 24px;
  height: 24px;
  color: #ff6b6b;
  margin-right: 12px;
  flex-shrink: 0
}

.warning-note p[data-v-1e987888] {
  margin: 0;
  color: #333;
  line-height: 1.6
}

.definition-item[data-v-1e987888] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8fafc;
  border-radius: 8px;
  border-left: 4px solid #36d1dc
}

.definition-item .term[data-v-1e987888] {
  font-weight: 700;
  color: #1a2b6d;
  margin-bottom: 5px;
  font-size: 15px
}

.definition-item .definition[data-v-1e987888] {
  color: #666;
  line-height: 1.6
}

.clause-item[data-v-1e987888] {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
  padding: 12px;
  background: #f8fafc;
  border-radius: 8px;
  transition: all .3s ease
}

.clause-item[data-v-1e987888]:hover {
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.clause-item .icon[data-v-1e987888] {
  width: 20px;
  height: 20px;
  color: #36d1dc;
  flex-shrink: 0;
  margin-top: 2px
}

.clause-item span[data-v-1e987888] {
  flex: 1;
  color: #333;
  line-height: 1.6
}

.clause[data-v-1e987888] {
  margin-bottom: 30px
}

.clause h4[data-v-1e987888] {
  font-size: 18px;
  font-weight: 700;
  color: #1a2b6d;
  margin: 0 0 15px 0
}

.clause p[data-v-1e987888] {
  margin-bottom: 15px
}

.agreement-confirm[data-v-1e987888] {
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  border-radius: 15px;
  padding: 30px;
  margin-top: 40px;
  color: #fff
}

.agreement-confirm .confirm-header[data-v-1e987888] {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px
}

.agreement-confirm .confirm-header .icon[data-v-1e987888] {
  width: 28px;
  height: 28px;
  color: gold
}

.agreement-confirm .confirm-header h3[data-v-1e987888] {
  font-size: 24px;
  font-weight: 800;
  margin: 0;
  color: #fff
}

.agreement-confirm .confirm-content p[data-v-1e987888] {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
  opacity: .9
}

.agreement-confirm .agreement-actions[data-v-1e987888] {
  display: flex;
  gap: 20px;
  margin-top: 30px
}

.agreement-confirm .agreement-actions button[data-v-1e987888] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: all .3s ease
}

.agreement-confirm .agreement-actions button .icon[data-v-1e987888] {
  width: 18px;
  height: 18px
}

.agreement-confirm .agreement-actions .btn-primary[data-v-1e987888] {
  background: linear-gradient(135deg, gold, #ff8a00);
  color: #1a2b6d
}

.agreement-confirm .agreement-actions .btn-primary[data-v-1e987888]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 215, 0, .3)
}

.agreement-confirm .agreement-actions .btn-secondary[data-v-1e987888] {
  background: hsla(0, 0%, 100%, .2);
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .3)
}

.agreement-confirm .agreement-actions .btn-secondary[data-v-1e987888]:hover {
  background: hsla(0, 0%, 100%, .3);
  transform: translateY(-2px)
}

.floating-actions[data-v-1e987888] {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 100
}

@media (max-width:768px) {
  .floating-actions[data-v-1e987888] {
    bottom: 20px;
    right: 20px
  }
}

.floating-actions .floating-btn[data-v-1e987888] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 5px 15px rgba(26, 43, 109, .3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease
}

.floating-actions .floating-btn[data-v-1e987888]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(26, 43, 109, .4)
}

.floating-actions .floating-btn .icon[data-v-1e987888] {
  width: 24px;
  height: 24px
}

.floating-actions .floating-btn.top-btn[data-v-1e987888] {
  background: linear-gradient(135deg, #36d1dc, #5b86e5)
}

.floating-actions .floating-btn.print-btn[data-v-1e987888] {
  background: linear-gradient(135deg, #ff6b6b, #ff8e53)
}

@media (max-width:768px) {
  .page-header[data-v-1e987888] {
    padding: 40px 0 30px;
    margin-top: 70px
  }

  .page-header .header-content .page-title[data-v-1e987888] {
    font-size: 32px
  }

  .page-header .header-content .page-subtitle[data-v-1e987888] {
    font-size: 16px
  }

  .page-header .header-meta[data-v-1e987888] {
    flex-direction: column;
    gap: 15px;
    align-items: center
  }

  .section .section-header[data-v-1e987888] {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
  }

  .section .section-header .section-number[data-v-1e987888] {
    align-self: flex-start
  }

  .agreement-actions[data-v-1e987888] {
    flex-direction: column
  }

  .floating-actions .floating-btn[data-v-1e987888] {
    width: 48px;
    height: 48px
  }

  .floating-actions .floating-btn .icon[data-v-1e987888] {
    width: 20px;
    height: 20px
  }
}

@media print {

  .agreement-nav[data-v-1e987888],
  .floating-actions[data-v-1e987888],
  .nav-header[data-v-1e987888],
  .page-header[data-v-1e987888],
  nav-footer[data-v-1e987888] {
    display: none !important
  }

  .agreement-page[data-v-1e987888] {
    background: #fff !important
  }

  .container[data-v-1e987888] {
    padding: 0 !important;
    max-width: 100% !important
  }

  .agreement-content[data-v-1e987888] {
    display: block !important
  }

  .agreement-text[data-v-1e987888] {
    box-shadow: none !important;
    padding: 20px !important;
    border-radius: 0 !important
  }
}

.container[data-v-cd0b7f70] {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body[data-v-cd0b7f70] {
  background-color: #1e87f0
}

a img[data-v-cd0b7f70] {
  width: 100%;
  height: 100%
}

input[data-v-cd0b7f70] {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl[data-v-cd0b7f70] {
  float: left
}

.fr[data-v-cd0b7f70] {
  float: right
}

.clearfix[data-v-cd0b7f70]:after,
.clearfix[data-v-cd0b7f70]:before {
  content: " ";
  display: table
}

.clearfix[data-v-cd0b7f70]:after {
  clear: both
}

.header-logo[data-v-cd0b7f70] {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #f60
}

.header-logo a[data-v-cd0b7f70] {
  display: inline-block;
  width: 110px;
  height: 55px
}

.header-logo a[data-v-cd0b7f70]:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a[data-v-cd0b7f70]:after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a[data-v-cd0b7f70]:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

.ac2[data-v-cd0b7f70] {
  background: linear-gradient(135deg, #f8fafc, #eef2f7);
  min-height: 100vh
}

.icon[data-v-cd0b7f70] {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle
}

.check-icon[data-v-cd0b7f70] {
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
  margin-top: 2px
}

.hero-banner[data-v-cd0b7f70] {
  height: 300px;
  background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .7)), url(/imgs/info1.jpg) 50%/cover no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px
}

.hero-banner .banner-overlay[data-v-cd0b7f70] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(26, 43, 109, .8), rgba(54, 209, 220, .8));
  mix-blend-mode: overlay
}

.hero-banner .banner-content[data-v-cd0b7f70] {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff
}

.hero-banner .banner-content .banner-title[data-v-cd0b7f70] {
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 15px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .3)
}

.hero-banner .banner-content .banner-subtitle[data-v-cd0b7f70] {
  font-size: 20px;
  margin-bottom: 25px;
  opacity: .9;
  font-weight: 500
}

.hero-banner .banner-content .banner-line[data-v-cd0b7f70] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #36d1dc, gold);
  margin: 0 auto;
  border-radius: 2px
}

.main-content[data-v-cd0b7f70] {
  padding: 60px 0
}

.main-content .container[data-v-cd0b7f70] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

.company-card[data-v-cd0b7f70] {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  margin-bottom: 40px
}

.company-card .card-header[data-v-cd0b7f70] {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #eef2f7
}

.company-card .card-header .card-icon[data-v-cd0b7f70] {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px
}

.company-card .card-header .card-icon .icon[data-v-cd0b7f70] {
  width: 28px;
  height: 28px;
  color: #fff
}

.company-card .card-header .card-title[data-v-cd0b7f70] {
  flex: 1
}

.company-card .card-header .card-title h2[data-v-cd0b7f70] {
  font-size: 28px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 8px 0;
  line-height: 1.2
}

.company-card .card-header .card-title .card-subtitle[data-v-cd0b7f70] {
  font-size: 16px;
  color: #666;
  font-weight: 500
}

.company-card .card-body .info-grid[data-v-cd0b7f70] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px
}

@media (max-width:768px) {
  .company-card .card-body .info-grid[data-v-cd0b7f70] {
    grid-template-columns: 1fr
  }
}

.company-card .card-body .info-item[data-v-cd0b7f70] {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #eef2f7;
  transition: all .3s ease
}

.company-card .card-body .info-item[data-v-cd0b7f70]:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
  border-color: #1a2b6d
}

.company-card .card-body .info-item .info-icon[data-v-cd0b7f70] {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(135deg, #36d1dc, #5b86e5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px
}

.company-card .card-body .info-item .info-icon .icon[data-v-cd0b7f70] {
  width: 24px;
  height: 24px;
  color: #fff
}

.company-card .card-body .info-item .info-content .info-label[data-v-cd0b7f70] {
  font-size: 12px;
  color: #666;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: .5px
}

.company-card .card-body .info-item .info-content .info-value[data-v-cd0b7f70] {
  font-size: 16px;
  color: #1a2b6d;
  font-weight: 700;
  line-height: 1.4
}

.business-scope[data-v-cd0b7f70] {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  margin-bottom: 40px
}

.business-scope .scope-header[data-v-cd0b7f70] {
  margin-bottom: 35px;
  text-align: center
}

.business-scope .scope-header h2[data-v-cd0b7f70] {
  font-size: 32px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 15px 0
}

.business-scope .scope-header .scope-line[data-v-cd0b7f70] {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #1a2b6d, #36d1dc);
  margin: 0 auto;
  border-radius: 2px
}

.business-scope .scope-content .scope-category[data-v-cd0b7f70] {
  margin-bottom: 40px
}

.business-scope .scope-content .scope-category[data-v-cd0b7f70]:last-child {
  margin-bottom: 0
}

.business-scope .scope-content .scope-category .category-header[data-v-cd0b7f70] {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #eef2f7
}

.business-scope .scope-content .scope-category .category-header .category-icon[data-v-cd0b7f70] {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: linear-gradient(135deg, gold, #ff8a00);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px
}

.business-scope .scope-content .scope-category .category-header .category-icon .icon[data-v-cd0b7f70] {
  width: 24px;
  height: 24px;
  color: #1a2b6d
}

.business-scope .scope-content .scope-category .category-header h3[data-v-cd0b7f70] {
  font-size: 24px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0
}

.business-scope .scope-content .scope-category .category-items[data-v-cd0b7f70] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-bottom: 20px
}

@media (max-width:992px) {
  .business-scope .scope-content .scope-category .category-items[data-v-cd0b7f70] {
    grid-template-columns: 1fr
  }
}

.business-scope .scope-content .scope-category .category-items .scope-item[data-v-cd0b7f70] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px;
  background: #f8fafc;
  border-radius: 10px;
  border-left: 4px solid #36d1dc;
  transition: all .3s ease
}

.business-scope .scope-content .scope-category .category-items .scope-item[data-v-cd0b7f70]:hover {
  background: #fff;
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.business-scope .scope-content .scope-category .category-items .scope-item .check-icon[data-v-cd0b7f70] {
  color: #36d1dc
}

.business-scope .scope-content .scope-category .category-items .scope-item span[data-v-cd0b7f70] {
  flex: 1;
  font-size: 14px;
  color: #333;
  line-height: 1.5
}

.business-scope .scope-content .scope-category .category-note[data-v-cd0b7f70] {
  background: linear-gradient(135deg, #1a2b6d, #2c3e50);
  color: #fff;
  padding: 15px 20px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500
}

.service-promise[data-v-cd0b7f70] {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  margin-bottom: 40px
}

.service-promise .promise-header[data-v-cd0b7f70] {
  margin-bottom: 35px;
  text-align: center
}

.service-promise .promise-header h2[data-v-cd0b7f70] {
  font-size: 32px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 15px 0
}

.service-promise .promise-header .promise-line[data-v-cd0b7f70] {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #ff6b6b, gold);
  margin: 0 auto;
  border-radius: 2px
}

.service-promise .promise-grid[data-v-cd0b7f70] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px
}

@media (max-width:992px) {
  .service-promise .promise-grid[data-v-cd0b7f70] {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:576px) {
  .service-promise .promise-grid[data-v-cd0b7f70] {
    grid-template-columns: 1fr
  }
}

.service-promise .promise-grid .promise-card[data-v-cd0b7f70] {
  text-align: center;
  padding: 25px;
  background: #f8fafc;
  border-radius: 15px;
  transition: all .3s ease;
  border: 2px solid transparent
}

.service-promise .promise-grid .promise-card[data-v-cd0b7f70]:hover {
  background: #fff;
  border-color: #1a2b6d;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(26, 43, 109, .1)
}

.service-promise .promise-grid .promise-card .promise-icon[data-v-cd0b7f70] {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px
}

.service-promise .promise-grid .promise-card .promise-icon .icon[data-v-cd0b7f70] {
  width: 28px;
  height: 28px;
  color: #fff
}

.service-promise .promise-grid .promise-card h3[data-v-cd0b7f70] {
  font-size: 18px;
  font-weight: 800;
  color: #1a2b6d;
  margin: 0 0 15px 0
}

.service-promise .promise-grid .promise-card p[data-v-cd0b7f70] {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0
}

.value-concept[data-v-cd0b7f70] {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
}

.value-concept .concept-header[data-v-cd0b7f70] {
  margin-bottom: 35px;
  text-align: center
}

.value-concept .concept-header h2[data-v-cd0b7f70] {
  font-size: 32px;
  font-weight: 900;
  color: #1a2b6d;
  margin: 0 0 15px 0
}

.value-concept .concept-header .concept-line[data-v-cd0b7f70] {
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #36d1dc, #5b86e5);
  margin: 0 auto;
  border-radius: 2px
}

.value-concept .concept-content[data-v-cd0b7f70] {
  text-align: center
}

.value-concept .concept-content .concept-text[data-v-cd0b7f70] {
  max-width: 800px;
  margin: 0 auto 30px;
  font-size: 18px;
  color: #333;
  line-height: 1.8;
  font-weight: 500
}

.value-concept .concept-content .concept-tags[data-v-cd0b7f70] {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap
}

.value-concept .concept-content .concept-tags .concept-tag[data-v-cd0b7f70] {
  background: linear-gradient(135deg, #1a2b6d, #5b86e5);
  color: #fff;
  padding: 10px 25px;
  border-radius: 25px;
  font-weight: 700;
  font-size: 16px;
  transition: all .3s ease
}

.value-concept .concept-content .concept-tags .concept-tag[data-v-cd0b7f70]:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(26, 43, 109, .3)
}

@media (max-width:768px) {
  .hero-banner[data-v-cd0b7f70] {
    height: 250px;
    margin-top: 70px
  }

  .hero-banner .banner-content .banner-title[data-v-cd0b7f70] {
    font-size: 36px
  }

  .hero-banner .banner-content .banner-subtitle[data-v-cd0b7f70] {
    font-size: 18px
  }

  .main-content[data-v-cd0b7f70] {
    padding: 40px 0
  }

  .business-scope[data-v-cd0b7f70],
  .company-card[data-v-cd0b7f70],
  .service-promise[data-v-cd0b7f70],
  .value-concept[data-v-cd0b7f70] {
    padding: 25px
  }

  .company-card .card-header[data-v-cd0b7f70] {
    flex-direction: column;
    text-align: center;
    gap: 15px
  }

  .company-card .card-header .card-icon[data-v-cd0b7f70] {
    margin-right: 0
  }
}

@font-face {
  font-family: iconfont;
  src: url(../fonts/iconfont.9ea807cf.eot);
  src: url(../fonts/iconfont.9ea807cf.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(../fonts/iconfont.03fa02f3.woff) format("woff"), url(../fonts/iconfont.e26cfb7b.ttf) format("truetype"), url(../img/iconfont.5fc4ef19.svg#iconfont) format("svg")
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-zuozhe:before {
  content: "\e67b"
}

.icon-jianjie:before {
  content: "\e78b"
}

.icon-time:before {
  content: "\e62b"
}

.icon-denglu1:before {
  content: "\e611"
}

.icon-icp-license:before {
  content: "\e763"
}

.icon-chongwu:before {
  content: "\e614"
}

.icon-haoyou:before {
  content: "\e86f"
}

.icon-zhaopin:before {
  content: "\e627"
}

.icon-shenghuo:before {
  content: "\e6ab"
}

.icon-peixun:before {
  content: "\e62a"
}

.icon-weibiaoti-:before {
  content: "\e60e"
}

.icon-tubiaozhizuomoban:before {
  content: "\e60f"
}

.icon-shangcheng:before {
  content: "\e6b3"
}

.icon-jigou:before {
  content: "\e695"
}

.icon-laowuhezuohetong:before {
  content: "\e62e"
}

.icon-dianhua1:before {
  content: "\e613"
}

.icon-zuirehotxiankuang:before {
  content: "\e837"
}

.icon-moban:before {
  content: "\e61d"
}

.icon-zixun:before {
  content: "\e64e"
}

.icon-icon-:before {
  content: "\e642"
}

.icon-xieyibaojiadan:before {
  content: "\e604"
}

.icon-gengduo:before {
  content: "\e653"
}

.icon-zixun1:before {
  content: "\e629"
}

.icon-taocixingye:before {
  content: "\e634"
}

.icon-taoci:before {
  content: "\e632"
}

.icon-yishupin:before {
  content: "\e60d"
}

.icon-tubiaozuixin01:before {
  content: "\e678"
}

.icon-wenzhang1:before {
  content: "\e610"
}

.icon-youxiang:before {
  content: "\e65e"
}

.icon-xinwen:before {
  content: "\e685"
}

.icon-dizhi:before {
  content: "\e628"
}

.icon-icon-test:before {
  content: "\e607"
}

.icon-xinwen1:before {
  content: "\e6ba"
}

.icon-biaotizhishi:before {
  content: "\e608"
}

.icon-jinru:before {
  content: "\e600"
}

.icon-denglu:before {
  content: "\e612"
}

.icon-zhuce:before {
  content: "\e71c"
}

.icon-tuichu_huaban1:before {
  content: "\e686"
}

.icon-wenzhang:before {
  content: "\e6c7"
}

.icon-dianhua:before {
  content: "\e7bf"
}

.container {
  position: relative;
  width: 1050px;
  margin-right: auto;
  margin-left: auto
}

body {
  background-color: #1e87f0
}

/* a img {
  width: 100%;
  height: 100%
} */

input {
  outline: none;
  box-sizing: border-box;
  font-size: 14px
}

.fl {
  float: left
}

.fr {
  float: right
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.header-logo {
  width: 55px;
  background-color: #f60
}

.header-logo,
.header-logo a {
  display: inline-block;
  height: 55px
}

.header-logo a {
  width: 110px
}

.header-logo a:before {
  background: url(/imgs/mi-logo.png) no-repeat 50%;
  background-size: 55px;
  transition: margin .2s
}

.header-logo a:after,
.header-logo a:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px
}

.header-logo a:after {
  background: url(/imgs/mi-home.png) no-repeat 50%;
  background-size: 55px
}

.header-logo a:hover:before {
  margin-left: -55px;
  transition: margin .2s
}

a,
body,
button,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
select,
textarea,
ul {
  margin: 0;
  padding: 0;
  outline: none
}

body,
html {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  color: #333;
  background-color: #fff;
  min-width: 1226px;
  font-size: 12px
}

a {
  text-decoration: none
}

li,
ul {
  list-style: none
}

input {
  font: normal
}

a:focus,
input:focus {
  outline: none
}