:root {
  --swiper-theme-color: #0075c9;
  --b600: 600;
  --radius: 10px;
  --radius2: 20px;
}
.ios,
.lang_en {
  --bold: bold;
}
body {
  --www: 3.2rem;
  --interval: var(--www);
  --nav_height: 0.9rem;
  --color: #0075c9;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
}
@media screen and (min-width: 1921px) {
  body {
    --interval: calc((100vw - (19.2rem - var(--www))) / 2);
  }
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 18px;
    --f24: 20px;
    --www: 1.2rem;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f20: 18px;
    --f22: 18px;
    --f24: 18px;
    --f26: 18px;
    --f28: 0.26rem;
    --f30: 0.28rem;
    --f32: 0.3rem;
    --f34: 0.34rem;
    --f36: 0.38rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.42rem;
    --f48: 0.44rem;
    --f50: 0.46rem;
    --f52: 0.48rem;
    --f54: 0.5rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.26rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.36rem;
    --f28: 0.38rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
  }
}
.maodian {
  position: relative;
  top: calc(var(--nav_height) * -1 + 1px);
}
.search_open {
  cursor: pointer;
}
.mobile_search {
  top: var(--nav_height);
}
body::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
body::-webkit-scrollbar-thumb {
  background: #0075c9;
}
body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
  body {
    scrollbar-color: #0075c9 rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
  }
}
.wMain {
  padding-left: var(--interval);
  padding-right: var(--interval);
  width: 100%;
}
.swiper-button-lock,
.swiper-pagination-lock {
  display: none !important;
}
.button-disabled {
  cursor: no-drop !important;
  pointer-events: none;
  opacity: 0.1;
}
.swiper-button-disabled {
  cursor: no-drop !important;
}
@media screen and (max-width: 1200px) {
  .swiper-button-disabled {
    opacity: 0.2;
  }
}
.dw {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .pc_main {
    display: none !important;
  }
}
.phone_main {
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .phone_main {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.center {
  text-align: center;
}
.white {
  color: #fff;
}
.bgColor {
  background: #f6f6f6 !important;
}
.pt {
  padding-top: 0.8rem;
}
.pb {
  padding-bottom: 0.8rem;
}
.mt {
  margin-top: 0.5rem;
}
.m25 {
  margin-top: 25px;
}
.Privacy_Policy .box_ .content1 {
  font-size: var(--f32);
}
.Privacy_Policy .box_ .hr {
  border-top: 1px solid #eee;
  margin: 0.5rem 0;
}
.Privacy_Policy .box_ .content3 {
  font-size: var(--f18);
  line-height: 1.8;
  color: #333;
}
.Privacy_Policy .box_ .content3 a {
  display: inline-block;
}
.Privacy_Policy .box_ .content3 li {
  list-style: disc;
}
.null_height {
  padding: 20vh 0;
  font-size: var(--f16);
  color: #999;
  text-align: center;
}
.null_height span {
  color: #0075c9;
}
.Sitemap .container {
  padding-left: var(--interval);
  padding-right: var(--interval);
}
.Sitemap .container .ap_top {
  border-bottom: 1px solid #999;
  padding-bottom: 0.46rem;
}
.Sitemap .container .ap_top p {
  font-size: 0.54rem;
  color: #000;
}
.Sitemap .container .ap_bot .item {
  padding: 0.44rem 0;
  border-bottom: 1px solid #ccc;
}
.Sitemap .container .ap_bot .item .content1 a {
  color: #000;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-weight: bold;
}
.Sitemap .container .ap_bot .item .content1 a:hover {
  color: #0075c9;
}
.Sitemap .container .ap_bot .item .content2 {
  margin-top: 0.22rem;
}
.Sitemap .container .ap_bot .item .content2 .firstorder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.Sitemap .container .ap_bot .item .content2 .firstorder a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-right: 0.6rem;
  color: #333;
}
.Sitemap .container .ap_bot .item .content2 .firstorder a:hover {
  color: #0075c9;
}
.Sitemap .container .ap_bot .item .content2 .multistage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list {
  margin-right: 0.5rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #333;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
  color: #0075c9;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
  margin-top: 0.26rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a {
  font-size: 0.9em;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #333;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
  color: #0075c9;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
  padding-left: 0.1rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
  margin-top: 0.14rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #666;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
  color: #0075c9;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
  padding-left: 0.1rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
  margin-top: 0.1rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #666;
  line-height: 1.4;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
  color: #0075c9;
}
.Sitemap .container .ap_bot .item .content1 a {
  font-size: 0.26rem;
}
.firstorder > a,
.ge_list {
  font-size: 0.24rem;
}
@media (max-width: 1200px) {
  .Sitemap .container {
    padding: 0 5vw;
  }
  .Sitemap {
    padding: 0.8rem 0;
  }
  .Sitemap .container .ap_bot .item .content2 .multistage,
  .Sitemap .container .ap_bot .item .content2 .firstorder {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .Sitemap .container .ap_bot .item .content2 .multistage a,
  .Sitemap .container .ap_bot .item .content2 .firstorder a {
    margin-right: 0;
  }
  .Sitemap .container .ap_bot .item .content1 a {
    font-size: 0.32rem;
  }
  .firstorder > a,
  .ge_list {
    font-size: 0.3rem;
  }
}
@media (max-width: 750px) {
  .Sitemap .container .ap_bot .item .content2 .multistage,
  .Sitemap .container .ap_bot .item .content2 .firstorder {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bjq iframe,
.bjq img {
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
}
.bjq a {
  color: -webkit-link;
  display: inline;
  text-decoration: underline;
}
.bjq b,
.bjq strong {
  font-weight: bold;
}
.bjq em {
  font-style: italic;
}
.bjq sup {
  vertical-align: super;
  font-size: smaller;
}
.bjq sub {
  vertical-align: sub;
  font-size: smaller;
}
.bjq h1,
.bjq h2,
.bjq h3,
.bjq h4,
.bjq h5,
.bjq h6 {
  font-weight: bold;
}
.bjq ul {
  padding-left: 22px;
}
.bjq ul li {
  list-style-type: disc;
}
.bjq ol {
  padding-left: 22px;
}
.bjq ol li {
  list-style-type: decimal;
}
.Header_Container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  width: 100%;
}
.Header_Container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
.Home_Banner .banner {
  position: relative;
}
.Home_Banner .banner video,
.Home_Banner .banner picture img {
  width: 100%;
}
.Home_Banner .banner .video {
  position: relative;
}
.Home_Banner .banner .video::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.Home_Banner .banner .video .phone {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 1200px) {
  .Home_Banner .banner .video .phone {
    display: block;
  }
}
.Home_Banner .banner .video .phone .img {
  width: 100%;
  height: 100%;
}
.Home_Banner .banner .video .phone .img img {
  width: 100%;
  height: 100%;
}
.Home_Banner .banner .video .phone .play {
  position: absolute;
  z-index: 3;
  width: 0.5rem;
  height: 0.5rem;
  right: 5vw;
  bottom: 5vw;
  border-radius: 50%;
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Home_Banner .banner .video .phone .play svg {
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .Home_Banner .banner .video .phone .play {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.Home_Banner .banner .swiper-slide {
  position: relative;
}
.Home_Banner .banner .swiper-slide::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5rem;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#ffffff));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #ffffff);
}
.Home_Banner .banner .swiper-slide .orientation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Home_Banner .page {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.9rem;
  z-index: 2;
}
.Home_Banner .page div {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Home_Banner .page div span {
  margin: 0 0.07rem !important;
  background: #e2e4e4;
  opacity: 1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Home_Banner .page div .swiper-pagination-bullet-active {
  background: #e99413;
}
.m30 {
  margin-top: 30px;
}
.title_01 {
  font-size: var(--f24);
  font-weight: bold;
}
.title_01.vi {
  color: #0075c9;
}
.more_01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.more_01 a {
  font-size: var(--f16);
  color: #0075c9;
}
.more_01 a i {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-size: var(--f14);
  display: inline-block;
}
.more_01 a:hover i {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
body::before {
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 7.4rem;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#b3dfff));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #b3dfff 100%);
  background-image: linear-gradient(to top, #ffffff 0%, #b3dfff 100%);
  opacity: 0.2;
}
.New_01 .box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.New_01 .box .Card_Item {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-radius: var(--radius);
}
.New_01 .box .Card_Item_Img {
  width: 100%;
  border-radius: var(--radius) var(--radius) 0 0;
  overflow: hidden;
}
.New_01 .box .Card_Item_Img img {
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  aspect-ratio: 850 / 477;
}
.New_01 .box .Card_Item_Content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
}
.New_01 .box .Card_Item_Title {
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.New_01 .box .Card_Item:hover .Card_Item_Img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.New_01 .box .Card_Item:hover .Card_Item_Title {
  color: #0075c9;
}
.New_01 .box .div1 {
  grid-area: 1 / 1 / 3 / 3;
}
.New_01 .box .div1 .Card_Item_Content {
  padding: 0.35rem 0.5rem;
}
.New_01 .box .div1 .Card_Item_Title {
  font-size: var(--f20);
  margin-bottom: 0.15rem;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.New_01 .box .div1 .Card_Item_Desc {
  font-size: var(--f16);
  color: #666;
  height: 3.6em;
  max-height: 3.6em;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.New_01 .box .div1 .Card_Item_Bot {
  margin-top: 0.3rem;
  padding-top: 0.3rem;
  color: #999;
  border-top: 1px solid #eee;
  font-size: var(--f14);
}
.New_01 .box .div1 .Card_Item_Bot .arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.New_01 .box .div1 .Card_Item_Bot .arrow path {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.New_01 .box .div1:hover .arrow path {
  fill: #005f9e;
}
.New_01 .box .div2 .Card_Item_Title,
.New_01 .box .div3 .Card_Item_Title {
  font-size: var(--f20);
  height: 3.6em;
  max-height: 3.6em;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.New_01 .box .div2 .Card_Item_Content,
.New_01 .box .div3 .Card_Item_Content {
  padding: 0.25rem 0.35rem;
}
.New_01 .box .div2 {
  grid-area: 1 / 3 / 2 / 4;
}
.New_01 .box .div3 {
  grid-area: 2 / 3 / 3 / 4;
}
.new_item_01 {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-radius: var(--radius);
}
.new_item_01 .Card_Item_Img {
  width: 100%;
  border-radius: var(--radius) var(--radius) 0 0;
  overflow: hidden;
}
.new_item_01 .Card_Item_Img img {
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  aspect-ratio: 850 / 477;
}
.new_item_01 .Card_Item_Content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
}
.new_item_01 .Card_Item_Title {
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-size: var(--f20);
  height: 3.6em;
  max-height: 3.6em;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.new_item_01 .Card_Item_Content {
  padding: 0.25rem 0.35rem;
}
.new_item_01:hover .Card_Item_Img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.new_item_01:hover .Card_Item_Title {
  color: #0075c9;
}
@media screen and (max-width: 1200px) {
  .New_01 .box {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
    padding: 0.2rem;
  }
  .New_01 .box .div1 {
    grid-area: 1 / 1 / 2 / 3;
  }
  .New_01 .box .div2 {
    grid-area: 2 / 1 / 3 / 2;
  }
  .New_01 .box .div3 {
    grid-area: 2 / 2 / 3 / 3;
  }
}
@media screen and (max-width: 767px) {
  .New_01 .box {
    grid-template-columns: 1fr;
  }
  .New_01 .box .div1,
  .New_01 .box .div2,
  .New_01 .box .div3 {
    grid-area: auto;
  }
}
.New_02 .box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.3rem;
}
.New_02 .box .Card_Item {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius);
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0.2rem;
}
.New_02 .box .Card_Item_Img {
  width: 4.15rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  background-color: #ccc;
  border-radius: var(--radius);
}
.New_02 .box .Card_Item_Img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  aspect-ratio: 410/230;
}
.New_02 .box .Card_Item_Content {
  padding-left: 0.3rem;
  padding-right: 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.New_02 .box .Card_Item_Title {
  font-size: var(--f20);
  color: #333;
  margin-bottom: 0.2rem;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  height: 1.4em;
  max-height: 1.4em;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.New_02 .box .Card_Item_Desc {
  font-size: var(--f16);
  color: #666;
  height: 3.6em;
  max-height: 3.6em;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin-bottom: 0.4rem;
}
.New_02 .box .Card_Item_Bot {
  padding-top: 0.3rem;
  border-top: 1px solid #eee;
  color: #999;
  font-size: var(--f14);
}
.New_02 .box .Card_Item_Bot .arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.New_02 .box .Card_Item_Bot .arrow path {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.New_02 .box .Card_Item:hover .Card_Item_Img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.New_02 .box .Card_Item:hover .Card_Item_Title {
  color: #0075c9;
}
.New_02 .box .Card_Item:hover .arrow path {
  fill: #005f9e;
}
@media screen and (max-width: 767px) {
  .New_02 .box .Card_Item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .New_02 .box .Card_Item_Img {
    width: 100%;
  }
  .New_02 .box .Card_Item_Content {
    padding: 0.3rem;
  }
}
.InnerNavBox .box .title_01 {
  line-height: 0.8rem;
}
.InnerNavBox .nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.InnerNavBox .nav ul li {
  margin-left: 0.4rem;
}
.InnerNavBox .nav ul li:first-child {
  margin-left: 0;
}
.InnerNavBox .nav ul li a {
  line-height: 0.8rem;
  font-size: var(--f16);
  color: #999;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.InnerNavBox .nav ul li a:hover {
  color: #0075c9;
}
.InnerNavBox .nav ul .active a {
  color: #0075c9;
  border-bottom: 2px solid #0075c9;
}
.title_02 {
  font-size: var(--f36);
  font-weight: bold;
  line-height: 1.2;
}
.News_03 {
  background: rgba(255, 255, 255, 0.8);
}
.News_03 .box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}
.bg08 {
  background: rgba(255, 255, 255, 0.8);
}
.fengye {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
}
.fengye a,
.fengye span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.5rem;
  min-width: 0.5rem;
  padding: 0 0.1rem;
  border: 1px solid #dbdbdb;
  border-radius: var(--radius);
  font-size: var(--f14);
  color: #999;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
}
.fengye span.ellipsis {
  border-color: transparent;
  background: transparent;
  min-width: auto;
  padding: 0;
}
.fengye a:hover {
  border-color: #0075c9;
  color: #0075c9;
}
.fengye a.active {
  background: #0075c9;
  border-color: #0075c9;
  color: #fff;
}
.fengye .prev,
.fengye .next {
  padding: 0 0.2rem;
}
.New_04 .box .content1 {
  margin-top: 0.4rem;
  font-size: var(--f14);
  color: #999;
  text-align: center;
}
.New_04 .box .content1 span {
  display: inline-block;
  padding: 0 0.28rem;
}
.New_04 .box .content2 {
  background: #fff;
  padding: 0.45rem;
  border-radius: var(--radius);
  font-size: var(--f16);
  color: #666;
  line-height: 2;
  margin-top: 0.6rem;
}
.New_04 .box .content3 {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid #eee;
}
.New_04 .box .content3 .prev,
.New_04 .box .content3 .next {
  width: 40%;
}
.New_04 .box .content3 .prev a,
.New_04 .box .content3 .next a {
  font-size: var(--f14);
  color: #666;
  height: 1.3em;
  max-height: 1.3em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.New_04 .box .content3 .prev a span,
.New_04 .box .content3 .next a span {
  display: inline;
  color: #999;
}
.New_04 .box .content3 .prev a:hover,
.New_04 .box .content3 .next a:hover {
  color: #0075c9;
}
.New_04 .box .content3 .go a {
  font-size: var(--f14);
  color: #999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.New_04 .box .content3 .go a:hover {
  color: #0075c9;
}
.denglu .box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius2);
  min-height: 1rem;
  overflow: hidden;
}
.denglu .box .boxLeft {
  width: 50%;
}
.denglu .box .boxLeft img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.denglu .box .boxRight {
  width: 50%;
  padding: 0.5rem 0.5rem;
}
.denglu .box .boxRight .login-wrapper {
  width: 100%;
}
.denglu .box .boxRight .top-title {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.5rem;
}
.denglu .box .boxRight .top-title .title {
  font-size: var(--f24);
  color: #333;
  font-weight: bold;
  margin-bottom: 0.18rem;
}
.denglu .box .boxRight .top-title .subtitle {
  font-size: var(--f16);
  color: #999;
}
.denglu .box .boxRight .form-title {
  font-size: var(--f20);
  color: #333;
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.denglu .box .boxRight .lpk-form .layui-form-item {
  margin-bottom: 0.25rem;
  clear: both;
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input {
  height: 0.58rem;
  border-radius: var(--radius);
  border: 1px solid #ebebeb;
  background-color: #f5fbff;
  padding-left: 0.25rem;
  font-size: var(--f16);
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input::-webkit-input-placeholder {
  color: #bbb;
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input::-moz-placeholder {
  color: #bbb;
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input:-ms-input-placeholder {
  color: #bbb;
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input::-ms-input-placeholder {
  color: #bbb;
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input::placeholder {
  color: #bbb;
}
.denglu .box .boxRight .lpk-form .layui-form-item .layui-input:focus {
  border-color: #0075c9;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0075c9;
  box-shadow: 0 0 0 1px #0075c9;
}
.denglu .box .boxRight .lpk-form .code-item {
  position: relative;
}
.denglu .box .boxRight .lpk-form .code-item .code-input {
  width: 100%;
  padding-right: 1.2rem;
}
.denglu .box .boxRight .lpk-form .code-item .get-code-btn {
  position: absolute;
  right: 0;
  top: 0.16rem;
  width: 1.1rem;
  height: 0.24rem;
  line-height: 0.24rem;
  border: none;
  border-left: 1px solid #ebebeb;
  background-color: transparent;
  color: #0075c9;
  font-size: var(--f16);
  cursor: pointer;
}
.denglu .box .boxRight .lpk-form .code-item .get-code-btn:hover {
  opacity: 0.8;
}
.denglu .box .boxRight .lpk-form .submit-btn {
  width: 100%;
  height: 0.58rem;
  background-color: #0075c9;
  color: #fff;
  border: none;
  border-radius: var(--radius);
  font-size: var(--f16);
  cursor: pointer;
  margin-top: 0.1rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.denglu .box .boxRight .lpk-form .submit-btn:hover {
  opacity: 0.9;
}
.denglu .box .boxRight .lpk-form .toggle-wrap {
  text-align: center;
  margin-top: 0.35rem;
  font-size: var(--f16);
  color: #999;
}
.denglu .box .boxRight .lpk-form .toggle-wrap a {
  display: inline;
  color: #0075c9;
}
.denglu .box .boxRight .lpk-form .agreement-wrap {
  margin-top: 0.6rem;
  font-size: var(--f16);
  color: #999;
}
.denglu .box .boxRight .lpk-form .agreement-wrap .layui-form-checkbox {
  padding: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 5px;
  border-radius: 50%;
}
.denglu .box .boxRight .lpk-form .agreement-wrap .layui-form-checkbox i {
  background: #f5fbff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: var(--f14);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.denglu .box .boxRight .lpk-form .agreement-wrap .layui-form-checked[lay-skin=primary] i {
  border-color: #0075c9;
  background-color: #0075c9;
}
.denglu .box .boxRight .lpk-form .agreement-wrap .agree-text {
  display: inline-block;
}
.denglu .box .boxRight .lpk-form .agreement-wrap .agree-text a {
  display: inline;
  color: #0075c9;
}
.shengfen {
  background: url(../images/login1.png) no-repeat center top;
  background-size: 100% auto;
}
.shengfen .logo {
  text-align: center;
}
.shengfen .logo img {
  height: 1.18rem;
}
.shengfen .box {
  background: #fff;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 0.3rem;
  min-height: 1rem;
  padding: 0.8rem 0;
}
.shengfen .box .title {
  text-align: center;
  font-size: var(--f36);
  color: #333;
  font-weight: bold;
  margin-bottom: 0.6rem;
}
.shengfen .box .list {
  width: 100%;
  max-width: 5.4rem;
  margin: 0 auto;
}
.shengfen .box .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.68rem;
  border-radius: 0.1rem;
  margin-bottom: 0.25rem;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  will-change: transform;
}
.shengfen .box .list .item .icon {
  position: absolute;
  left: 0.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.shengfen .box .list .item .text {
  font-size: var(--f18);
  color: #fff;
  letter-spacing: 1px;
  padding-left: 0.6rem;
}
.shengfen .box .list .item .arrow {
  position: absolute;
  right: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.8;
}
.shengfen .box .list .item:hover {
  opacity: 0.9;
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.shengfen .box .list .item1 {
  background-color: #0075c9;
}
.shengfen .box .list .item2 {
  background-color: #e89824;
}
.shengfen .box .list .item3 {
  background-color: #929a9f;
}
.shengfen .box .tips {
  text-align: center;
  font-size: var(--f16);
  color: #999;
  margin-top: 0.7rem;
}
.OverInfomation .box {
  padding: 0.45rem 0 1.1rem;
  min-height: 1rem;
  border-radius: var(--radius2);
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
}
.OverInfomation .box .title {
  font-size: var(--f24);
  font-weight: bold;
  margin-bottom: 0.15rem;
  text-align: center;
}
.OverInfomation .box .tips {
  font-size: var(--f14);
  color: #999;
  text-align: center;
}
.OverInfomation .box .main {
  width: 5.4rem;
  margin: 1rem auto 0;
}
.OverInfomation .box .main .phone-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fafafa;
  padding: 0 0.2rem;
  height: 0.6rem;
  border-radius: var(--radius);
  margin-bottom: 0.7rem;
  border: 1px solid #f6f6f6;
}
.OverInfomation .box .main .phone-box .phone-num {
  font-size: var(--f16);
  color: #333;
}
.OverInfomation .box .main .phone-box .change-btn {
  font-size: var(--f16);
  color: #0075c9;
}
.OverInfomation .box .main .sub-title {
  font-size: var(--f18);
  font-weight: bold;
  color: #333;
  margin-bottom: 0.25rem;
}
.OverInfomation .box .main .info-form .layui-form-item {
  margin-bottom: 0.15rem;
}
.OverInfomation .box .main .info-form .layui-input {
  background-color: #f5fbff;
  border: 1px solid #ebebeb;
  height: 0.56rem;
  border-radius: var(--radius);
  padding-left: 0.2rem;
  font-size: var(--f16);
}
.OverInfomation .box .main .info-form .layui-input::-webkit-input-placeholder {
  color: #999;
}
.OverInfomation .box .main .info-form .layui-input::-moz-placeholder {
  color: #999;
}
.OverInfomation .box .main .info-form .layui-input:-ms-input-placeholder {
  color: #999;
}
.OverInfomation .box .main .info-form .layui-input::-ms-input-placeholder {
  color: #999;
}
.OverInfomation .box .main .info-form .layui-input::placeholder {
  color: #999;
}
.OverInfomation .box .main .info-form .layui-input:focus {
  border-color: #0075c9;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0075c9;
  box-shadow: 0 0 0 1px #0075c9;
}
.OverInfomation .box .main .info-form .layui-form-select .layui-input {
  padding-right: 0.3rem;
}
.OverInfomation .box .main .info-form .layui-form-select .layui-edge {
  border: none;
  width: 0;
  height: 0;
  border-bottom: 8px solid #0075c9;
  border-left: 8px solid transparent;
  right: 10px;
  bottom: 10px;
  top: auto;
  margin-top: 0;
}
.OverInfomation .box .main .info-form .layui-form-select dl dd {
  padding: 0 0.2rem !important;
  font-size: var(--f16);
}
.OverInfomation .box .main .info-form .layui-form-select dl {
  top: 0.58rem;
}
.OverInfomation .box .main .info-form .layui-form-selectup dl {
  top: auto;
  bottom: 0.58rem;
}
.OverInfomation .box .main .info-form .layui-form-selected .layui-edge {
  border-bottom: none;
  border-top: 8px solid #0075c9;
  border-left: 8px solid transparent;
  bottom: auto;
  top: 10px;
}
.OverInfomation .box .main .info-form .submit-item {
  margin-top: 0.5rem;
}
.OverInfomation .box .main .info-form .submit-btn {
  width: 100%;
  height: 0.56rem;
  border-radius: var(--radius);
  font-size: var(--f16);
  background-color: #0075c9;
}
.layui-layer-title {
  font-size: var(--f18);
  font-weight: bold;
}
#changePhoneBox,
#changeTitleBox,
#createCollectionBox {
  padding: 0.4rem 0.3rem 0.2rem;
}
#changePhoneBox .change-phone-form .layui-form-item,
#changeTitleBox .change-phone-form .layui-form-item,
#createCollectionBox .change-phone-form .layui-form-item,
#changePhoneBox .change-title-form .layui-form-item,
#changeTitleBox .change-title-form .layui-form-item,
#createCollectionBox .change-title-form .layui-form-item,
#changePhoneBox .create-collection-form .layui-form-item,
#changeTitleBox .create-collection-form .layui-form-item,
#createCollectionBox .create-collection-form .layui-form-item {
  margin-bottom: 0.25rem;
  clear: both;
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input,
#changeTitleBox .change-phone-form .layui-form-item .layui-input,
#createCollectionBox .change-phone-form .layui-form-item .layui-input,
#changePhoneBox .change-title-form .layui-form-item .layui-input,
#changeTitleBox .change-title-form .layui-form-item .layui-input,
#createCollectionBox .change-title-form .layui-form-item .layui-input,
#changePhoneBox .create-collection-form .layui-form-item .layui-input,
#changeTitleBox .create-collection-form .layui-form-item .layui-input,
#createCollectionBox .create-collection-form .layui-form-item .layui-input {
  height: 0.58rem;
  border-radius: var(--radius);
  border: 1px solid #ebebeb;
  background-color: #f5fbff;
  padding-left: 0.25rem;
  font-size: var(--f16);
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input::-webkit-input-placeholder,
#changeTitleBox .change-phone-form .layui-form-item .layui-input::-webkit-input-placeholder,
#createCollectionBox .change-phone-form .layui-form-item .layui-input::-webkit-input-placeholder,
#changePhoneBox .change-title-form .layui-form-item .layui-input::-webkit-input-placeholder,
#changeTitleBox .change-title-form .layui-form-item .layui-input::-webkit-input-placeholder,
#createCollectionBox .change-title-form .layui-form-item .layui-input::-webkit-input-placeholder,
#changePhoneBox .create-collection-form .layui-form-item .layui-input::-webkit-input-placeholder,
#changeTitleBox .create-collection-form .layui-form-item .layui-input::-webkit-input-placeholder,
#createCollectionBox .create-collection-form .layui-form-item .layui-input::-webkit-input-placeholder {
  color: #bbb;
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input::-moz-placeholder,
#changeTitleBox .change-phone-form .layui-form-item .layui-input::-moz-placeholder,
#createCollectionBox .change-phone-form .layui-form-item .layui-input::-moz-placeholder,
#changePhoneBox .change-title-form .layui-form-item .layui-input::-moz-placeholder,
#changeTitleBox .change-title-form .layui-form-item .layui-input::-moz-placeholder,
#createCollectionBox .change-title-form .layui-form-item .layui-input::-moz-placeholder,
#changePhoneBox .create-collection-form .layui-form-item .layui-input::-moz-placeholder,
#changeTitleBox .create-collection-form .layui-form-item .layui-input::-moz-placeholder,
#createCollectionBox .create-collection-form .layui-form-item .layui-input::-moz-placeholder {
  color: #bbb;
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input:-ms-input-placeholder,
#changeTitleBox .change-phone-form .layui-form-item .layui-input:-ms-input-placeholder,
#createCollectionBox .change-phone-form .layui-form-item .layui-input:-ms-input-placeholder,
#changePhoneBox .change-title-form .layui-form-item .layui-input:-ms-input-placeholder,
#changeTitleBox .change-title-form .layui-form-item .layui-input:-ms-input-placeholder,
#createCollectionBox .change-title-form .layui-form-item .layui-input:-ms-input-placeholder,
#changePhoneBox .create-collection-form .layui-form-item .layui-input:-ms-input-placeholder,
#changeTitleBox .create-collection-form .layui-form-item .layui-input:-ms-input-placeholder,
#createCollectionBox .create-collection-form .layui-form-item .layui-input:-ms-input-placeholder {
  color: #bbb;
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input::-ms-input-placeholder,
#changeTitleBox .change-phone-form .layui-form-item .layui-input::-ms-input-placeholder,
#createCollectionBox .change-phone-form .layui-form-item .layui-input::-ms-input-placeholder,
#changePhoneBox .change-title-form .layui-form-item .layui-input::-ms-input-placeholder,
#changeTitleBox .change-title-form .layui-form-item .layui-input::-ms-input-placeholder,
#createCollectionBox .change-title-form .layui-form-item .layui-input::-ms-input-placeholder,
#changePhoneBox .create-collection-form .layui-form-item .layui-input::-ms-input-placeholder,
#changeTitleBox .create-collection-form .layui-form-item .layui-input::-ms-input-placeholder,
#createCollectionBox .create-collection-form .layui-form-item .layui-input::-ms-input-placeholder {
  color: #bbb;
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input::placeholder,
#changeTitleBox .change-phone-form .layui-form-item .layui-input::placeholder,
#createCollectionBox .change-phone-form .layui-form-item .layui-input::placeholder,
#changePhoneBox .change-title-form .layui-form-item .layui-input::placeholder,
#changeTitleBox .change-title-form .layui-form-item .layui-input::placeholder,
#createCollectionBox .change-title-form .layui-form-item .layui-input::placeholder,
#changePhoneBox .create-collection-form .layui-form-item .layui-input::placeholder,
#changeTitleBox .create-collection-form .layui-form-item .layui-input::placeholder,
#createCollectionBox .create-collection-form .layui-form-item .layui-input::placeholder {
  color: #bbb;
}
#changePhoneBox .change-phone-form .layui-form-item .layui-input:focus,
#changeTitleBox .change-phone-form .layui-form-item .layui-input:focus,
#createCollectionBox .change-phone-form .layui-form-item .layui-input:focus,
#changePhoneBox .change-title-form .layui-form-item .layui-input:focus,
#changeTitleBox .change-title-form .layui-form-item .layui-input:focus,
#createCollectionBox .change-title-form .layui-form-item .layui-input:focus,
#changePhoneBox .create-collection-form .layui-form-item .layui-input:focus,
#changeTitleBox .create-collection-form .layui-form-item .layui-input:focus,
#createCollectionBox .create-collection-form .layui-form-item .layui-input:focus {
  border-color: #0075c9;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #0075c9;
  box-shadow: 0 0 0 1px #0075c9;
}
#changePhoneBox .change-phone-form .code-item,
#changeTitleBox .change-phone-form .code-item,
#createCollectionBox .change-phone-form .code-item,
#changePhoneBox .change-title-form .code-item,
#changeTitleBox .change-title-form .code-item,
#createCollectionBox .change-title-form .code-item,
#changePhoneBox .create-collection-form .code-item,
#changeTitleBox .create-collection-form .code-item,
#createCollectionBox .create-collection-form .code-item {
  position: relative;
}
#changePhoneBox .change-phone-form .code-item .code-input,
#changeTitleBox .change-phone-form .code-item .code-input,
#createCollectionBox .change-phone-form .code-item .code-input,
#changePhoneBox .change-title-form .code-item .code-input,
#changeTitleBox .change-title-form .code-item .code-input,
#createCollectionBox .change-title-form .code-item .code-input,
#changePhoneBox .create-collection-form .code-item .code-input,
#changeTitleBox .create-collection-form .code-item .code-input,
#createCollectionBox .create-collection-form .code-item .code-input {
  width: 100%;
  padding-right: 1.2rem;
}
#changePhoneBox .change-phone-form .code-item .get-code-btn,
#changeTitleBox .change-phone-form .code-item .get-code-btn,
#createCollectionBox .change-phone-form .code-item .get-code-btn,
#changePhoneBox .change-title-form .code-item .get-code-btn,
#changeTitleBox .change-title-form .code-item .get-code-btn,
#createCollectionBox .change-title-form .code-item .get-code-btn,
#changePhoneBox .create-collection-form .code-item .get-code-btn,
#changeTitleBox .create-collection-form .code-item .get-code-btn,
#createCollectionBox .create-collection-form .code-item .get-code-btn {
  position: absolute;
  right: 0;
  top: 0.16rem;
  width: 1.1rem;
  height: 0.24rem;
  line-height: 0.24rem;
  border: none;
  border-left: 1px solid #ebebeb;
  background-color: transparent;
  color: #0075c9;
  font-size: var(--f16);
  cursor: pointer;
}
#changePhoneBox .change-phone-form .code-item .get-code-btn:hover,
#changeTitleBox .change-phone-form .code-item .get-code-btn:hover,
#createCollectionBox .change-phone-form .code-item .get-code-btn:hover,
#changePhoneBox .change-title-form .code-item .get-code-btn:hover,
#changeTitleBox .change-title-form .code-item .get-code-btn:hover,
#createCollectionBox .change-title-form .code-item .get-code-btn:hover,
#changePhoneBox .create-collection-form .code-item .get-code-btn:hover,
#changeTitleBox .create-collection-form .code-item .get-code-btn:hover,
#createCollectionBox .create-collection-form .code-item .get-code-btn:hover {
  opacity: 0.8;
}
#changePhoneBox .change-phone-form .submit-item,
#changeTitleBox .change-phone-form .submit-item,
#createCollectionBox .change-phone-form .submit-item,
#changePhoneBox .change-title-form .submit-item,
#changeTitleBox .change-title-form .submit-item,
#createCollectionBox .change-title-form .submit-item,
#changePhoneBox .create-collection-form .submit-item,
#changeTitleBox .create-collection-form .submit-item,
#createCollectionBox .create-collection-form .submit-item {
  margin-top: 0.4rem;
  margin-bottom: 0;
}
#changePhoneBox .change-phone-form .submit-btn,
#changeTitleBox .change-phone-form .submit-btn,
#createCollectionBox .change-phone-form .submit-btn,
#changePhoneBox .change-title-form .submit-btn,
#changeTitleBox .change-title-form .submit-btn,
#createCollectionBox .change-title-form .submit-btn,
#changePhoneBox .create-collection-form .submit-btn,
#changeTitleBox .create-collection-form .submit-btn,
#createCollectionBox .create-collection-form .submit-btn {
  width: 100%;
  height: 0.58rem;
  background-color: #0075c9;
  color: #fff;
  border: none;
  border-radius: var(--radius);
  font-size: var(--f16);
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#changePhoneBox .change-phone-form .submit-btn:hover,
#changeTitleBox .change-phone-form .submit-btn:hover,
#createCollectionBox .change-phone-form .submit-btn:hover,
#changePhoneBox .change-title-form .submit-btn:hover,
#changeTitleBox .change-title-form .submit-btn:hover,
#createCollectionBox .change-title-form .submit-btn:hover,
#changePhoneBox .create-collection-form .submit-btn:hover,
#changeTitleBox .create-collection-form .submit-btn:hover,
#createCollectionBox .create-collection-form .submit-btn:hover {
  opacity: 0.9;
}
.Infomation_01 .box {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.2rem;
}
.Infomation_01 .box .boxLeft {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius2);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.4rem 0.5rem;
}
.Infomation_01 .box .boxLeft .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0.55rem;
}
.Infomation_01 .box .boxLeft .top .title {
  font-size: var(--f24);
  color: #333;
  font-weight: bold;
}
.Infomation_01 .box .boxLeft .top .show-all {
  font-size: var(--f16);
  color: #0075c9;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Infomation_01 .box .boxLeft .top .show-all i {
  margin-right: 0.05rem;
  font-size: var(--f18);
}
.Infomation_01 .box .boxLeft .info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem 0.2rem;
}
.Infomation_01 .box .boxLeft .info-grid .item {
  font-size: var(--f16);
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Infomation_01 .box .boxLeft .info-grid .item .label {
  color: #999;
}
.Infomation_01 .box .boxLeft .info-grid .item .change {
  color: #0075c9;
  margin-left: 0.15rem;
}
.Infomation_01 .box .boxRight {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius2);
  width: 3.6rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.45rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Infomation_01 .box .boxRight .avatar {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.1rem;
  background-color: #0075c9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Infomation_01 .box .boxRight .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.Infomation_01 .box .boxRight .welcome {
  font-size: var(--f16);
  color: #999;
  margin-bottom: 0.1rem;
}
.Infomation_01 .box .boxRight .name {
  font-size: var(--f32);
  color: #333;
  font-weight: bold;
  margin-bottom: 0.35rem;
}
.Infomation_01 .box .boxRight .logout {
  font-size: var(--f16);
  color: #0075c9;
}
.innernav {
  padding: 0.6rem 0 0.3rem;
}
.innernav .box {
  gap: 30px;
}
.innernav .box .item {
  font-size: var(--f24);
  color: #999;
  padding-bottom: 0.18rem;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.innernav .box .item.active {
  color: #333;
}
.innernav .box .item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background: var(--color);
}
.innernav .box .item:hover {
  color: var(--color);
}
.history_list .box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius2);
  margin-bottom: 0.5rem;
}
.history_list .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid #f0f0f0;
}
.history_list .list .item .img-box {
  width: 1.95rem;
  aspect-ratio: 195/110;
  border-radius: var(--radius);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.3rem;
  position: relative;
  overflow: hidden;
}
.history_list .list .item .img-box img {
  width: 100%;
}
.history_list .list .item .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.history_list .list .item .info .title {
  font-size: var(--f18);
  color: #333;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin-bottom: 0.2rem;
}
.history_list .list .item .info .sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--f14);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #999;
}
.history_list .list .item .info .sub .left-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
}
.history_list .list .item .info .sub .left-info .tag {
  color: #99bed8;
}
.history_list .list .item .action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  margin-left: 0.8rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.history_list .list .item .action .del-btn {
  width: 0.42rem;
  height: 0.42rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: var(--radius);
  color: #b5bfc5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.history_list .list .item .action .del-btn svg {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.history_list .list .item .action .del-btn i {
  font-size: var(--f22);
}
.history_list .list .item .action .del-btn:hover {
  background-color: #ffebeb;
  color: #ff4d4f;
}
.history_list .list .item .action .watch-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 0.42rem;
  padding: 0 0.2rem;
  background-color: #0075c9;
  color: #fff;
  border-radius: var(--radius);
  font-size: var(--f16);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  gap: 0.08rem;
}
.history_list .list .item .action .watch-btn i {
  font-size: var(--f16);
}
.history_list .list .item .action .watch-btn:hover {
  opacity: 0.9;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.collection_list .box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius2);
  margin-bottom: 0.2rem;
  padding: 0.35rem 0.4rem 0.4rem;
}
.collection_list .box .box-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.35rem;
}
.collection_list .box .box-header .title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.15rem;
}
.collection_list .box .box-header .title-wrap .title {
  font-size: var(--f20);
  font-weight: bold;
}
.collection_list .box .box-header .title-wrap .edit-btn {
  color: #999;
  cursor: pointer;
  font-size: var(--f18);
}
.collection_list .box .box-header .title-wrap .edit-btn path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.collection_list .box .box-header .title-wrap .edit-btn:hover path {
  fill: #0075c9;
}
.collection_list .box .box-header .info {
  font-size: var(--f14);
  color: #999;
}
.collection_list .box .box-content .grid-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.collection_list .box .box-content .grid-list .video-item {
  display: block;
}
.collection_list .box .box-content .grid-list .video-item .img-box {
  width: 100%;
  aspect-ratio: 285 / 160;
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 0.15rem;
  background-color: #f5f5f5;
}
.collection_list .box .box-content .grid-list .video-item .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.collection_list .box .box-content .grid-list .video-item .video-title {
  font-size: var(--f16);
  color: #333;
  height: 1.4em;
  max-height: 1.4em;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.collection_list .box .box-content .grid-list .video-item:hover .img-box img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.collection_list .box .box-content .grid-list .video-item:hover .video-title {
  color: #0075c9;
}
.collection_list .box .box-footer {
  text-align: center;
  margin-top: 0.5rem;
}
.collection_list .box .box-footer .expand-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.05rem;
  font-size: var(--f14);
  color: #0075c9;
  cursor: pointer;
}
.collection_list .box .box-footer .expand-btn.is-expanded svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.collection_list .create-box {
  margin-top: 0.6rem;
}
.collection_list .create-box .create-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.1rem;
  width: 100%;
  height: 0.8rem;
  background-color: #f5fbff;
  border-radius: var(--radius2);
  font-size: var(--f16);
  color: #0075c9;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.collection_list .create-box .create-btn svg {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.collection_list .create-box .create-btn:hover {
  background-color: #e6f4ff;
}
.academic_01 .box {
  background: #fff;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  box-shadow: 0px 10px 40px 0px rgba(0, 83, 143, 0.05);
  border-radius: var(--radius);
  overflow: hidden;
}
.academic_01 .box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.academic_01 .box .item:hover .boxLeft .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.academic_01 .box .boxLeft {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0;
  background: #a9a9a9;
  width: 67%;
}
.academic_01 .box .boxLeft .media {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius) var(--radius) 0 0;
  aspect-ratio: 85/48;
}
.academic_01 .box .boxLeft .media > img {
  width: 100%;
  display: block;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  height: 100%;
}
.academic_01 .box .boxLeft .media .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.academic_01 .box .boxLeft .media .play-icon img {
  width: 0.7rem;
}
.academic_01 .box .boxRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 2.8rem;
  padding: 0.65rem 0.6rem;
}
.academic_01 .box .boxRight .topic {
  font-size: var(--f24);
  color: #666;
  line-height: 1.4;
}
.academic_01 .box .boxRight .name {
  font-size: var(--f48);
  font-weight: bold;
  color: #333;
  margin: 0.16rem 0 0.54rem;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.academic_01 .box .boxRight .time {
  font-size: var(--f14);
  color: #999;
  line-height: 1.4;
  margin-bottom: 0.64rem;
}
.academic_01 .box .boxRight .watch-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.32rem;
  height: 0.56rem;
  min-width: 1.72rem;
  padding: 0 0.22rem;
  background-color: #0075c9;
  color: #fff;
  border-radius: 999px;
  font-size: var(--f16);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.academic_01 .box .boxRight .watch-btn svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.banner_page {
  margin-bottom: 0.5rem;
}
.banner_page div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
}
.banner_page div span {
  margin: 0 0.07rem !important;
  background: #e2e4e4;
  opacity: 1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.banner_page div .swiper-pagination-bullet-active {
  background: #e99413;
}
.academic_02 {
  margin-bottom: 0.7rem;
}
.academic_02:last-child {
  margin-bottom: 0;
}
.academic_02 .box .list {
  display: grid;
  gap: 0.3rem;
}
.academic_02 .box .list .item {
  display: block;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.academic_02 .box .list .item:hover .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.academic_02 .box .list .item:hover .title {
  color: #0075c9;
}
.academic_02 .box .list .item .media {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 630 / 356;
}
.academic_02 .box .list .item .media img {
  width: 100%;
  display: block;
  height: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.academic_02 .box .list .item .title {
  font-size: var(--f20);
  color: #333;
  margin-bottom: 0.08rem;
  height: 3.6em;
  max-height: 3.6em;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin-top: 0.25rem;
}
.academic_02 .box .list .item .time {
  font-size: var(--f14);
  color: #999;
  line-height: 1.4;
}
.academic_02 .box .list .item .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.2rem;
  padding-top: 0.2rem;
  border-top: 1px solid #eaeaea;
}
.academic_02 .box .list .item .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  font-size: var(--f14);
  color: #999;
}
.academic_02 .box .list .item .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.academic_02 .box .list .item .footer .tag {
  font-size: var(--f14);
  color: #99bed8;
}
.academic_02 .box .list2 {
  grid-template-columns: repeat(2, 1fr);
}
.academic_02 .box .list4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 699px) {
  .academic_02 .box .list {
    grid-template-columns: 1fr;
  }
}
.case_01 {
  margin-bottom: 0.7rem;
}
.case_01:last-child {
  margin-bottom: 0;
}
.case_01 .box .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.3rem;
}
.case_01 .box .list .item {
  display: block;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.case_01 .box .list .item:hover .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.case_01 .box .list .item:hover .title {
  color: #0075c9;
}
.case_01 .box .list .item .media {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 30 / 17;
  border: 1px solid #eff5f9;
}
.case_01 .box .list .item .media img {
  width: 100%;
  display: block;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  height: 100%;
}
.case_01 .box .list .item .title {
  font-size: var(--f20);
  color: #333;
  margin-bottom: 0.08rem;
  height: 3.6em;
  max-height: 3.6em;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin-top: 0.18rem;
}
.case_01 .box .list .item .author-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.1rem;
  font-size: 12px;
  color: #999;
}
.case_01 .box .list .item .author-info .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  font-size: var(--f16);
}
.case_01 .box .list .item .author-info .left .avatar {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.case_01 .box .list .item .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.18rem;
  padding-top: 0.2rem;
  border-top: 1px solid #eaeaea;
}
.case_01 .box .list .item .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  font-size: var(--f14);
  color: #999;
}
.case_01 .box .list .item .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.case_01 .box .list .item .footer .tag {
  font-size: var(--f14);
  color: #99bed8;
}
.video_01 {
  margin-bottom: 0.7rem;
}
.video_01:last-child {
  margin-bottom: 0;
}
.video_01 .box .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}
.video_01 .box .list .item {
  cursor: pointer;
}
.video_01 .box .list .item figure {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}
.video_01 .box .list .item figure > img {
  width: 100%;
  aspect-ratio: 625/350;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.video_01 .box .list .item figure video {
  width: 100%;
  aspect-ratio: 16/9;
}
.video_01 .box .list .item figure svg {
  position: absolute;
  left: 0.4rem;
  bottom: 0.4rem;
  z-index: 1;
}
.video_01 .box .list .item figcaption {
  margin-top: 0.24rem;
  padding-bottom: 0.34rem;
  border-bottom: 1px solid #eaeaea;
}
.video_01 .box .list .item figcaption .name {
  font-size: var(--f20);
  color: #333;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin-bottom: 10px;
}
.video_01 .box .list .item figcaption .time {
  font-size: var(--f14);
  color: #999;
}
.video_01 .box .list .item:hover figure > img {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.video_01 .box .list .item:hover figcaption .name {
  color: #0075c9;
}
.video_01_ .box .list {
  grid-template-columns: repeat(1, 1fr);
}
.nullStaus {
  font-size: var(--f16);
  color: #999;
  text-align: center;
}
.video_02 {
  margin-bottom: 0.7rem;
}
.video_02 .box {
  position: relative;
}
.video_02 .box .item {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}
.video_02 .box .item img,
.video_02 .box .item video {
  aspect-ratio: 1280/725;
  width: 100%;
}
.video_02 .box .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.5rem;
  width: 100%;
}
.video_02 .box .item .text p {
  font-size: var(--f20);
  color: #fff;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.video_02 .box .button {
  position: absolute;
  bottom: 0.6rem;
  right: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  gap: 0.4rem;
}
.video_02 .box .button div i {
  font-size: var(--f20);
  cursor: pointer;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-weight: bold;
  color: #fff;
  opacity: 0.5;
}
.video_02 .box .button div:hover i {
  opacity: 1;
}
.video_02 .banner_page {
  margin-bottom: 0;
}
.bg08 {
  background: rgba(255, 255, 255, 0.5);
}
.course_01 .box {
  padding: 0.5rem 0;
  border-bottom: 1px solid #eaeaea;
}
.course_01 .box .filter__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.4rem;
}
.course_01 .box .filter__item:last-child {
  margin-bottom: 0;
}
.course_01 .box .filter__item .filter__label {
  font-size: var(--f16);
  color: #333;
  font-weight: bold;
  margin-right: 0.3rem;
  white-space: nowrap;
}
.course_01 .box .filter__item .filter__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.15rem;
}
.course_01 .box .filter__item .filter__tags a {
  display: inline-block;
  padding: 0 0.15rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background: #fff;
  border-radius: 0.18rem;
  font-size: var(--f14);
  color: #666;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.course_01 .box .filter__item .filter__tags a:hover,
.course_01 .box .filter__item .filter__tags a.active {
  background: #0075c9;
  color: #fff;
}
.course_02 {
  position: relative;
  z-index: 2;
}
.course_02 .box {
  padding: 0.2rem 0 0.35rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.course_02 .box .course_02__info {
  font-size: var(--f14);
  color: #999;
}
.course_02 .box .course_02__info span {
  color: #0075c9;
  font-weight: bold;
  margin: 0 0.05rem;
}
.course_02 .box .course_02__dropdown {
  position: relative;
}
.course_02 .box .course_02__dropdown .dropdown__curr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #edf4f9;
  height: 0.46rem;
  padding: 0 0.2rem;
  border-radius: var(--radius);
  cursor: pointer;
  gap: 0.1rem;
  width: 2.4rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.course_02 .box .course_02__dropdown .dropdown__curr span {
  font-size: var(--f16);
  color: #333;
  margin-right: auto;
}
.course_02 .box .course_02__dropdown .dropdown__curr i {
  font-size: 12px;
  color: #aac7db;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.course_02 .box .course_02__dropdown .dropdown__curr svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.course_02 .box .course_02__dropdown .dropdown__list {
  position: absolute;
  top: -webkit-calc(100%);
  top: calc(100% + 0rem);
  right: 0;
  background: #fff;
  border-radius: 0 0 var(--radius) var(--radius);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 10;
  overflow: hidden;
}
.course_02 .box .course_02__dropdown .dropdown__list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.2rem;
  line-height: 0.5rem;
  font-size: max(0.14rem, 12px);
  color: #666;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
  text-align: left;
  border-bottom: 1px solid #f5f5f5;
}
.course_02 .box .course_02__dropdown .dropdown__list a:last-child {
  border-bottom: none;
}
.course_02 .box .course_02__dropdown .dropdown__list a:hover,
.course_02 .box .course_02__dropdown .dropdown__list a.active {
  color: #0075c9;
  background: #edf4f9;
}
.course_02 .box .course_02__dropdown .dropdown__list a svg {
  display: none;
  margin-left: 0.3rem;
}
.course_02 .box .course_02__dropdown .dropdown__list a.active svg {
  display: block;
}
.course_02 .box .course_02__dropdown:hover {
  -webkit-filter: drop-shadow(0px 5px 20px rgba(0, 83, 143, 0.1));
  filter: drop-shadow(0px 5px 20px rgba(0, 83, 143, 0.1));
}
.course_02 .box .course_02__dropdown:hover .dropdown__curr {
  background: #fff;
  border-radius: var(--radius) var(--radius) 0 0;
}
.course_02 .box .course_02__dropdown:hover .dropdown__curr i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.course_02 .box .course_02__dropdown:hover .dropdown__list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.Home_Course .box {
  padding: 0.7rem 0;
  border: 0;
}
.Home_Hot .box .boxLeft ul {
  gap: 0.46rem;
}
.Home_Hot .box .boxLeft ul li a {
  font-size: var(--f24);
  font-weight: bold;
  color: #999;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  cursor: pointer;
}
.Home_Hot .box .boxLeft ul li a:hover {
  border-color: #e99413;
}
.Home_Hot .box .boxLeft ul .active a {
  color: #000;
  border-color: #e99413;
}
.Home_Academic {
  margin-top: 40px;
  margin-bottom: 0;
}
.Home_Academic .box {
  display: none;
}
.Home_Academic .box.active {
  display: block;
}
.Home_Three {
  background: #0075c9;
  padding: 0.4rem 0;
}
.Home_Three .box {
  padding: 0 0.8rem;
}
.Home_Three .box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Home_Three .box .item .left {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Home_Three .box .item .left img {
  margin: auto;
  max-width: 30px;
  max-height: 30px;
}
.Home_Three .box .item .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Home_Three .box .item .right > div ._l {
  position: relative;
}
.Home_Three .box .item .right > div ._l p {
  font-size: var(--f30);
  color: #fff;
  font-weight: bold;
}
.Home_Three .box .item .right > div ._l .p1 {
  opacity: 0;
}
.Home_Three .box .item .right > div ._l .p2 {
  position: absolute;
  left: 0;
  top: 0;
}
.Home_Three .box .item .right > div ._r {
  font-size: var(--f18);
  color: #a5d9ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.1rem;
}
.Home_Three .box .item:nth-child(2) {
  padding: 0 0.56rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.Footer_Container {
  background: #222222;
}
.Footer_Container .box {
  padding: 0.4rem 0 0.55rem;
}
.Footer_Container .box .logo img {
  height: 0.53rem;
}
.Footer_Container .box .ewm {
  gap: 0.45rem;
  margin-left: auto;
  margin-right: 1.3rem;
}
.Footer_Container .box .ewm li figcaption {
  font-size: var(--f14);
  color: #999;
}
.Footer_Container .box .ewm li figure {
  margin-top: 0.15rem;
}
.Footer_Container .box .ewm li figure img {
  width: 1rem;
}
.Footer_Container .box .lxwm figcaption {
  font-size: var(--f14);
  color: #999;
}
.Footer_Container .box .lxwm .content {
  margin-top: 0.3rem;
}
.Footer_Container .box .lxwm .content a {
  font-size: var(--f24);
  color: #dbdbdb;
  font-weight: bold;
  margin-bottom: 8px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Footer_Container .box .lxwm .content a:hover {
  color: #fff;
}
.Footer_Container .box1 {
  padding: 0.45rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 12px;
  color: #666;
  text-align: center;
  display: grid;
  gap: 12px;
}
.Footer_Container .box1 img {
  margin-right: 4px;
}
.Footer_Container .box1 a {
  display: inline-block;
  color: #666;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Footer_Container .box1 a:hover {
  color: #fff;
}
.Home_Search {
  margin-top: -0.55rem;
  position: relative;
  z-index: 2;
}
.Home_Search .box {
  padding: 0 1.8rem;
}
.Home_Search .box .search__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.24rem;
  padding: 0.15rem 0.5rem;
  background: #fff;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 83, 143, 0.05);
  box-shadow: 0 10px 40px 0 rgba(0, 83, 143, 0.05);
}
.Home_Search .box .search__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
.Home_Search .box .search__field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.12rem;
}
.Home_Search .box .search__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Home_Search .box .search__icon svg {
  width: 100%;
  height: 100%;
}
.Home_Search .box .search__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  border: none;
  background: none;
  font-size: var(--f16);
  color: #333;
  outline: none;
  height: 32px;
}
.Home_Search .box .search__input::-webkit-input-placeholder {
  color: #999;
}
.Home_Search .box .search__input::-moz-placeholder {
  color: #999;
}
.Home_Search .box .search__input:-ms-input-placeholder {
  color: #999;
}
.Home_Search .box .search__input::-ms-input-placeholder {
  color: #999;
}
.Home_Search .box .search__input::placeholder {
  color: #999;
}
.Home_Search .box .search__hot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.08rem;
}
.Home_Search .box .search__hot-label {
  font-size: var(--f14);
  font-weight: bold;
  white-space: nowrap;
}
.Home_Search .box .search__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.1rem;
}
.Home_Search .box .search__tag {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  padding: 0 0.15rem;
  height: 0.3rem;
  border-radius: 999px;
  background: #f3faff;
  font-size: var(--f14);
  color: #666;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Home_Search .box .search__tag img {
  width: 0.14rem;
  aspect-ratio: 1 / 1;
}
.Home_Search .box .search__tag:hover {
  color: #0075c9;
}
.Home_Search .box .search__btn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.6rem;
  line-height: 0.6rem;
  border: none;
  border-radius: 0.6rem;
  background: #0075c9;
  font-size: var(--f16);
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Home_Search .box .search__btn:hover {
  opacity: 0.9;
}
.search_02 {
  margin-top: 0;
}
.search_02 .box {
  padding: 0;
}
.search_02 .search__tip {
  margin-top: 0.65rem;
  font-size: var(--f14);
  color: #999;
}
.search_02 .search__tip em {
  font-style: normal;
  color: #0075c9;
}
.TrainingClass {
  margin-bottom: 0.75rem;
}
.TrainingClass:last-child {
  margin-bottom: 0;
}
.TrainingClass .box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.35rem 0.25rem;
}
.TrainingClass .box .itm_tj {
  grid-area: 1 / 1 / 3 / 3;
  display: block;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.TrainingClass .box .itm_tj:hover .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.TrainingClass .box .itm_tj:hover .title {
  color: #0075c9;
}
.TrainingClass .box .itm_tj .media {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 627/355;
}
.TrainingClass .box .itm_tj .media img {
  width: 100%;
  display: block;
  height: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.TrainingClass .box .itm_tj .title {
  font-size: var(--f20);
  color: #333;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin-top: 0.25rem;
}
.TrainingClass .box .itm_tj .desc {
  font-size: var(--f14);
  color: #999;
  height: 6em;
  max-height: 6em;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin: 0.25rem 0;
}
.TrainingClass .box .itm_tj .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.1rem;
  margin-bottom: 0.3rem;
}
.TrainingClass .box .itm_tj .tags__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  padding: 0 0.16rem;
  height: 0.32rem;
  border-radius: 999px;
  background: #f3faff;
  font-size: var(--f14);
  color: #666;
}
.TrainingClass .box .itm_tj .tags__item img {
  width: 0.14rem;
  aspect-ratio: 1 / 1;
}
.TrainingClass .box .itm_tj .author-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  color: #999;
}
.TrainingClass .box .itm_tj .author-info .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  font-size: var(--f16);
}
.TrainingClass .box .itm_tj .author-info .left .avatar {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.TrainingClass .box .itm_tj .author-info .hospital {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 55%;
  text-align: right;
  height: 1.4em;
  max-height: 1.4em;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.TrainingClass .box .itm_tj .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.18rem;
  padding-top: 0.2rem;
  border-top: 1px solid #eaeaea;
}
.TrainingClass .box .itm_tj .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  font-size: var(--f14);
  color: #999;
}
.TrainingClass .box .itm_tj .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.TrainingClass .box .itm_tj .footer .tag {
  font-size: var(--f14);
  color: #99bed8;
}
.TrainingClass .box .item {
  display: block;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.TrainingClass .box .item:hover .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.TrainingClass .box .item:hover .title {
  color: #0075c9;
}
.TrainingClass .box .item .media {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 30 / 17;
  border: 1px solid #eff5f9;
}
.TrainingClass .box .item .media img {
  width: 100%;
  display: block;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  height: 100%;
}
.TrainingClass .box .item .title {
  font-size: var(--f20);
  color: #333;
  margin-bottom: 0.2rem;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin-top: 0.2rem;
}
.TrainingClass .box .item .author-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.1rem;
  font-size: 12px;
  color: #999;
}
.TrainingClass .box .item .author-info .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  font-size: var(--f16);
}
.TrainingClass .box .item .author-info .left .avatar {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.TrainingClass .box .item .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.18rem;
  padding-top: 0.2rem;
  border-top: 1px solid #eaeaea;
}
.TrainingClass .box .item .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  font-size: var(--f14);
  color: #999;
}
.TrainingClass .box .item .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.TrainingClass .box .item .footer .tag {
  font-size: var(--f14);
  color: #99bed8;
}
.Header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 80;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
}
.Header .box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 40px;
}
.Header__logo img {
  display: block;
  height: 0.44rem;
  width: auto;
}
.Header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.36rem;
}
.Header__menu-item {
  position: relative;
}
.Header__menu-item > a {
  font-size: var(--f16);
  color: #333;
  line-height: 1.2;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  white-space: nowrap;
  line-height: var(--nav_height);
}
.Header__menu-item.is-active > a {
  color: #0075c9;
}
.Header__menu-item:hover > a {
  color: #0075c9;
}
.Header__menu-item:hover .Header__dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.Header__actions {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Header__guest {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.12rem;
}
.Header__user {
  position: relative;
  display: none;
  height: var(--nav_height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Header__btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 0.78rem;
  height: 0.42rem;
  padding: 0 0.18rem;
  border-radius: 0.06rem;
  font-size: var(--f16);
  line-height: 1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  white-space: nowrap;
}
.Header__btn--outline {
  border: 1px solid #0075c9;
  color: #0075c9 !important;
  background: #fff;
}
.Header__btn--outline:hover {
  background: rgba(0, 117, 201, 0.06);
}
.Header__btn--solid {
  border: 1px solid #0075c9;
  color: #fff !important;
  background: #0075c9;
}
.Header__btn--solid:hover {
  background: #0063aa;
  border-color: #0063aa;
}
.Header__user-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.Header__avatar {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  overflow: hidden;
  background: #0075c9;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.Header__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.Header__welcome {
  font-size: var(--f16);
  white-space: nowrap;
  color: #999;
}
.Header__welcome em {
  font-style: normal;
  color: #333;
}
.Header__caret {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header__user.is-open .Header__caret {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.Header__dropdown {
  position: absolute;
  top: -webkit-calc(105%);
  top: calc(100% + 5px);
  left: 50%;
  width: max(2rem, 150px);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, 0.12rem);
  -ms-transform: translate(-50%, 0.12rem);
  transform: translate(-50%, 0.12rem);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header__dropdown > div {
  border-radius: var(--radius);
  background: #fff;
  -webkit-box-shadow: 0 10px 40px rgba(0, 83, 143, 0.12);
  box-shadow: 0 10px 40px rgba(0, 83, 143, 0.12);
}
.Header__user.is-open .Header__dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.Header__dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0em 0.3rem;
  font-size: var(--f16);
  color: #333;
  line-height: 0.6rem;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header__dropdown-item + .Header__dropdown-item {
  border-top: 1px solid #f0f0f0;
}
.Header__dropdown-item svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header__dropdown-item:hover,
.Header__dropdown-item.is-active {
  color: #0075c9;
  background: #f1f9ff;
}
.Header__dropdown-item:hover svg,
.Header__dropdown-item.is-active svg {
  opacity: 1;
}
.Header--login .Header__guest {
  display: none;
}
.Header--login .Header__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Header__menu-item--nav-mega:hover .NavMega__drop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.NavMega__drop {
  position: absolute;
  top: -webkit-calc(105%);
  top: calc(100% + 5px);
  left: -0.3rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0.12rem);
  -ms-transform: translateY(0.12rem);
  transform: translateY(0.12rem);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.NavMega__box {
  border-radius: var(--radius);
  background: #fff;
  -webkit-box-shadow: 0 10px 40px rgba(0, 83, 143, 0.12);
  box-shadow: 0 10px 40px rgba(0, 83, 143, 0.12);
  overflow: hidden;
}
.NavMega {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.NavMega__side {
  background: #f9f9f9;
  width: 200px;
}
.NavMega__item.is-active .NavMega__l2 {
  background: #fff;
  color: #0075c9;
}
.NavMega__l2 {
  display: block;
  padding: 0rem 0.3rem;
  font-size: var(--f16);
  color: #333;
  height: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  white-space: nowrap;
}
.NavMega__main {
  background: #fff;
  width: max(3.2rem, 280px);
}
.NavMega__group {
  display: none;
}
.NavMega__group.is-active {
  display: block;
}
.NavMega__l3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.12rem;
  padding: 0 0.3rem;
  font-size: var(--f14);
  color: #333;
  height: 0.6rem;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.NavMega__l3 + .NavMega__l3 {
  border-top: 1px solid #f1f9ff;
}
.NavMega__l3 span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.NavMega__l3 svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.NavMega__l3:hover {
  color: #0075c9;
}
.NavMega__l3:hover svg {
  opacity: 1;
}
.NavMega__l3.is-active {
  color: #0075c9;
}
.NavMega__l3.is-active svg {
  opacity: 1;
}
.videoInfo {
  padding: 0.5rem;
  padding-bottom: 1rem;
}
.videoInfo .main .boxLeft {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.videoInfo .main .boxRight {
  width: 5.4rem;
  padding-left: 0.3rem;
}
.videoInfo .main .boxRight > div {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--nav_height) + 0.1rem);
}
.videoInfo .box1 {
  border-radius: var(--radius);
  background: #fff;
  margin-bottom: 0.55rem;
}
.videoInfo .box1 .media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1280/716;
  cursor: pointer;
  background: #000;
}
.videoInfo .box1 .media video {
  width: 100%;
  display: block;
  height: 100%;
}
.videoInfo .box1 .media.is-playing {
  cursor: default;
}
.videoInfo .box1 .media.is-playing .play-icon {
  opacity: 0;
  visibility: hidden;
}
.videoInfo .box1 .media .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box1 .media .play-icon img {
  width: 0.75rem;
}
.videoInfo .box1 .nav {
  display: flex;
  border-bottom: 1px solid #eaeaea;
}
.videoInfo .box1 .nav li {
  font-size: var(--f16);
  padding: 0.24rem 0.3rem;
  cursor: pointer;
  transition: 0.6s;
}
.videoInfo .box1 .nav li:hover {
  color: #0075c9;
}
.videoInfo .box1 .nav .active {
  color: #0075c9;
}
.videoInfo .Introduction .info {
  margin-top: 0.4rem;
  padding-bottom: 0.55rem;
  /* 登录按钮：与观看按钮同行，边框样式区分 */
}
.videoInfo .Introduction .info .left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0.9rem;
}
.videoInfo .Introduction .info .title {
  font-size: var(--f24);
  color: #333;
  font-weight: bold;
  height: 1.4em;
  max-height: 1.4em;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.videoInfo .Introduction .info .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.1rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin-top: 0.25rem;
}
.videoInfo .Introduction .info .tags__item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  padding: 0 0.16rem;
  height: 0.32rem;
  border-radius: 999px;
  background: #f3faff;
  font-size: var(--f14);
  color: #999;
  white-space: nowrap;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  cursor: pointer;
}
.videoInfo .Introduction .info .tags__item img {
  width: 0.12rem;
  aspect-ratio: 1 / 1;
}
.videoInfo .Introduction .info .tags__item:hover {
  background: #e5f5ff;
  color: #0075c9;
}
.videoInfo .Introduction .info .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.12rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.videoInfo .Introduction .info .actions__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  padding: 0;
}
.videoInfo .Introduction .info .actions__btn--fav {
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dbdbdb;
}
.videoInfo .Introduction .info .actions__btn--fav path {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .Introduction .info .actions__btn--fav:hover:not(:disabled),
.videoInfo .Introduction .info .actions__btn--fav.is-active {
  border-color: #e99413;
}
.videoInfo .Introduction .info .actions__btn--fav:hover:not(:disabled) path,
.videoInfo .Introduction .info .actions__btn--fav.is-active path {
  fill: #e99413;
}
.videoInfo .Introduction .info .actions__btn--fav:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.videoInfo .Introduction .info .actions__btn--collect {
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: #e99413;
}
.videoInfo .Introduction .info .actions__btn--collect:hover,
.videoInfo .Introduction .info .actions__btn--collect.is-active {
  opacity: 0.9;
}
.videoInfo .Introduction .info .actions__qrcode-wrap {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.videoInfo .Introduction .info .actions__qrcode-pop {
  position: absolute;
  top: -webkit-calc(100.12%);
  top: calc(100% + 0.12rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: none;
  padding: 0.12rem;
  border-radius: var(--radius);
  background: #fff;
  -webkit-box-shadow: 0 0.06rem 0.24rem rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.06rem 0.24rem rgba(0, 0, 0, 0.12);
  text-align: center;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  width: 120px;
}
.videoInfo .Introduction .info .actions__qrcode-pop.is-show {
  display: block;
}
.videoInfo .Introduction .info .actions__qrcode-pop::before {
  content: '';
  position: absolute;
  top: -0.06rem;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  -webkit-box-shadow: -0.02rem -0.02rem 0.04rem rgba(0, 0, 0, 0.04);
  box-shadow: -0.02rem -0.02rem 0.04rem rgba(0, 0, 0, 0.04);
}
.videoInfo .Introduction .info .actions__qrcode-inner {
  line-height: 0;
}
.videoInfo .Introduction .info .actions__qrcode-inner img,
.videoInfo .Introduction .info .actions__qrcode-inner canvas {
  display: block;
  height: auto;
}
.videoInfo .Introduction .info .actions__qrcode-tip {
  margin-top: 0.1rem;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.videoInfo .Introduction .info .watch-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.32rem;
  height: 0.58rem;
  min-width: 1.72rem;
  padding: 0 0.3rem;
  background-color: #0075c9;
  color: #fff;
  border-radius: 999px;
  font-size: var(--f16);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.videoInfo .Introduction .info .watch-btn svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.videoInfo .Introduction .info .watch-btn:hover {
  opacity: 0.9;
}
.videoInfo .Introduction .info .watch-btn--login {
  background-color: transparent;
  border: 1px solid #0075c9;
  color: #0075c9;
}
.videoInfo .Introduction .info .watch-btn--login:hover {
  background-color: #0075c9;
  color: #fff;
  opacity: 1;
}
.videoInfo .Introduction .desc_01 {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--f16);
  color: #999;
  line-height: 1.8;
  border-bottom: 1px solid #eaeaea;
}
.videoInfo .box2 .label {
  font-size: var(--f30);
  margin-bottom: 0.35rem;
}
.videoInfo .box2 .label span {
  color: #e99413;
}
.videoInfo .box2 .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
}
.videoInfo .box2 .list .item {
  display: block;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box2 .list .item:hover .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.videoInfo .box2 .list .item:hover .title {
  color: #0075c9;
}
.videoInfo .box2 .list .item .media {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid #eff5f9;
  aspect-ratio: 30 / 17;
}
.videoInfo .box2 .list .item .media img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box2 .list .item .title {
  font-size: var(--f20);
  color: #333;
  margin-bottom: 0.2rem;
  height: 3.4em;
  max-height: 3.4em;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin-top: 0.2rem;
}
.videoInfo .box2 .list .item .author-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.1rem;
  font-size: 12px;
  color: #999;
}
.videoInfo .box2 .list .item .author-info .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1rem;
  font-size: var(--f16);
}
.videoInfo .box2 .list .item .author-info .left .avatar {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.videoInfo .box2 .list .item .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.18rem;
  padding-top: 0.2rem;
  border-top: 1px solid #eaeaea;
}
.videoInfo .box2 .list .item .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  font-size: var(--f14);
  color: #999;
}
.videoInfo .box2 .list .item .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.videoInfo .box2 .list .item .footer .tag {
  font-size: var(--f14);
  color: #99bed8;
}
.videoInfo .box3 {
  border-style: solid;
  border-width: 1px;
  border-color: #e1eff9;
  border-radius: var(--radius);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#e1eff9));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #e1eff9 100%);
  background-image: linear-gradient(to top, #ffffff 0%, #e1eff9 100%);
  min-height: 2rem;
  padding: 0.4rem;
  padding-bottom: 0.45rem;
}
.videoInfo .box3 .h5 {
  font-size: var(--f20);
  color: #0075c9;
  line-height: 1.2;
}
.videoInfo .box3 .h6 {
  font-size: var(--f18);
  color: #666;
  margin-top: 0.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.06rem;
}
.videoInfo .box3 .h6 span {
  font-size: var(--f14);
  color: #999;
}
.videoInfo .box3 .list {
  margin-top: 0.32rem;
  display: none;
}
.videoInfo .box3 .list .item {
  display: block;
  padding: 0.2rem 0;
  border-bottom: 1px solid #d9e7f1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box3 .list .item:first-child {
  padding-top: 0;
}
.videoInfo .box3 .list .item:hover .title {
  color: #0075c9;
}
.videoInfo .box3 .list .item:hover .media img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.videoInfo .box3 .list .item .item__top {
  display: grid;
  grid-template-columns: 1.32rem 1fr;
  gap: 0.16rem;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}
.videoInfo .box3 .list .item .media {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 130/75;
}
.videoInfo .box3 .list .item .media img {
  width: 100%;
  display: block;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box3 .list .item .title {
  font-size: var(--f14);
  color: #333;
  height: 3.4em;
  max-height: 3.4em;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box3 .list .item .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.18rem;
}
.videoInfo .box3 .list .item .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  font-size: var(--f14);
  color: #999;
}
.videoInfo .box3 .list .item .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.videoInfo .box3 .list .item .footer .duration {
  font-size: var(--f14);
  color: #999;
}
.videoInfo .box3 .list .is-active {
  background: rgba(0, 117, 201, 0.04);
  border-radius: var(--radius);
  padding-left: 0.12rem;
  padding-right: 0.12rem;
}
.videoInfo .box3 .list .is-active .title {
  color: #0075c9;
}
.videoInfo .box3 .list .playing-badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.04rem;
  margin-left: 0.08rem;
  font-size: var(--f12);
  color: #0075c9;
  font-weight: 500;
  white-space: nowrap;
}
.videoInfo .box3 .list .playing-dot {
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #0075c9;
  -webkit-animation: playingPulse 1.2s ease-in-out infinite;
  animation: playingPulse 1.2s ease-in-out infinite;
}
.videoInfo .box3 .list1 {
  margin-top: 0.32rem;
}
.videoInfo .box3 .list1 .scroll {
  max-height: 3.6rem;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f6f7f8;
  border-radius: var(--radius);
  padding: 0.06rem 0;
}
.videoInfo .box3 .list1 .scroll::-webkit-scrollbar {
  width: 6px;
}
.videoInfo .box3 .list1 .scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.videoInfo .box3 .list1 .item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.12rem;
  padding: 0.08rem 0.12rem;
  font-size: var(--f14);
  color: #61666d;
  line-height: 1.5;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}
