@font-face {
  font-family: 'Helvetica-Neue';
  src: url("../images/Helvetica-Neue.ttf");
}

body {
  background-color: #f1f4f9;
  font-family: 'Helvetica-Neue', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body .black {
  color: #000;
}

body .color87 {
  color: #878787;
}

body .blue {
  color: #1c2761;
}

body .white {
  color: #fff;
}

body .ks-btn-primary {
  background: linear-gradient(-100deg, #0064c0 0%, #1c2761 100%);
  border: solid 1px #51acff;
  border-radius: 5px;
  color: #Fff;
  font-size: 16px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

body .ks-btn-warning {
  background-color: #1c2761 !important;
  border-radius: 5px;
  color: #Fff;
  font-size: 16px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

body .go-top {
  z-index: 9;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 20px;
  background: linear-gradient(-100deg, #0064c0 0%, #1c2761 100%);
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

body .go-top:hover {
  color: #fff;
}

body .page-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  min-width: 35px;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid #ececec;
  color: #999;
  margin: 3px;
  font-size: 14px;
}

body .page-box a.active {
  background-color: #1c2761;
  color: #fff;
}

@media (max-width: 640px) {
  body .page-box {
    margin: 10px auto 20px !important;
  }
}

.main .uk-container {
  max-width: 1850px;
}

@media (max-width: 640px) {
  .main .uk-container {
    padding: 0 10px;
  }
}

.main .layout-container {
  padding: 20px 0 clamp(20px, 3.6458vw, 70px);
}

.main .layout-container > * {
  margin-top: 0;
}

.main .layout-container .uk-grid-left {
  min-width: 250px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

@media (max-width:960px) {
  .main .layout-container .uk-grid-left {
    min-width: 250px;
    max-height: fit-content;
    top: 0px !important;
    padding-right: 0;
    padding-left: 0;
  }
}

.main .layout-container .uk-grid-left::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color: #f1f4f9;
  border-radius: 10px;
}


.main .layout-container .uk-grid-left::-webkit-scrollbar-thumb{
  width: 5px;
  height: 5px;
  background-color: #c9c9c9;
  border-radius: 10px;
  cursor: pointer;
}
.main .layout-container .uk-grid-left::-webkit-scrollbar-thumb:hover{
  background-color: #0064c0;
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-left {
    width: 100%;
    margin-bottom: 20px;
  }
}

.main .layout-container .uk-grid-left .left-nav {
  color: #fff;
  font-weight: bold;
  height: clamp(45px, 3.125vw, 60px);
  border: solid 1px #000;
  background: #000;
  border-radius: 5px;
  font-size: clamp(15px, 0.9375vw, 18px);
  padding: 0 clamp(15px, 1.8229vw, 35px);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.main .layout-container .uk-grid-left .left-nav span {
  margin-left: clamp(10px, 1.5625vw, 30px);
}

.main .layout-container .uk-grid-left .layout-accordion {
  font-size: 14px;
  color: #5f5f5f;
  margin-top: 20px;
  user-select: none;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title {
  border-radius: 5px;
  padding: 10px clamp(10px, 0.7813vw, 15px);
  overflow: hidden;
  border: 1px solid transparent;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
  margin-right: 15px;
  overflow: hidden;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title:hover{
  color: #fff;
  border: solid 1px #51acff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  background: linear-gradient(-100deg, #0064c0 0%, #1c2761 100%);
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title:hover img{
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #fff);
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title::before {
  display: none;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title.active {
  color: #fff;
  border: solid 1px #51acff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  background: linear-gradient(-100deg, #0064c0 0%, #1c2761 100%);
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title.active img {
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #fff);
}

/* .main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title:hover {
  color: #1c2761;
  border: solid 1px #1c2761;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  background: rgba(13, 139, 255, 0.1);
  text-shadow: none;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title:hover img {
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #1c2761);
} */

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-title .nav-icon {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 14px;
  width: 30px;
  height: 100%;
  text-align: center;
  transform: translateX(10px);
}

.main .layout-container .uk-grid-left .layout-accordion .uk-open {
  border-radius: 5px;
  background-color: #d9e8f9;
}

/* .main .layout-container .uk-grid-left .layout-accordion .uk-open .uk-accordion-title {
  color: #1c2761;
} */

/* .main .layout-container .uk-grid-left .layout-accordion .uk-open .uk-accordion-title img {
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #1c2761);
} */

/* .main .layout-container .uk-grid-left .layout-accordion .uk-open .uk-accordion-title:hover {
  border-color: transparent;
  background: transparent;
  text-shadow: none;
} */

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-content {
  margin-top: 0;
  color: #878787;
  font-size: 14px;
  padding: 5px 0;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-content p {
  padding: 10px 40px 10px 40px;
}

.main .layout-container .uk-grid-left .layout-accordionn .uk-accordion-content p a {
  display: block;
  transition: all .3s linear;
}

.main .layout-container .uk-grid-left .layout-accordion .uk-accordion-content p a:hover {
  color: #1c2761;
}

.main .layout-container .uk-grid-right {
  width: 26%;
  min-width: 200px;
  padding-left: 10px;
}

@media (max-width: 960px) {
  .main .layout-container .uk-grid-right {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.main .layout-container .uk-grid-right .lun-tan-title {
  margin-bottom: 15px;
  user-select: none;
  padding: clamp(20px, 1.5625vw, 30px) 0 clamp(15px, 1.0417vw, 20px);
  border-bottom: 1px solid #eeeeee;
}

.main .layout-container .uk-grid-right .lun-tan-title img {
  margin-left: 10px;
  margin-right: 10px;
}

.main .layout-container .uk-grid-right .lun-tan-title span {
  font-size: clamp(16px, 0.9375vw, 18px);
}

.main .layout-container .uk-grid-right .lun-tan-title .more-btn:hover {
  color: #1c2761;
}

.main .layout-container .uk-grid-right .luntan-top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 290px;
  color: #ffffff;
  width: 100%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-right .luntan-top .item-title {
  font-size: clamp(18px, 1.25vw, 24px);
  padding: 15px 0;
}

.main .layout-container .uk-grid-right .luntan-top .ks-btn-warning {
  width: 170px;
  height: 45px;
  font-size: 16px;
  transition: transform .3s linear, border-color .3s linear;
}

.main .layout-container .uk-grid-right .luntan-top .ks-btn-warning:hover {
  transform: translate(0, -2px);
  border-color: #fff;
}

.main .layout-container .uk-grid-right .luntan-top > * {
  position: relative;
  z-index: 1;
}

.main .layout-container .uk-grid-right .luntan-top::after {
  position: absolute;
  content: '';
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(15, 20, 29, 0.5);
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan {
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0 clamp(15px, 1.5625vw, 30px) 20px;
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .lun-tan-ul li {
  padding: 0 0 clamp(15px, 1.0417vw, 20px);
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .lun-tan-ul li:last-child {
  padding-bottom: 0;
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item {
  user-select: none;
  transition: transform .3s linear;
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item:hover {
  transform: translateX(3px);
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item:hover .item-info .item-title {
  color: #1c2761;
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item .item-img {
  width: clamp(100px, 5.7292vw, 110px);
  aspect-ratio: 110 / 80;
  margin-right: clamp(15px, 1.3021vw, 25px);
  flex-shrink: 0;
  object-fit: cover;
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item .item-info {
  flex: 1;
  line-height: 1.5;
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item .item-info .item-title {
  font-size: 16px;
  color: #010101;
  margin-bottom: clamp(8px, 0.7813vw, 15px);
}

.main .layout-container .uk-grid-right .lun-tan-gonggao-lan .luntan-item .item-info .item-time {
  font-size: 14px;
  color: #878787;
}

.main .layout-container .uk-grid-right .kecheng-ul li {
  margin-bottom: clamp(15px, 0.7813vw, 15px);
  font-size: clamp(14px, 0.8333vw, 16px);
}

.main .layout-container .uk-grid-right .kecheng-ul li .kecheng-item {
  background-color: #f1f4f9;
  border-radius: 5px;
  padding: 30px 15px;
  transition: transform .3s linear,
 box-shadow .3s linear;
}

.main .layout-container .uk-grid-right .kecheng-ul li .kecheng-item img {
  object-fit: cover;
  width: clamp(80px, 6.7708vw, 130px);
  margin-bottom: clamp(15px, 1.3021vw, 25px);
}

.main .layout-container .uk-grid-right .kecheng-ul li .kecheng-item:hover {
  transform: translate(0, -2px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.main .layout-container .uk-grid-right .kecheng-ul li:last-child {
  margin-bottom: 0;
}

.main .layout-container .uk-grid-center .lun-tan-title {
  user-select: none;
  padding: 0 0 clamp(15px, 1.0417vw, 20px);
}

.main .layout-container .uk-grid-center .lun-tan-title img {
  margin-right: 10px;
}

.main .layout-container .uk-grid-center .lun-tan-title span {
  font-size: clamp(16px, 0.9375vw, 18px);
}

.main .layout-container .uk-grid-center .lun-tan-title .more-btn:hover {
  color: #1c2761;
}

.main .layout-container .uk-grid-center .center-box.video-box {
  background-color: #fff;
  border-radius: 5px;
  padding: clamp(20px, 2.3438vw, 45px) clamp(15px, 1.3021vw, 25px);
  margin-left: 15px;
}
@media (max-width:640px) {
  .main .layout-container .uk-grid-center .center-box.video-box {
    margin-left: 0px;
  }
  .main .layout-container .uk-grid-right{
    padding-left: 0;
  }
}

.main .layout-container .uk-grid-center .center-box.video-box .video-container {
  background-color: #f1f4f9;
  padding: clamp(15px, 2.6042vw, 50px) clamp(15px, 1.5625vw, 30px);
}

.main .layout-container .uk-grid-center .center-box.announcement-box {
  background-color: #fff;
  border-radius: 5px;
  margin-left: 15px;
}

@media (max-width:640px) {
  .main .layout-container .uk-grid-center .center-box.announcement-box {
    margin-left: 0px;
  }
}


.main .layout-container .uk-grid-center .center-box.announcement-box .lun-tan-title {
  border-bottom: 1px solid #eee;
  padding: clamp(25px, 1.5625vw, 30px) clamp(15px, 2.0833vw, 40px) clamp(15px, 1.0417vw, 20px);
}

.main .layout-container .uk-grid-center .center-box.announcement-box .announcement-item {
  border-bottom: 1px solid #eee;
  line-height: 1.5;
  padding: clamp(15px, 1.0417vw, 20px) clamp(15px, 2.0833vw, 40px);
  transition: transform .3s linear;
}

.main .layout-container .uk-grid-center .center-box.announcement-box .announcement-item:hover {
  transform: translateX(2px);
}

.main .layout-container .uk-grid-center .center-box.announcement-box .announcement-item:hover .item-title {
  color: #1c2761;
}

.main .layout-container .uk-grid-center .center-box.announcement-box .announcement-item img {
  object-fit: cover;
  width: 110px;
  height: 80px;
  flex-shrink: 0;
  margin-right: clamp(15px, 1.3021vw, 25px);
  border-radius: 5px;
  overflow: hidden;
}

.main .layout-container .uk-grid-center .center-box.announcement-box .announcement-item .item-title {
  font-size: 16px;
  color: #010101;
  margin-bottom: 10px;
  transition: color .3s linear;
}

.main .layout-container .uk-grid-center .center-box.announcement-box .announcement-item .item-time {
  font-size: 14px;
  color: #878787;
}

.main .layout-container .uk-grid-center .center-box.announcement-box .page-bottom {
  padding: clamp(20px, 2.0833vw, 40px) 15px;
}

.main .layout-container .uk-grid-center .center-box.off-project-box {
  background-color: #fff;
  border-radius: 5px;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .lun-tan-title {
  border-bottom: 1px solid #eee;
  padding: clamp(25px, 1.5625vw, 30px) clamp(15px, 2.0833vw, 40px) clamp(15px, 1.0417vw, 20px);
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item {
  border-bottom: 1px solid #eee;
  line-height: 1.5;
  padding: clamp(15px, 1.0417vw, 20px) clamp(15px, 2.0833vw, 40px);
  transition: transform .3s linear;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item:hover {
  transform: translateX(2px);
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item:hover .item-title {
  color: #1c2761;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item img {
  object-fit: cover;
  width: clamp(120px, 10.4167vw, 200px);
  height: clamp(100px, 7.2917vw, 140px);
  flex-shrink: 0;
  margin-right: clamp(15px, 1.3021vw, 25px);
  border-radius: 5px;
  overflow: hidden;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-top {
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-top .time {
  font-size: 14px;
  color: #878787;
  flex-shrink: 0;
  margin-left: 10px;
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-top {
    display: block;
  }
  .main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-top .time {
    margin-top: 5px;
    display: block;
  }
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-title {
  font-size: clamp(16px, 0.9375vw, 18px);
  color: #010101;
  transition: color .3s linear;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-time {
  font-size: 14px;
  color: #878787;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-desc {
  color: #878787;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-btn {
  font-size: 14px;
  width: 120px;
  height: 35px;
  background-color: #f1f4f9;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  transition: background .3s linear;
}

.main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item .item-btn:hover {
  background: linear-gradient(-100deg, #0064c0 0%, #1c2761 100%);
  border: solid 1px #51acff;
  border-radius: 5px;
  color: #fff;
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item {
    display: block;
  }
  .main .layout-container .uk-grid-center .center-box.off-project-box .off-project-item img {
    width: 100%;
    aspect-ratio: 200 / 140;
    height: auto;
    margin-bottom: 10px;
  }
}

.main .layout-container .uk-grid-center .center-box.off-project-box .page-bottom {
  padding: clamp(20px, 2.0833vw, 40px) 15px;
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box {
  margin: 20px 0 0;
  background-color: #fff;
  border-radius: 5px;
  padding: clamp(20px, 2.3438vw, 45px) clamp(15px, 1.3021vw, 25px);
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .lun-tan-title {
  border-bottom: 1px solid #eee;
  margin-bottom: clamp(15px, 1.3021vw, 25px);
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .form-box {
  display: block;
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .form-box .form-cell {
  margin-bottom: 10px;
  background-color: #fafafa;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  padding: clamp(15px, 1.0417vw, 20px) clamp(15px, 1.5625vw, 30px);
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .form-box .form-cell input {
  width: 100%;
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .form-box .form-cell .layui-input {
  padding: 0;
  border: none;
  background-color: transparent;
  height: auto;
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .form-box .form-cell .layui-form-select .layui-edge {
  right: 0;
}

.main .layout-container .uk-grid-center .center-box.exchange-bottom-box .form-box .btn {
  width: 170px;
  height: clamp(45px, 2.6042vw, 50px);
  background-color: #fe5f43;
  border-radius: 5px;
  margin-top: 20px;
  cursor: pointer;
}

.main .layout-container .uk-grid-userinfo .user-info {
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  margin-left: 15px;
}

@media (max-width:640px) {
  .main .layout-container .uk-grid-userinfo .user-info {
    margin-left: 0px;
  }
}

.main .layout-container .uk-grid-userinfo .user-info .user-top {
  padding: clamp(20px, 1.8229vw, 35px) clamp(20px, 3.125vw, 60px);
  background-image: url("../images/user-bg.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.main .layout-container .uk-grid-userinfo .user-info .user-top .user-img {
  border-radius: 100px;
  width: clamp(80px, 5.2083vw, 100px);
  height: clamp(80px, 5.2083vw, 100px);
  background-color: #e5e5e5;
  border: solid 2px #ffffff;
  object-fit: cover;
  margin-right: clamp(15px, 1.3021vw, 25px);
  flex-shrink: 0;
}

.main .layout-container .uk-grid-userinfo .user-info .user-top .user-text {
  color: #fff;
  font-size: 14px;
}

.main .layout-container .uk-grid-userinfo .user-info .user-top .user-text span {
  font-size: 18px;
  margin-right: 5x;
}

@media (max-width: 960px) {
  .main .layout-container .uk-grid-userinfo .user-info .user-top {
    display: block;
  }
}

.main .layout-container .uk-grid-userinfo .user-info .user-top .btn {
  flex-shrink: 0;
  margin-left: 15px;
  width: clamp(120px, 11.4583vw, 220px);
  height: clamp(45px, 3.125vw, 60px);
  background-color: #ffffff;
  border-radius: 5px;
  font-size: clamp(16px, 0.9375vw, 18px);
  transition: transform .3s linear;
}

.main .layout-container .uk-grid-userinfo .user-info .user-top .btn span {
  margin-left: 15px;
}

@media (max-width: 960px) {
  .main .layout-container .uk-grid-userinfo .user-info .user-top .btn {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}

.main .layout-container .uk-grid-userinfo .user-info .user-top .btn:hover {
  transform: translate(0, -2px);
}

@media (max-width: 960px) {
  .main .layout-container .uk-grid-userinfo .user-content {
    flex-wrap: wrap;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav {
  border-right: 1px solid #eeeeee;
  padding: clamp(15px, 3.125vw, 60px) clamp(15px, 1.0417vw, 20px) clamp(15px, 3.125vw, 60px) clamp(15px, 1.5625vw, 30px);
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item {
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 10px;
  height: 45px;
  border-radius: 5px;
  font-size: clamp(14px, 0.8333vw, 16px);
  width: 100%;
  max-width: 230px;
  box-sizing: border-box;
  padding: 0 clamp(25px, 1.8229vw, 35px);
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item img {
  width: 18px;
  flex-shrink: 0;
  margin-right: clamp(10px, 1.3021vw, 25px);
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item.active {
  background-color: #1c2761;
  color: #fff;
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item.active img {
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #fff);
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item:hover {
  background-color: rgba(13, 139, 255, 0.1);
  color: #1c2761;
}

.main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item:hover img {
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #1c2761);
}

@media (max-width: 960px) {
  .main .layout-container .uk-grid-userinfo .user-content .user-left-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
  }
  .main .layout-container .uk-grid-userinfo .user-content .user-left-nav .user-nav-item {
    width: 50%;
    max-width: 100%;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container {
  font-size: 16px;
  padding: clamp(15px, 3.125vw, 60px) clamp(30px, 1.0417vw, 70px);
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-userinfo .user-content .user-right-container {
    padding: 15px;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .avatar-box {
  margin-bottom: clamp(20px, 2.0833vw, 40px);
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .avatar-box img {
  width: clamp(80px, 5vw, 96px);
  height: clamp(80px, 5vw, 96px);
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 100px;
  margin-right: clamp(10px, 1.5625vw, 30px);
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .avatar-box span {
  color: #1c2761;
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell {
  margin-bottom: 10px;
  font-size: 15px;
  display: flex;
  align-items: center;
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell .name {
  text-align: right;
  width: 80px;
  flex-shrink: 0;
  margin-right: clamp(15px, 1.5625vw, 30px);
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell input {
  box-sizing: border-box;
  padding: 0 clamp(15px, 1.5625vw, 30px);
  width: 100%;
  height: clamp(45px, 2.6042vw, 50px);
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  max-width: 640px;
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell input:disabled {
  border: none;
  color: #999;
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell span {
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 15px;
  width: 50px;
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell span:hover {
  color: #1c2761;
}

.main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell .btn {
  font-size: 14px;
  width: 170px;
  height: 50px;
  border-radius: 5px;
  margin-top: clamp(20px, 1.5625vw, 30px);
  cursor: pointer;
}

@media (max-width: 960px) {
  .main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell {
    display: block;
    margin-bottom: 15px;
  }
  .main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell .name {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .main .layout-container .uk-grid-userinfo .user-content .user-right-container .form-box .form-cell span {
    width: 100%;
    display: block;
    margin-top: 10px;
    text-align: right;
    color: #999;
    box-sizing: border-box;
    margin-left: 0;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container {
  font-size: 14px;
  padding: clamp(15px, 2.6042vw, 50px) clamp(30px, 2.6042vw, 50px);
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container {
    padding: 15px;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .section-title {
  padding: clamp(15px, 1.4063vw, 27px);
  background-color: #e8f6ff;
  border-radius: 5px;
  font-size: 16px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .btn {
  flex-shrink: 0;
  margin-left: 15px;
  width: 70px;
  text-align: center;
  display: block;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .btn.total {
  font-size: 14px;
  color: rgba(135, 135, 135, 0.87);
  width: fit-content;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item {
  padding: clamp(15px, 1.3021vw, 25px);
  border-bottom: 1px solid #eee;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .btn {
  display: block;
  flex-shrink: 0;
  margin-left: 15px;
  width: 70px;
  text-align: center;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-img {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  flex-shrink: 0;
  object-fit: cover;
  margin-right: clamp(15px, 1.3021vw, 25px);
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-desc .item-title {
  color: #1c2761;
  font-size: 16px;
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-desc .tag {
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  height: 27px;
  padding: 0 10px;
  color: #878787;
  margin: 0 10px 10px 0;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-desc .tag span {
  margin-right: 10px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-desc .item-tips {
  color: #878787;
  font-size: 14px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-desc .item-tips span {
  margin-left: 8px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .user-desc .item-tips p {
  margin-right: 20px;
  padding: 3px 0;
}

@media (max-width: 1200px) {
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item {
    padding: clamp(15px, 1.3021vw, 25px) 0;
    display: block;
  }
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .pointer {
    margin-left: auto;
    width: fit-content;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 15px;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
  }
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .pointer:hover {
    background-color: rgba(13, 139, 255, 0.1);
    color: #1c2761;
  }
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .left-box .item-tips {
    font-size: 13px;
  }
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container .attention-item .left-box .item-tips p {
    margin-right: 10px;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .noticePost-item {
  line-height: 1.6;
  display: block;
  padding: clamp(15px, 1.5625vw, 30px) clamp(15px, 1.3021vw, 25px);
  border-bottom: 1px solid #eee;
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-userinfo .user-content .attention-right-container .noticePost-item {
    padding: clamp(15px, 1.5625vw, 30px) 0;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .noticePost-item .item-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .noticePost-item p.center {
  font-size: 14px;
  color: #878787;
  margin-right: 20px;
  padding: 3px 0;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .noticePost-item p.center img {
  flex-shrink: 0;
  margin-right: 10px;
}

.main .layout-container .uk-grid-userinfo .user-content .attention-right-container .page-bottom {
  padding: clamp(20px, 2.0833vw, 40px) 15px 0;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container {
  font-size: 14px;
  padding: clamp(15px, 2.6042vw, 50px) clamp(30px, 2.6042vw, 50px);
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container {
    padding: 15px;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .section-title {
  padding: clamp(15px, 1.4063vw, 27px);
  background-color: #e8f6ff;
  border-radius: 5px;
  font-size: 16px;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .section-title .btn {
  flex-shrink: 0;
  width: 15%;
  text-align: center;
  display: block;
  min-width: 100px;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li {
  user-select: none;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li {
  padding: clamp(15px, 1.3021vw, 25px);
  border-bottom: 1px solid #eee;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .tip-item {
  width: 55%;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .tip-item .num {
  color: #878787;
  flex-shrink: 0;
  width: 50px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  margin-right: clamp(15px, 1.0417vw, 20px);
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .tip-item .tip-desc {
  flex: 1;
  max-width: 526px;
  flex-shrink: 0;
  width: 100%;
  word-break: break-all;
  box-sizing: border-box;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .tip-item .tip-desc .item-title {
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .tip-item .tip-desc .item-desc {
  width: 100%;
  color: #878787;
  font-size: 14px;
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .tip-item .tip-desc .img-box img {
  object-fit: cover;
  width: 140px;
  height: 100px;
  background-color: #eeeeee;
  border-radius: 5px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 45%;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .nav-item {
  flex-shrink: 0;
  width: 15%;
  text-align: center;
  min-width: 100px;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .nav-item img {
  margin-right: 5px;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .nav-item.gray {
  color: #878787;
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .nav-item.pointer:hover {
  color: #1c2761;
}

@media (max-width: 1200px) {
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li {
    padding: 15px 0;
  }
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .collect-item {
    flex-wrap: wrap;
  }
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .collect-item .tip-item {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .collect-item .tip-item .num {
    margin-bottom: 10px;
  }
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .collect-item .nav-item {
    width: 50%;
    padding-top: 10px;
    justify-content: left;
  }
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .collect-item .nav-item.pointer {
    width: fit-content;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 15px;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    margin-left: auto;
  }
  .main .layout-container .uk-grid-userinfo .user-content .collect-right-container .collect-li li .collect-item .nav-item.pointer:hover {
    background-color: rgba(13, 139, 255, 0.1);
  }
}

.main .layout-container .uk-grid-userinfo .user-content .collect-right-container .page-bottom {
  padding: clamp(20px, 2.0833vw, 40px) 15px 0;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container {
  font-size: 14px;
  padding: clamp(15px, 2.6042vw, 50px) clamp(30px, 2.6042vw, 50px);
}

@media (max-width: 640px) {
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container {
    padding: 15px;
  }
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .section-title {
  padding: clamp(15px, 1.4063vw, 27px);
  background-color: #e8f6ff;
  border-radius: 5px;
  font-size: 16px;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .section-title .btn {
  flex-shrink: 0;
  width: 25%;
  text-align: center;
  display: block;
  min-width: 100px;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li {
  user-select: none;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li {
  padding: clamp(15px, 1.3021vw, 25px);
  border-bottom: 1px solid #eee;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .tip-item {
  width: 60%;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .tip-item .num {
  color: #878787;
  flex-shrink: 0;
  width: 50px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  margin-right: clamp(15px, 1.0417vw, 20px);
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .tip-item .tip-desc {
  flex: 1;
  max-width: 526px;
  flex-shrink: 0;
  width: 100%;
  word-break: break-all;
  box-sizing: border-box;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .tip-item .tip-desc .item-title {
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .tip-item .tip-desc .item-desc {
  width: 100%;
  color: #878787;
  font-size: 14px;
  margin-bottom: 10px;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .tip-item .tip-desc .img-box img {
  object-fit: cover;
  width: 140px;
  height: 100px;
  background-color: #eeeeee;
  border-radius: 5px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 45%;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .nav-item {
  flex-shrink: 0;
  width: 25%;
  text-align: left;
  min-width: 100px;
  padding: 0 15px;
  box-sizing: border-box;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .nav-item .item-title {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: left;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .nav-item .item-desc {
  color: #878787;
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .nav-item.pointer:hover {
  color: #1c2761;
}

@media (max-width: 1200px) {
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li {
    padding: 15px 0;
  }
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .collect-item {
    flex-wrap: wrap;
  }
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .collect-item .tip-item {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .collect-item .tip-item .num {
    margin-bottom: 10px;
  }
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .collect-item .nav-item {
    width: 100%;
    padding: 10px 10px;
    justify-content: left;
    background-color: #f8f8f8;
    border-radius: 5px;
  }
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .collect-item .nav-item.pointer {
    width: fit-content;
    margin-left: auto;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 15px;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    background-color: transparent;
  }
  .main .layout-container .uk-grid-userinfo .user-content .post-right-container .collect-li li .collect-item .nav-item.pointer:hover {
    background-color: rgba(13, 139, 255, 0.1);
  }
}

.main .layout-container .uk-grid-userinfo .user-content .post-right-container .page-bottom {
  padding: clamp(20px, 2.0833vw, 40px) 15px 0;
}

.main .account-box {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.main .account-box::before {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  content: '';
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.main .account-box .uk-container {
  width: 100%;
  box-sizing: border-box;
  max-width: 1450px;
  position: relative;
  z-index: 1;
}

.main .account-box .uk-container .left-box {
  color: #fff;
}

.main .account-box .uk-container .left-box .item-title {
  padding-top: 10vh;
  font-size: clamp(24px, 2.5vw, 48px);
  font-weight: bold;
  margin-bottom: clamp(10px, 1.0417vw, 20px);
}

.main .account-box .uk-container .left-box .item-desc {
  font-size: clamp(14px, 1.5625vw, 30px);
}

.main .account-box .uk-container .form-box {
  margin-left: 15px;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  max-width: 450px;
  box-sizing: border-box;
  padding: clamp(30px, 2.6042vw, 50px) clamp(20px, 2.0833vw, 40px) clamp(20px, 1.5625vw, 30px);
}

.main .account-box .uk-container .form-box .layui-form-checked[lay-skin=primary] > i {
  border-color: #fe5f43 !important;
  background-color: #fe5f43;
}

.main .account-box .uk-container .form-box .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #fe5f43;
}

.main .account-box .uk-container .form-box .form-title {
  font-size: clamp(20px, 1.5625vw, 30px);
}

.main .account-box .uk-container .form-box .form-cell {
  border-bottom: 1px solid #eee;
  padding: clamp(30px, 1.9792vw, 38px) 0 clamp(15px, 1.0417vw, 20px);
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main .account-box .uk-container .form-box .form-cell input {
  width: 100%;
}

.main .account-box .uk-container .form-box .form-cell .code {
  width: 100px;
  height: 35px;
  background-color: #fe5f43;
  border-radius: 5px;
  margin-left: 15px;
  flex-shrink: 0;
  font-size: 14px;
  cursor: pointer;
}

.main .account-box .uk-container .form-box .form-tips {
  color: #878787;
  padding: clamp(15px, 1.0417vw, 20px) 10px 0;
}

.main .account-box .uk-container .form-box .form-tips a {
  color: #010101;
}

.main .account-box .uk-container .form-box .form-tips a:hover {
  color: #1c2761;
}

.main .account-box .uk-container .form-box .btn {
  height: clamp(45px, 3.125vw, 60px);
  background-color: #1c2761;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  transition: transform .3s linear;
  margin-top: clamp(15px, 1.3021vw, 25px);
}

.main .account-box .uk-container .form-box .btn:hover {
  transform: translate(0, -2px);
}

.main .account-box .uk-container .form-box .form-login-box .login-title {
  margin-top: clamp(20px, 1.5625vw, 30px);
  margin-bottom: clamp(20px, 1.8229vw, 35px);
  color: #878787;
  font-size: 14px;
  position: relative;
}

.main .account-box .uk-container .form-box .form-login-box .login-title::before {
  width: 100%;
  height: 1px;
  background-color: #eee;
  content: '';
  left: 0;
  top: 50%;
  position: absolute;
  z-index: 0;
}

.main .account-box .uk-container .form-box .form-login-box .login-title span {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  display: block;
  background-color: #fff;
}

.main .account-box .uk-container .icp {
  color: #d3dbe7;
  line-height: 1.6;
  font-size: 14px;
  padding: 0px 0 clamp(15px, 1.5625vw, 30px);
}

.main .account-box .uk-container .icp span {
  padding: 5px 5px;
}

@media (max-width: 640px) {
  .main .account-box .uk-container .icp {
    text-align: center;
    font-size: 13px;
  }
}

.main .account-box .uk-container .account-inner {
  padding: clamp(20px, 1.5625vw, 30px) 0;
}

@media (max-width: 640px) {
  .main .account-box .uk-container .account-inner {
    display: block;
  }
  .main .account-box .uk-container .account-inner .form-box {
    margin-left: 0;
    margin-top: 20px;
    max-width: 100%;
  }
}

.main .intro-box {
  padding: 0 0 clamp(20px, 2.0833vw, 40px);
}

.main .intro-box .banner .banner-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 300px;
  z-index: 0;
}

.main .intro-box .banner p {
  box-sizing: border-box;
  padding-top: 50px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  color: #fff;
  font-weight: bold;
  font-size: clamp(30px, 2.5vw, 48px);
}

.main .intro-box .uk-container {
  max-width: 1850px;
}

.main .intro-box .uk-container .section-intro {
  margin-top: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  padding: clamp(15px, 2.6042vw, 50px) clamp(15px, 2.6042vw, 50px) clamp(15px, 1.5625vw, 30px);
}

.main .intro-box .uk-container .section-intro .item-img {
  width: 100%;
}

.main .intro-box .uk-container .section-intro .item-intro .item-title {
  font-size: clamp(20px, 1.875vw, 36px);
  margin-bottom: clamp(15px, 1.5625vw, 30px);
  margin-top: 15px;
}

@media (max-width: 640px) {
  .main .intro-box .uk-container .section-intro .item-intro .item-title {
    margin-top: 15px;
  }
}

.main .intro-box .uk-container .section-intro .item-intro .line {
  height: 1px;
  background-color: #eee;
  margin-bottom: clamp(15px, 1.5625vw, 30px);
  position: relative;
}

.main .intro-box .uk-container .section-intro .item-intro .line::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 1px;
  background-color: #1c2761;
  left: 0;
  bottom: 0;
}

.main .intro-box .uk-container .section-intro .item-intro .item-desc {
  font-size: clamp(14px, 0.9375vw, 18px);
  margin-bottom: clamp(15px, 1.5625vw, 30px);
}

.main .intro-box .uk-container .section-intro .item-intro .item-text {
  font-size: clamp(14px, 0.8333vw, 16px);
  color: #878787;
  line-height: 2;
}

.main .intro-box .uk-container .section-intro .uk-grid {
  margin-left: clamp(-20px, -4.1667vw, -80px);
}

.main .intro-box .uk-container .section-intro .uk-grid > * {
  padding-left: clamp(20px, 4.1667vw, 80px);
}

.main .intro-box .uk-container .section-intro .intro-tips {
  padding: clamp(20px, 2.0833vw, 40px) 0 0;
  margin-left: -20px;
}

.main .intro-box .uk-container .section-intro .intro-tips > * {
  padding-left: 20px;
  margin-bottom: clamp(20px, 2.0833vw, 40px);
}

.main .intro-box .uk-container .section-intro .intro-tips img {
  width: clamp(40px, 3.125vw, 60px);
  margin-right: clamp(15px, 2.0833vw, 40px);
}

.main .intro-box .uk-container .section-intro .intro-tips .intro-right .item-title {
  color: #1c2761;
  font-size: clamp(16px, 1.25vw, 24px);
}

.main .intro-box .uk-container .section-intro .intro-tips .intro-right .item-title .num {
  font-size: clamp(30px, 2.5vw, 48px);
}

.main .intro-box .uk-container .section-intro .intro-tips .intro-right .item-desc {
  color: #878787;
  font-size: clamp(14px, 0.8333vw, 16px);
  margin-top: 10px;
}

.main .intro-box .uk-container .section-intro-li {
  margin: 20px 0;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.main .intro-box .uk-container .section-intro-li .item-img {
  width: 33.33%;
  object-fit: cover;
  max-width: 50%;
}

@media (max-width: 960px) {
  .main .intro-box .uk-container .section-intro-li .item-img {
    width: 100%;
    max-width: 100%;
    order: 1;
  }
}

.main .intro-box .uk-container .section-intro-li .section-intro-info {
  padding: clamp(15px, 3.125vw, 60px) clamp(15px, 5.2083vw, 100px);
  font-size: 14px;
  color: #878787;
  line-height: 1.8;
}

.main .intro-box .uk-container .section-intro-li .section-intro-info .ks-btn-primary {
  width: fit-content;
  padding: 0 20px;
  box-sizing: border-box;
  min-width: 150px;
  height: clamp(40px, 2.6042vw, 50px);
  background-color: #1c2761;
  border-radius: 5px;
  font-size: clamp(14px, 1.25vw, 24px);
  margin-bottom: clamp(20px, 2.0833vw, 40px);
}

.main .contact-box {
  padding: 0 0 clamp(20px, 2.0833vw, 40px);
}

.main .contact-box .banner .banner-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 300px;
  z-index: 0;
}

.main .contact-box .banner p {
  box-sizing: border-box;
  padding-top: 50px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  color: #fff;
  font-weight: bold;
  font-size: clamp(30px, 2.5vw, 48px);
}

.main .contact-box .uk-container {
  max-width: 1850px;
}

.main .contact-box .uk-container .contact-section {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin: 20px 0;
  padding: clamp(30px, 4.1667vw, 80px) 20px;
}

.main .contact-box .uk-container .contact-section .section-title {
  font-size: clamp(18px, 1.875vw, 36px);
}

.main .contact-box .uk-container .contact-section .contact-item {
  font-size: clamp(14px, 0.8333vw, 16px);
  color: #878787;
  padding-top: clamp(25px, 2.6042vw, 50px);
}

.main .contact-box .uk-container .contact-section .contact-item img {
  width: clamp(50px, 4.1667vw, 80px);
  margin-bottom: 10px;
}

.main .contact-box .uk-container .contact-section .contact-item .bottom {
  color: #000000;
  margin-top: 10px;
}

.main .contact-box .uk-container .contact-section .code-li {
  padding: 0 10px;
}

.main .contact-box .uk-container .contact-section .code-li img {
  width: clamp(100px, 7.2917vw, 140px);
}

.main .contact-box .uk-container .contact-section.form-box {
  display: block;
  padding: clamp(30px, 4.1667vw, 80px) clamp(20px, 3.125vw, 60px);
}

.main .contact-box .uk-container .contact-section.form-box .section-title {
  padding: 0 0 clamp(30px, 4.1667vw, 80px);
}

.main .contact-box .uk-container .contact-section.form-box .uk-grid {
  margin-left: -20px;
}

.main .contact-box .uk-container .contact-section.form-box .uk-grid > * {
  padding-left: 20px;
}

.main .contact-box .uk-container .contact-section.form-box .form-cell {
  font-size: 15px;
  margin-bottom: clamp(15px, 1.5625vw, 30px);
}

.main .contact-box .uk-container .contact-section.form-box .form-cell .name {
  margin-bottom: clamp(15px, 1.0417vw, 20px);
}

.main .contact-box .uk-container .contact-section.form-box .form-cell .name .red {
  color: red;
}

.main .contact-box .uk-container .contact-section.form-box .form-cell input,
.main .contact-box .uk-container .contact-section.form-box .form-cell textarea {
  box-sizing: border-box;
  width: 100%;
  height: clamp(45px, 3.125vw, 60px);
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  padding: 0 15px;
}

.main .contact-box .uk-container .contact-section.form-box .form-cell input:focus-within,
.main .contact-box .uk-container .contact-section.form-box .form-cell textarea:focus-within {
  border-color: #1c2761;
}

.main .contact-box .uk-container .contact-section.form-box .form-cell textarea {
  height: 160px;
  resize: none;
  box-sizing: border-box;
  padding: 15px;
}

.main .contact-box .uk-container .contact-section.form-box .form-btn {
  width: 190px;
  height: clamp(45px, 3.125vw, 60px);
  background-color: #fe5f43;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.main .exchange .banner .banner-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 300px;
  z-index: 0;
}

.main .exchange .banner .inner {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.main .exchange .banner .inner .title {
  padding-top: 50px;
  color: #fff;
  font-weight: bold;
  font-size: clamp(24px, 2.5vw, 48px);
}

.main .exchange .banner .inner .search-bar {
  margin: clamp(20px, 2.0833vw, 40px) 0 0;
  max-width: 600px;
  height: clamp(45px, 3.125vw, 60px);
  background-color: #ffffff;
  border-radius: 30px;
  width: calc(100% - 30px);
  padding: 0 clamp(20px, 2.0833vw, 40px);
  box-sizing: border-box;
}

.main .exchange .exchange-box {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.main .left-slide{
  margin-left: 10px;
}

@media (max-width:960px) {
  .main .left-slide{
    margin-left: 0px;
  }
}

.main .exchange .exchange-box .tag-box {
  padding: clamp(15px, 1.3021vw, 25px);
  font-size: clamp(14px, 0.8333vw, 16px);
  border-bottom: 1px solid #eee;
}

.main .exchange .exchange-box .tag-box .tag {
  padding: clamp(10px, 0.7813vw, 15px);
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  margin: 0 10px 10px 0;
}

.main .exchange .exchange-box .tag-box .tag.active {
  background-color: #1c2761;
  color: #fff;
}

.main .exchange .exchange-box .tag-box .fatie {
  margin: 0 0px 10px 0px;
  min-width: 80px;
  padding: clamp(10px, 0.7813vw, 15px);
  color: #fff;
  cursor: pointer;
  font-size: 15px;
}

.main .exchange .exchange-box .tag-box .fanhui{
  border-radius: 5px;
  cursor: pointer;
  margin: 0 10px 10px 0px;
  padding: clamp(10px, 0.7813vw, 15px);
  font-size: 15px;
}

.main .exchange .exchange-box .tag-box .fatie img {
  margin-right: 10px;
}

.main .exchange .exchange-box .exchange-li li .exchange-item {
  position: relative;
  padding: clamp(15px, 1.3021vw, 25px) clamp(25px, 1.8229vw, 35px);
  font-size: clamp(14px, 0.8333vw, 16px);
  border-bottom: 1px solid #eee;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  width: 43px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/close-btn.png");
  background-position: center;
  background-size: cover;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .close-btn i {
  position: absolute;
  top: 2px;
  right: 2px;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .num {
  color: #878787;
  flex-shrink: 0;
  width: 50px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  margin-right: clamp(15px, 1.0417vw, 20px);
}

.main .exchange .exchange-box .exchange-li li .exchange-item .tag-blue {
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #1c2761;
  border-radius: 5px;
  color: #fff;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .tag-red {
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #fe5f43;
  border-radius: 5px;
  color: #fff;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .item-title {
  font-size: clamp(14px, 0.8333vw, 16px);
  padding: 15px 0 15px;
  line-height: 1.6;
}

@media (max-width: 1200px) {
  .main .exchange .exchange-box .exchange-li li .exchange-item .tip-item {
    width: 100%;
    flex: auto;
    box-sizing: border-box;
  }
}

.main .exchange .exchange-box .exchange-li li .exchange-item .nav-item {
  flex-shrink: 0;
  width: 18%;
  text-align: left;
  min-width: 100px;
  justify-content: flex-end;
  margin:0 8px
}


@media (max-width: 1200px) {
  .main .exchange .exchange-box .exchange-li li .exchange-item .nav-item {
    width: fit-content;
    padding-top: 10px;
  }
}

.main .exchange .exchange-box .exchange-li li .exchange-item .nav-item img {
  margin-right: 10px;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .nav-item.gray {
  color: #878787;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .nav-item.pointer:hover {
  color: #1c2761;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .tip-desc .item-title {
  padding: 0 0 8px;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .tip-desc .item-desc {
  font-size: 14px;
  color: #878787;
  margin-bottom: 10px;
}

.main .exchange .exchange-box .exchange-li li .exchange-item .img-box img {
  object-fit: cover;
  width: 140px;
  height: 100px;
  background-color: #eeeeee;
  border-radius: 5px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 45%;
}

.main .exchange .exchange-box .page-bottom {
  padding: clamp(20px, 2.6042vw, 50px) 15px;
}

.main .exchange .exchange-box .page-bottom .page-box {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  .main .exchange .uk-grid-right {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
    padding-left: 15px;
  }
}

@media (max-width: 960px) {
  .main .exchange .uk-grid-center,
  .main .exchange .uk-grid-left {
    width: 100%;
    margin-top: 20px;
    flex: auto;
    box-sizing: border-box;
  }
}

.main .exchange .right-exchange-box {
  margin-bottom: 20px;
}

.main .exchange .right-exchange-box .exchange-right-tieba li {
  padding: 10px 0 clamp(15px, 1.3021vw, 25px);
  border-bottom: 1px solid #eee;
}

.main .exchange .right-exchange-box .exchange-right-tieba li:last-child {
  border: none;
  padding-bottom: 0;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-img {
  width: clamp(40px, 4.1667vw, 80px);
  margin-right: clamp(15px, 1.5625vw, 30px);
  flex-shrink: 0;
  font-size: 14px;
  color: #878787;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-img img {
  width: 100%;
  margin-bottom: 10px;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right {
  font-size: 14px;
  color: #878787;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right b {
  margin: 0 5px;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right .red {
  color: red;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right .name {
  font-size: clamp(14px, 0.9375vw, 18px);
  padding-bottom: 10px;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right.tip-img {
  color: #000000;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right.tip-img img {
  width: clamp(0px, 1.5625vw, 30px);
  flex-shrink: 0;
  margin-right: 10px;
}

.main .exchange .right-exchange-box .exchange-right-tieba .user-right.tip-img p {
  padding: 5px 0;
}

.main .exchange .right-exchange-box .exchange-right-li li {
  color: #878787;
  padding: clamp(10px, 0.7813vw, 15px) 0;
}

.main .exchange .right-exchange-box .exchange-right-li li .num {
  color: #878787;
  margin-left: 10px;
}

.main .exchange .right-exchange-box .exchange-right-li li .red {
  margin-right: 10px;
}

.main .exchange .right-exchange-box .exchange-right-li li .blue {
  color: inherit;
}

.main .exchange .right-exchange-box .exchange-right-li li:nth-child(-n+3) .red {
  color: red;
}

.main .exchange .right-exchange-box .exchange-right-li li:nth-child(-n+3) .blue {
  color: #1c2761;
}

.main .exchange .exchange-detail-box {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.main .exchange .exchange-detail-box .top-box {
  padding: clamp(10px, 1.0417vw, 20px);
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

.main .exchange .exchange-detail-box .top-box .user-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin: 8px;
}

.main .exchange .exchange-detail-box .top-box .title-be {
  font-size: clamp(16px, 0.9375vw, 18px);
  margin: 8px;
}

.main .exchange .exchange-detail-box .top-box .tag-red {
  margin: 8px;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  background-color: #fe5f43;
}

.main .exchange .exchange-detail-box .top-box .redu {
  margin: 8px;
}

.main .exchange .exchange-detail-box .top-box .redu img {
  margin-right: 5px;
}

.main .exchange .exchange-detail-box .top-box .tag-right .tag {
  margin: 8px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  padding: 5px 10px;
  color: #878787;
}

.main .exchange .exchange-detail-box .top-box .tag-right .tag:hover {
  background-color: rgba(13, 139, 255, 0.1);
  color: #1c2761;
  border-color: #1c2761;
}

.main .exchange .exchange-detail-box .top-box .tag-right .tag.active {
  background-color: rgba(13, 139, 255, 0.1);
  color: #1c2761;
  border-color: #1c2761;
}

.main .exchange .exchange-detail-box .page-container {
  padding: clamp(10px, 0.7813vw, 15px) clamp(10px, 1.0417vw, 20px);
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #878787;
}

.main .exchange .exchange-detail-box .page-container > * {
  margin: 8px;
}

.main .exchange .exchange-detail-box .page-container input {
  width: 40px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
}

.main .exchange .exchange-detail-box .page-container .btn {
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #1c2761;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li {
  font-size: 14px;
  border-bottom: 1px solid #eee;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-left {
  border-right: 1px solid #eee;
  padding: clamp(15px, 1.3021vw, 25px);
  display: block;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-left .user-img {
  width: clamp(60px, 5.2083vw, 100px);
  height: clamp(60px, 5.2083vw, 100px);
  object-fit: cover;
  margin-bottom: 10px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-left .blue {
  margin-bottom: 10px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-left .tag {
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  color: #878787;
  margin-bottom: 10px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-left .btn {
  border-radius: 5px;
  color: #fff;
  background-color: #fe5f43;
  padding: 5px 10px;
  min-width: 100px;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .main .exchange .exchange-detail-box .exchange-detail-ul li .del-left {
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  .main .exchange .exchange-detail-box .exchange-detail-ul li .del-left .del-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }
  .main .exchange .exchange-detail-box .exchange-detail-ul li .del-left .del-btn > * {
    margin: 0;
    width: 42%;
  }
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right {
  padding: clamp(20px, 1.5625vw, 30px) clamp(20px, 2.6042vw, 50px) 20px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .desc {
  font-size: 16px;
  margin-bottom: 20px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .img-box img {
  margin-right: 10px;
  margin-bottom: 10px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .time {
  font-size: 14px;
  color: #878787;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .time > * {
  padding: 5px;
  border: 1px solid transparent;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .time .recover:hover {
  background-color: #f1f4f9;
  border: solid 1px #e5e5e5;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box {
  background-color: #f1f4f9;
  border: solid 1px #e5e5e5;
  padding: 0 clamp(15px, 1.1458vw, 22px);
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item {
  border-bottom: 1px solid #e5e5e5;
  padding: clamp(15px, 1.1458vw, 22px) 0;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item:last-child {
  border-bottom: none;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .user-box .user-img {
  flex-shrink: 0;
  object-fit: cover;
  width: 60px;
  height: 60px;
  border: 1px solid #eee;
  margin-right: clamp(10px, 1.0417vw, 20px);
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .user-box .btn {
  margin-top: 10px;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  width: 60px;
  height: 20px;
  background-color: #fe5f43;
  border-radius: 5px;
  margin-bottom: 10px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .user-box .name {
  margin-right: 10px;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .comment-btn span {
  margin-left: 5px;
  color: #878787;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .comment-btn span.red {
  color: red;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .comment-btn span.black {
  color: #000;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .comment-item .comment-btn span.blue {
  color: #1c2761;
}

.main .exchange .exchange-detail-box .exchange-detail-ul li .del-right .comment-box .form-btn {
  width: 120px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  margin: clamp(15px, 1.1458vw, 22px) 0;
}

@media (max-width: 640px) {
  .main .exchange .exchange-detail-box .exchange-detail-ul li {
    display: block;
  }
}

.main .home .banner .swiper-slide {
  position: relative;
}

.main .home .banner .swiper-slide .swiper-banner {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 0;
}

.main .home .banner .swiper-slide .banner-text {
  position: absolute;
  z-index: 1;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.main .home .banner .swiper-slide .banner-text .uk-container {
  padding-top: 60px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 1300px;
}

.main .home .banner .swiper-slide .banner-text .uk-container .banner-title {
  width: clamp(200px, 26.0417vw, 500px);
  margin-bottom: clamp(20px, 1.8229vw, 35px);
}

.main .home .banner .swiper-slide .banner-text .uk-container .item-desc {
  font-size: clamp(14px, 0.8333vw, 16px);
  line-height: 1.6;
}

.main .home .banner .swiper-pagination-bullet {
  border: 1px solid #fff;
}

.main .home .time-box {
  background-color: #fff;
  padding: 5px 0;
  border-bottom: 1px solid #e5e5e5;
}

.main .home .time-box .time-slide {
  margin: 4px;
  font-size: 14px;
  color: #878787;
}

.main .home .time-box .time-slide .tag {
  width: 90px;
  height: 28px;
  background-color: #1c2761;
  color: #fff;
  border-radius: 5px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
  line-height: 1;
}

.main .home .time-box .time-slide .tag::after {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1c2761;
  transform: rotate(45deg);
  content: '';
  right: -4px;
}

.main .home .time-box .time-slide .huilv {
  margin: 0 20px 0 0;
}

.main .home .time-box .itme-time {
  margin: 8px;
}

.main .home .time-box .itme-time img {
  width: 22px;
  margin: 0 5px 0 0;
}

.main .home .section-co {
  border-radius: 5px;
  background-color: #fff;
  padding: 0 clamp(15px, 1.3021vw, 25px);
  overflow: hidden;
}

.main .home .section-co.right-box {
  margin-left: 10px;
}

@media (max-width: 1200px) {
  .main .home .section-co.right-box {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.main .home .section-co .title-top {
  padding: 15px 0;
  color: #878787;
  font-size: 13px;
  border-bottom: 1px solid #eee;
}

.main .home .section-co .title-top .title-box {
  margin-right: 18px;
}

.main .home .section-co .title-top .title-box b {
  color: #000;
  margin-bottom: 5px;
  font-size: clamp(16px, 1.0417vw, 20px);
}

.main .home .section-co .title-top .title-box img {
  margin-right: 10px;
}

.main .home .section-co .title-top .more-btn {
  flex-shrink: 0;
}

.main .home .section-co .title-top .more-btn span{
  font-weight: 700;
  color: #000;
}

.main .home .section-co .title-top .more-btn img {
  margin-left: 10px;
}

.main .home .section-co .course-box {
  margin: 20px 0 20px 10px;
  /* background-color: #edf9ff; */
  border-radius: 5px;
  padding: clamp(15px, 2.3438vw, 45px) clamp(15px, 1.5625vw, 30px);
}

@media (max-width: 1200px) {
  .main .home .section-co .course-box {
    margin-left: 0;
  }
}

.main .home .section-co .course-box .lun-title {
  font-size: clamp(16px, 1.25vw, 24px);
  margin-bottom: 10px;
}

.main .home .section-co .course-box .lun-desc {
  color: #fff;
  font-size: clamp(14px, 0.8333vw, 16px);
  margin-bottom: 15px;
}

.main .home .section-co .course-box .btn {
  width: 46%;
  height: 40px;
  border-radius: 5px;
  line-height: 1;
}

.main .home .section-co .course-box .course-img {
  margin: 20px auto 0;
  max-height: 150px;
  display: block;
}

.main .home .section-co .luntan-slide {
  margin-top: 20px;
  box-sizing: border-box;
  position: relative;
}

.main .home .section-co .luntan-slide li {
  padding: 15px 0;
}

.main .home .section-co .luntan-slide li .forum-item .user-img {
  width: clamp(40px, 3.125vw, 60px);
  margin-right: 15px;
  flex-shrink: 0;
}

.main .home .section-co .luntan-slide li .forum-item .item-title {
  margin-bottom: 5px;
}

.main .home .section-co .luntan-slide li .forum-item .item-title .tag {
  margin-left: 10px;
  width: 54px;
  height: 20px;
  background-color: #fe5f43;
  border-radius: 5px;
  color: #fff;
}

.main .home .section-co .luntan-slide li .forum-item .user-desc {
  color: #878787;
  font-size: 13px;
  margin-bottom: 5px;
}

.main .home .section-co .luntan-slide li .forum-item .user-desc img {
  width: 12px;
  margin-right: 10px;
}

.main .home .section-co .luntan-slide li .forum-item .user-desc > .uk-flex-middle {
  margin-right: 15px;
}

.main .home .section-co .luntan-slide li .forum-item .user-title {
  color: #878787;
  font-size: 14px;
  margin-bottom: 5px;
}

.main .home .section-co .luntan-slide li .forum-item .img-box img {
  border-radius: 5px;
  width: clamp(80px, 6.25vw, 120px);
  height: clamp(60px, 4.1667vw, 80px);
  object-fit: cover;
  object-position: center;
  margin: 4px 8px 4px 0;
}

.main .home .section-co .luntan-slide::after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  height: 150px;
  width: 100%;
  left: 0;
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}

.main .home .section-co .lun-tan-title {
  padding: clamp(20px, 1.5625vw, 30px) 0 clamp(15px, 1.0417vw, 20px);
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}

.main .home .section-co .luntan-ul {
  position: relative;
  padding-bottom: 15px;
}

.main .home .section-co .luntan-ul::after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  height: 150px;
  width: 100%;
  left: 0;
  z-index: 1;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}

.main .home .section-co .luntan-ul .luntan-ul-item {
  padding: 7px 0 7px;
}

.main .home .section-co .luntan-ul .luntan-ul-item .item-img {
  flex-shrink: 0;
  object-fit: cover;
  object-position: center;
  width: 110px;
  height: 80px;
  background-color: #edf9ff;
  border-radius: 5px;
  margin-right: clamp(15px, 1.5625vw, 30px);
}

.main .home .section-co .luntan-ul .luntan-ul-item .line-2 {
  font-size: 16px;
  margin-bottom: 5px;
}

.main .home .section-co .luntan-ul .luntan-ul-item .item-time {
  font-size: 14px;
  color: #878787;
}

.main .home .home-section-box {
  margin-bottom: 20px;
  padding-left: 15px;
}

@media (max-width:640px) {
  .main .home .home-section-box {
    padding-left: 0px;
  }
}

@media (max-width: 1200px) {
  .main .home .home-section-box {
    margin-bottom: 10px;
  }
}

.main .home .home-section-box .uk-grid {
  margin-left: -10px;
  padding-bottom: 10px;
}

.main .home .home-section-box .uk-grid > * {
  padding-left: 10px;
  margin-bottom: 10px;
}

.main .home .home-section-box .course-item {
  font-size: clamp(14px, 0.8333vw, 16px);
  flex-direction: column;
  background-color: #f1f4f9;
  border-radius: 5px;
  height: 215px;
  transition: all .3s linear;
}

.main .home .home-section-box .course-item img {
  width: 110px;
  margin-bottom: 10px;
}

.main .home .home-section-box .course-item:hover {
  transform: translate3D(0, -2px, 0);
  box-shadow: 0px 10px 10px 0px rgba(209, 209, 209, 0.2);
}

.main .home .home-section-box .course-item-box .course-li {
  height: 100px;
  background-color: #edf9ff;
  border-radius: 5px;
  margin-bottom: 15px;
  transition: all .3s linear;
}

.main .home .home-section-box .course-item-box .course-li:last-child {
  margin-bottom: 0;
}

.main .home .home-section-box .course-item-box .course-li img {
  width: 45px;
  flex-shrink: 0;
  margin-right: clamp(15px, 1.3021vw, 25px);
}

.main .home .home-section-box .course-item-box .course-li .btn {
  font-size: 13px;
  padding: 5px 10px;
  line-height: 1;
  margin-top: 5px;
}

.main .home .home-section-box .course-item-box .course-li:hover {
  transform: translate3D(0, -2px, 0);
  box-shadow: 0px 10px 10px 0px rgba(209, 209, 209, 0.2);
}

.main .home .home-section-box .luntan-pro-ul {
  padding-bottom: 10px;
}

.main .home .home-section-box .luntan-pro-ul li {
  padding: 9px 0;
  font-size: 14px;
  color: #878787;
}

.main .home .home-section-box .luntan-pro-ul li i {
  color: #e5e5e5;
}

.main .home .home-section-box .luntan-pro-ul li .item-title {
  color: #000;
}

.main .home .home-section-box .luntan-pro-ul li .time {
  flex-shrink: 0;
  margin-left: 10px;
}

.main .home .home-section-box .luntan-pro-ul li a {
  width: 100%;
  overflow: hidden;
}

.main .home .home-section-box .luntan-pro-ul li a:hover .item-title {
  color: #1c2761;
}

.main .home .home-section-box .luntan-pro-ul li a > div {
  overflow: hidden;
}

.main .home .home-section-box .course-pro {
  border-radius: 5px;
  height: 200px;
  transition: all .3s linear;
  flex-direction: column;
}

.main .home .home-section-box .course-pro:hover {
  transform: translate3D(0, -2px, 0);
  box-shadow: 0px 10px 10px 0px rgba(209, 209, 209, 0.2);
}

.main .home .home-section-box .course-pro img {
  width: 70px;
  height: 70px;
  object-position: center;
  object-fit: contain;
  margin-bottom: 10px;
}

.main .home .home-section-box .course-pro .course-text {
  font-size: 16px;
  margin-bottom: 5px;
}

.main .home .home-section-box .course-pro.op5 {
  opacity: .5;
  color: #878787;
}

.main .home .home-section-box .course-pro.op5 .blue {
  color: inherit;
}

.main .home .home-section-box .beian-pro {
  border-radius: 5px;
  transition: all .3s linear;
  height: 120px;
}

.main .home .home-section-box .beian-pro img {
  width: clamp(50px, 3.125vw, 60px);
  height: clamp(50px, 3.125vw, 60px);
  object-fit: contain;
  object-position: center;
  margin-right: clamp(15px, 1.3021vw, 25px);
}

.main .home .home-section-box .beian-pro .layui-font-14 {
  color: #878787;
}

.main .home .home-section-box .beian-pro:hover {
  transform: translate3d(0, -2px, 0);
  background-color: #edf9ff;
  box-shadow: 0px 10px 10px 0px rgba(209, 209, 209, 0.2);
  border-radius: 5px;
}

.main .home .home-section-box .beian-pro:hover .course-text {
  color: #1c2761;
}

.main .home .home-section-box .jianji-pro {
  position: relative;
  border-radius: 5px;
  transition: all .3s linear;
  height: 120px;
  display: block;
  padding: clamp(25px, 2.0833vw, 40px) clamp(15px, 1.0417vw, 20px) 0;
}

.main .home .home-section-box .jianji-pro .tag {
  position: absolute;
  top: 2px;
  right: 5px;
  height: 20px;
  background-color: #fe5f43;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  line-height: 1;
  z-index: 1;
}

.main .home .home-section-box .jianji-pro img {
  width: clamp(50px, 3.125vw, 60px);
  height: clamp(50px, 3.125vw, 60px);
  object-fit: contain;
  object-position: center;
  margin-right: clamp(15px, 1.3021vw, 25px);
}

.main .home .home-section-box .jianji-pro .layui-font-14 {
  color: #878787;
  margin-top: 5px;
}

.main .home .home-section-box .jianji-pro .jianji-btn {
  border-top: 1px solid #eee;
  padding: 5px 0;
  margin-top: 10px;
  font-size: 13px;
  color: #878787;
}

.main .home .home-section-box .jianji-pro .jianji-btn .tag-l {
  font-size: 11px;
  background-color: #eeeeee;
  border-radius: 5px;
  padding: 2px 5px;
  margin:3px;
  transition: all .3s linear;
}

.main .home .home-section-box .jianji-pro .jianji-btn i {
  width: 20px;
  height: 20px;
  border: 1px solid #d2d2d2;
  flex-shrink: 0;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #878787;
  transition: all .3s linear;
  margin: 3px;
}

.main .home .home-section-box .jianji-pro:hover {
  transform: translate3d(0, -2px, 0);
  background-color: #edf9ff;
  box-shadow: 0px 10px 10px 0px rgba(209, 209, 209, 0.2);
  border-radius: 5px;
}

.main .home .home-section-box .jianji-pro:hover .jianji-text {
  color: #1c2761;
}

.main .home .home-section-box .jianji-pro:hover .jianji-btn .tag-l {
  background-color: #fff;
}

.main .home .home-section-box .jianji-pro:hover .jianji-btn i {
  border-color: #1c2761;
  color: #1c2761;
}

.main .home .home-section-box .change-box {
  background-color: #f1f4f9;
  border-radius: 20px;
  font-size: 14px;
  color: #336a9e;
  margin-left: 20px;
}

.main .home .home-section-box .change-box .item {
  width: 100px;
  height: 40px;
  cursor: pointer;
  transition: all .3s linear;
  border-radius: 100px;
}

.main .home .home-section-box .change-box .item.active {
  background-color: #1c2761;
  color: #fff;
}

.main .home .home-section-box .change-box .item.active:hover {
  background-color: #1c2761;
}

.main .home .home-section-box .change-box .item:hover {
  background-color: rgba(13, 139, 255, 0.2);
}

@media (max-width: 960px) {
  .main .home .home-section-box .change-box {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
    overflow-x: auto;
  }
  .main .home .home-section-box .change-box .item {
    width: 100%;
  }
}

.footer {
  background-color: #222c3c;
  font-size: 14px;
  color: #d3dbe7;
  line-height: 1.6;
}

.footer .uk-container {
  max-width: 1850px;
}

@media (max-width: 640px) {
  .footer .uk-container {
    padding: 0 15px;
  }
}

.footer .footer-top {
  padding: clamp(40px, 3.125vw, 60px) 0 clamp(20px, 3.6458vw, 70px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-top .brand img {
  width: clamp(160px, 11.7188vw, 225px);
}

.footer .footer-top .logo-desc {
  max-width: 470px;
  color: #d3dbe7;
  margin: clamp(20px, 2.0833vw, 40px) 0;
}

@media (max-width: 960px) {
  .footer .footer-top .logo-desc {
    max-width: 100%;
  }
}

.footer .footer-top .btn {
  width: 100%;
  max-width: 150px;
  height: clamp(40px, 2.3438vw, 45px);
  border-radius: 5px;
  color: #ffffff;
  transition: transform .3s linear;
  font-size: 14px;
}

.footer .footer-top .btn:hover {
  transform: translate(0, -2px);
}

.footer .footer-top .uk-grid-item {
  width: 40%;
  box-sizing: border-box;
}

.footer .footer-top .uk-grid-item .footer-title {
  font-size: 16px;
  margin-bottom: clamp(15px, 1.3021vw, 25px);
  color: #fff;
}

.footer .footer-top .uk-grid-item .footer-title .line {
  width: 30px;
  height: 1px;
  background-color: #ffffff;
  margin-top: clamp(15px, 1.3021vw, 25px);
}

.footer .footer-top .uk-grid-item .footer-ul {
  margin-left: -30px;
}

.footer .footer-top .uk-grid-item .footer-ul .footer-li {
  width: 50%;
  box-sizing: border-box;
  padding-left: 30px;
}

.footer .footer-top .uk-grid-item .footer-ul .footer-li a {
  display: block;
  padding: 5px 0;
}

.footer .footer-top .uk-grid-item .footer-ul .footer-li a:hover {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .footer .footer-top .uk-grid-item li:not(:last-child) .footer-item {
    margin-bottom: 30px;
  }
}

.footer .footer-top .uk-grid-item .footer-address a {
  display: block;
  padding: 5px 0;
}

@media (max-width: 1200px) {
  .footer .footer-top .uk-grid-item {
    width: 50%;
    margin-bottom: 30px;
  }
}

@media (max-width: 960px) {
  .footer .footer-top .uk-grid-item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.footer .footer-top .uk-width-expand .code-box {
  padding-left: clamp(15px, 1.5625vw, 30px);
}

.footer .footer-top .uk-width-expand .code-box img {
  max-width: 110px;
  width: 100%;
  margin-bottom: clamp(10px, 1.3021vw, 25px);
}

@media (max-width: 1200px) {
  .footer .footer-top .uk-width-expand {
    justify-content: center;
  }
  .footer .footer-top .uk-width-expand .code-box {
    padding-left: 0;
    padding: 0 10px;
  }
  .footer .footer-top .uk-width-expand .code-box img {
    max-width: 110px;
    width: 100%;
  }
}

.footer .footer-bottom {
  line-height: 1.6;
  padding: clamp(20px, 2.6042vw, 50px) 0;
  color: rgba(211, 219, 231, 0.4);
}

.footer .footer-bottom .icp {
  color: #d3dbe7;
  margin-right: clamp(20px, 2.6042vw, 50px);
}

@media (max-width: 960px) {
  .footer .footer-bottom span {
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 5px 0;
  }
}

.header {
  position: relative;
  z-index: 1010;
  color: #ffffff;
  font-size: clamp(14px, 0.8333vw, 16px);
  background-color: #222c3c;
}

.header.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  /* background-color: rgba(19, 24, 59, 0.5); */
}

@media (max-width: 1199px) {
  .header {
    padding: 10px 0;
  }
}

.header .uk-container {
  max-width: 1850px;
  padding: 0 20px;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .header .uk-container {
    padding: 0 10px;
  }
}

.header .uk-container .brand img {
  height: clamp(40px, 11.7188vw, 55px);
  filter:invert(1)brightness(100)grayscale(100)
}

.header .uk-container .header-right {
  font-size: 14px;
}

.header .uk-container .header-right .btn {
  font-size: 13px;
  border: none;
  padding: 0 10px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 5px;
  margin-left: 10px;
  transition: transform .3s linear;
  line-height: 1;
}

.header .uk-container .header-right .nav-roght-btn .user-drop{
  background-color: #ffffff;
	box-shadow: 0px 10px 20px 0px 
		rgba(227, 227, 227, 0.34);
	border-radius: 5px;
	border: solid 1px #eeeeee;
  width: 140px;
  overflow: hidden;
}

.header .uk-container .header-right .nav-roght-btn .user-drop .user-drop-item{
  color: #000000;
  font-size: 14px;
  height: 40px;
  justify-content: start;
  padding-left: 10px;
}

.header .uk-container .header-right .nav-roght-btn .user-drop .user-drop-item img{
  width: 13px;
  height: 15px;
  object-fit: contain;
  margin-right: 10px;
}
.header .uk-container .header-right .nav-roght-btn .user-drop .user-drop-item:hover{
  background-color: #f5f5f5;
}
.header .uk-container .header-right .nav-roght-btn .user-drop .user-drop-item.active{
  background-color: #1c2761;
  color: #fff;
}

.header .uk-container .header-right .nav-roght-btn .user-drop .user-drop-item.active img{
  position: relative;
  transform: translateX(-300px);
  filter: drop-shadow(300px 0 0 #fff);
}

.header .uk-container .header-right .btn:hover {
  transform: translate(0, -2px);
}

.header .uk-container .header-right .btn img {
  margin-right: 10px;
}

.header .uk-container .header-right .btn.login {
  color: #010101;
}

.header .uk-container .header-right .btn.login span {
  margin: 0 8px;
}

.header .uk-container .header-right .btn.login a:hover {
  color: #1c2761;
}

.header .uk-container .header-right .mobile-btn {
  width: 35px;
  height: 35px;
  margin-left: 15px;
}

.header .uk-container .header-nav {
  padding: 0 10px;
}

.header .uk-container .header-nav ul {
  justify-content: space-between;
  width:700px;
  margin: 0 auto;
}

.header .uk-container .header-nav li a {
  padding: 0 clamp(10px, 1.0417vw, 20px);
  height: 70px;
  align-items: center;
  display: flex;
  position: relative;
}

@media (max-width: 1400px) {
  .header .uk-container .header-nav li a {
    padding: 0 .4vw;
  }
}

.header .uk-container .header-nav li a.active {
  color: #fff;
  font-weight: bold;
}

/* .header .uk-container .header-nav li a.active::after {
  width: 100%;
  height: 3px;
  background-color: #1c2761;
  content: '';
  bottom: 0;
  left: 0;
  bottom: 0;
  position: absolute;
} */

.header .uk-container .header-nav li a:hover {
  color: #fff;
  font-weight: 900;
}

.header .uk-container .header-nav li .nav-drop {
  background-color: #222c3c;
  color: #fff;
  width: fit-content;
}

.header .uk-container .header-nav li .nav-drop a {
  height: auto;
  padding: 15px 30px;
}

.header .uk-container .header-nav li .nav-drop a:hover {
  color: #fff;
  font-weight: 900;
}

.header .service-box {
  position: fixed;
  bottom: 30%;
  right: 15px;
  z-index: 9;
}

.header .service-box .service-bottom {
  box-sizing: border-box;
}

.header .service-box .service-bottom::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: -10px;
  width: calc(100% + 20px);
  height: 50%;
  background: linear-gradient(#93b0f8, #5888fe);
  box-shadow: 0 0 10px #96b2f8;
  border-radius: 10px;
}

.header .service-box .service-bottom .phone-box {
  position: relative;
  z-index: 2;
  padding: 10px 10px 10px;
  font-size: 15px;
}

.header .service-box .service-bottom .phone-box img {
  margin-right: clamp(5px, 0.7813vw, 15px);
  width: 20px;
}

.header .service-box .service-bottom .code-box {
  position: relative;
  z-index: 2;
  background-color: #f4fbff;
  box-shadow: 0px 5px 5px 0px rgba(60, 114, 227, 0.2);
  border-radius: 10px;
  border: solid 1px #99cdea;
  padding: 10px;
}

.header .service-box .service-bottom .code-box .code-title {
  font-weight: bold;
  color: #000;
  margin-bottom: clamp(10px, 0.7813vw, 15px);
}

.header .service-box .service-bottom .code-box .code-img {
  width: clamp(70px, 5.2083vw, 100px);
  padding: 10px;
  background-position: center;
  background-size: cover;
  margin: 0 auto clamp(10px, 0.7813vw, 15px);
}

.header .service-box .service-bottom .code-box .code-btn {
  border-radius: 100px;
  font-size: 12px;
  cursor: pointer;
  padding: 5px 10px;
}

.header .service-box .close-img {
  cursor: pointer;
  margin-bottom: 10px;
}

@media (max-width: 640px) {
  .header .service-box {
    bottom: auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
  }
}

.add-post .uk-modal-dialog {
  font-size: 14px;
  width: 1000px;
  border-radius: 5px;
  padding: clamp(20px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px);
}

.add-post .uk-modal-dialog .lun-tan-title {
  margin-bottom: clamp(15px, 1.3021vw, 25px);
  user-select: none;
  padding: 0 0 clamp(15px, 1.0417vw, 20px);
  border-bottom: 1px solid #eeeeee;
}

.add-post .uk-modal-dialog .lun-tan-title img {
  margin-right: 10px;
}

.add-post .uk-modal-dialog .lun-tan-title span {
  font-size: clamp(16px, 0.9375vw, 18px);
}

.add-post .uk-modal-dialog .lun-tan-title .more-btn:hover {
  color: #1c2761;
}

.add-post .uk-modal-dialog .form-box {
  display: block;
}

.add-post .uk-modal-dialog .form-box .form-cell {
  margin-bottom: 10px;
  background-color: #fafafa;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  padding: clamp(15px, 1.0417vw, 20px) clamp(15px, 1.5625vw, 30px);
}

.add-post .uk-modal-dialog .form-box .form-cell input {
  width: 100%;
}

.add-post .uk-modal-dialog .form-box .form-cell .layui-input {
  padding: 0;
  border: none;
  background-color: transparent;
  height: auto;
}

.add-post .uk-modal-dialog .form-box .form-cell .layui-form-select .layui-edge {
  right: 0;
}

.add-post .uk-modal-dialog .form-box .btn {
  width: 170px;
  height: clamp(45px, 2.6042vw, 50px);
  background-color: #fe5f43;
  border-radius: 5px;
  margin-top: 20px;
  cursor: pointer;
}

.modal-section {
  background-color: #fff;
  width: 540px;
  border-radius: 5px;
  color: #313131;
  padding: 0;
  overflow: hidden;
}

.modal-section .modal-header {
  padding: clamp(30px, 2.6042vw, 50px) clamp(15px, 2.0833vw, 40px) 0px;
  font-weight: bold;
  font-size: clamp(18px, 1.5625vw, 30px);
}

.modal-section .modal-header .uk-modal-close-default {
  position: relative;
  top: 0;
  right: 0;
  padding: 0;
}

.modal-section .modal-content {
  padding: 15px clamp(15px, 2.0833vw, 40px);
  box-sizing: border-box;
}

.modal-section .modal-content .form-box .form-cell {
  font-size: 15px;
  height: 50px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.modal-section .modal-content .form-box .form-cell input {
  width: 100%;
  font-size: 14px;
}

.modal-section .modal-content .form-box .form-cell input:disabled {
  color: #999;
}

.modal-section .modal-content .form-box .form-cell .code {
  flex-shrink: 0;
  margin-left: 15px;
  width: 100px;
  height: 35px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}

.modal-section .modal-content .form-box .btn {
  height: 50px;
  border-radius: 6px;
  width: 100%;
  color: #fff;
  margin: clamp(20px, 1.8229vw, 35px) 0;
  cursor: pointer;
}

#mobile-header {
  z-index: 10;
}

#mobile-header .uk-offcanvas-bar {
  box-sizing: border-box;
  z-index: 10;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 30px 20px 30px;
}

#mobile-header .uk-offcanvas-bar * {
  color: #666;
}

#mobile-header .uk-offcanvas-bar .mobile-nav-box {
  padding-bottom: 15px;
  overflow-y: auto;
}

#mobile-header .uk-offcanvas-bar .mobile-nav-box li {
  padding: 6px 0;
  font-size: 15px;
}

#mobile-header .uk-offcanvas-bar .mobile-nav-box li a.active {
  color: #1c2761;
  font-weight: bold;
}

#mobile-header .uk-offcanvas-bar .mobile-nav-box .uk-nav-sub li {
  padding: 3px 0;
  font-size: 14px;
}

#mobile-header .uk-offcanvas-bar .btn {
  margin-top: 10px;
  padding: 10px 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 14px;
}

#mobile-header .uk-offcanvas-bar .btn img {
  margin-right: 10px;
}

#mobile-header .uk-offcanvas-bar .btn > * {
  color: #fff;
}

#mobile-header .uk-offcanvas-bar .btn.login span {
  margin: 0 10px;
}

#mobile-header .uk-offcanvas-bar .login-btn {
  color: #010101;
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(13, 139, 255, 0.1);
}

#mobile-header .uk-offcanvas-bar .login-btn img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  border-radius: 100px;
  margin-right: 10px;
}

#mobile-header .uk-offcanvas-bar .login-btn > * {
  padding: 0 4px;
}

#mobile-header .uk-offcanvas-bar .login-btn .logout-btn {
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
}

#mobile-header .uk-offcanvas-bar .login-btn span {
  color: #010101;
}

.red{
  color: #fe5f43;
}
.bar-btn{
  height: clamp(50px,4.6875vw,90px);
  margin-bottom: 20px;
	border-radius: 5px;
  font-size: clamp(14px,1.25vw,24px);
  color: #fff;
  cursor: pointer;
}

.bar-btn img{
  margin-right: 10px;
}

.postBar-top .fatie{
  height: clamp(35px,2.0833vw,40px);
  box-sizing: border-box;
}
@media (max-width:640px) {
  .postBar-top .fatie{
    width: 100%;
    margin-top: 15px !important;
  }
}

.postBar-top .user-img{
  width: 64px;
  height: 64px;
  object-position: center;
  object-fit: cover;
  margin-right: 15px;
  flex-shrink: 0;
}

.user-info{
  font-size: 13px;
  color: #666;
}
.user-info .name{
  margin: 5px 0 10px;
  font-size: 16px;
}
.user-info .value{
  gap: clamp(10px,.7813vw,15px);
}
.user-info .vip-btn{
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 1;
}
.user-info .center img{
  margin-right: 5px;
}
.notice-box{
  overflow: hidden;
  color: #999;
  margin-left: 15px;
}
.u-flex-shrink{
  flex-shrink: 0;
}
.notice-box a{
  font-size: 12px;
  margin-left: 5px;
}
.notice-box:hover{

  color: #1c2761;
}
.notice-box:hover a{
  text-decoration: underline;
}

.bg-img{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.notice-bar{
  font-size: clamp(14px,.8333vw,16px);
  user-select: none;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}
.notice-bar .swiper{
  color: red;
  margin-left: 15px;
  width: 100%;
  overflow: hidden;
}
.notice-bar  i{
  color: red;
}
.notice-bar .swiper a{
  display: block;
}

.wdbox{
	background-image: url('../images/topwdbg.png') !important;
	background-position: center;
	background-size: cover;
	width:150px;
	height:35px;
}