* {
    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;
  }
  .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: 700px; */
    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;
  }
  .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%;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .phpeditormainR_3 .phpeditormainR_2_left,
  .phpeditormainR_3 .phpeditormainR_2_right {
    height: 270px;
  }
  .phpeditormainR_4 .phpeditormainR_2_left,
  .phpeditormainR_4 .phpeditormainR_2_right {
    height: 500px;
  }
  .phpeditormainR_5 .phpeditormainR_2_left,
  .phpeditormainR_5 .phpeditormainR_2_right {
    height: 490px;
  }
  .phpeditormainR_6 .phpeditormainR_2_left,
  .phpeditormainR_6 .phpeditormainR_2_right {
    height: 260px;
  }
  .phpeditormainR_7 .phpeditormainR_2_left,
  .phpeditormainR_7 .phpeditormainR_2_right {
    height: 650px;
  }
  .phpeditormainR_8 .phpeditormainR_2_left,
  .phpeditormainR_8 .phpeditormainR_2_right {
    height: 530px;
  }
  .phpeditormainR_10 .phpeditormainR_2_left,
  .phpeditormainR_10 .phpeditormainR_2_right {
    height: 150px;
  }
  .phpeditormainR_6 .phpeditormainR_2_right {
    padding-top: 105px;
  }
  .phpeditormainR_7 .phpeditormainR_2_right {
    padding-top: 190px;
  }
  .phpeditormainR_8 .phpeditormainR_2_right {
    padding-top: 100px;
  }
  .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;
  }
  .phpeditormainR_2_info p {
    width: auto;
    max-width: 938px;
    margin: 0 auto;
    color: #333;
    font-size: 16px;
    line-height: 24px;
  }
  .phpeditormainR_2_info p span {
    background-color: #e8e8e8;
    padding: 5px 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;
  }
  .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_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;
  }
  .phpgenera_Details_mainL1a {
    color: #333333;
    /* font-size: 18px; */
    font-size: 16px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .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 {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
  }
  .Articlelist_txts_p {
    width: 100%;
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    color: #777777;
  }
  .Articlelist_txts_time {
    color: #326699;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .Articlelist_txts_infos {
    width: 100%;
    height: 26px;
    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;
  }
  .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;
  }
  .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 p img {
    max-width: 100%;
    display: block;
    margin: 0 auto; 
    border-radius: 5px;
  }
  .article_main p .article_main_title {
    font-size: 20px;
    color: #000000;
    line-height: 23px;
  }
  .article_main p .article_main_titles {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
  }
  .Article_Details_main1L {
    position: relative;
  }
  .Article_Details_main1Lmain {
    position: fixed;
    top: 200px;
    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: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .Article_Details_main1L2s {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    border-left: 2px solid #f32525;
  }
  .Article_Details_main1L2s a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
  .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;
  
  }
  /* 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: 30px;
  }
  .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: 30px;
  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; */
    gap: 15px;
    flex-wrap: wrap;
  }
  .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: 123px;
    /* 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 p iframe{
    display: block;
    width: 50%;
    aspect-ratio: 16/9;
    height: auto;
    margin: 10px auto;
  }

  .AI_ToolDetails_main3s p img{
    display: block;
    width: 50%;
    aspect-ratio: 16/9;
    height: auto;
    margin: 10px auto;
  }
  .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: 150px;
    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: 16px;
  
  }
  .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{
  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: 0px;
  }
  .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 .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: #f3f4f5;
  
  }
  .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;
  }
  
  /*  */