:root {
  --border-radius: 0.04rem;
  --page-main-width: 100%;
  --page-theme-color: #2165EB;
}
.layui-layer-loading-icon {
  font-size: 0.5rem;
  color: var(--page-theme-color);
}
.line {
  width: 100%;
  height: 0.01rem;
  background: #fafafa;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: PingFang SC, PingFang SC;
}
html {
  min-width: 100vw;
  scroll-behavior: smooth;
}
.layui-layer-title {
  height: 0.5rem;
  line-height: 0.5rem;
}
.layui-layer-setwin {
  top: 0.07rem;
  right: 0.15rem;
}
.layui-layer-setwin span {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.16rem;
}
.layui-tab {
  margin-top: 0.08rem;
}
.layui-tab .layui-tab-title {
  height: 0.25rem;
  border: 0px;
}
.layui-tab .layui-tab-title li {
  flex: none;
  width: 0.8rem;
  height: 0.25rem;
  font-size: 0.12rem;
  line-height: 0.26rem;
  font-family: 'layui-icon';
  margin-right: 0.16rem;
  border-radius: var(--border-radius);
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);
}
.layui-tab .layui-tab-title li:last-child {
  margin-right: 0;
}
.layui-tab .layui-tab-title .layui-this {
  background: var(--page-theme-color);
}
.layui-tab .layui-tab-content {
  padding: 0;
  padding-top: 0.14rem;
}
.custom-tab {
  margin-top: 0.04rem;
}
.custom-tab ul {
  width: 100%;
}
.custom-tab li .label {
  display: block;
  width: max-content;
  padding: 0.04rem 0.16rem;
  font-size: 0.12rem;
  line-height: 0.18rem;
  margin-right: 0.16rem;
  border-radius: var(--border-radius);
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);
}
.custom-tab li:last-child .label {
  margin-right: 0;
}
.custom-tab li .label.is-this {
  color: #fff;
  background: linear-gradient(180deg, #2165EB 0%, #195ED4 100%);
}
.custom-tab li .content {
  display: none;
  width: 100%;
  margin-top: 0.16rem;
  padding: 0 0.16rem;
  position: absolute;
  left: 0;
}
.custom-tab li .content.is-this {
  display: block;
}
.toMore {
  width: 0.8rem;
  height: 0.26rem;
  font-weight: 500;
  font-size: 0.14rem;
  color: #2165EB !important;
  line-height: 0.2rem;
  font-family: revert;
  padding: 0;
  background: #FFFFFF;
  border-radius: 0.04rem;
  border: 0.02rem solid #2165EB;
}
.layui-flow-more cite {
  background-color: #fff !important;
}
.logo_link {
  display: block;
  padding: 0.06rem;
  text-align: center;
  height: 0.6rem;
  flex: 1;
  margin-right: 0.1rem;
  border: 0.02rem solid #FAFAFA;
  transition: all 0.3s;
}
.logo_link img {
  max-width: 100%;
  max-height: 100%;
}
.logo_link:last-child {
  margin-right: 0px;
}
.overflow-x {
  overflow-x: auto !important;
}
.overflow-x::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.overflow-x::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.layui-main {
  width: 100vw;
}
.page_head {
  height: 0.28rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);
}
.page_head .page_head_content {
  width: 100%;
  justify-content: center;
  margin: 0 auto;
  display: flex;
  height: 100%;
  align-items: center;
}
.page_head .page_head_content .page_head_content_left {
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #5E5C5C;
}
.page_logo_search {
  padding: 0.16rem 0.08rem;
  align-items: center;
}
.page_logo_search .page_logo {
  width: 0.96rem;
  height: 0.3rem;
}
.page_logo_search .search_nav {
  flex: none;
  margin: 0 0.24rem;
}
.page_logo_search .search_nav .search_box {
  height: 0.26rem;
  width: 1.85rem;
  overflow: hidden;
}
.page_logo_search .search_nav .search_box .search_placeholder {
  font-size: 0.12rem;
  color: #5E5C5C;
  flex: 1;
  padding: 0.03rem 0.07rem;
  border-radius: var(--border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 0.01rem solid #2165eb;
  border-right: 0;
}
.page_logo_search .search_nav .search_box .layui-btn {
  padding: 0;
  display: block;
  width: 0.52rem;
  height: 100%;
  font-size: 0.14rem;
  line-height: 0.26rem;
  border-radius: var(--border-radius);
  border-top-left-radius: 0;
  transition: none;
  border-bottom-left-radius: 0;
}
.page_logo_search .user_avatar {
  width: 0.3rem;
  height: 0.3rem;
  display: block;
  border-radius: 50%;
}
.page_logo_search .user_avatar img{
    border-radius: 50%;
}
.search_head {
  align-items: center;
  padding: 0 0.16rem;
  margin: 0.16rem 0;
}
.search_head .back {
  font-size: 0.18rem;
  color: #5e5c5c;
  font-weight: 600;
  padding: 0.07rem;
  padding-right: 0.12rem;
  padding-left: 0;
}
.search_head .search_input {
  border-radius: 0.04rem;
  border: 0.01rem solid #2165EB;
  display: flex;
  flex: 1;
}
.search_head .search_input input {
  border: 0;
  height: 100%;
  padding: 0.08rem 0.07rem;
  border-radius: 0.04rem;
  font-size: 0.12rem;
  color: #5E5C5C;
  flex: 1;
}
.search_head .search_input .layui-btn {
  padding: 0;
  display: block;
  width: 0.52rem;
  height: 0.33rem;
  transition: none;
  font-size: 0.14rem;
  line-height: 0.26rem;
  border-radius: 0px;
}
.keywordsSelect {
  padding: 0 0.16rem;
  display: flex;
  align-items: center;
}
.keywordsSelect span {
  margin-top: -0.08rem;
  font-weight: 600;
  font-size: 0.1rem;
  color: #222A33;
}
.keywordsSelect ul {
  flex: 1;
  flex-wrap: wrap;
}
.keywordsSelect ul li {
  width: max-content;
  font-weight: 500;
  font-size: 0.1rem;
  color: #5E5C5C;
  padding: 0.04rem 0.08rem;
  border: 0.01rem solid #F5F8FF;
  border-radius: 0.04rem;
  margin-left: 0.08rem;
  margin-bottom: 0.08rem;
}
.keywordsSelect ul li:first-child {
  margin-left: 0;
}
.search_none {
  padding: 0 0.16rem;
  font-weight: 400;
  font-size: 0.12rem;
  color: #5E5C5C;
}
.search_result .search_result_title {
  padding: 0 0.16rem;
  font-weight: 400;
  font-size: 0.1rem;
  line-height: 0.11rem;
  color: #5E5C5C;
  margin-bottom: 0.16rem;
}
.page_head_nav {
  height: 0.38rem;
  padding-left: 0.16rem;
  background-color: var(--page-theme-color);
  position: sticky;
  top: 0;
  z-index: 999;
}
.page_head_nav .nav_list {
  flex: 1;
  overflow-x: auto;
  visibility: hidden;
  /* 初始隐藏 */
  transition: visibility 0.01s;
  /* 避免显示时的重绘闪烁 */
}
.page_head_nav .nav_list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.page_head_nav .nav_list::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.page_head_nav .nav_list .nav_item {
  position: relative;
  padding: 0 0.16rem;
  min-width: max-content;
}
.page_head_nav .nav_list .nav_item:first-child {
  padding-left: 0;
}
.page_head_nav .nav_list .nav_item:last-child {
  padding-right: 0;
}
.page_head_nav .nav_list .nav_item a {
  display: block;
  min-width: max-content;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.38rem;
}
.page_head_nav .nav_list .active::after {
  content: '';
  width: 0.24rem;
  height: 0.03rem;
  left: calc(((100% - 0.16rem) - 0.24rem)/1.6);
  bottom: 0px;
  background-color: #fff;
  position: absolute;
}
.page_head_nav .nav_list .nav_item:first-child.active::after {
  left: calc(((100% - 0.16rem) - 0.24rem)/2);
}
.page_head_nav .nav_list .nav_item:last-child.active::after {
  right: calc(((100% - 0.16rem) - 0.24rem)/1.8);
  left: inherit;
}
.page_head_nav .nav_list.ready {
  visibility: visible;
}
.page_head_nav .page_head_nav_move {
  height: 100%;
  width: 0.52rem;
  padding: 0.12rem 0.16rem;
  display: block;
  line-height: 0rem;
}
.list_page_head_nav {
  background: #FAFAFA;
  padding: 0px 0.16rem;
  align-items: center;
  margin-bottom: 0.2rem;
  position: sticky;
  top: 0;
  z-index: 999;
}
.list_page_head_nav .back {
  display: block;
  height: 0.38rem;
  line-height: 0.38rem;
  font-size: 0.2rem;
  font-weight: 600;
  color: #5e5c5c;
  padding-right: 0.16rem;
}
.list_page_head_nav .nav_list {
  flex: 1;
  overflow-x: auto;
  visibility: hidden;
  /* 初始隐藏 */
  transition: visibility 0.01s;
  padding-bottom: 0.05rem;
}
.list_page_head_nav .nav_list .nav_item {
  margin-right: 0.3rem;
  position: relative;
  min-width: max-content;
}
.list_page_head_nav .nav_list .nav_item a {
  font-weight: 600;
  display: block;
  min-width: max-content;
  color: #5E5C5C;
  font-size: 0.16rem;
  line-height: 0.38rem;
}
.list_page_head_nav .nav_list .active a {
  color: var(--page-theme-color);
}
.list_page_head_nav .nav_list .active::after {
  content: '';
  width: 0.24rem;
  height: 0.03rem;
  left: calc((100% - 0.3rem)/1.7);
  bottom: 0px;
  background-color: var(--page-theme-color);
  position: absolute;
}
.list_page_head_nav .nav_list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.list_page_head_nav .nav_list::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.list_page_head_nav h3 {
  font-weight: 500;
  font-size: 0.16rem;
  color: #5E5C5C;
  /* text-align: center; */
  flex: 1;
  margin-left: 1.03rem;
}
.list_page_head_nav .ready {
  visibility: visible;
}
.page_content_list {
  padding: 0 0.16rem;
}
.page_AD {
  margin: 0.16rem 0;
}
.col_AD_L4 {
  flex-wrap: wrap;
}
.col_AD_L4 a {
  display: block;
  width: 50%;
  height: 0.6rem;
  margin-bottom: 0.08rem;
}
.col_AD_L4 a img {
  width: 100%;
  height: 100%;
}
.col_AD_L4 a:nth-child(odd) {
  padding-right: 0.07rem;
}
.col_AD_L4 a:nth-child(even) {
  padding-left: 0.07rem;
}
.digitSwiper,
.roundSwiper,
.imgSwiper {
  position: relative;
  max-width: max-content;
}
.imgSwiper {
  padding: 0 0.16rem;
}
.ind-item {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #222A33;
  opacity: 0.2;
  margin-right: 0.08rem;
  transition: all 0.3s;
}
.digit-item {
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  text-align: center;
  line-height: 0.13rem;
  font-size: 0.08rem;
  color: #FFFFFF;
  background: #222A33;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.6;
  margin: 0 !important;
  margin-right: 0.02rem !important;
}
.img-item {
  opacity: 1;
  width: 0.54rem;
  height: 0.32rem;
  box-sizing: content-box;
  border-radius: 0px;
  transition: transform 0.23s;
  margin: 0 0.02rem !important;
}
.img-item:first-child {
  margin-left: 0 !important;
}
.img-item:last-child {
  margin-right: 0 !important;
}
.ind-active {
  background: var(--page-theme-color);
  border-radius: 0.3rem;
  width: 0.18rem;
  opacity: 1;
}
.digit-active {
  opacity: 1;
  background: var(--page-theme-color);
}
.img-active {
  transform: scale(1.05);
  border: 0.02rem solid var(--page-theme-color);
  box-shadow: 0 0.02rem 0.04rem rgba(33, 101, 235, 0.2), 0 0 6px rgba(33, 101, 235, 0.2);
}
.digitSwiper .swiper-pagination {
  text-align: end;
  bottom: 0;
}
.roundSwiper .swiper-pagination {
  top: 102%;
}
.swiper-custom {
  width: 100%;
  overflow: hidden;
}
.newDigitSwiper {
  position: relative;
}
.newDigitSwiper .swiper-pagination {
      width: 0.54rem;
    height: 0.54rem;
    color: #fff;
    bottom: 0px;
    left: 0rem;
    font-size: 0.14rem;
    padding: 0.1rem 0.08rem;
    text-align: left;
}
.newDigitSwiper .swiper-pagination .swiper-pagination-current {
  font-weight: bold;
    font-size: 0.16rem;
    color: #FFFFFF;
    display: block;
    margin-left: -0.05rem;
    margin-bottom: -0.03rem;
}
.newDigitSwiper .swiper-pagination .swiper-pagination-total {
  font-size: 0.1rem;
  color: #FFFFFF;
  opacity: 0.8;
}
.newDigitSwiper .swiper-pagination::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0;
  z-index: -1;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 0.54rem solid transparent;
  border-bottom: 0.54rem solid #1a5fd7;
}
.page_new_module {
  padding: 0 0.16rem;
  margin-top: 0.2rem;
}
.page_new_module_title {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.04rem;
  border-bottom: 0.03rem solid #FAFAFA;
  position: relative;
  margin-bottom: 0.08rem;
}
.page_new_module_title img {
  margin-right: 0.03rem;
  width: 0.14rem;
  height: auto;
  margin-top: 0.03rem;
}
.page_new_module_title h3 {
  align-items: center;
  font-weight: 500;
  font-size: 0.16rem;
  color: #222A33;
}
.page_new_module_title .layui-icon {
  color: #717070;
  font-size: 0.16rem;
}
.page_new_module_title::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: -0.03rem;
  width: 0.82rem;
  height: 0.03rem;
  background: var(--page-theme-color);
}
.page_new_module_title_default {
  border-bottom: 0;
}
.page_new_module_title_default h3 {
  text-align: center;
  margin-bottom: 0.08rem;
}
.page_new_module_title_default::before {
  display: none;
}
.page_new_module_title_default::after {
  display: none;
}
.page_new_module_title_default .page_module_title_line {
  height: 0.03rem;
  background: #fafafa;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_new_module_title_default .page_module_title_line img {
  background: #fff;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0;
  position: absolute;
}
.page_new_module_title_default .page_module_title_line i {
  font-size: 0.14rem !important;
  padding: 0 0.4rem;
  background-color: #fff;
}
.page_new_module_title_default .page_module_title_line::after {
  content: '';
  height: 100%;
  width: 0.4rem;
  position: absolute;
  top: 0;
  right: 34.8%;
  background-color: var(--page-theme-color);
}
.page_new_module_title_default .page_module_title_line::before {
  content: '';
  height: 100%;
  width: 0.4rem;
  position: absolute;
  top: 0;
  left: 34.8%;
  background-color: var(--page-theme-color);
}
.page_new_module_title_default .page_module_title_line h3 {
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0 0.08rem;
  margin-bottom: 0.05rem;
  background-color: #fff;
  color: var(--page-theme-color);
}
.page_new_module_content .newMsg h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 0.16rem;
  color: #222A33;
  margin-bottom: 0.12rem;
  line-height: 0.2rem;
}
.page_new_module_content .newMsg_footer {
  align-items: center;
}
.page_new_module_content .newMsg_footer img {
  width: 0.12rem;
  height: 0.12rem;
  margin-right: 0.04rem;
}
.page_new_module_content .newMsg_footer span {
  font-weight: 400;
  font-size: 0.1rem;
  color: #5E5C5C;
  line-height: 0.12rem;
  margin-right: 0.08rem;
}
/*.page_new_module_content .newMsg_footer span:last-child {*/
/*  margin-right: 0px;*/
/*}*/
.page_new_module_content .newMsg_footer .keyword {
  /*margin-top: 0.05rem;*/
  margin-left: 0px;
}
.page_new_module_content .new_car_img_left_titleMsg .cover {
  width: 1.58rem;
  height: 0.92rem;
}
.page_new_module_content .new_car_img_left_titleMsg .newMsg {
  margin-left: 0.09rem;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.page_new_module_content .new_car_img_top_titleMsg {
  margin-right: 0.12rem;
  width: 1.58rem;
  display: block;
}
.page_new_module_content .new_car_img_top_titleMsg .cover {
  width: 1.58rem;
  height: 0.92rem;
}
.page_new_module_content .new_car_img_top_titleMsg .newMsg {
  padding: 0.08rem 0.07rem 0.1rem 0.07rem;
  width: 100%;
  background: #fafafa;
}
.page_new_module_content .new_car_img_top_titleMsg .newMsg .newMsg_footer {
  align-items: center;
}
.page_new_module_content .new_car_img_top_titleMsg .newMsg .newMsg_footer img {
  width: 0.1rem;
  height: 0.1rem;
}
.page_new_module_content .new_car_img_top_titleMsg:last-child {
  margin-right: 0;
}
.page_new_module_content .new_car_img_right_titleMsg .cover {
  width: 1.27rem;
  height: 0.74rem;
}
.page_new_module_content .new_car_img_right_titleMsg .newMsg {
  margin-right: 0.09rem;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.page_new_module_content .new_car_img_right_titleMsg .newMsg h3 {
  margin-bottom: 0.025rem;
}
.page_new_module_content .new_car_img_right_titleMsg .newMsg .newMsg_footer .keyword {
  margin: 0;
}
.page_new_module_content .new_car_img_right_titleMsg .newMsg .newMsg_footer img {
  width: 0.1rem;
  height: 0.1rem;
}
.page_new_module_content .img-car {
  flex-direction: column;
  width: 100%;
  position: relative;
  height: 100%;
}
.page_new_module_content .img-car h3 {
  position: absolute;
  width: 100%;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  bottom: 0;
  padding: 0.05rem 0;
  padding-left: 0.54rem;
}
.news_title_list {
  padding-top: 0.16rem;
}
.news_title_list li {
  margin-bottom: 0.08rem;
}
.news_title_list li h3 {
  font-weight: 500;
  font-size: 0.12rem;
  color: #5E5C5C;
  line-height: 0.16rem;
}
.news_title_list li:last-child {
  margin: 0;
}
.page_footer .content {
  padding: 0.16rem;
}
.page_footer .content .page_footer_content_list {
  justify-content: space-between;
}
.page_footer .content .page_footer_content_list a {
  font-weight: 500;
  font-size: 0.12rem;
  color: #5E5C5C;
}
.page_footer .content .page_footer_content_text {
  justify-content: center;
  font-size: 0.1rem;
  color: #5E5C5C;
  line-height: 0.14rem;
  margin-top: 0.3rem;
  margin-bottom: 0.05rem;
}
.page_footer .content .page_footer_content_text img {
  width: 0.14rem;
  height: 0.15rem;
  /* margin-bottom: 10px; */
  margin-right: 0.05rem;
}
.page_footer .content .page_footer_content_icon {
  text-align: center;
}
.page_footer .content .page_footer_b {
  text-align: center;
  font-weight: 400;
  font-size: 0.1rem;
  color: #5E5C5C;
}
.page_ToTop {
  border: 0.02rem solid var(--page-theme-color);
  opacity: 0;
  position: fixed;
  width: 0.28rem;
  height: 0.28rem;
  bottom: 50%;
  left: 90%;
  background-color: #fff;
  text-align: center;
  line-height: 0.24rem;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 9999;
  box-shadow: 0px 0.02rem 0.04rem 0px #D7D9DB;
  color: var(--page-theme-color);
}
.page_ToTop i {
  font-size: 0.16rem;
  font-weight: 900;
}
.page_ToTop.show {
  opacity: 1;
}
.news_title_list_order {
  padding-top: 0.05rem;
}
.news_title_list_order li {
  margin-bottom: 0.12rem;
  width: 100%;
}
.news_title_list_order li a {
  margin-left: 0.03rem;
  width: 100%;
  display: block;
  font-weight: 500;
  font-size: 0.16rem;
  line-height: 0.16rem;
  color: #222A33;
}
.news_title_list_order li span {
  font-weight: 500;
  font-size: 0.16rem;
  line-height: 0.16rem;
}
.news_title_list_order li h3 {
  font-weight: 500;
  font-size: 0.16rem;
  line-height: 0.16rem;
  color: #222A33;
}
.news_title_list_order li:last-child {
  margin: 0;
}
.follow-We {
  margin-top: 0.08rem;
  padding: 0.16rem 0.24rem;
  background-color: #fafafa;
  border-bottom: 0.06rem solid #2165eb;
}
.follow-We h3 {
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.18rem;
  color: var(--page-theme-color) !important;
}
.follow-centre {
  margin: 0.24rem 0 0.16rem 0;
}
.follow-centre-left > p {
  text-align: center;
  font-weight: bold;
  font-size: 0.12rem;
  margin-top: 0.12rem;
  margin-bottom: 0.14rem;
  line-height: 0.12rem;
  color: var(--page-theme-color) !important;
}
.follow-We .account_list {
  text-align: center;
  justify-content: space-between;
}
.follow-We .account_list > div img {
  width: 0.26rem;
  height: 0.26rem;
}
.follow-We .account_list > div p {
  font-size: 0.1rem;
  margin-top: 0.04rem;
  line-height: 0.12rem;
  color: #5E5C5C;
}
.follow-We_code {
  text-align: center;
  padding: 0 0.25rem;
  justify-content: space-between;
}
.follow-We_code p {
  line-height: 0.14rem;
  margin-top: 0.06rem;
  font-size: 0.14rem;
  color: #5E5C5C;
}
.follow-We .page-row-item {
  margin-bottom: 0.08rem;
  display: flex;
  align-items: center;
}
.follow-We .page-row-item span {
  font-size: 0.12rem;
  margin-left: 0.04rem;
}
.follow-We .follow-We-footer {
  font-size: 0.12rem;
  line-height: 0.12rem;
  color: #5E5C5C;
  padding-left: 0.1rem;
  position: relative;
}
.follow-We .follow-We-footer::before {
  content: "";
  position: absolute;
  width: 0.04rem;
  height: 0.04rem;
  left: 0;
  top: 0.04rem;
  background-color: #2165eb;
  border-radius: 50%;
}
.page_details {
  padding: 0 0.16rem;
}
.page_details_title {
  text-align: center;
  font-weight: 600;
  font-size: 0.24rem;
  color: #222A33;
  margin-bottom: 0.16rem;
}
.page_details .article-title-info {
  font-weight: 500;
  font-size: 0.16rem;
  color: #222A33;
  line-height: 0.24rem;
  text-align: center;
  margin-bottom: 0.24rem;
}
.page_details_info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.08rem;
}
.page_details_info span {
  width: 50%;
  padding-right: 0.1rem;
  font-weight: 500;
  font-size: 0.1rem;
  color: #5E5C5C;
  margin-bottom: 0.05rem;
}
.page_details .author {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 0.24rem;
}
.page_details .author .author-logo {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  padding: 0.05rem;
  margin-right: 0.05rem;
  border: 0.02rem solid #2165eb;
  position: relative;
}
.page_details .author .author-logo::after {
  content: "仪商号";
  display: block;
  width: 0.4rem;
  height: 0.18rem;
  text-align: center;
  font-size: 0.1rem;
  color: #fff;
  line-height: 0.19rem;
  bottom: -0.13rem;
  left: 0px;
  position: absolute;
  background: url(../../../assets/images/author-bg.png) no-repeat center center;
}
.page_details .author .author-info h4 {
  font-weight: 600;
  font-size: 0.14rem;
  margin-bottom: 0.03rem;
  color: #222A33;
}
.page_details .author .author-info p {
  font-weight: 500;
  font-size: 0.1rem;
  color: #5E5C5C;
}
.page_details .author .follow {
  border-radius: 0.04rem;
  border: 0.02rem solid #F5F8FF;
  font-weight: 500;
  font-size: 0.12rem;
  color: #2165EB;
  height: 0.26rem;
}
.page_details .author .followed {
  background-color: var(--page-theme-color);
  color: #fff;
}
.page_details_content video , .page_details_content iframe {
  width: 100%;
  height: 2.2rem !important;
}
.page_details_content .article-content {
  padding: 0px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.14rem;
  color: #222A33;
  line-height: 0.22rem;
}
.page_details_content .article-content img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page_details_content .view {
  margin-top: 0.2rem;
  font-weight: 400;
  font-size: 0.1rem;
  color: #5E5C5C;
  line-height: 0.14rem;
}
.page_details_content .view p {
  margin-right: 0.16rem;
}
.page_details_content .view p span {
  margin-right: 0.04rem;
}
.page_details_content .view i {
  font-weight: 900;
  margin-right: 0.03rem;
  font-size: 0.1rem;
}
.page_details_footer .article-footer-tool {
  margin-top: 0.14rem;
}
.page_details_footer .article-footer-tool .article-footer-tool-item {
  display: flex;
  align-items: center;
  margin-right: 0.32rem;
}
.page_details_footer .article-footer-tool .article-footer-tool-item i {
  text-align: center;
  border-radius: 50%;
  font-size: 0.16rem;
  width: 0.36rem;
  height: 0.36rem;
  line-height: 0.36rem;
  color: var(--page-theme-color);
  box-shadow: 0px 0.06rem 0.1rem 0.01rem rgba(34, 42, 51, 0.12);
  border: 0.02rem solid var(--page-theme-color);
}
.page_details_footer .article-footer-tool .article-footer-tool-item p {
  margin-left: 0.08rem;
  font-weight: 400;
  font-size: 0.12rem;
  color: #5E5C5C;
}
.page_details_footer .article-footer-tool .chicked .layui-icon {
  background-color: var(--page-theme-color);
  color: #fff;
}
.page_details_footer .introduction {
  margin-top: 0.26rem;
}
.page_details_footer .introduction  img{
    width: 100%;
}
.page_details_footer .introduction h3 {
  font-size: 0.16rem;
  color: #222A33;
  line-height: 0.2rem;
  margin-bottom: 8px;
}
.page_details_footer .introduction h3::before {
  content: "";
  display: inline-block;
  width: 0.03rem;
  height: 0.18rem;
  margin-right: 0.04rem;
  background-color: var(--page-theme-color);
}
.page_details_footer .introduction p {
  font-weight: 500;
  font-size: 0.14rem;
  color: #222A33;
  line-height: 0.22rem;
}
.page_details_footer .article-footer-RQcode {
  margin-top: 0.16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_details_footer .article-footer-RQcode .article-footer-RQcode-text {
  margin-top: 0.04rem;
}
.page_details_footer .statement {
  margin-top: 0.24rem;
  font-weight: 500;
  font-size: 0.1rem;
  color: #5E5C5C;
  line-height: 0.16rem;
  padding: 0.08rem;
  background-color: #fafafa;
}
.page_details_footer .statement strong {
  display: block;
  margin-bottom: 0.05rem;
  font-size: 0.12rem;
  color: var(--page-theme-color);
}
.login_back {
  padding: 0.12rem 0;
  align-items: center;
}
.login_back .back {
  padding: 0.12rem 0.16rem;
  padding-left: 0;
  font-size: 0.18rem;
  font-weight: 600;
  color: #5E5c5c;
}
.login_back h3 {
  font-weight: 600;
  font-size: 0.18rem;
  color: #2165EB;
  text-align: center;
  flex: 1;
  padding-right: 0.4rem;
}
.login_content {
  padding: 0.24rem;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  box-shadow: 0px 0.04rem 0.08rem 0.01rem rgba(33, 101, 235, 0.1);
  border-radius: 0.08rem;
}
.login_content h3 {
  font-weight: 500;
  font-size: 0.18rem;
  line-height: 0.23rem;
  color: #222A33;
  text-align: center;
  margin-bottom: 0.54rem;
}
.login_content .msg {
  position: relative;
  font-weight: 500;
  font-size: 0.12rem;
  color: #222A33;
  padding-left: 0.18rem;
  margin-bottom: 0.24rem;
}
.login_content .msg::after {
  content: '';
  position: absolute;
  left: 0.08rem;
  top: 0.06rem;
  display: block;
  width: 0.06rem;
  height: 0.06rem;
  background: #2165EB;
}
.login_content .toReister {
  font-weight: 500;
  font-size: 0.1rem;
}
.login_content .demo-login-other a {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  text-align: center;
  line-height: 0.26rem;
  border-radius: 50%;
  background-color: #fff;
  border: 0.01rem solid #F5F8FF;
}
.login_content .demo-login-other a img {
  width: 0.14rem;
}
.login_content .active {
  color: var(--page-theme-color);
}
.login_content .user {
  display: flex;
  align-items: center;
  position: relative;
}
.login_content .user .user_avatar {
  width: 0.58rem;
  height: 0.58rem;
  border: 0.02rem solid var(--page-theme-color);
  overflow: hidden;
  border-radius: 50%;
}
.login_content .user .user_name {
  margin-left: 0.16rem;
}
.login_content .user .user_name h3 {
  margin-bottom: 0.04rem;
  font-weight: 600;
  font-size: 0.18rem;
  color: #222A33;
}
.login_content .user .user_name p {
  font-weight: 500;
  font-size: 0.12rem;
}
.login_content .user .user_name p span {
  font-family: PingFang SC-Medium;
  color: #2165EB;
}
.login_content .user::after {
  content: attr(data-level);
  display: block;
  width: 0.58rem;
  height: 0.2rem;
  bottom: -0.24rem;
  left: 0px;
  font-size: 0.1rem;
  color: #fff;
  padding: 0.03rem 0.09rem;
  box-sizing: border-box;
  line-height: 0.145rem;
  position: absolute;
  background: linear-gradient(90deg, #2165EB 0%, #195ED4 100%);
  border-radius: 0.19rem;
}
.company {
  display: none;
  margin-top: 0.24rem;
}
.layui-form-radio input[type="radio"] {
  display: none;
}
/* 自定义单选框样式 */
.radio-icon {
  width: 0.12rem;
  height: 0.12rem;
  border: 0.01rem solid #e7eaf1;
  border-radius: 0.02rem;
  background-color: #fff;
  position: relative;
  display: inline-block;
  margin-right: 0.04rem;
  margin-top: 0.01rem;
  vertical-align: middle;
}
.lay-skin-checkcard {
  display: flex;
  align-items: center;
  font-size: 0.12rem;
}
.layui-form-checked > .lay-skin-checkcard,
.layui-form-radioed[lay-skin="none"] > .lay-skin-checkcard span {
  color: #222A33;
}
.layui-form-checked > .lay-skin-checkcard,
.layui-form-radioed[lay-skin="none"] > .lay-skin-checkcard .radio-icon:after {
  content: "";
  position: absolute;
  left: 0.035rem;
  top: 0;
  width: 0.025rem;
  height: 0.065rem;
  border: solid var(--page-theme-color);
  border-width: 0 0.01rem 0.01rem 0;
  transform: rotate(45deg);
}
.login_form .layui-form-item {
  margin-bottom: 0.16rem;
}
.login_form .layui-form-item .layui-input-group {
  display: flex;
  flex-direction: column;
}
.login_form .layui-form-item .input-label {
  font-weight: 500;
  font-size: 0.14rem;
  color: #222A33;
  margin-bottom: 0.08rem;
}
.login_form .layui-form-item .layui-input {
  border-radius: 0.04rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.12rem;
  padding: 0 0.1rem;
  caret-color: var(--page-theme-color);
  border: 0.02rem solid #F5F8FF;
}
.login_form .layui-form-item .vercode {
  width: 0.98rem;
}
.login_form .layui-form-item:last-child {
  margin-bottom: 0 !important;
}
.layui-form .form_module_list .form_title {
  align-items: center;
  padding-bottom: 0.03rem;
  border-bottom: 0.03rem solid #fafafa;
  position: relative;
  font-weight: 500;
  font-size: 0.14rem;
  color: #222A33;
  line-height: 0.16rem;
  margin-bottom: 0.2rem;
}
.layui-form .form_module_list .form_title::after {
  content: "";
  position: absolute;
  width: 0.56rem;
  height: 0.03rem;
  bottom: -0.04rem;
  background: var(--page-theme-color);
  left: 0px;
}
.layui-form .form_module_list .layui-form-item {
  margin-bottom: 0.24rem;
  display: flex;
  align-items: center;
}
.layui-form .form_module_list .layui-form-item .layui-form-label {
  padding: 0;
  font-size: 0.12rem;
  margin-top: -0.03rem;
  line-height: inherit;
  width: auto;
  min-width: 0.83rem;
}
.layui-form .form_module_list .layui-form-item .layui-input-block {
  min-height: inherit;
  line-height: inherit;
  margin-left: 0.05rem;
  flex: 1;
}
.layui-form .form_module_list .layui-form-item .codeBtn {
  width: 1rem;
  height: 0.3rem;
  padding: 0;
  line-height: 0.3rem;
  font-size: 0.12rem;
}
.layui-form .form_module_list .layui-form-item:last-child {
  margin-bottom: 0 !important;
}
.layui-form .form_module_list .layui-form-item-msg {
  margin-bottom: 0.35rem;
  position: relative;
}
.layui-form .form_module_list .layui-form-item-msg .layui-form-item {
  margin-bottom: 0;
}
.layui-form .form_module_list .layui-form-item-msg .layui-input-block-msg {
  font-weight: 400;
  font-size: 0.08rem;
  color: #5E5C5C;
  text-align: right;
  display: block;
  width: max-content;
  left: 0.85rem;
  bottom: -0.12rem;
  position: absolute;
}
.layui-form .layui-form-checkbox {
  padding: 0;
  margin: 0;
  margin-top: 0 !important;
  min-height: auto;
  padding-left: 0.17rem;
}
.layui-form .layui-form-checkbox[lay-skin=primary] > div {
  font-size: 0.12rem;
  padding-right: 0;
  line-height: 0.17rem;
}
.layui-form .layui-form-checkbox[lay-skin=primary] > i {
  width: 0.14rem;
  height: 0.14rem;
  line-height: 0.13rem;
  border: 0.01rem solid #d2d2d2;
  font-size: 0.1rem;
  border-radius: 0.02rem;
}
.layui-form .submit {
  width: 1.8rem;
  height: 0.36rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #2165EB;
  line-height: 0.2rem;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.1rem 0.01rem rgba(33, 101, 235, 0.2);
  border-radius: 0.06rem;
  border: 0.02rem solid #2165EB;
  font-family: revert;
}
.my {
  background-color: #fafafa;
  min-height: 100vh;
}
.my .layui-form-label {
  min-width: 0.6rem !important;
}
.my .page_content_list {
  padding: 0;
}
.my .page_content {
  padding: 0 0.16rem;
  padding-bottom: 0.32rem;
  height: calc(100% - 0.3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.my .img-item {
  margin-right: 0.16rem;
  margin-top: 0.16rem;
}
.my .img-item img {
  width: 1.39rem;
  height: 0.82rem;
}
.my .img-item h3 {
  padding: 0.1rem;
  font-weight: 500;
  font-size: 0.12rem;
  color: #222A33;
  border: 0.01rem solid #fafafa;
  border-top: 0;
}
.my .user_menu {
  display: flex;
  justify-content: space-between;
}
.my .user_menu .user_menu_item a {
  font-weight: 500;
  font-size: 0.14rem;
  color: #5E5C5C;
}
.my .user_menu .user_menu_item span {
  font-weight: 600;
  font-size: 0.14rem;
  color: #222A33;
}
.my .user_menu_content {
  margin-top: 0.16rem;
}
.my .follow_item {
  margin-bottom: 0.18rem;
}
.my .follow_item:last-child {
  margin-bottom: 0;
}
.my .follow_item .follow_item_left {
  position: relative;
  margin-right: 8px;
}
.my .follow_item .follow_item_left img {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
  border-radius: 50%;
  border: 0.01rem solid var(--page-theme-color);
  display: block;
}
.my .follow_item .follow_item_left::after {
  content: "仪商号";
  position: absolute;
  top: 0.37rem;
  left: 0.12rem;
  font-weight: 600;
  font-size: 0.08rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.15rem;
  width: 0.34rem;
  height: 0.15rem;
  background: url(../../../assets/images/author-bg.png) no-repeat 100% center;
}
.my .follow_item .follow_item_left .layui-btn {
  width: 0.56rem;
  height: 0.25rem;
  padding: 0;
  background: #FAFAFA;
  color: #5E5C5C;
  line-height: 0.25rem;
  font-size: 0.12rem;
}
.my .follow_item .follow_item_left .thisFollow {
  background: var(--page-theme-color);
  color: #fff;
}
.my .follow_item .follow_item_right {
  width: 2.3rem;
}
.my .follow_item .follow_item_right h4 {
  font-weight: 600;
  font-size: 0.14rem;
  color: #222A33;
  margin: 0.1rem 0;
}
.my .follow_item .follow_item_right p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 0.1rem;
  color: #5E5C5C;
}
.my .collect_tiem {
  width: 1.39rem;
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  float: left;
}
.my .collect_tiem:nth-child(2n) {
  margin-right: 0;
}
.my .collect_tiem .cover {
  width: 100%;
  height: 0.82rem;
}
.my .collect_tiem .title {
  padding: 0.1rem;
  border: 2px solid #FAFAFA;
}
.my .collect_tiem .title p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 0.12rem;
  color: #222A33;
  line-height: 0.16rem;
}
.my .changeAvatarBtn {
  position: absolute;
  bottom: -0.24rem;
  right: 0px;
  width: 0.76rem;
  transition: none;
  line-height: 0px;
  padding: 0;
  height: 0.3rem;
  font-size: 0.12rem;
  color: #5E5C5C;
  background: #FAFAFA;
}
.my .job-item .layui-anim-upbit {
  left: -0.35rem !important;
}
.my .layui-input {
  padding-right: 0.18rem !important;
}
.my .layui-edge {
  top: 59%;
  right: 0.08rem;
  border-width: 0.04rem;
}
.my .submit {
  width: 0.8rem;
  height: 0.26rem;
  padding: 0px 0.08rem;
  font-size: 0.14rem;
}
#article-content p{
    text-indent: inherit !important;
}
.ysh_list .logo_link{
    width: 31.3%;
    flex: none;
    margin-bottom: 0.1rem;
}
.ysh_list .logo_link:nth-child(3n){
    margin-right: 0px;
}