* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.layui-panel {
  border: none !important;
}
[lay-dropdown-id="ID-dropdown-demo-content3"] {
  background-color: #1d1d1d !important;
}
.layui-dropdown {
  top: 70px !important;
}

a {
  text-decoration: none;
  color: #555;
}

li {
  list-style: none;
}

header {
  width: 100%;
  background-color: #1d1d1d;
  /* background-color: aqua; */
  height: 84px;
}
.head {
  width: 1380px;
  height: 84px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.haed_left {
  display: flex;
  gap: 40px;
}
.haed_logo {
  width: 72px;
  height: 38px;
}
.haed_logo_a {
  display: block;
  width: 100%;
  height: 100%;
}
.haed_logoimg {
  width: 100%;
  height: 100%;
}
.head_nav {
  display: flex;
  gap: 40px;
  align-items: center;
}
.head_nava {
  display: block;
  width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.head_nava:hover {
  color: #000;
  background-color: #fff;
}
.head_nava:hover button {
  color: #000 !important;
  background-color: #fff !important;
}
.head_nava.on {
  color: #bb0001;
}
.head_nava.on button {
  color: #bb0001;
  font-size: 16px;
}
.head_nava button {
  padding: 0;
  transition: none;
}
.haed_language .layui-btn {
  font-size: 14px;
  padding: 0 !important;
}
.head_right_line {
  width: 1px;
  height: 22px;
  background-color: #fff;
}
.head_right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.haed_language_btn {
  background-color: #1d1d1d !important;
}
.head_right i {
  color: #fff;
}
.haed_login,
.head_signup {
  width: 85px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #fff;
  font-weight: 600;
}
.haed_login:hover,
.head_signup:hover {
  background-color: #fff;
  color: #222 !important;
}
.haed_login:hover .haed_logina,
.head_signup:hover .head_signupa {
  color: #222 !important;
}
.haed_logina,
.head_signupa {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.head_portrait {
  display: block;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ffffff;
}
.head_portrait button {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  border: none;
}
.head_portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.head_search {
  width: 290px;
  background-color: #fff;
  height: 40px;
  border-radius: 10px;
  display: flex;
  gap: 5px;
  align-items: center;
}
.head_search a {
  margin-right: 10px;
}
.head_search .search-input {
  width: 540px;
  border: none;
  padding-left: 10px;
}
.head_search i {
  padding-right: 10px;
  font-size: 16px;
}

.headerlan {
  border: none !important;
}

.headerlan i {
  color: #888;
}

.lanneed {
  padding: 0px;
}

.languagechoose {
  display: flex;
  flex-direction: column;
  background-color: #1d1d1d;
}

.languagechoosea {
  height: 35px;
  font-size: 16px;

  line-height: 35px;
  color: #fff;
  text-align: center;
}

.languagechoosea {
  color: #fff;
  border-left: 3px solid #bb0001;
}

.footer a {
  color: #999;
}

.footer a:hover {
  color: #cccccc;
}

.footer .foot-nav ul li {
  display: inline-block;
  margin-bottom: 16px;
}

main {
  width: 100%;
}
.search {
  width: 100%;
  /* height: 350px; */
  background-color: #e9e9e9;
  background-image: url(../imghw/search_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.search_main {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 30px; */
  padding: 10px;
  padding-top: 83px;
  padding-bottom: 30px;
}

.search_main_info {
  margin-top: 14px;
  margin-bottom: 30px;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  width: 767px;
  height: 40px;
  font-size: 18px;
  line-height: 21px;
}
.search_main_title {
  color: #fff;
  font-size: 36px;
  line-height: 42px;
}
.search_main_info {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.search_div {
  width: 860px;
  height: 62px;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #fff;
  border-radius: 8px;
}
.search_div > a {
  display: block;
  width: 24px;
  height: 23px;
  margin-left: 20px;
  font-size: 20px;
}

.search_div a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search_div .search-input {
  width: 760px;
  height: 62px;
  border: none;
  border-radius: 10px;
  line-height: normal;
}
.search_div .search-input::placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: normal;
  color: #929292;
}
/* .search_div .search-input::-webkit-input-placeholder{
  font-size: 24px;
  line-height: normal;
  color: #929292;
  
}
.search_div .search-input::-moz-placeholder{
  font-size: 24px;
  line-height: normal;
  color: #929292;
} */
.search_history {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.search_history a {
  display: block;
  width: auto;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  font-size: 16px;
}
.search_history a {
  color: #fff !important;
}
.search_history a:hover {
  background-color: #fff;
  border-radius: 20px;
  color: #222 !important;
}

.mian_tab1 .layui-tab .layui-tab-title {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.mian_tab1 .layui-tab {
  margin: 0 !important;
}
.mian_tab1 .layui-tab-brief > .layui-tab-title .layui-this {
  color: #bb0001 !important;
}
.mian_tab1 .layui-tab .layui-tab-title {
  height: auto !important;
  border: none !important;
}
.mian_tab1 .layui-tab .layui-tab-title li h2 {
  font-size: 24px !important;
  line-height: 100px !important;
  height: 100px !important;
  font-weight: 600;
  font-size: 28px !important;
}
.mian_tab1 .layui-tab-title .layui-this::after {
  top: 70px;
  height: 4px !important;
  background-color: #bb0001;
  border-radius: 4px !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: 68px !important;
  border-bottom: none !important;
}
.mian_tab1 .layui-tab-content {
  padding-top: 0 !important;
}

.phpmain1 {
  width: 100%;
}
.phpmain1_1 {
  width: 100%;
}
.phpmain1_1_top {
  width: 100%;
  height: 98px;
  background-color: #505b93;
}
.phpmain1_1_topmain {
  width: 1380px;
  margin: 0 auto;
  height: 100%;
  display: flex;
}
.php_history_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 900px;
}
.php_history_logo img {
  width: auto;
  height: auto;
  object-fit: cover;
}
.phpmain1_1_topmain span {
  width: 480px;
  text-align: center;
  line-height: 98px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.phpmain1_1_bottom {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  height: auto;
  height: 523px;
}
.phpmain1_1_bottomL {
  width: 929px;
  height: 523px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding:10px; */
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  /* gap: 40px; */
}
.php_history_info {
  width: 738px;
  height: 292px;
  padding-top: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 20px; */
}
.php_history_info p {
  color: #333333;
  font-size: 20px;
  line-height: 28px;
  line-height: 24px;
  /* color: #555; */
  /* font-weight: 600; */
  text-align: center;
}
.php_history_info p:nth-child(2) {
  margin-bottom: 40px;
}
.php_history_up {
  display: block;
  /* width: 200px; */
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #bb0001;
  border-radius: 8px;
  padding: 0 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 40px;
}
.phpmain1_1_bottomR {
  width: 432px;
  height: 523px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 10px 20px 10px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  gap: 20px;
}
.php_history_v {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* gap: 10px; */
}
.php_history_vs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  border-bottom: 1px solid #eeeeee;
}
.php_history_vs span {
  font-size: 18px;
  line-height: 21px;
  /* font-weight: 600; */
}
.php_history_morev {
  width: 200px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #bb0001;
  border-radius: 8px;
  padding: 0 20px;
  color: #fff;
  font-weight: 600;
}
.php_history_mes {
  width: 840px;
  display: flex;
  flex-direction: column;
  /* gap: 15px; */
  height: 231px;
  margin-top: 40px;
}
.php_history_mes p {
  font-size: 16px;
  line-height: 26px;
  color: #373737;
}
.php_history_mes_time {
  font-size: 16px;
  color: #373737;
  line-height: 18px;
  margin: 20px 0;
}
.php_history_mes h2 {
  font-size: 26px;
  color: #333333;
  line-height: 31px;
}
.phpmain1_1_bottomLs {
  width: 880px;
  height: 1px;
  background-color: #eeeeee;
}
.php_history_mes_pa {
  color: #326699;
  text-decoration: underline;
}
.phpmain1_tab_title {
  width: 1380px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phpmain1_tab_title span {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}
.phpmain_tab2_mid {
  width: 1380px;
  margin: 0 auto;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  gap: 20px;
}
.phpmain_tab2_mids {
  width: 100%;
  overflow: hidden;
  /* border: 1px solid #eeeeee; */
  border-radius: 5px;
  /* box-shadow: 1px 1px 10px rgb(0 0 0 / 10%); */
  padding: 20px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  gap: 20px;
  overflow: hidden;
}
.phpmain_tab2_mids_top {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpmain_tab2_mids_top_img {
  flex: 0 0 auto;
  display: block;
  width: 65px;
  height: 65px;
}
.phpmain_tab2_mids_top_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpmain_tab2_mids_info {
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.phpmain_tab2_mids_title {
  font-size: 24px;
  line-height: 28px;
  color: #326699;
  text-decoration: underline;
  font-weight: 600;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain_tab2_mids_title h3 {
  font-size: 18px;
  line-height: 28px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain_tab2_mids_info p {
  font-size: 16px;
  line-height: 18px;
  color: #373737;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpmain_tab2_mids_bottom {
  margin-left: 80px;
  width: auto;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  gap: 10px;
  /* height: 35px; */
  overflow-x: auto;
  /* flex-wrap: wrap; */
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on mobile devices */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-color: transparent transparent;
  /* Chrome, Safari and Edge */
}
.phpmain_tab2_mids_bottom a {
  flex: 0 0 auto;
  font-size: 16px;
  display: block;
  width: auto;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #ececec;
  border: 1px solid #dddddd;
  border-radius: 22px;
  padding: 0 15px;
  color: #333333;
}
.phpmain_tab2_bottom {
  width: 1380px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phpmain_tab2_bottom a {
  display: block;
  width: 340px;
  height: 44px;
  line-height: 40px;
  text-align: center;
  background-color: #bb0001;
  border-radius: 5px;
  padding: 0 20px;
  color: #fff;
  font-weight: 600;
}

.phpmain1_2 {
  width: 1380px;
  margin: 0 auto;
  margin-top: 20px;
}
.phpmain1_2_top {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_2_top_title {
  font-size: 28px;
  font-weight: 600;
}
.phpmain1_showmore {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpmain1_showmore span {
  color: #bb0001;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
}

.phpmain1_2_bottom {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  gap: 20px;
}
.phpmain1_2s {
  overflow: hidden;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  height: 439px;
}
.phpmain1_2s_top {
  padding: 20px;
  background-color: #505b93;
  border-radius: 5px 5px 0 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 138px;
}
.phpmain1_2s_top_title {
  color: #fff;
}
.phpmain1_2s_top h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_2s_toptag {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  height: 24px;
  overflow: hidden;
}
.phpmain1_2s_toptags {
  font-size: 14px;
  display: block;
  height: 24px;
  padding: 0 10px;
  line-height: 24px;
  background-color: #fff;
  border-radius: 12px;
}
.phpmain1_2s_toptags:hover {
  background-color: #929ac0;
  color: #fff;
}
.phpmain1_2s_topinfo {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.phpmain1_2s_topinfo span {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.phpmain1_2s_bottom {
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: space-between;
}
.phpmain1_2s_bottoms {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 20px;
  /* padding: 10px 0; */

  color: #2f2f2f;
  overflow: hidden;
}
.phpmain1_2s_bottoms h3 {
  font-size: 16px;
  font-weight: normal;
}
.phpmain1_2s_bottoms:last-child {
  border: none;
}
.phpmain1_2s_bottom span {
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
}
.phpmain1_3 {
  width: 1380px;
  margin: 0 auto;
  margin-top: 20px;
}
.phpmain1_3_top {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_3_top h2 {
  font-size: 28px;
}
.phpmain1_3_bottom {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  gap: 20px;
}
.phpmain1_3s {
  overflow: hidden;
  width: 100%;
  display: flex;
  border: 1px solid #eeeeee;
  align-items: center;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  padding: 20px;
  /* justify-content: space-between; */
  height: 156px;
}
.phpmain1_3s_img {
  display: block;
  width: 170px;
  height: 116px;
  overflow: hidden;
  border-radius: 5px;
  margin-right: 15px;
}

.phpmain1_3s_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpmain1_3s_info {
  width: 455px;
  display: flex;
  flex-direction: column;

  gap: 10px;
  height: 116px;
}
.phpmain1_3s_title {
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpmain1_3s_title h3 {
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-weight: normal;
}
.phpmain1_3s_txt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #545454;
  font-size: 16px;
  line-height: 21px;
}

.phpmain1_4 {
  width: 1380px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.phpmain1_4L {
  width: 930px;
}

.phpmain1_4_top {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_4_top h2 {
  font-size: 28px;
}
.phpmain1_4L_video_bottom {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  gap: 10px;
}
.phpmain1_4L_videos {
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  display: flex;
  border: 1px solid #eeeeee;
  align-items: center;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  height: 270px;
}
.phpmain1_4L_videos_top {
  display: block;
  width: 224px;

  height: 176px;
  overflow: hidden;
  position: relative;
}
.phpmain1_4L_videos_shipin {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  z-index: 999;
}
.phpmain1_4L_videos_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phpmain1_4L_videos_bottom {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phpmain1_4L_videos_bottom p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.phpmain1_4L_videos_bottom p span {
  font-size: 14px;
  font-weight: normal;
}
.span3_orn {
  background: #fcf3e0;
  color: #fb6401;
}
.span2_red {
  background: #fce7e0;
  color: #fd4029;
}
.span1_blue {
  background: #e0e8fc;
  color: #298afd;
}

.phpmain1_4L_videos_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_4L_videos_info span {
  color: #999;
}
#toggleLink,
#toggleLink2,
#toggleLink3,
#toggleLink4 {
  color: #cccccc;
}

.phpmain1_4R {
  width: 408px;
}

.phpmain1_4L_txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  gap: 30px;
}
.phpmain1_4L_txt_toptit {
  overflow-y: auto;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on mobile devices */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-color: transparent transparent;
  /* Chrome, Safari and Edge */
}
.phpmain1_4L_txt_top {
  width: 100%;
  display: flex;
  border: none !important;
  height: auto !important;
  gap: 30px;
  row-gap: 0;
}
.phpmain1_4L_txt_tops {
  width: auto;
  padding: 12px 20px 20px 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  user-select: none; 
}
.phpmain1_4L_txt_tops span {
  /* display: none; */
  width: 100%;
  height: 3px;
}
.mian_tab2 .layui-tab .layui-tab-title {
  height: 50px !important;
}
.mian_tab2 .layui-tab .layui-tab-title li {
  padding: 0 !important;
  line-height: 28px !important;
  margin-top: 10px;
  width: auto;
  flex: 0 0 auto;
}
.mian_tab2 .layui-tab-title .layui-this::after {
  top: 30px !important;
  height: 4px;
  background-color: #bb0001;
  border-bottom: none !important;
  border-radius: 2px;
}
.phpmain1_4L_txt_tops {
  font-size: 20px !important;
  line-height: 23px !important;
}

.mian_tab2 .layui-tab-brief .phpmain1_4L_txt_toptit .layui-tab-title .layui-this {
  font-size: 24px !important;
  line-height: 28px !important;

  font-weight: 600;
  color: #bb0001;
}
.phpmain1_4L_txt_tops {
  position: relative;
}
.phpmain1_4L_txt_tops .hot {
  font-size: 12px !important;
  line-height: 14px !important;
  position: absolute;
  right: -15px;
  top: -10px;
  background-color: #bb0001;
  padding: 0 5px;
  border-radius: 10px;
  color: #fff;
}
.phpmain1_4L_txt_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.phpmain1_4L_txt_bottoms {
  width: 100%;
  /* height: 138px; */
  display: flex;
  gap: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
.phpmain1_4L_txt_bottoms:last-child {
  border-bottom: none;
}
.phpmain1_4L_txt_more {
  width: 100%;
  height: 68px;
  background-color: #fbf0ef;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
}
.phpmain1_4L_txt_more span {
  color: #bb0001;
  font-weight: 600;
  font-size: 18px;
}
.phpmain1_4L_txt_img {
  display: block;
  /* padding: 10px; */
  width: 213px;
  height: 118px;
  overflow: hidden;
  flex: 0 0 auto;
}

.phpmain1_4L_txt_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpmain1_4L_txt_info {
  width: 687px;
  height: 118px;
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
  justify-content: space-between;
}
.phpmain1_4L_txt_title {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: 42px;
}
.phpmain1_4L_txt_title_qa {
  width: 50% !important;
  height: auto !important;
  -webkit-line-clamp: 1;
}
.phpmain1_4L_txt_title_qa h3 {
  -webkit-line-clamp: 1 !important;
}
.phpmain1_4L_txt_title h3 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpmain1_4L_txt_mes {
  font-size: 16px;
  line-height: 22px;
  color: #353535;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
}
.phpmain1_4L_txt_time {
  color: #9f9f9f;
  font-size: 14px;
  line-height: 16px;
}
.phpmain1_4R_readrank {
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phpmain1_4R_readrank_top {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpmain1_4R_readrank_top h2 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_readrank_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.phpmain1_4_top_line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #eff0f7;
  margin-top: 16px;
}
.phpmain1_4R_readrank_bottoms {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpmain1_4R_readrank_bottoms_num {
  position: relative;
}
.phpmain1_4R_readrank_bottoms_num span {
  position: absolute;
  top: 48%;
  right: 48%;
  transform: translateX(50%) translateY(-50%);
  color: #fff;
}
.phpmain1_4R_readrank_bottom_title {
  font-size: 16px;
  color: #333333;
  line-height: 18px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_poptop {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
}
.phpmain1_4R_poptop_top {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
}
.phpmain1_4R_poptop_top h2 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_poptop_mid {
  display: block;
  position: relative;
  /* width: 100%; */
  overflow: hidden;
  aspect-ratio: 16/9;
  height: auto !important;
  border-radius: 5px;
  margin: 0 20px;
}

.phpmain1_4R_poptop_mid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpmain1_4R_poptop_mid span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 40px;
  background: rgb(0 0 0 / 40%);
  color: #fff;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_poptop_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.phpmain1_4R_poptop_bottoms {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 53px;
  padding: 0 20px;
}
.phpmain1_4R_poptop_bottoms_title {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpmain1_4R_poptop_bottoms_title span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #888;
}
.phpmain1_4R_poptop_bottoms_titlea {
  width: 340px;
  font-size: 20px;
  color: #333333;
  line-height: 23px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* font-weight: 600; */
}
.phpmain1_4R_poptop_bottoms_info {
  display: flex;
  padding-left: 20px;
  gap: 20px;
}
.phpmain1_4R_poptop_bottoms:hover {
  background-color: #f9f9f9;
}
.redring {
  display: none;
}
.phpmain1_4R_poptop_bottoms:hover .redring {
  display: block;
}
.phpmain1_4R_poptop_bottoms:hover .ring {
  display: none;
}
.phpmain1_4R_poptop_bottoms_times {
  width: 100px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #999999;
}
.phpmain1_4R_poptop_bottoms_times img {
  width: 13px;
  height: 10px;
  object-fit: cover;
}
.icon-yanjing {
  width: 20px;
  height: 20px;
  color: #999999;
}
/* .phpmain1_4R_poptop_bottoms_times img{
  width: 20px;
  height: 20px;
  
} */
.phpmain1_4R_poptop_bottoms_time span {
  font-size: 14px;
  line-height: 16px;
  color: #999999;
}
.phpmain1_4R_poptop_bottoms_times span {
  font-size: 14px;
  line-height: 16px;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999999;
}
.phpmain1_4R_poptop_bottoms_time {
  width: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #999999;
}
.phpmain1_4R_poptop_bottoms_time img {
  width: 12px;
  height: 12px;
  object-fit: cover;
}

.phpmain1_4R_code {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
}
.phpmain1_4R_code_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.phpmain1_4R_code_top1 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phpmain1_4R_code_top1 h2 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_code_top2 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phpmain1_4R_code_top2 span {
  color: #bb0001;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
}
.phpmain1_4R_code_bottom {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  gap: 10px;
  row-gap: 20px;
}
.phpmain1_4R_code_bottoms {
  width: 100%;
  display: flex;
  flex-direction: column;

  overflow: hidden;
  gap: 10px;
}
.phpmain1_4R_code_bottom_img {
  display: block;
  width: 189px;
  height: 119px;
  border-radius: 5px;
  overflow: hidden;
}

.phpmain1_4R_code_bottom_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpmain1_4R_code_bottom_title {
  font-size: 16px;
  line-height: 18px;
  color: #00001e;
  font-weight: 600;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.phpmain1_4R_downrank {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
}
.phpmain1_4R_downrank_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_4R_downrank_top1 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phpmain1_4R_downrank_top1 h2 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_downrank_top2 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phpmain1_4R_downrank_top2 span {
  color: #bb0001;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
}
.phpmain1_4R_downrank_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.phpmain1_4R_downrank_bottoms {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.phpmain1_4R_downrank_bottoms_num {
  position: relative;
}
.phpmain1_4R_downrank_bottoms_num span {
  position: absolute;
  top: 48%;
  right: 48%;
  transform: translateX(50%) translateY(-50%);
  color: #fff;
}
.phpmain1_4R_downrank_bottoms_info {
  display: flex;
  width: 320px;
  gap: 10px;
  align-items: center;
}
.phpmain1_4R_downrank_bottoms_img {
  display: block;
  width: 77px;

  height: 43px;
  overflow: hidden;
}

.phpmain1_4R_downrank_bottoms_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpmain1_4R_downrank_bottoms_title {
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  width: 165px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4R_downrank_bottoms_down {
  display: flex;
  flex-direction: column;
}
.phpmain1_4R_downrank_bottoms_down span {
  color: #888;
}
footer {
  background-color: #2a2a2a;
}
.footer {
  width: 1380px;
  /* height: 277px; */
  margin: 0 auto;

  margin-top: 62px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
  gap: 15px;
  justify-content: center;
  background-color: #2a2a2a !important;
}
.footertop {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footertop p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}
.footermid {
  display: flex;
  justify-content: center;
  gap: 80px;
  flex-wrap: wrap;
}
.footermid a {
  color: #fff;
  font-size: 18px;
  line-height: 40px;
}
.footerbottom p {
  color: #fff;
  font-size: 18px;
  line-height: 40px;
}

.personal_info {
  width: 240px !important;
  background-color: #1d1d1d;
  height: 310px !important;
  display: flex;
  flex-direction: column;
}
#dropdown-template3 {
  width: 240px !important;
  background-color: #1d1d1d;
  height: 310px !important;
  display: flex;
  flex-direction: column;
}
.personal_info_top {
  padding: 30px 20px 20px 20px;
  border-bottom: 1px solid #555555;
  display: flex;
  gap: 10px;
}
.personal_info_top_img {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  flex: 0 0 auto;
}
.personal_info_top_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personal_info_top_name {
  display: flex;
  flex-direction: column;
}
.personal_info_top_name a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal_info_top_name span {
  color: #cccccc;
}
.personal_info_bottom {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
}
.personal_info_bottoms {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 10px 20px;
}
.personal_info_bottoms a {
  color: #cccccc;
}
.personal_info_bottoms:hover {
  background-color: #31363e;
}
.head_navs{
  position: relative;
}
#dropdown-template1 {
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 2;
}
#dropdown-template1_1 {
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 2;
}
#dropdown-template1_2 {
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 2;

}
#dropdown-template1_2 .languagechoose{
  width: 120px;
}
#dropdown-template1_3 {
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 2;
}
#dropdown-template3 {
  position: absolute;
  left: 00px;
  top: 45px;
  z-index: 2;
}
.head_nav .head_nava {
  min-width: 100px;
  text-align: center;
}
.head_nav .languagechoose {
  /* max-width: 150px;
  min-width: 120px; */
  /* width: 150px; */
  width: 100px;
  overflow: hidden;
}
.head_nav .languagechoosea {
  height: auto;
  padding: 0 0 0 0;
  padding: 15px 0;
  line-height: 18px;
}
#dropdown-template {
  position: absolute;
  left: -10px;
  top: 40px;
  z-index: 2;
}

.head_right {
  position: relative;
}

.haed_left {
  /* position: relative; */
}

.languagechoosea {
  padding: 0 30px;
}

.head_nava-template1:hover + #dropdown-template1 {
  display: block !important;
}

.head_nava-template1_1:hover + #dropdown-template1_1 {
  display: block !important;
}
.head_nava-template1_2:hover + #dropdown-template1_2 {
  display: block !important;
}
.head_nava-template1_3:hover + #dropdown-template1_3 {
  display: block !important;
}

.haed_language_btn:hover + #dropdown-template {
  display: block !important;
}

.head_portrait:hover + #dropdown-template3 {
  display: block !important;
}

#dropdown-template:hover {
  display: block !important;
}

#dropdown-template1:hover {
  display: block !important;
}
#dropdown-template1_1:hover {
  display: block !important;
}
#dropdown-template1_2:hover {
  display: block !important;
}
#dropdown-template1_3:hover {
  display: block !important;
}

#dropdown-template3:hover {
  display: block !important;
}

.haed_language_btn {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.phpeditormain {
  width: 1380px;
  margin: 0 auto;
  display: flex;
}
.phpeditormainL {
  width: 290px;
}
.phpeditormainR {
  width: 1090px;
}
.phpmain1_4L_txt_tittab1_father {
  width: 100%;
  height: 60px;
}
.phpmain1_4L_txt_tittab1 {
  width: 100%;
  background-color: #eeeeee;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 30px;
  gap: 40px;
  row-gap: 10px;
  height: 60px;
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease;
  z-index: 999999;
}
.phpmain1_4L_txt_tittab1:hover {
  height: 160px;
  /* overflow: visible; */
}
.phpmain1_4L_txt_tittab1 a.on {
  color: #bb0001;
}
.phpmain1_4L_txt_tittab1 a:hover {
  color: #bb0001;
}
.phpmain1_4L_txt_tittab1 i {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.phpmain1_4L_txt_tittab1:hover .phpmain1_4L_txt_tittabi_up {
  display: block !important;
}
.phpmain1_4L_txt_tittab1:hover .phpmain1_4L_txt_tittabi_down {
  display: none !important;
}
.phpmain1_4L_txt_tittab2 {
  width: 100%;
  margin-top: 20px;
  display: flex;
  padding: 15px 0;
  gap: 20px;
  overflow-y: auto;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on mobile devices */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-color: transparent transparent;
  /* Chrome, Safari and Edge */
}

.phpmain1_4L_txt_tittab2s {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.phpmain1_4L_txt_tittab2s img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.phpmain1_4L_txt_tittab2s span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4L_txt_bottom .phpmain1_4L_video_bottom {
  margin-bottom: 20px;
}
.phpmain1_4L_txt_bottom_down_top {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  overflow: hidden;
}
.phpmain1_4L_txt_bottom_down_tops {
  width: 100%;
  overflow: hidden;
}
.phpmain1_4L_txt_update {
  width: 100%;
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  gap: 20px;
}
.phpmain1_4L_txt_updates {
  border: 1px solid #eeeeee;
  padding: 15px;
  overflow: hidden;
  display: flex;
  gap: 15px;
  border-radius: 5px;
}
.phpmain1_4L_txt_updates_img {
  flex: 0 0 auto;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 10px;
}
.phpmain1_4L_txt_updates_img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.phpmain1_4L_txt_updates_info {
  width: 170px !important;
  display: flex;
  flex-direction: column;
  width: auto;
  gap: 5px;
}
.phpmain1_4L_txt_updates_info a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
}
.phpmain1_4L_txt_updates_info span {
  font-size: 16px;
  line-height: 22px;
  color: #757575;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpmain1_4L_txt_bottom_game {
  width: 100%;
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  overflow: hidden;
  gap: 20px;
}
.phpmain1_4L_txt_bottom_games {
  border: 1px solid #eeeeee;
  padding: 10px;
  overflow: hidden;
  display: flex;
  gap: 15px;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
}
.phpmain1_4L_txt_bottom_games img {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
.phpmain1_4L_txt_bottom_games a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpmain1_4L_txt_updates_info p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #999999;
}
.phpmain1_4L_txt_updates_info p b {
  color: #f11717 !important;
  font-size: 14px !important;
}
.phpmain1_4L_fllow_qa_img {
  flex: 0 0 auto;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.phpmain1_4L_fllow_qa_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.phpmain1_4L_fllow_qa_time {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_4L_fllow_qa_times {
  display: flex;
  gap: 15px;
  align-items: center;
  color: #9f9f9f;
  font-size: 14px;
  line-height: 16px;
}
.phpmain1_4L_videos_free {
  width: 100%;
  padding: 0 10px 10px 10px;
  display: flex;
  justify-content: space-between;
}
.phpmain1_4L_videos_freeL span {
  font-size: 16px;
  line-height: 21px;
  color: red;
}
.phpmain1_4L_videos_freeR {
  display: flex;
  gap: 0;
}
.phpmain1_4L_videos_freeR span:nth-child(1) {
  background-color: #585858;
  color: #fceac0;
  border-radius: 2px 0px 0px 2px;
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phpmain1_4L_videos_freeR span:nth-child(2) {
  background-color: #fceac0;
  color: #633b00;
  border-radius: 0px 2px 2px 0px;
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phpmain1_4L_txt_bottoms_qa_left {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phpmain1_4L_txt_bottoms_qa_lefts {
  width: 130px;
  height: 37px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 3px;
}
.phpmain1_4L_txt_bottoms_qa_lefts span {
  font-size: 18px;
  font-weight: 600;
}
.phpmain1_4L_txt_bottoms_qa_lefts:nth-child(2) {
  border: 1px solid #fc3930;
}
.phpmain1_4L_txt_bottoms_qa_lefts:nth-child(2) span:nth-child(1) {
  color: #fc3930;
}
.phpmain1_4L_txt_bottoms_qa_right {
  height: auto !important;
  justify-content: space-between !important;
}
.phpmain1_4L_txt_info_qa {
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpmain1_4L_txt_info_qa_img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.phpmain1_4L_txt_info_qa_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.phpmain1_4L_update {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  gap: 10px;
  margin-bottom: 20px;
}
.phpmain1_4L_update .phpmain1_4L_videos_top {
  width: 100%;
  height: 180px;
}
.phpmain1_4L_update .phpmain1_4L_videos {
  height: auto;
}
.phpmain1_4L_update .phpmain1_4L_videos_bottom p {
  -webkit-line-clamp: 1;
}
.phpmain1_4L_update .span2_red {
  background: linear-gradient(-270deg, #ff5c49 0%, #f81816 100%);
  color: #fff;
  border-radius: 5px;

  padding: 5px 10px;
}
.phpmain1_4L_update_p {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  color: #999999 !important;
  font-size: 16px !important;
  font-weight: normal !important;

  background-color: #f7f8fa;
  padding: 10px 10px 0 10px;
}
.phpmain1_4L_update .phpmain1_4L_videos_title {
  font-size: 18px;
}
.phpmain1_4L_update .phpmain1_4L_videos_free {
  padding: 0;
  margin: 10px 0;
}
.phpmain1_update3 {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  gap: 20px;
  margin-bottom: 20px;
}
.phpmain1_update3 .phpmain1_4L_videos {
  height: auto !important;
}
.phpmain1_update3 .phpmain1_4L_videos_top {
  width: 224px;
  height: 140px;
  flex: 0 0 auto;
}
.phpmain1_update3 .phpmain1_4L_videos_bottom {
  width: 100%;
  gap: 15px;
  padding-bottom: 15px;
}
.phpmain1_update3 .phpmain1_4L_videos_title {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 600;
}
.phpmain1_update3 .phpmain1_4L_videos_bottom p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: normal;
  color: #999999 !important;
  font-size: 16px;
  font-weight: normal;
}
.phpmain1_update3 .phpmain1_4L_videos_infos:nth-child(1) a {
  font-size: 12px;
  font-weight: 400;
  color: #f11717;
  padding: 7px 11px 5px 11px;
  background: #fdf4f4;
  border-radius: 5px;
  display: block;
  width: 90px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.phpmain1_update3_eye {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f6f6f6;
  border-radius: 0px 0px 5px 5px;
}
.phpmain1_update3_eyeL {
  display: flex;
  align-items: center;
  margin-left: 10px;
  gap: 5px;
}
.phpmain1_update3_eyeR {
  display: flex;
  align-items: center;
  margin-right: 10px;
  gap: 5px;
}
.phpmain1_update4 {
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  gap: 20px;
  margin-bottom: 20px;
}
.phpmain1_update4s {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 20px;
  gap: 20px;
}
.phpmain1_update4s_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpmain1_update4s_top_title {
  font-size: 18px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
.phpmain1_update4s_top_other {
  flex: 0 0 auto;
  padding: 5px 10px 5px 8px;
  background: #fdf4f4;
  border-radius: 5px;
  color: #f11717 !important;
}
.phpmain1_update4s_p {
  color: #999999;
  font-size: 16px;
}
.phpmain1_update4s_info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.phpmain1_update4s_infos {
  display: flex;
  gap: 5px;
  color: #999999;
}
.phpmain1_4L_txt_more_s {
  height: 40px;
  background: #fbf0ef;
  color: #fc3930;
}

.layui-menu_editor1 {
  margin: 0 !important;
  border: 1px solid #eeeeee;
}
.phpeditormainR_1 {
  width: 100%;
  height: 428px;
  background-color: #4f5b93;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
}
.phpeditormainR {
  position: relative;
}
.phpeditormainL {
  position: relative;
  display: flex;
  flex-direction: column;
  /* border: 1px solid #eeeeee; */
}
.phpeditormainL_down {
  width: 100%;
  flex: 1;
  border: 1px solid #eeeeee;
}
.phpeditormainL_top {
  position: absolute;
  right: 290px;
  width: 99990px;
  height: 64px;
  background-color: #7a86b8;
}
.phpeditormainR_top {
  position: absolute;
  left: 1090px;
  width: 99990px;
  height: 428px;
  background-color: #4f5b93;
}
.editor_body {
  overflow-x: hidden;
}
.phpeditormainL_1 {
  padding-left: 20px;
  width: 100%;
  height: 64px;
  background-color: #7a86b8;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 5px;
}
.phpeditormainL_1 span {
  font-size: 28px;
  font-weight: 600;
}
.phpeditormainL_2 .layui-menu-body-title {
  font-size: 20px;
  /* height: 56px; */
  line-height: 56px;
}
.phpeditormainL_2 .layui-menu-body-title h2 {
  font-size: 20px;
  /* height: 56px; */
  line-height: 56px;
}
.phpeditormainL_2 .layui-menu-body-title h3 {
  font-size: 18px;
  /* height: 56px; */
  line-height: 48px;
}

.phpeditormainL_2 .layui-menu .layui-menu-item-checked::after {
  display: none;
}
.layui-menu .layui-menu-item-group > .layui-menu-body-title {
  color: #000 !important;
}
.phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title {
  color: #696969;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title span {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title:hover {
  color: #326699;
  background-color: #f3f4f5;
}
.phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title img:nth-child(2) {
  display: none;
}
.phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title:hover img:nth-child(2) {
  display: block;
}
.phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title:hover img:nth-child(1) {
  display: none;
}
.phpeditormainR_1_more {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
  color: #ffffff;
  text-decoration: underline;
}
.phpeditormainR_1 img {
  width: 240px;
  margin-bottom: 20px;
  object-fit: cover;
}
.phpeditormainR_1 p {
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  width: 800px;
}
.phpeditormainR_1_botton {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  background-color: #ffffff;
  font-weight: 600;
  width: 234px;
  height: 50px;
  margin-top: 20px;
  border-radius: 10px;
}
.phpeditormainR_2 h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}
.phpeditormainR_2 {
  padding: 0 20px;
  margin-top: 60px;
}
.phpeditormainR_2_bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.phpeditormainR_2_left {
  border: 1px solid #d7d7d7;
  width: 500px;
  height: 336px;
  position: relative;
  padding: 50px 40px 30px 40px;
}
.editor_body_8_4 .phpeditormainR_2_left{
  height: 1266px;
}
.editor_body_8_4 .phpeditormainR_2_right{
  height: 1266px;
}
.phpeditormainR_2_left .phpeditormainR_2_left_top {
  position: absolute;
  top: 15px;
  left: 15px;
}
.phpeditormainR_2_right {
  border: 1px solid #d7d7d7;
  width: 500px;
  height: 336px;
  position: relative;
  padding: 50px 40px 30px 40px;
}
.phpeditormainR_2_right .phpeditormainR_2_right_top {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 6px 16px 4px;
  border-radius: 4px;
  color: #fff;
  background-color: #4f5b93;
}
.phpeditormainR_2_left .code,
.phpeditormainR_2_right .code {
  display: block;
  overflow-x: auto;
  text-align: left;
}
.code span {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0;
  /* font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif; */
}
.code span.code693 {
  color: #693;
}
.code span.code369 {
  color: #369;
}
.code span.codec33 {
  color: #c33;
}
.code span.paleft {
  padding-left: 40px;
}
.code span.paleft1 {
  padding-left: 80px;
}
.code span.paleft2 {
  padding-left: 80px;
}
.phpeditormainR_3 .phpeditormainR_2_left,
.phpeditormainR_3 .phpeditormainR_2_right {
  height: 270px;
}
.editor_body_8_4 .phpeditormainR_3 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_3 .phpeditormainR_2_right {
  height: 402px;
}
.phpeditormainR_4 .phpeditormainR_2_left,
.phpeditormainR_4 .phpeditormainR_2_right {
  height: 540px;
}
.editor_body_8_4 .phpeditormainR_4 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_4 .phpeditormainR_2_right {
  height: 594px;
}
.phpeditormainR_5 .phpeditormainR_2_left,
.phpeditormainR_5 .phpeditormainR_2_right {
  height: 490px;
}
.editor_body_8_4 .phpeditormainR_5 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_5 .phpeditormainR_2_right {
  height: 626px;
}
.phpeditormainR_6 .phpeditormainR_2_left,
.phpeditormainR_6 .phpeditormainR_2_right {
  height: 330px;
}
.editor_body_8_4 .phpeditormainR_6 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_6 .phpeditormainR_2_right {
  height: 258px;
}
.phpeditormainR_7 .phpeditormainR_2_left,
.phpeditormainR_7 .phpeditormainR_2_right {
  height: 700px;
}
.editor_body_8_4 .phpeditormainR_7 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_7 .phpeditormainR_2_right {
  height: 314px;
}
.phpeditormainR_8 .phpeditormainR_2_left,
.phpeditormainR_8 .phpeditormainR_2_right {
  height: 620px;
}
.editor_body_8_4 .phpeditormainR_8 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_8 .phpeditormainR_2_right {
  height: 385px;
}
.phpeditormainR_10 .phpeditormainR_2_left,
.phpeditormainR_10 .phpeditormainR_2_right {
  height: 150px;
}
.editor_body_8_4 .phpeditormainR_10 .phpeditormainR_2_left,
.editor_body_8_4 .phpeditormainR_10 .phpeditormainR_2_right {
  height: 260px;
}
.phpeditormainR_6 .phpeditormainR_2_right {
  padding-top: 105px;
}
.editor_body_8_4 .phpeditormainR_6 .phpeditormainR_2_right {
  padding-top: 50px;
}
.phpeditormainR_7 .phpeditormainR_2_right {
  padding-top: 190px;
}
.editor_body_8_4 .phpeditormainR_7 .phpeditormainR_2_right {
  padding-top: 50px;
}
.phpeditormainR_8 .phpeditormainR_2_right {
  padding-top: 100px;
}
.editor_body_8_4 .phpeditormainR_8 .phpeditormainR_2_right {
  padding-top: 50px;
}
.phpeditormainR_2 h2 span {
  background-color: #e8e8e8;
  color: #616164;
  padding: 4px 10px;
  border-radius: 5px;
}
.phpeditormainR_2_info {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.phpeditormainR_2_info p {
  width: auto;
  max-width: 938px;
  margin: 0 auto;
  color: #333;
  font-size: 16px;
  line-height: 26px;
}
.phpeditormainR_2_info p span {
  background-color: #e8e8e8;
  padding: 3px 10px;
  color: #616164;
  border-radius: 5px;
}
.layui-btn.haed_language_btn {
  padding: 10px 15px !important;
}
.phpeditormainR_9 {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.phpeditormainR_9L {
  width: 45%;
}
.phpeditormainR_9R {
  width: 45%;
}
.phpeditormainR_9L_title,
.phpeditormainR_9R_title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.phpeditormainR_9L_ul,
.phpeditormainR_9R_ul {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.phpeditormainR_9L_li,
.phpeditormainR_9R_li {
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  /* font-weight: 600; */
}
.phpeditormainR_9L_li .blackring,
.phpeditormainR_9R_li .blackring {
  width: 6px;
  display: block;
  height: 6px;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  top: 8px;
  left: 0px;
}
.phpeditormainR_9L_li a,
.phpeditormainR_9R_li a {
  text-decoration: underline;
  text-decoration-color: #369;
}
.phpeditormainR_9L_li span,
.phpeditormainR_9R_li span {
  color: rgba(39, 40, 44, 0.7);
  background-color: rgba(39, 40, 44, 0.05);
  padding: 2px 10px;
  /* color: #616164; */
  border-radius: 5px 5px 0 0;
  font-weight: 500;
  /* border-bottom: 1px solid #369; */
}
.phpeditormainR_2_info_p_a {
  color: #369;
  text-decoration: underline;
}

.phpeditormainR_11 {
  width: 100%;
  background-color: #4f5b93;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 382px;
  padding: 60px;
}
.editor_body_8_4 .phpeditormainR_11{
  height: auto;
}
.phpeditormainR_11_1 {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}
.phpeditormainR_11 .phpeditormainR_1_botton {
  margin-top: 30px;
}
.phpeditormainR_11_3 {
  max-width: 800px;
  margin-top: 40px;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}
.phpeditormainR_11_3 a{
  color: #fff;
  text-decoration: underline;
}
.phpeditormainR_11_3 a:hover{
  color: #dddddd;
  text-decoration: underline;
}
.phpeditormainR_11_4 {
  max-width: 800px;
  margin-top: 40px;
  font-size: 18px;
  line-height: 28px;
  color: #c3c3c3;
}
.phpeditormainR_11_bottom {
  position: absolute;
  top: 0;
  left: 1090px;
  width: 9999px;
  height: 382px;
  background-color: #4f5b93;
}
.phpeditormainR_11 {
  position: relative;
}
/* phphistorical_Version1 */
.phphistorical_Version1_mid {
  width: 820px;
}
.phphistorical_Version1R {
  width: 270px;
}
.phphistorical_Version1_mid_title {
  font-size: 28px;
  font-weight: 600;
  line-height: 64px;
  padding-left: 38px;
}
.phphistorical_Version1_mid_line {
  /* width: 100%; */
  height: 2px;
  background-color: #4f5b93;
  margin: 0 20px;
}
.phphistorical_Version1_mid_his {
  margin: 0 0 40px 0;
}
.phphistorical_Version1_mid_his_line {
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  margin-bottom: 22px;
}
.phphistorical_Version1_mid_his_title {
  line-height: 60px;
  font-size: 20px;
  color: #3d3d3d;
  padding-left: 40px;
}
.phphistorical_Version1_mid_his_time {
  font-size: 18px;
  color: #b7b7b7;
  padding-left: 40px;
}
.phphistorical_Version1_mid_his > p {
  font-size: 18px;
  color: #b7b7b7;
  padding-left: 40px;
}
.phphistorical_Version1_mid_his_ul1 {
  padding-left: 80px;
  margin-top: 15px;
}
.phphistorical_Version1_mid_his > ul {
  padding-left: 80px;
  margin-top: 15px;
}
.his_li_black {
  width: 6px;
  display: block;
  height: 6px;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  top: 10px;
  left: -14px;
}
.phphistorical_Version1_mid_his_li1 {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #3e3e3e;
  margin-top: 15px;
}
.phphistorical_Version1_mid_his > ul > li {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #3e3e3e;
  margin-top: 15px;
  list-style-type: disc;
}
.phphistorical_Version1_mid_his_ul2 li {
  position: relative;
}
.phphistorical_Version1_mid_his > ul > li > ul > li {
  position: relative;
  list-style-type: disc;
}
.phphistorical_Version1_mid_his_ul2 {
  padding-left: 18px;
}
.phphistorical_Version1_mid_his > ul > li > ul {
  padding-left: 18px;
}
.phpeditormainR_11_4 a {
  color: #c3c3c3;
  text-decoration: underline;
}
main {
  /* position: relative; */
}
.phphistorical_Version1R {
  background-color: #000;
  /* position: fixed;
  left: 200px; */
}
.layui-menu_editor2 {
  width: 100%;
}
.layui-menu_editor2,
.layui-menu_editor2 li {
  background-color: #000 !important;
}
#demo-menu2 {
  padding: 0 10px;
}
#demo-menu2 .layui-menu-body-title {
  color: #eeeeee !important;
  font-size: 20px;
  /* height: 56px; */
  line-height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#demo-menu2 .layui-menu-body-title h2 {
  font-size: 20px;
  /* height: 56px; */
  line-height: 56px;
}
#demo-menu2 .layui-menu-body-title h3 {
  font-size: 18px;
  /* height: 56px; */
  line-height: 48px;
}
#demo-menu2 .layui-menu-item-down .layui-menu-body-title.on h2 {
  color: #4183c5;
}
#demo-menu2 .layui-menu-item-down .layui-menu-body-title.on i {
  color: #4183c5;
}
#demo-menu2 .layui-menu-item-down .layui-menu-body-title i {
  color: #eeeeee;
}
#demo-menu2 div:hover {
  background-color: #323232;
}
#demo-menu2 div:hover .layui-icon-up {
  color: #eeeeee;
}
#demo-menu2 .layui-menu-body-title h2 a {
  font-size: 20px;
  /* height: 56px; */
  line-height: 56px;
  color: #eeeeee;
}
.phphistorical_Version1R {
  position: relative;
}
.phphistorical_Version1R_son {
  width: 270px;
  height: 920px;
  overflow-y: auto;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* scrollbar-width: none; */
  /* -ms-overflow-style: none;   */
  /* padding-bottom: 208px; */

  /* ::-webkit-scrollbar {  
      display: none;
  }   */
  /* top: 0;
  padding-top: 90px; */
}

.phphistorical_Version1R_title {
  font-size: 24px;
  font-weight: 600;
  line-height: 64px;
  color: #fff;
}
.phphistorical_Version1R h3 {
  width: 100%;
}
.phphistorical_Version1R_line {
  width: 100%;
  height: 1px;
  background-color: #666666;
}
.phphistorical_Version1R_p {
  padding: 20px;
  color: #eeeeee;
  font-size: 18px;
  line-height: 24px;
}

#demo-menu2 ul li:hover,
#demo-menu2 ul li.on {
  background-color: #323232 !important;
  color: #5580a9;
}
#demo-menu2 ul li:hover .layui-menu-body-title_ring,
#demo-menu2 ul li.on .layui-menu-body-title_ring {
  background-color: #5580a9;
}
#demo-menu2 ul li:hover .layui-menu-body-title span,
#demo-menu2 ul li.on .layui-menu-body-title span {
  color: #5580a9;
}
#demo-menu2 ul li .layui-menu-body-title {
  display: flex;
  align-items: center;
  line-height: 40px;
  gap: 10px;
}
#demo-menu2 li {
  width: 100%;
}
.phpGeneral_ListR .phpmain_tab2_mids_bottom a {
  font-size: 14px;
}
.layui-menu-body-title.on h2 a {
  color: #326699;
}
.layui-menu-body-title:hover h2 a {
  color: #326699;
}
.layui-menu-body-title_ring {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #eeeeee;
  flex: 0 0 auto;
}
.phphistorical_Version2_mid {
  padding: 30px;
  width: 820px;
}
.phphistorical_Version2_mids_fa {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 367px;
  overflow: hidden;
  gap: 30px;
  height: auto;
  flex: 0 0 auto;
}
.phphistorical_Version2_mids {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 367px;
}
.phphistorical_Version2_mids_img {
  display: block;
  width: 365px;
  height: 275px;
}
.phphistorical_Version2_mids_img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.phphistorical_Version2_mids_title {
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.layui-menu_editor1 > li > ul > li:hover{
  background-color: #ffffff;
}
.layui-menu_editor1 > li > ul > li{
  padding: 0;
}
.layui-menu_editor1 > li > ul > li h3:hover {

  color: #326699 !important;
  background-color: #f3f4f5 !important;
}
.layui-menu_editor1 > li > ul > li:hover .three_ul{
  background-color: #ffffff;
}
.layui-menu_editor1 li.on h3{
  color: #326699 !important;
  background-color: #f3f4f5 !important;
}
.layui-menu_editor1 > li > ul > li.on .three_ul{
  display: block;
}
.layui-menu_editor1 > li > ul > li .three_ul{
  display: none;
}
.three_ul{
  width: 100%;

  
}
.three_ul li{

  padding: 10px 0 10px 20px !important;
}
.three_ul li:hover{
  color: #326699 !important;
  background-color: #f3f4f5 !important;
}
.three_ul li a{
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
}
#demo-menu li.on .layui-menu-body-title {
  color: #326699 !important;
  /* background-color: #F3F4F5 !important; */
}
#demo-menu li.on .layui-menu-body-title a {
  color: #326699 !important;
  /* background-color: #F3F4F5 !important; */
}
#demo-menu li.on a span {
  color: #326699 !important;
  /* background-color: #F3F4F5 !important; */
}
.layui-menu_editor1 li.on a img:nth-child(1) {
  display: none;
}
.layui-menu_editor1 li.on a img:nth-child(2) {
  display: block !important;
}
.layui-menu_editor1 .layui-menu-item-checked {
  color: #326699 !important;
  background-color: #f3f4f5 !important;
}
.pagination {
  width: auto;

  margin: 30px auto 0 auto;
}
.mngfPage .page {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.mngfPage a {
  font-size: 16px;
  /* font-weight: 600; */
}
.mngfPage .page .active {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  color: #fff;
  background-color: #ba0001;
}
.phphistorical_Version2R_a {
  font-size: 18px;
  color: #eeeeee;

  line-height: 25px;
  display: block;
  width: 100%;
  padding-left: 25px;
  padding: 22px 25px;
}
.layui-menu_editor1 li {
  padding: 5px 15px;
}
.phpGeneral_ListR {
  width: 1090px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
.phpGeneral_ListRs {
  width: 100%;
}
.phpGeneral_ListRs_title {
  font-size: 28px;
  line-height: 64px;
  font-weight: 600;
}
.phpGeneral_ListRs_line {
  width: 100%;
  display: flex;
  align-items: center;
}
.phpGeneral_ListRs_line1 {
  width: 230px;
  height: 4px;
  background-color: #ba0001;
}
.phpGeneral_ListRs_line2 {
  width: calc(100% - 230px);
  height: 1px;
  background-color: #eeeeee;
}
.phpGeneral_ListRs_main {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
}
.phpGeneral_ListRs_main .phpmain_tab2_mids_bottom {
  margin-left: 0 !important;
}
.phphistorical_Version1_mid_his_title_f {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phphistorical_Version1_mid_his_title_f_a {
  margin-right: 20px;
  color: #298afd;
  text-decoration: underline;
}
.phpgenera_Details_mainR {
  width: 410px;
}
.phpgenera_Details_mainL {
  width: 950px;
}
.phpgenera_Details_main {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.phpgenera_Details_mainL {
  display: flex;
  flex-direction: column;
}
.phpgenera_Details_mainL1 {
  width: 100%;
  display: flex;
  margin-top: 20px;
  gap: 5px;
  align-items: center;
}
.article_main h1,
.article_main h2,
.article_main h3,
.article_main h4,
.article_main h5{
  font-size: 24px;
}
/* 作者信息样式 */
.author_info {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}

.author_avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}

.author_avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author_detail {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.author_name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}

.author_name:hover {
  color: #4e6ef2;
}

.author_title {
  font-size: 14px;
  color: #666;
}
.phpgenera_Details_mainL1a {
  color: #333333;
  /* font-size: 18px; */
  font-size: 16px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 auto;
}
.phpgenera_Details_mainL1 img {
  width: 6px;
  height: 10px;
  object-fit: cover;
}
.phpgenera_Details_mainL1 span {
  color: #7c7c7c;
  /* font-size: 18px; */
  font-size: 16px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.phpgenera_Details_mainL2 {
  width: 100%;
  margin-top: 20px;
  display: flex;
  gap: 20px;
}
.phpgenera_Details_1_mainL2 .phpgenera_Details_mainL2_button {
  margin-top: 60px;
}
.phpgenera_Details_mainL2 img {
  width: 190px;
  height: 190px;
  border-radius: 20px;
  object-fit: cover;
}
.phpgenera_Details_mainL2_info {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.phpgenera_Details_mainL2_info1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.phpgenera_Details_mainL2_info1_div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.phpgenera_Details_mainL2_title {
  font-size: 28px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpgenera_Details_mainL2_info2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.phpgenera_Details_mainL2_tag {
  width: auto;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  padding: 10px 25px;
  background-color: #ececec;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
}
.phpgenera_Details_mainL2_button {
  min-width: 170px;
  padding: 0 20px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ba0001;
  color: #ffffff;
  border-radius: 8px;
}
.phpgenera_Details_mainL_line {
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
}
.phpgenera_Details_mainL3 p {
  color: #373737;
  font-size: 16px;
  line-height: 20px;
}
.phpgenera_Details_mainL3 h4 {
  font-size: 18px;
  color: #000000;
  line-height: 21px;
  margin-top: 15px;
}

.phpgenera_Details_mainL3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phpgenera_Details_mainL4_info {
  margin-top: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  overflow: hidden;
}
.phpgenera_Details_mainL4s {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.phpgenera_Details_mainL4s_img {
  display: block;
  width: 100%;
  height: 207px;
}
.phpgenera_Details_mainL4s_img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.phpgenera_Details_mainL4s_title {
  font-weight: 600;
  color: #373737;
  font-size: 18px;
  line-height: 20px;
  margin-top: 15px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpgenera_Details_mainL4s_time {
  font-size: 14px;
  color: #373737;
  margin: 5px 0;
}
.phpgenera_Details_mainL4s_p {
  font-size: 16px;
  color: #373737;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
.phpgenera_Details_mainL4_botton {
  margin: 30px auto;
  display: flex;
  width: 340px;
  height: 44px;
  justify-content: center;
  align-items: center;
  background-color: #ba0001;
  gap: 10px;
  border-radius: 10px;
}

.phpgenera_Details_mainL4_botton span {
  color: #fff;
}
.phpgenera_Details_mainL4_botton img {
  width: 11px;
  height: 20px;
  object-fit: cover;
}
.phpgenera_Details_mainR1 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.phpgenera_Details_mainR1_img {
  display: block;
  width: 100%;
  height: 374px;
}
.phpgenera_Details_mainR1_img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.phpgenera_Details_mainR2 .phpmain1_4R_readrank_bottom {
  margin-top: 5px;
}
.phpgenera_Details_mainR3 {
  margin: 20px 0;
}
.phpgenera_Details_mainR3_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.phpgenera_Details_mainR3_bottom .phpmain_tab2_mids_title h3 {
  font-size: 20px;
}
.phpgenera_Details_mainR3_more {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phpgenera_Details_mainR3_more a {
  color: #ba0001;
  font-size: 16px;
}
.phpgenera_Details_mainR4 {
  margin-bottom: 20px;
}
.phpgenera_Details_mainR4_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.phpgenera_Details_mainR4_bottoms {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phpgenera_Details_mainR4_bottom_title {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpgenera_Details_mainR4_bottoms_info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.phpgenera_Details_mainR4_bottoms_info span {
  color: #636363;
}
.phpgenera_Details_2_mainL2 h1 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  margin-top: 20px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.phpgenera_Details_2_mainL2_info {
  width: 100%;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.phpgenera_Details_2_mainL2_img {
  display: block;
  width: 307px;
  height: 177px;
}
.phpgenera_Details_2_mainL2_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.phpgenera_Details_2_mainL2_infos {
  width: 620px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.phpgenera_Details_2_mainL2_infos p {
  color: #555555;
  font-size: 18px;
  line-height: 21px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
.phpgenera_Details_2_mainL2_infos_botton {
  display: flex;
  gap: 40px;
}
.phpgenera_Details_2_mainL2_infos_botton a {
  min-width: 150px;
  width: auto;
  padding: 0 20px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  flex-wrap: wrap;
}
.Details_2_mainL2_infos_botton1 {
  background-color: #ba0001;
  color: #fff;
}
.Details_2_mainL2_infos_botton2 {
  background-color: #e5e5e5;
  color: #000;
}
.phpgenera_Details_2_mainL2_mes {
  margin-top: 20px;
  background-color: #fbf0ef;
  padding: 20px;
}
.phpgenera_Details_2_mainL2_mes_title {
  font-size: 18px;
  font-weight: 600;
}
.phpgenera_Details_2_mainL2_mes p {
  margin-top: 10px;
  font-size: 16px;
  color: #373737;
  line-height: 20px;
}
.phpgenera_Details_mainL4_info .phphistorical_Version2_mids {
  height: auto;
}
.phpgenera_Details_mainL4_info .phphistorical_Version2_mids_img {
  width: 100%;
  height: 207px;
}
#demo-menu h3 span {
  font-weight: 400 !important;
}
h2.phphistorical_Version1R_title {
  text-align: center;
}
.phphistorical_Version1R_sp h3.on {
  background-color: #323232;
}
.phphistorical_Version1R_sp {
  display: flex;
  flex-direction: column;
}
.phphistorical_Version1R_sp h3.on {
  order: -1;
}
.phphistorical_Version1R_sp h2 {
  order: -2;
}
.phphistorical_Version1R_all {
  order: -2;
}

/* phpArticle_List */
.Articlelistmain .phpeditormainL {
  width: 260px;
}
.Articlelistmain .phpgenera_Details_mainR {
  width: 335px;
}
.Topic_Details_main .phpmain_tab2_mids_info,
.Article_Details_main .phpmain_tab2_mids_info,
.Articlelistmain .phpmain_tab2_mids_info {
  width: 240px;
}
.Topic_Details_main .phpgenera_Details_mainR1_img,
.Article_Details_main .phpgenera_Details_mainR1_img,
.Articlelistmain .phpgenera_Details_mainR1_img {
  height: 188px;
}
.Articlelistmain .phphistorical_Version2_mid {
  width: 785px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.Articlelist_txts {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
}
.Articlelist_txts .Articlelist_txtsimg {
  display: block;
  width: 240px;
  height: 135px;
  flex: 0 0 auto;
}
.Articlelist_txts .Articlelist_txtsimg img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.Articlelist_txts_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 135px;
  width: 490px;
}
.Articlelist_txts_title {
  display: block;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
}
.Articlelist_txts_p {
  width: 100%;
  /* height: 44px; */
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #777777;
}
.Articlelist_txts_time {
  color: #326699;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Articlelist_txts_infos {
  width: 500px;
  height: 30px;
  overflow: hidden;
  display: flex;
  gap: 15px;
  row-gap: 5px;
  flex-wrap: wrap;
}
.Articlelist_txts_infoss {
  display: block;
  padding: 5px 10px;
  background-color: #eeeeee;
  border-radius: 5px;
  white-space: nowrap;
}
/* 文章声明样式 */
.wzconShengming_sp {
  width: 100%;
  margin: 20px 0;
  padding: 15px 20px;
  background-color: #FFF4F4;
  border-radius: 8px;
}

.wzconShengming_sp .bzsmdiv_sp {
  font-size: 16px;
  color: #BA0001;
  line-height: 18px;
  margin-bottom: 10px;
  font-weight: 500;
}

.wzconShengming_sp div:last-child {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.Articlelist_txts_infos > a:hover span {
  background-color: #7a86b8;
  color: #ffffff;
  border-radius: 5px;
}
.Articlelist_txts_infoss.on {
  background-color: #7a86b8;
  color: #ffffff;
}
.Topic_Details_main .phpgenera_Details_mainR2,
.Article_Details_main .phpgenera_Details_mainR2,
.Articlelistmain .phpgenera_Details_mainR2 {
  margin-bottom: 20px;
}
.Articlelistmain .phpmain1_4R_readrank_top img {
  width: 25px;
  height: 25px;
}
/* Article_Details */
.Article_Details_main {
  width: 1380px;
  margin: 0 auto;
}
.Article_Details_main1 {
  width: 100%;
  display: flex;
  justify-content: right;
}
.Article_Details_main1L {
  width: 260px;
}
.Article_Details_main1M {
  width: 785px;
}
.Article_Details_main1R {
  width: 335px;
}

.Article_Details_main1M {
  padding: 0 15px;
  /* background-color: #f7f7f7; */
}
.Article_Details_main .Articlelist_txts_info {
  width: 100%;
  height: auto;
  gap: 10px;
}
.Article_Details_main .Articlelist_txts_title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  margin-top: 20px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: wrap;
}
.article_main p {
  font-size: 16px;
  color: #3a4045;
  line-height: 22px;
  margin: 15px 0;
}
.article_main h1,
.article_main h2,
.article_main h3,
.article_main h4,
.article_main h5{
  font-weight: 600;
}
.Article_Details_main .wzconShengming{ width: 100%;min-height: 100px;background: #FDF4F4;border-radius: 5px;height:auto;padding:0 0 10px 0;}
.Article_Details_main .bzsmdiv{color:#FC3930 !important;font-size:24px !important;padding:16px 10px 16px 20px !important;}
.Article_Details_main .wzconShengming div{padding:0 10px 0 22px;font-size: 14px; font-weight: 400; color: #333333; }
.article_main p img {
  max-width: 100%;
  display: block;
  margin: 0 auto; 
  border-radius: 5px;
}
.article_main img{
  max-width: 100%;
  display: block;
  margin: 0 auto; 
  border-radius: 5px;
}
.article_main p .article_main_title {
  font-size: 24px;
  color: #000000;
  line-height: 26px;
}
.article_main h2,
.article_main h3,
.article_main h4,
.article_main h5{
  font-size: 18px;
  line-height: 20px;
}
.right-info .Articlelist_txts{
  margin-bottom: 15px;
}
.right-info .Articlelist_txts .Articlelist_txts_info{
  width: 860px;
}
.article_main p .article_main_titles {
  font-size: 18px;
  color: #000000;
  line-height: 21px;
}
.Article_Details_main1L {
  position: relative;
}
.Article_Details_main .Article_Details_main1Lmain{
  top: 0px;
  position: relative;
}
.Article_Details_main .Article_Details_main1Lmain.fixed {
  position: fixed;
  top: 0px;
  width: 260px; /* 保持原有宽度 */
}
.Article_Details_main1Lmain {
  position: fixed;
  top: 350px;
  width: 260px;
}
.Article_Details_main1Lmain_relative{
  position: absolute;
  bottom: 0;

}
.Article_Details_main1L1 {
  font-size: 20px;
  color: #000000;
  line-height: 24px;
  font-weight: 500;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 15px 10px 15px 10px;
}
.Article_Details_main1L2 {
  width: 240px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.Article_Details_main1L2s {
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 5px 0;
  padding-left: 15px;
  border-left: 2px solid #f32525;
  padding-right: 10px;
}

.Article_Details_main1L2s a {
  word-wrap: break-word;
  word-break: break-all;
  font-size: 14px;
  color: #000000;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Article_Details_main1L2s.on {
  background-color: #eeeeee;
}
.Article_Details_main .phpgenera_Details_mainL4_info {
  grid-template-columns: repeat(4, 1fr);
}
.Article_Details_main .phpGeneral_ListRs_line1 {
  width: 260px;
}
.Article_Details_main .phpGeneral_ListRs_line2 {
  width: calc(100% - 260px);
}
.Article_Details_main .phphistorical_Version2_mids {
  gap: 10px;
}
.Article_Details_main .phphistorical_Version2_mids_title {
  font-weight: normal;
}
.phpgenera_Details_mainR4_bottoms_infos {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Article_Details_main .phpgenera_Details_mainL4_botton img{
  height: 14px;
}
/* Topic_Details */
.Topic_Details_main {
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.Topic_Details_mainL {
  width: 1025px;
}
.Topic_Details_mainL1 {
  width: 100%;
}
.Topic_Details_mainL1 .Articlelist_txts {
  padding: 20px 0 0 0;
  margin-bottom: 20px;
}
.Topic_Details_mainL1 .Articlelist_txts .Articlelist_txtsimg {
  width: 338px;
  height: 190px;
}
.Topic_Details_mainL1 .Articlelist_txts .Articlelist_txts_info {
  width: calc(100% - 358px);
  min-height: none;
  height: 190px;
}
.Topic_Details_mainL1 .Articlelist_txts_title {
  font-size: 28px;
  color: #000000;
  line-height: 32px;
  font-weight: 600;
}
.Topic_Details_mainL1 .phpgenera_Details_mainR4_bottoms_infos span {
  color: #326699;
}
.Topic_Details_mainL2 {
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.Topic_Details_mainL2_R {
  width: 785px;
  padding: 0 10px;
}
.Topic_Details_mainL2_R_title {
  font-size: 24px;
  color: #ba0001;
  line-height: 28px;
}
.Topic_Details_mainL2_R .Articlelist_txts {
  margin: 15px 0;
}
.Topic_Details_mainL2_R .Articlelist_txts_info {
  width: 500px;
}
.Topic_Details_mainL2_R .pagination {
  margin-bottom: 20px;
}

.Topic_Details_mainL .Article_Details_main1Lmain {
  /* position: fixed;
  top: 320px;
  width: 240px;
  z-index: 999; */
}
.Topic_Details_mainL .Article_Details_main1Lmain_relative{
  position: absolute;
  bottom: 0;
  width: 240px;
}
/* phpQA_List */
.phpQA_List_main .phphistorical_Version2_mid {
  padding-top: 0;
}
.phpQA_List_top {
  width: 100%;
}
.phpQA_List_top1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpQA_List_top1_title {
  font-size: 28px;
  color: #000000;
  line-height: 80px;
  font-weight: 600;
}
.phpQA_List_top1_ask {
  display: flex;
  height: 42px;
  align-items: center;
  padding: 0 20px;
  background-color: #ba0001;
  color: #ffffff;
  border-radius: 8px;
}
.phpQA_List_top1_ask_main{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.3);
}
.phpQA_List_top1_ask_mains{
  width: 60%;
  height: 80%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  overflow-y: auto;
}
.phpQA_List_top1_ask_mains1{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.phpQA_List_top1_ask_mains1 span{
  font-size: 24px;
  font-weight: 500;
  
}
.phpQA_List_top1_ask_mains2{
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding-right: 50px;
}
.phpQA_List_top1_ask_mains2 > span{
  font-size: 18px;
  font-weight: 500;
  flex: 0 0 auto;
  min-width: 110px;
  text-align: right;
}
.phpQA_List_top1_ask_mains2 input{
  width: 100%;
  height: 38px;
  line-height: 1.3;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  border-radius: 2px;
  padding-left: 10px;
  border-color: #e6e6e6;
}
.phpQA_List_top1_ask_mains3{
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-right: 50px;
}
.phpQA_List_top1_ask_mains3 > span{
  font-size: 18px;
  font-weight: 500;
  flex: 0 0 auto;
  min-width: 110px;
  text-align: right;
}
.phpQA_List_top1_ask_mains3 > .layui-layedit{
  width: 100%;
}
.phpQA_List_top1_ask_mains4{
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-right: 50px;
}
.phpQA_List_top1_ask_mains4 > span{
  font-size: 18px;
  font-weight: 500;
  flex: 0 0 auto;
  min-width: 110px;
  text-align: right;
}
.phpQA_List_top1_ask_mains4 > .phpQA_List_top1_ask_mains4s ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  row-gap: 10px;
}
.phpQA_List_top1_ask_mains4 > .phpQA_List_top1_ask_mains4s ul li{
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.phpQA_List_top1_ask_mains5{
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: right;
  gap: 10px;
  padding-right: 50px;
}
.phpQA_List_top1_ask_mains5 a{
  font-size: 18px;
  background-color: #ba0001;
  color: #ffffff;
  padding: 10px 30px;
  border-radius: 8px;
}
.phpQA_List_top2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.phpQA_List_top2_num {
  font-size: 18px;
  color: #333333;
  line-height: 21px;
}
.phpQA_List_top2_filter {
  display: flex;
  align-items: center;
  gap: 2px;
  border: 1px solid #c2c7cc;
  border-radius: 8px;
  padding: 1px;
}
.phpQA_List_top2_filters {
  padding: 10px 15px;
  border-radius: 8px;
}
.phpQA_List_top2_filters.on {
  background-color: #e3e6e8;
  color: #404549;
}
.phpQA_List_3sp {
  width: 135px;

  display: flex;
  flex-direction: column;
  gap: 10px;
}
.phpQA_List_main .Articlelist_txts_info {
  width: 595px;
}
.phpQA_List_3sps {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.phpQA_List_3sp_1 {
  border: 1px solid #13c784;
  color: #13c784;
}
.phpQA_List_3sp_2 {
  border: 1px solid #ba0001;
  color: #ba0001;
}
.phpQA_List_3sp_3 {
  border: 1px solid #326699;
  color: #326699;
}
.phpQA_List_main .Articlelist_txts_p {
  -webkit-line-clamp: 2;
  height: 32px;
}
.phpQA_List_main .Articlelist_txts_title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: wrap;
}
.phpQA_List_main .Articlelist_txts_info {
  min-height: 140px;
}
.phpQA_List_main .phphistorical_Version2_mid {
  gap: 10px;
}
/* QA_Details */
.QA_Details_main .Article_Details_main1L {
  width: 120px;
}
.QA_Details_main .Article_Details_main1M {
  width: 925px;
}
.QA_DetailsL {
  width: 120px;
  position: fixed;
  top: 300px;
}
.QA_DetailsL_absolute{
  position: absolute;
  width: 120px;
  bottom: 10px;
  top: auto;
}
.QA_DetailsL1 {
  width: 100%;
  background-color: #7a86b8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
}
.QA_DetailsL1 span {
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
}
.QA_DetailsL2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.QA_DetailsL2s {
  width: 100%;
  text-align: center;
  padding: 15px 0;
  background-color: #ffffff;
}
.QA_DetailsL2s:hover {
  background-color: #f3f4f5;
  font-weight: 600;
}
.QA_DetailsL2s.on {
  background-color: #f3f4f5;
  font-weight: 600;
}
.QA_DetailsL3 {
  width: 100%;
  background-color: #7a86b8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
}
.QA_DetailsM_top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.QA_DetailsM_top_img {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
}
.QA_DetailsM_top_img img {
  width: 100%;
  height: 100%;
}
.QA_DetailsM_top_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.QA_Details_main .Articlelist_txts_title {
  -webkit-line-clamp: none;
}
.QA_DetailsM_ask_answers {
  width: 100%;
  display: flex;
}
.QA_DetailsM_ask_answersL {
  width: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.QA_DetailsM_ask_answersR {
  width: 830px;
}
.QA_DetailsM_ask_answersR p{
  width: 100%;
font-size: 16px;
color: #3A4045;
line-height: 22px;
margin:0 0 10px 0;
display: flex;
align-items: center;
justify-content: center;
}
.QA_DetailsM_ask_answersR p img{
  max-width: 100%;
  margin:0 0 10px 0;
}
.QA_DetailsM_ask_answersR_answer{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.QA_DetailsM_ask_answersR_answertop{
font-size: 18px;
color: #617186;
margin-bottom: 10px;
}
#QA_DetailsM_ask_answersR_YourAnswer{
margin-top: 10px;
}
.QA_DetailsM_ask_answersR_answer_post{
  width: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
  padding: 15px 0;
}
.QA_DetailsM_ask_answersR_answer_post a{
  padding: 12px 35px;
  background-color: #BA0001;
  border-radius: 10px;
  font-size: 18px;
  color: #ffffff;
}
.otheranswers_num{
  width: 100%;
font-size: 20px;
color: #000000;
line-height: 23px;

}
.otheranswer{
  width: 100%;
  /* display: flex;
  flex-direction: column; */
  margin-top: 10px;
  /* gap: 15px; */
}
.otheranswers{
  display: flex;
  width: 100%;
}
.otheran_answer{
  width: 100%;
}
.otheran_answer > p{
  color: #666666;
}
.otheran_answer_info{
color: #7C7C7C;
line-height: 17px;

}
.otheran_answer_info a{
  color: #326699 ;
  font-size: 16px;
}
.otheran_answer_AddComment{
  width: 100%;
  height: 48px;
  border: 1px solid #D7D7D7 ;
  border-radius: 8px;
  padding-left: 20px;
}
/* AI_toolset */
.AI_toolset_main .search_main_info{
font-size: 16px;
color: #000000;
line-height: 18px;
}
.AI_toolset_main .search{
  background-image: url(../imghw/AI_bgimg.png);
}
.AI_toolset_main .search_main_title{
font-size: 32px;
color: #040404;
line-height: 37px;
font-weight: 600;
}
.AI_toolset_main .search_main{
  padding-top: 52px;
}
.AI_toolset_main .search_main_info{
  width: 860px;
  margin-top: 30px;
font-size: 16px;
color: #000000;
line-height: 18px;
margin-bottom: 30px;
height: auto;
-webkit-line-clamp: 3;
text-align: center;
}
.AI_toolset_main .search_div{
  width: 640px;
  height: 55px;
  gap: 0;
}
.AI_toolset_main .search_main_info_sp{
  color: #BA0001;
}
.AI_toolset_main .search_div .search-input{
  width: 566px;
  height: 55px;
  padding-left: 20px;
}
.AI_toolset_main .search_div .search-input::placeholder {
  font-size: 16px;
}
.AI_toolset_main .search_div > a{
  width: 74px;
  padding: 0;
  margin: 0;
  height: 55px;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 10px 10px 0;
}
.AI_toolset_main .search_div > a img{
  width: auto;
  height: auto;
}
.AI_toolset_mains{
  width: 1380px;
  margin: 0 auto;
}
.AI_toolset_mains1{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.AI_toolset_table{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.AI_toolset_table.on{
  color: #BA0001;
}
.AI_toolset_table:hover{
  color: #BA0001;
}
.AI_toolset_table{
font-size: 28px;
color: #333333;
line-height: 32px;

}
.AI_toolset_table_ward{
  position: relative;
}
.AI_toolset_table span{
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 2px;
  background-color: #333333;
  border-radius: 2px;
  display: none;
}
.AI_toolset_table.on span{
    background-color: #ba0001;
    display: block;
}
/* .AI_toolset_mains1 .AI_toolset_table:nth-child(1) span{
  left: 40px;
  width: calc(100% - 40px);
} */
.AI_toolset_table:hover span{
  display: block;
  background-color: #ba0001;
}
.AI_toolset_table:hover img:nth-child(1){
  display: block;
}
.AI_toolset_table:hover img:nth-child(2){
  display: none;
}
.AI_toolset_mains2{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.AI_toolset_mains2_a{
  padding: 10px;
font-size: 18px;
color: #333333;
line-height: 20px;
border: 1px solid #D7D7D7;
border-radius: 4px;
width: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.AI_toolset_mains2_a.on,
.AI_toolset_mains2_a:hover{
  border: 1px solid #BA0001;
  color: #BA0001;
}
.AI_toolset_mains3{
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.AI_toolset_mains3L{
  width: 1084px;
}
.AI_toolset_mains3R{
  width: 256px;
}
.AI_toolset_mains3_top{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}
.AI_toolset_mains3_top1{
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.AI_toolset_mains3_top1 span{
font-size: 28px;
color: #010101;
line-height: 32px;

}
.AI_toolset_mains3_top1_line{
  width: 100%;
  height: 4px;
  background-color: #ba0001;
  border-radius: 2px;
}
.AI_toolset_mains3_top2{
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #D3D3D3;
}
.AI_toolset_mains3L_main{
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4,256px);
  justify-content: space-between;
  row-gap: 22px;
}
.AI_toolset_mains3L_mains{
  width: 256px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #333333;
}

.AI_toolset_mains3L_mains_img{
  display: block;
  width: 256px;
  height: auto;
  height: 160px;
  overflow: hidden;
  background-color: #333333;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.AI_toolset_mains3L_mains_img img{
  width: 223px;
  /* height: 165px; */
  height: auto;
  border-radius: 8px 8px 0 0;
  transition: transform 0.5s ease-in-out;
  overflow: hidden;
}
.AI_toolset_mains3L_mains_img img:hover{
  transform: scale(1.3);
}
.AI_toolset_mains3L_mains_info{
  width: 100%;
  height: 150px;
  /* border: 1px solid #333333; */
  border-radius:0 0 8px 8px;
  border-top: none;
  padding: 15px;
}
.AI_toolset_mains3L_main_title{
font-size: 18px;
color: #333333;
line-height: 21px;
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.AI_toolset_mains3L_mains_info2{
  width: 100%;
  margin-top: 15px;
  display: flex;
  gap: 20px;
}
.AI_toolset_mains3L_mains_info2s{
  display: flex;
  gap: 5px;
  align-items: center;
}
/* .AI_toolset_mains3L_mains_info2s:first-child img{
  width: 14px;
  height: 14px;
} */
.AI_toolset_mains3L_mains_info2s span{
font-size: 12px;
color: #333333;
line-height: 14px;

}
.AI_toolset_mains3L_mains_info3{
  display: block;
  margin-top: 15px;
  width: 100%;
font-size: 14px;
color: #333333;
line-height: 18px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.AI_toolset_mains3L_mains_info4{
  /* width: 100%; */
  margin-top: 15px;
  display: flex;
  overflow-x: auto;
  gap: 10px;
  white-space: nowrap; /* 防止子元素换行 */
  -webkit-overflow-scrolling: touch; /* 优化移动端滚动 */
  /* 隐藏滚动条 */
  ::-webkit-scrollbar {
    display: none;
  }
  scrollbar-width: none; /* Firefox */
}
.AI_toolset_mains3L_mains_info4a{
font-size: 12px;
color: #333333;
line-height: 14px;
padding: 4px 10px;
border-radius: 11px;
border: 1px solid #D7D7D7;
white-space: nowrap;
user-select: none; /* 防止文本选择干扰拖动 */

}
/*  */
.AI_toolset_mains3L_mains_info4a:hover{
  border: 1px solid #ba0001;
  color: #ba0001;
}
.AI_toolset_mains3L_mains_info4a:active {
  cursor: grabbing; /* 拖动时改变鼠标指针样式 */
}
.AI_toolset_mains3R_main{
  width: 100%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(1,256px);
  row-gap: 22px;
}
.AI_toolset_table >  img:nth-child(1){
  display: none;
}
.AI_toolset_table > img:nth-child(2){
  display: block;
}

.AI_toolset_table.on >  img:nth-child(1){
  display: block;
}
.AI_toolset_table.on >  img:nth-child(2){
  display: none;
}
.AI_toolset_main .search_div{
  position: relative;
}
#AI_toolset_searchthings{
  position: absolute;
  top: 54px;
  left: 0;
  width: 566px;

  
  z-index: 999;
}
.AI_toolset_searchthings_hidden{
  display: none;
}
.AI_toolset_searchthings_hidden:hover{
  display: block;
}
.AI_toolset_searchthings_hidden_404{
  width: 100%;

  margin-top: 8px;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.AI_toolset_searchthings_hidden_404 span:nth-child(1){
  font-size: 20px;
  color: #999999;
}
.AI_toolset_searchthings_hidden_404 span:nth-child(2){
  font-size: 16px;
  color: #999999;
}
.AI_toolset_searchs{
  width: 100%;
  /* height: 315px; */
  margin-top: 8px;
  background-color: #ffffff;
padding: 8px 0;
  border-radius: 8px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* 优化移动端滚动 */
  /* 隐藏滚动条 */
  ::-webkit-scrollbar {
    display: none;
  }
  scrollbar-width: none; /* Firefox */
}
/* .AI_toolset_main .search_div:hover #AI_toolset_searchthings{
  display: block;
} */
 .AI_toolset_searchsa{
  display: block;
  width: 100% !important;
font-size: 16px !important;
color: #232323;
line-height: 38px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 15px;
border-left: 2px solid #ffffff;
 }
 .AI_toolset_searchsa span{
  color: #ba0001;
 }
 .AI_toolset_searchsa:hover{
  color: #ba0001;
  border-left: 2px solid #ba0001;
 }
 .AI_toolset_searchs_title{
  height: 38px;
  background-color: #F8F9FB;
font-size: 16px;
color: #696969;
line-height: 38px;
padding-left: 15px;
 }
 .AI_toolset_searchsas{
  width: 100%;
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
  gap: 5px;
  border-left: 2px solid #ffffff;
 }
 .AI_toolset_searchsas_a{
  display: block;
  width: 100% !important;
font-size: 16px !important;
color: #232323;
line-height: 38px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 15px;
 }
 .AI_toolset_searchsas_img{
  width: 90px;
  display: flex;
  align-items: center;
  padding-right: 15px;
  gap: 5px;
  flex: 0 0 auto;
 }
 .AI_toolset_searchsas_img img{
  width: 14px;
  height: 14px;
 }
 .AI_toolset_searchsas_img span{
font-size: 16px;
color: #202020;
line-height: 18px;
 }
 .AI_toolset_searchsas:hover{

  border-left: 2px solid #ba0001;
 }
 .AI_toolset_searchsas:hover .AI_toolset_searchsas_a{
  color: #ba0001;
 }
 /* AI_ToolDetails */
 .AI_ToolDetails_main{
  width: 1380px;
  margin: 0 auto;
 }
 .AI_ToolDetails_main .phpgenera_Details_mainL1 .phpgenera_Details_mainL1a{
  font-size: 16px;
 }
 .AI_ToolDetails_main .phpgenera_Details_mainL1 span{
  font-size: 16px;
 }
 .AI_ToolDetails_main2{
  width: 100%;
  /* height: 262px; */
  display: flex;
  margin-top: 20px;
 }
 .AI_ToolDetails_main2L{
  width: 968px;

  

  /* height: 262px; */
  padding-right: 20px;
 }
 .AI_ToolDetails_main2R{
  flex: 0 0 auto;
  width: 412px;
  height: 262px;
 }
 .AI_ToolDetails_main2R img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 2px solid #000000;
 }
 .AI_ToolDetails_main2L1{
  max-width: 968px;
  display: flex;
  gap: 20px;
  align-items: center;
 }
 .AI_ToolDetails_main2L1 h1{
font-size: 28px;
color: #000000;
line-height: 32px;
width: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
 }
 .AI_ToolDetails_main2L1_use{
  flex: 0 0 auto;
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding:0 15px;
  background-color: #ba0001;
 }
 .AI_ToolDetails_main2L1_use > span{
font-size: 16px;
color: #FFFFFF;
line-height: 18px;

 }
 /* .AI_ToolDetails_main{
  position: relative;
 } */
  
 .AI_Use_url{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
 }
 .AI_Use_url_goout{
  width: 400px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 10px;
 }
 .AI_Use_url_goout1{
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .AI_Use_url_goout1 > span{
  font-size: 18px;

 }
 .AI_Use_url_goout2{
  margin: 20px 0;

font-size: 16px;
color: #58667E;
line-height: 22px;
 }
 .AI_Use_url_goout2 a{
  color: #ba0001;
  text-decoration: underline;
 }
.AI_Use_url_goout3{
  display: flex;
  align-items: center;
  gap: 5px;
}
.AI_Use_url_goout3 span{
font-size: 14px;
color: #8E96A8;
line-height: 18px;

}
.AI_Use_url_goout4{
  margin-top: 20px;
  display: flex;
  justify-content: right;
}
.AI_Use_url_goout4 a{
  font-size: 14px;
  color: #ffffff;
line-height: 18px;
padding: 5px 10px;
background-color: #ba0001;
border-radius: 5px;
}



 .AI_ToolDetails_main2L2{
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 20px;
 }
 .AI_ToolDetails_star{
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
 }
 .AI_ToolDetails_main2L2 span{
  margin-left: 10px;
 }
 .AI_ToolDetails_main2L_info{
 
  width: 100%;
  display: flex;
  margin-top: 20px;
  gap: 10px;
  overflow: hidden;
 }
 .AI_ToolDetails_main2L_info_title{
  flex: 0 0 auto;
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
 }
 .AI_ToolDetails_main2L_info_title span{
font-size: 14px;
color: #617186;
line-height: 18px;

 }
 .AI_ToolDetails_main2L_info_thing{
  width: 800px;
  
  display: flex;
  flex-direction: column;
  gap: 20px;
 }
 .AI_ToolDetails_main2L_info_things{
  /* display: block; */
  font-size: 14px;
color: #617186;
line-height: 18px;
width: 100%;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
 }
 .AI_ToolDetails_main2L_info_things_sp{
  display: flex;
  align-items: center;
  gap: 6px;
 }
 .AI_ToolDetails_main2L_info_things_sp span{
  font-size: 14px;
color: #617186;
line-height: 18px;
 }
 .AI_ToolDetails_main2L_info_things_sp img{
  width: 18px;
  height: 18px;
 }
.AI_ToolDetails_main .AI_toolset_mains3L_mains_info4{
  flex-wrap: wrap;
}
.AI_ToolDetails_main3{
  margin-top: 40px;
  
}
.AI_ToolDetails_main3s{
  width: 100%;
  margin-top: 20px;
}
.AI_ToolDetails_main3s p{
font-size: 16px;
color: #3A4045;
line-height: 22px;
margin: 15px 0;
}
.AI_ToolDetails_main3s h2{
  font-size: 20px;
color: #000000;
line-height: 23px;
margin: 15px 0;
/* text-decoration: underline; */
}
/* .AI_ToolDetails_main3s h2:first-child{
  text-decoration: none;
} */
.AI_ToolDetails_main3s h3{
  font-size: 16px;
  color: #3A4045;
  line-height: 22px;
  margin: 15px 0;
}
.AI_ToolDetails_main3s_title{
font-size: 20px;
color: #000000;
line-height: 23px;

}
.AI_ToolDetails_main3s_red{
  color: #BA0001;
}
.AI_ToolDetails_main3s_weight{
  font-size: 20px;
color: #000000;
line-height: 23px;
}
.AI_ToolDetails_main4{
  margin-top: 60px;
}
.AI_ToolDetails_main4s{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.AI_ToolDetails_main4sL_top{
  width: 1025px;
  display: grid;
  grid-template-columns: repeat(3,326px);
  justify-content: space-between;
  row-gap: 20px;
}
.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains{
  width: 326px;
}
.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains_info{
  height: 176px;
  padding: 20px;
}
.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains_info4{
  flex-wrap: nowrap;
  margin-top: 20px;
}

.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains_info2{
  margin-top: 20px;
}
.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains_info3{
  margin-top: 20px;
}
.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains_img{
  width: 326px;
  height: 200px;
}
.AI_ToolDetails_main4sL .AI_toolset_mains3L_mains_img img{
  width: 288px;
  height: 210px;
}
.AI_ToolDetails_main4sL_bottom{
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;

}
.AI_ToolDetails_seemore{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  background-color: #ba0001;
  border-radius: 8px;
  gap: 10px;
  padding: 0 60px;
}
.AI_ToolDetails_seemore span{
font-size: 18px;
color: #FFFFFF;
line-height: 21px;
}
.AI_ToolDetails_main4sR{
  width: 335px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.AI_ToolDetails_main4sR .phpgenera_Details_mainR1{
  margin: 0;
}
.AI_ToolDetails_main4sR .phpgenera_Details_mainR1_img{
  height: 188px;
}
.AI_ToolDetails_main4sR .phpmain1_4R_readrank_top h2{
font-size: 18px;
color: #414549;
line-height: 22px;

}
.AI_ToolDetails_main4sR .phpmain1_4R_readrank_top img{
  width: 18px;
  height: 18px;
}
.AI_ToolDetails_main4sR .phpmain1_4R_readrank{
  gap: 20px;
}
.AI_ToolDetails_main4sR .phpmain1_4R_readrank_bottom_title{
font-size: 14px;
color: #404549;
line-height: 16px;
}
.AI_ToolDetails_main4sR .phpmain1_4R_readrank_bottoms_num img{
  width: 12px;
  height: 14px;
}
.AI_ToolDetails_main4sR .phpgenera_Details_mainR4{
  margin: 0;
}
.AI_ToolDetails_main4sR .phpgenera_Details_mainR4_bottom_title{
font-size: 14px;
color: #404549;
line-height: 16px;
}
.AI_ToolDetails_main4sR .phpgenera_Details_mainR4_bottoms_info span{
  width: auto;
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 45%;
font-size: 12px;
color: #636363;
line-height: 14px;

}
.AI_ToolDetails_main4sR .phpgenera_Details_mainR3_more{
  margin-top: 0;
}
.AI_ToolDetails_main4sR .phpmain_tab2_mids_top_img{
  width: 45px;
  height: 45px;
}
.AI_ToolDetails_main4sR .phpmain_tab2_mids_info{
  width: 238px;
}
.AI_ToolDetails_main4sR .phpmain_tab2_mids_title h3{
font-size: 14px;
color: #404549;
line-height: 16px;
}
.AI_ToolDetails_main4sR .phpmain_tab2_mids_info{
  gap: 5px;
}
.AI_ToolDetails_main4sR .phpmain_tab2_mids_info p{
font-size: 12px;
color: #636363;
line-height: 12px;
}
/* AI_toolClasslist */
.AI_toolClasslist{
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.AI_toolset_mains3L_main_title{
  font-weight: 600;
}
.layui-menu-item-group.layui-menu-item-down > .layui-menu-body-title > h2{
  font-weight: 600;
}
.AI_toolClasslist .layui-menu-item-group > .layui-menu-body-title{
  margin-right: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.AI_toolClasslist .layui-menu-item-group > .layui-menu-body-title > i{
  margin-right: 20px;
}
.AI_toolClasslist .layui-menu-item-group > .layui-menu-body-title > h2{
  font-size: 14px;
  color: #383838;
  line-height: 54px;
  margin-left: 20px;
  padding-left: 0;
  padding-right: 0;
}
.AI_toolClasslistL{
  width: 258px;
}

.AI_toolClasslistL .phpeditormainL{
  width: 100%;
  height: 100%;
}
.AI_toolClasslistL .phpeditormainL_1 span{
font-size: 18px;
color: #000000;
line-height: 21px;
font-weight: 400;
}
.AI_toolClasslistL .phpeditormainL_1 img{
  width: 18px;
}
.AI_toolClasslistL .phpeditormainL_1{
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.AI_toolClasslistL .layui-menu-body-title a{
font-size: 14px;
color: #383838;
line-height: 40px;
margin-left: 20px;
padding-left: 0;
padding-right: 0;
}
.AI_toolClasslistL .layui-menu li{
  padding: 0;
}
.AI_toolClasslistL .layui-menu .layui-menu-item-divider{
  margin: 0;
}
.AI_toolClasslistL .phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title{
  padding-left: 40px;
}
.AI_toolClasslistL .phpeditormainL_2 .layui-menu-item-group ul li .layui-menu-body-title span{
  font-size: 14px;
  color: #696969;
  line-height: 16px;

}
.AI_toolClasslistR{
  width: 1100px;
}
.AI_toolClasslistR_top{
  width: 100%;
}
.AI_toolClasslistR_top .AI_toolset_mains1{
  justify-content: left;
  padding-top: 15px;
  padding-bottom: 5px;
}
.AI_toolClasslistR_top .AI_toolset_table{
font-size: 18px;
color: #333333;
line-height: 21px;
}
.AI_toolClasslistR_top .AI_toolset_table:hover,
.AI_toolClasslistR_top .AI_toolset_table.on{
  color: #ba0001;
}
.AI_toolClasslistR_top_bottom{
  width: 100%;
 
}
.AI_toolClasslistR_top_bottoms{
  width: 100%;
  padding-top: 5px;
  display: grid;
  grid-template-columns: repeat(4,256px);
  justify-content: space-between;
  row-gap: 20px;
}
.AI_toolClasslistR .pagination{
  margin-bottom: 60px;
}
.Topic_Details_main .AI_ToolDetails_main4sR,
.Articlelistmain .AI_ToolDetails_main4sR,
.Article_Details_main .AI_ToolDetails_main4sR{
  margin-top: 20px;
}
.AI_ToolDetails_main4sR > div{
  margin: 0 !important;
}
.layui-menu-item-group > ul > li > h3 .layui-menu-body-title img{
  width: 12px;
  height: 12px;
}

/* AI_list */
.AI_list{
  border: 1px solid #eeeeee;
  border-bottom: none;
  display: flex;
  flex-direction: column;
}
.AI_list_li_up > .AI_list_li_ul{
  display: none;
}
.AI_list_li_up.on > .AI_list_li_ul{
  /* display: flex; */
}
.AI_list_li.on{
  order: -2;
}
.AI_list_li.on > a > .AI_list_title{
  background-color: #dce2e8;
}
.AI_list_li.onall{
  order: -3;
}
.AI_list_li.onall.on{
  background-color: #dce2e8;
}
.AI_list_li.on .AI_list_li_ul{
  display: flex;
}
.AI_list_li_down > .AI_list_li_ul{
  display: flex;
}
.AI_list_title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  height: 48px;
  
}
.AI_list_li:last-child hr{
  display: none;
}
.AI_list_title span{
  line-height: 20px;
}
.AI_list hr{
  margin: 0;
}
.AI_list_li_down.on .AI_list_title{
  background-color: #f3f4f5;
}
.AI_list_li_ul > li{
  height: 48px;
}
.AI_list_li_ul_lia{
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  padding-left: 25px;
  gap: 5px;
}
.AI_list_li_ul_lia img:nth-child(2){
  display: none;
}
.AI_list_li_ul_lia img:nth-child(1){
 width: 12px;
 height: 12px;
}
.AI_list_li_ul_lia:hover img:nth-child(2){
  display: block;
}
.AI_list_li_ul_lia:hover img:nth-child(1){
  display: none;
}
.AI_list_li_ul_lia:hover{
  background-color: #f3f4f5;
}
.AI_list_li_ul{
  flex-direction: column;
}
.AI_list_li_ul_lia span{
  font-size: 14px;
  color: #696969;
  line-height: 16px;
}
.AI_list_li_ul_lia:hover span{ 
  color: #326699;
}
.AI_list_li_down > .AI_list_title span{
  font-weight: 500;
}


.AI_list_li_ul > li.on .AI_list_li_ul_lia{
  background-color: #dce2e8;

}
.AI_list_li_ul > li.on .AI_list_li_ul_lia img:nth-child(2){
  display: flex;
}
.AI_list_li_ul > li.on .AI_list_li_ul_lia img:nth-child(1){
  display: none;
}
.AI_toolset_mains3L_mains_info4a.on{
  order: -2;
}
.AI_toolset_mains3L_mains_info2s:last-child img{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  /* object-fit: cover; */
}
.AI_ToolDetails_main .AI_toolset_mains3L_mains_info4asp{
  background-color: #999999;
  color: #fff;
  font-size: 12px;
line-height: 14px;
padding: 4px 10px;
border-radius: 11px;
border: 1px solid #D7D7D7;
white-space: nowrap;
}
/* phpindex_2 */
.phpindex_2 .search_history a{
  height: 32px;
  line-height: 32px;
  border-radius: 8px;
}
.phpindex_2  .search_div > a{
  width: 24px;
  aspect-ratio: 16/15;
  height: auto !important;
}
.phpindex_2 .phpmain1_1_top{
  width: 1380px;
  margin: 0 auto;
}
.phpindex_2_tab1_top{
  width: 1380px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.phpindex_2_tab1_tops{
font-size: 18px;
line-height: 21px;
padding: 15px 15px;
font-weight: 600;
border-radius: 8px 8px 0 0;
}
.phpindex_2_tab1_tops:hover{
  color: #ba0001;
}
.phpindex_2_tab1_buttoms {
  display: none;
}
.phpindex_2_tab1_top a img{
  display: none;
}
.active-2_tab1 {
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
}
.active-2_tab1 img{
  display: inline-block !important;
  width: 14px;
  height: auto;
  margin-left: 5px;
}
.visible2_tab1 {
  display: block;
}
.phpindex_2_tab1{
  margin-top: 40px;
}
.phpindex_2 .phpmain1_1_top{
  height: 62px;
}

.phpindex_2 .php_history_logo img{
  width: 92px;
  height: auto;
}
.phpindex_2 .phpmain1_1_topmain span{
  line-height: 62px;
font-size: 18px;

}
.phpindex_2 .phpmain1_1_bottom{
  border-bottom: 1px solid #eeeeee;
  /* height: 378px; */
  height: auto;
}
.phpindex_2 .phpmain1_1_bottomL{
  box-shadow: none;
  width: 940px;
  border: none;
  height: auto;
}
.phpindex_2 .phpmain1_1_bottomR{
  width: 440px;
  box-shadow: none;
  border: none;
  border-left: 1px solid #eeeeee;
  border-radius: 0;
  padding: 5px 20px 10px 30px;
  gap: 10px;
  height: auto;
}
.phpindex_2 .php_history_info{
  padding-top: 20px;
  width: 100%;
  padding-left: 130px;
  padding-right: 130px;
  height: auto;
}
.phpindex_2 .php_history_info p{
  font-size: 18px;
color: #333333;
line-height: 24px;
}
.phpindex_2 .php_history_info p:nth-child(2){
  margin-bottom: 20px;
}
.phpindex_2 .php_history_up{
  margin-bottom: 20px;
}
.phpindex_2 .php_history_up:hover{
  color: #ba0001;
  background-color: #FFF4F4;
  border: 1px solid #ba0001;

}
.phpindex_2 .php_history_morev:hover{
  color: #ba0001;
  background-color: #FFF4F4;
  border: 1px solid #ba0001;
}
.phpindex_2 .php_history_mes{
  margin-top: 20px;
}
.phpindex_2 .php_history_mes h2{
font-size: 16px;
color: #000000;
line-height: 18px;
font-weight: 600;
}
.phpindex_2 .php_history_mes_time{
font-size: 16px;
color: #7A7A7A;
line-height: 18px;
}
.phpindex_2 .php_history_mes p{
font-size: 16px;
color: #333333;
line-height: 20px;
}
.phpindex_2 .php_history_mes{
  width: 100%;
  padding-left: 25px;
  margin-bottom: 20px;
  height: auto;
}
.phpindex_2 .php_history_vs span{
font-size: 18px;
color: #333333;
line-height: 21px;
}
.phpindex_2 .php_history_vs{
  padding: 15px 0;
}
.phpindex_2 .php_history_morev{
  height: 38px;
  line-height: 38px;
}
.phpindex_2 .phpmain1_2_top{
  border-bottom: 1px solid #000000;
  height: auto;
}
.phpindex_2 .phpmain1_2{
  margin-top: 40px;
}
.phpindex_2 .phpmain1_2_top_title{
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  height: 100%;
font-size: 18px;
line-height: 20px;
padding: 15px;
border-radius: 8px 8px 0 0;
border: 1px solid #000000;
}
.phpindex_2 .phpmain1_2_top_title:hover{
  background: #FFF4F4;
  border: 1px solid #BA0001;
  color: #ba0001;
}
.phpindex_2 .phpmain1_2_top_title img{
  display: inline-block !important;
  width: 13px;
  height: auto;
  margin-left: 5px;
}
.phpindex_2 .phpmain1_3s{
  box-shadow: none;
  border: none;
}
.phpindex_2 .phpmain1_3s_img{
  width: 176px;
  height: 99px;
}
.phpindex_2 .phpmain1_3s_title h3{
font-size: 18px;
color: #000000;
line-height: 22px;
}
.phpindex_2 .phpmain1_3s_title h3:hover{
  color: #ba0001;
}
.phpindex_2 .phpmain1_3s_txt{
font-size: 16px;
color: #6D6D6D;
line-height: 20px;
}
.phpindex_2 .phpmain1_3s_txt:hover{
  color: #343434;
}
.phpindex_2 .AI_toolset_mains3L_mains_info4a:hover{
  background-color: #ba0001;
  border-color: #ba0001;
  color: #ffffff;
}
.phpindex_2 .phpmain1_3s_info{
  height: 99px;
  width: 484px;
}

.phpindex_2 .Articlelist_txts_infoss:hover{
  background-color: #7a86b8;
  color: #ffffff;
}
.phpindex_2 .phpmain1_3s{
  height: 129px;
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
}
.phpindex_2 .phpmain1_3s:nth-child(7){
  border: none;
}
.phpindex_2 .phpmain1_3s:nth-child(8){
  border: none;
}
.phpindex_2 .phpmain1_3s_img{
  margin-right: 10px;
}
.phpindex_2 .phpmain1_3_bottom{
  gap: 0px;
  column-gap: 40px;
}
.phpindex2_3{
  width: 1380px;
  margin: 0 auto;
  margin-top: 40px;
}
.phpindex2_3_bottom{
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}
.phpindex_2 .phpmain1_4L_videos{
  height: 302px;
  border-radius: 10px;
}
.phpindex_2 .phpmain1_4L_videos_top{
  width: 100%;
  background-color: #000000;
  height: 182px;
}
.phpindex_2 .phpmain1_4L_videos_top img:nth-child(2){
  padding: 6px 6px 0 6px;
  border-radius: 10px 10px 0 0;
}
.phpindex_2 .phpmain1_4L_videos_title{
font-size: 16px;
color: #000000;
line-height: 20px;
font-weight: 600;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
.phpindex_2 .phpmain1_4L_videos_bottom{
  gap: 15px;
}
.phpindex_2 .span2_red{
  width: auto;
  display: inline-block;
}
.phpindex_2 .phpmain1_4L_videos_info a img{
  width: 14px;
}
.index2_star1{
  display: block;
}
.index2_star2{
  display: none;
}
.index2_star3{
  display: none;
}
.phpindex_2 .phpmain1_4L_videos_info a:hover .index2_star2{
  display: block;
}
.phpindex_2 .phpmain1_4L_videos_info a:hover .index2_star1{
  display: none;
}
.phpindex2_4{
  width: 1380px;
  margin: 0 auto;
  margin-top: 40px;
}
.phpindex2_4_bottom{
  margin-top: 20px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 35px;
  row-gap: 20px;
}
.phpindex_2 .Articlelist_txts{
  padding:0 0 20px 0;
  border-bottom: 1px solid #eeeeee;
}

.phpindex_2 .Articlelist_txts_p{
  -webkit-line-clamp: 2;
  height: auto;
}
.phpindex_2 .Articlelist_txts_title{
  display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
white-space: wrap;
}
.phpindex_2 .Articlelist_txts_title:hover{
  color: #ba0001;
}
.phpindex_2 .phpQA_List_3sp{
  width: 120px;
}
.phpindex_2 .Articlelist_txts_info{
  width: 536px;
}
.phpindex_2 .Articlelist_txts:nth-child(5){
  border: none;
}
.phpindex_2 .Articlelist_txts:nth-child(6){
  border: none;
}
.phpindex2_5{
  width: 1380px;
  margin: 0 auto;
  margin-top: 40px;
}
.phpindex2_5_bottom{
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 20px;
}
.phpindex_2 .AI_toolset_mains3L_mains{
  width: 100%;
}
.phpindex_2 .AI_toolset_mains3L_mains_img{
  width: 100%;
}
.phpindex2_6{
  width: 1380px;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.phpindex2_6L{
  width: 1016px;
}
.phpindex2_6R{
  width: 336px;
}
.phpindex2_6L_bottom{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 15px;
}

.phpindex_2 .Articlelist_txts{
  width: 100%;
}


.phpindex_2 .Articlelist_txts .Articlelist_txtsimg{
  width: 304px;
  height: 171px;
}
 .phpindex_2 .phpindex2_6L .Articlelist_txts_info{
  height: 171px;
  justify-content: space-between;
  width: 696px;
}
.phpindex_2 .phpindex2_6L .Articlelist_txts .Articlelist_txts_p{
  -webkit-line-clamp: 3;
  height: 48px;


}
.phpindex_2 .phpindex2_6L .Articlelist_txts{
  padding-bottom: 15px;
}
.phpindex2_6R_bottom{
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: 0px 0px 8px 0px #ECEDF0;
  border-radius: 10px;
}
.phpindex2_6R_bottoms{
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  gap: 10px;
}
.phpindex2_6R_bottoms_img{
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
}
.phpindex2_6R_bottoms_img img{
  width: 100%;
  height: 100%;
}
.phpindex2_6R_bottoms_info{
  width: calc(100% - 74px);
  display: flex;
  flex-direction: column;

  height: 64px;
  justify-content: space-between;
}
.phpindex2_6R_bottoms_title{
font-size: 16px;
color: #000000;
line-height: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.phpindex2_6R_bottoms_title:hover{
  color: #326699;
  text-decoration: underline;
}
.phpindex2_6R_bottoms_V{
font-size: 14px;
color: #777E84;
line-height: 16px;
}
.phpindex2_6R_bottoms_star{
  display: flex;
  align-items: center;
  gap: 5px;
}
.phpindex2_6R_bottoms_star_F{
font-size: 12px;
color: #000000;
line-height: 14px;
}
.phpindex_2 .search_main{
  padding-top: 30px;
}
.phpindex_2 .search{
  background-image: none;
  background-color: #000000;
}
.phpindex_2 .head_nava{
  font-size: 18px;
}

.body2_2 .phpeditormainL_1 span{
  font-size: 18px;
  color: #000000;
  line-height: 21px;
  font-weight: 400;
}
.body2_2 .phpeditormainL{
  width: 258px;
}
.body2_2 .phphistorical_Version1R{
  width: 258px;
}
.body2_2 .phphistorical_Version1_mid{
  width: 864px;
}
.body2_2 .phphistorical_Version2_mid{
  width: 864px;
}
.body2_2 .phpeditormainL_1{
  justify-content: center;
  padding: 0;
}
.body2_2 .phpgenera_Details_mainR{
  width: 336px;
}
.body2_2 .phpgenera_Details_mainL{
  width: 1005px;
}
.body2_2 .phpgenera_Details_mainR1_img{
  height: 190px;
}
.body2_2 .phpmain_tab2_mids_info{
  width: calc(100% - 75px);
}
.body2_2 .phpmain1_2_top{
  border-bottom: 1px solid #000000;
  height: auto;
}

.body2_2 .phpmain1_2_top_title{
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  height: 100%;
  font-size: 18px;
  line-height: 20px;
  padding: 15px;
  border-radius: 8px 8px 0 0;
  border: 1px solid #000000;
}
.body2_2 a.phpmain1_2_top_title:hover{
  background-color: #FFF4F4 ;
  color: #ba0001;
  border: 1px solid #ba0001;
}
.body2_2 .phpmain1_2_top_title img{
  display: inline-block !important;
  width: 13px;
  height: auto;
  margin-left: 5px;
}
.body2_2 .phpgenera_Details_mainL4{
  margin-top: 20px;
}
.body2_2 .phpGeneral_ListR{
  width: 1122px;

}
.body2_2 .phpGeneral_ListRs{
  margin-top: 20px;
}
.phphistorical_Version2_mids_title:hover{
  color: #ba0001;
}
.body2_2 .AI_toolClasslistR_top .AI_toolset_mains1{
  gap: 80px;
}
.body2_2 .Topic_Details_mainL2_R_title{
  font-size: 24px;
  color: #ba0001;
  line-height: 28px;
  display: block;
  max-width: 755px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.topiclistmain .phphistorical_Version2_mid{
  width: calc(100% - 335px);
  padding-left: 0;
  padding-top: 0;
}
.topiclistmain .Articlelist_txts_info{
  width: calc(100% - 250px);
}
.articellistmain .phphistorical_Version2_mid{
  padding-top: 0;
}
/*  */
.Articlelist_txts_info{
  position: relative;
}
.Articlelist_txts_info_time{
  position: absolute;
  right: 0;
  bottom: 0;
}