.videoInfo .box3 .list1 .item:hover {
  background: #e3e5e7;
}
.videoInfo .box3 .list1 .item .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.videoInfo .box3 .list1 .item .name {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.videoInfo .box3 .list1 .item .playing-icon {
  display: none;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.02rem;
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.06rem;
}
.videoInfo .box3 .list1 .item .playing-icon i {
  display: block;
  width: 0.02rem;
  height: 100%;
  background: currentColor;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-animation: eqBar 0.8s ease-in-out infinite;
  animation: eqBar 0.8s ease-in-out infinite;
}
.videoInfo .box3 .list1 .item .playing-icon i:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.videoInfo .box3 .list1 .item .playing-icon i:nth-child(2) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.videoInfo .box3 .list1 .item .playing-icon i:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.videoInfo .box3 .list1 .item .duration {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: var(--f12);
  color: #9499a0;
}
.videoInfo .box3 .list1 .item.is-active {
  color: #0075c9;
}
.videoInfo .box3 .list1 .item.is-active .playing-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.videoInfo .box3 .list1 .item.is-active:hover {
  background: transparent;
}
.videoInfo .box4 {
  margin-top: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #e1eff9;
  border-radius: var(--radius);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#e1eff9));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #e1eff9 100%);
  background-image: linear-gradient(to top, #ffffff 0%, #e1eff9 100%);
  min-height: 2rem;
  padding: 0.4rem;
  padding-bottom: 0.45rem;
}
.videoInfo .box4 .h5 {
  font-size: var(--f20);
  color: #0075c9;
  line-height: 1.2;
}
.videoInfo .box4 .list {
  margin-top: 0.32rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.2rem;
}
.videoInfo .box4 .list .item {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #d9e7f1;
  display: flex;
  gap: 0.2rem;
}
.videoInfo .box4 .list .item figure {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 210/118;
  width: 2.1rem;
}
.videoInfo .box4 .list .item figure img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box4 .list .item figcaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.videoInfo .box4 .list .item figcaption .title {
  font-size: var(--f14);
  color: #333;
  height: 3.4em;
  max-height: 3.4em;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.videoInfo .box4 .list .item figcaption .author {
  font-size: var(--f14);
  color: #999;
  margin-top: 0.1rem;
}
.videoInfo .box4 .list .item figcaption .author svg {
  width: 18px;
  transform: translateY(-1px);
}
.videoInfo .box4 .list .item figcaption .author svg path {
  fill: #999;
}
.videoInfo .box4 .list .item figcaption .hospital {
  font-size: var(--f14);
  color: #999;
  margin-top: 0.1rem;
}
.videoInfo .box4 .list .item figcaption .hospital svg {
  width: 18px;
  transform: translateY(-1px);
}
.videoInfo .box4 .list .item figcaption .hospital svg path {
  fill: #999;
}
.videoInfo .box4 .list .item:hover figure img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.videoInfo .box4 .list .item:hover figcaption {
  color: #0075c9;
}
@-webkit-keyframes playingPulse {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes playingPulse {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes eqBar {
  0%,
  100% {
    -webkit-transform: scaleY(0.35);
    transform: scaleY(0.35);
  }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes eqBar {
  0%,
  100% {
    -webkit-transform: scaleY(0.35);
    transform: scaleY(0.35);
  }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.swiper_content {
  height: 100%;
}
.swiper_content > div > div {
  height: 100%;
}
.Competition {
  position: relative;
  height: calc(100vh - var(--nav_height));
}
.Competition .CompetitionPage {
  position: absolute;
  right: 0.74rem;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.Competition .CompetitionPage > div {
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
}
.Competition .CompetitionPage .swiper-pagination-bullet {
  all: unset;
  width: auto;
  white-space: nowrap;
  height: 32px;
  margin: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: var(--f14);
  position: relative;
  opacity: 0.2;
  cursor: pointer;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Competition .CompetitionPage .swiper-pagination-bullet:last-child {
  display: none;
}
.Competition .CompetitionPage .swiper-pagination-bullet::before {
  content: '';
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: -0.42rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.Competition .CompetitionPage .swiper-pagination-bullet-active {
  opacity: 1;
}
.Competition_item {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.Competition_item .img {
  width: 100%;
  height: 100%;
}
.Competition_item .img img {
  width: 100%;
  height: 100%;
}
.Competition_item .orientation {
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.Competition_item .orientation .banner .item {
  background: #fff;
  border-radius: var(--radius);
}
.Competition_item .orientation .banner .item figure {
  aspect-ratio: 30/17;
  border-radius: var(--radius) var(--radius) 0 0;
  overflow: hidden;
}
.Competition_item .orientation .banner .item figure img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Competition_item .orientation .banner .item figcaption {
  padding: 0.15rem 0.2rem;
  bottom: 1px solid #eaeaea;
}
.Competition_item .orientation .banner .item figcaption .title {
  font-size: var(--f20);
  height: 3em;
  max-height: 3em;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  color: #333;
}
.Competition_item .orientation .banner .item figcaption .time {
  margin-top: 0.12rem;
  color: #999;
  font-size: var(--f14);
}
.Competition_item .orientation .banner .item figcaption .time span {
  color: #666;
}
.Competition_item .orientation .banner .item .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.24rem 0.2rem;
  border-top: 1px solid #eaeaea;
  font-size: var(--f14);
}
.Competition_item .orientation .banner .item .footer .views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  color: #999;
}
.Competition_item .orientation .banner .item .footer .views svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.Competition_item .orientation .banner .item .footer .tag {
  color: #edbd75;
}
.Competition_item .orientation .banner .banner_page {
  margin-top: 0;
  padding-top: 0.3rem;
}
.Competition_item .orientation .banner .banner_page div {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0;
}
.DiscussionArea {
  margin-top: -0.2rem;
  padding: 0rem 0 0.2rem;
}
.DiscussionArea .discussion-list {
  /* 楼中楼：整体右缩进，回复头像对齐一楼的文字区域 */
}
.DiscussionArea .discussion-list .discussion-thread {
  padding: 0.25rem 0;
  border-bottom: 1px solid #eaeaea;
}
.DiscussionArea .discussion-list .discussion-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  padding: 0;
  border-bottom: none;
}
.DiscussionArea .discussion-list .discussion-replies {
  margin-left: 0.64rem;
  padding-top: 0.16rem;
}
.DiscussionArea .discussion-list .discussion-item--reply {
  padding-top: 0.2rem;
  /* 分隔线只在文字区域，头像下方不显示 */
}
.DiscussionArea .discussion-list .discussion-item--reply:not(:last-of-type) .discussion-item__body {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 0.24rem;
}
.DiscussionArea .discussion-list .discussion-item__avatar {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  overflow: hidden;
  background: #d8d8d8;
}
.DiscussionArea .discussion-list .discussion-item__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.DiscussionArea .discussion-list .discussion-item__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.DiscussionArea .discussion-list .discussion-item__head {
  line-height: 1.4;
  margin-bottom: 0.14rem;
}
.DiscussionArea .discussion-list .discussion-item__name {
  font-size: var(--f18);
  color: #333;
  font-weight: bold;
}
.DiscussionArea .discussion-list .discussion-item__reply {
  font-size: var(--f14);
  color: #5b8def;
  margin-left: 0.08rem;
}
.DiscussionArea .discussion-list .discussion-item__text {
  font-size: var(--f14);
  color: #666;
  line-height: 1.7;
  word-break: break-word;
}
.DiscussionArea .discussion-list .discussion-item__foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.14rem;
}
.DiscussionArea .discussion-list .discussion-item__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
}
.DiscussionArea .discussion-list .discussion-item__time {
  font-size: var(--f14);
  color: #999;
}
.DiscussionArea .discussion-list .discussion-item__reply-btn {
  border: none;
  background: none;
  padding: 0;
  font-size: var(--f14);
  color: #999;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.DiscussionArea .discussion-list .discussion-item__reply-btn:hover {
  color: #0075c9;
}
.DiscussionArea .discussion-list .discussion-item__votes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.2rem;
}
.DiscussionArea .disc-vote {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.06rem;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  color: #999;
  font-size: var(--f14);
  line-height: 1;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.DiscussionArea .disc-vote__icon {
  display: block;
}
.DiscussionArea .disc-vote__icon--active {
  display: none;
}
.DiscussionArea .disc-vote__count {
  min-width: 0.12rem;
}
.DiscussionArea .disc-vote.is-active {
  color: #0075c9;
}
.DiscussionArea .disc-vote.is-active .disc-vote__icon--default {
  display: none;
}
.DiscussionArea .disc-vote.is-active .disc-vote__icon--active {
  display: block;
}
.DiscussionArea .disc-vote:hover {
  color: #0075c9;
}
.DiscussionArea .discussion-expand {
  display: block;
  width: calc(100% + 0.64rem);
  margin: 0.2rem 0 0.2rem -0.64rem;
  padding: 0.16rem 0;
  border: none;
  border-radius: 0.08rem;
  background: #eaeaea;
  font-size: var(--f14);
  color: #0075c9;
  cursor: pointer;
  text-align: center;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.DiscussionArea .discussion-expand:hover {
  background: #f5f5f5;
}
.DiscussionArea .discussion-end {
  padding: 0.3rem 0 0.1rem;
  text-align: center;
  font-size: var(--f14);
  color: #999;
}
/* 讨论区 - 回复弹窗 */
.disc-reply-layer {
  border-radius: var(--radius2) !important;
  overflow: hidden;
  -webkit-box-shadow: 0 0.12rem 0.4rem rgba(0, 83, 143, 0.12) !important;
  box-shadow: 0 0.12rem 0.4rem rgba(0, 83, 143, 0.12) !important;
}
.disc-reply-layer .layui-layer-content {
  padding: 0;
  overflow: visible;
  height: auto !important;
}
.disc-reply-layer .layui-layer-setwin {
  top: 0.4rem;
  right: 0.4rem;
}
.disc-reply-layer .layui-layer-setwin .layui-layer-close {
  width: 0.28rem;
  height: 0.28rem;
  background: none;
  font-size: 0.2rem;
  color: #999;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  border-width: 2px;
}
.disc-reply-layer .layui-layer-setwin .layui-layer-close:hover {
  color: #0075c9;
  opacity: 1;
}
#discReplyBox .disc-reply-dialog {
  padding: 0.36rem 0.3rem 0.3rem;
}
#discReplyBox .disc-reply-dialog__head {
  padding-right: 0.36rem;
  margin-bottom: 0.22rem;
}
#discReplyBox .disc-reply-dialog__title {
  display: block;
  font-size: var(--f18);
  font-weight: bold;
  color: #333;
  line-height: 1.3;
}
#discReplyBox .disc-reply-dialog__target {
  margin: 0.1rem 0 0;
  font-size: var(--f14);
  color: #999;
  line-height: 1.4;
}
#discReplyBox .disc-reply-dialog__name {
  font-style: normal;
  color: #0075c9;
  font-weight: bold;
}
#discReplyBox .disc-reply-dialog__field {
  position: relative;
}
#discReplyBox .disc-reply-dialog__textarea {
  display: block;
  width: 100%;
  min-height: 1.5rem;
  max-height: 3.2rem;
  padding: 0.16rem 0.18rem 0.38rem;
  border: 1px solid #ebebeb;
  border-radius: var(--radius);
  background: #f5fbff;
  font-size: var(--f14);
  line-height: 1.7;
  color: #333;
  resize: vertical;
  outline: none;
  -webkit-transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
  -o-transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
}
#discReplyBox .disc-reply-dialog__textarea::-webkit-input-placeholder {
  color: #bbb;
}
#discReplyBox .disc-reply-dialog__textarea::-moz-placeholder {
  color: #bbb;
}
#discReplyBox .disc-reply-dialog__textarea:-ms-input-placeholder {
  color: #bbb;
}
#discReplyBox .disc-reply-dialog__textarea::-ms-input-placeholder {
  color: #bbb;
}
#discReplyBox .disc-reply-dialog__textarea::placeholder {
  color: #bbb;
}
#discReplyBox .disc-reply-dialog__textarea:focus {
  border-color: #0075c9;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #0075c9;
  box-shadow: 0 0 0 1px #0075c9;
}
#discReplyBox .disc-reply-dialog__count {
  position: absolute;
  right: 0.14rem;
  bottom: 0.1rem;
  font-size: var(--f14);
  color: #bbb;
  pointer-events: none;
}
#discReplyBox .disc-reply-dialog__count b {
  font-weight: normal;
  color: #999;
}
#discReplyBox .disc-reply-dialog__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.12rem;
  margin-top: 0.24rem;
}
#discReplyBox .disc-reply-dialog__btn {
  min-width: 1.12rem;
  height: 0.44rem;
  padding: 0 0.24rem;
  border: none;
  border-radius: var(--radius);
  font-size: var(--f16);
  cursor: pointer;
  -webkit-transition: opacity 0.3s, background 0.3s;
  -o-transition: opacity 0.3s, background 0.3s;
  transition: opacity 0.3s, background 0.3s;
}
#discReplyBox .disc-reply-dialog__btn--cancel {
  background: #f5f5f5;
  color: #666;
}
#discReplyBox .disc-reply-dialog__btn--cancel:hover {
  background: #ebebeb;
}
#discReplyBox .disc-reply-dialog__btn--submit {
  background: #0075c9;
  color: #fff;
}
#discReplyBox .disc-reply-dialog__btn--submit:hover {
  opacity: 0.9;
}
/* 讨论区 - 发表评论表单 */
.disc-post-form {
  padding: 0.3rem 0;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 0.1rem;
}
.disc-post-form__title {
  font-size: var(--f18);
  color: #333;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.disc-post-form__guest {
  text-align: center;
  padding: 0.3rem 0;
}
.disc-post-form__guest p {
  font-size: var(--f14);
  color: #999;
  margin-bottom: 0.2rem;
}
.disc-post-form__field {
  position: relative;
}
.disc-post-form__textarea {
  display: block;
  width: 100%;
  min-height: 1.2rem;
  max-height: 3rem;
  padding: 0.16rem 0.18rem 0.38rem;
  border: 1px solid #ebebeb;
  border-radius: var(--radius);
  background: #f5fbff;
  font-size: var(--f14);
  line-height: 1.7;
  color: #333;
  resize: vertical;
  outline: none;
  transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
}
.disc-post-form__textarea::-webkit-input-placeholder {
  color: #bbb;
}
.disc-post-form__textarea::-moz-placeholder {
  color: #bbb;
}
.disc-post-form__textarea:-ms-input-placeholder {
  color: #bbb;
}
.disc-post-form__textarea::placeholder {
  color: #bbb;
}
.disc-post-form__textarea:focus {
  border-color: #0075c9;
  background: #fff;
  box-shadow: 0 0 0 1px #0075c9;
}
.disc-post-form__count {
  position: absolute;
  right: 0.14rem;
  bottom: 0.1rem;
  font-size: var(--f14);
  color: #bbb;
  pointer-events: none;
}
.disc-post-form__count b {
  font-weight: normal;
  color: #999;
}
.disc-post-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.12rem;
  margin-top: 0.2rem;
}
.disc-post-form__btn {
  min-width: 1.12rem;
  height: 0.44rem;
  padding: 0 0.24rem;
  border: none;
  border-radius: var(--radius);
  font-size: var(--f16);
  cursor: pointer;
  text-decoration: none;
  line-height: 0.44rem;
  text-align: center;
  display: inline-block;
  transition: opacity 0.3s, background 0.3s;
}
.disc-post-form__btn--outline {
  background: #f5f5f5;
  color: #666;
}
.disc-post-form__btn--outline:hover {
  background: #ebebeb;
}
.disc-post-form__btn--solid {
  background: #0075c9;
  color: #fff;
}
.disc-post-form__btn--solid:hover {
  opacity: 0.9;
  color: #fff;
}
.disc-post-form__btn--submit {
  background: #0075c9;
  color: #fff;
}
.disc-post-form__btn--submit:hover {
  opacity: 0.9;
}
.disc-post-form__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*# sourceMappingURL=./style.css.map */