* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
@font-face {
    font-family: 'DIN Alternate Bold';
    src: url('../font/DIN Alternate Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'DIN Condensed Bold';
    src: url('../font/DIN Condensed Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'DIN-Regular';
    src: url('../font/DIN-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'DIN-Regular 2';
    src: url('../font/DIN-Regular 2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'DIN-RegularAlternate';
    src: url('../font/DIN-RegularAlternate.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'DIN-RegularAlternate 2';
    src: url('../font/DIN-RegularAlternate 2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Arial_Black';
    src: url('../font/Arial_Black.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
img {
    object-fit: cover;
}

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

li {
    list-style: none;
}

/* ai_index */
header {
    width: 100%;
    /* background: linear-gradient(270deg, #776DFF 0%, #DBE4FF 50%, #9EBBFF 100%); */
    background: #9D9DFF;
    height: 64px;
}

main {
    background-color: #F8F9FB;
}

.aihead {
    width: 1380px;
    margin: 0 auto;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    /* z-index: 2; */
}

.aiheadL {
    width: 120px;
    height: 64px;
    margin-right: 50px;
}

.aiheadL_logo {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.aiheadL_logo img {
    width: 100%;
    height: auto;
}

.aiheadM {
    flex: 1;
    width: 965px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.aiheadM_navs {
    font-size: 18px;
    line-height: 20px;
    color: #000;
    font-family: 'Arial';
}

.aiheadM_navs.on {
    color: #2B37E3;
    font-weight: bold;
    position: relative;
}

.aiheadM_navs.on::after {
    content: "";
    display: block;
    width: 70%;
    height: 2px;
    background: #2B37E3;
    border-radius: 2px;
    position: absolute;
    left: 15%;
    bottom: -4px;
}

.aiheadM_navs:hover {
    color: #2B37E3;
}

.aiheadR {
    /* width: 257px; */
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: right;
    position: relative;
}

.aiheadR_lan {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 64px;
    position: relative;

    padding-left: 5px;
}
.aiheadR_lan > div{
    width: 15px;
    height: 15px;
    
}
.aiheadR_lan:hover+.aiheadR_lan_list {
    display: flex;
}

.aiheadR_lan_list:hover {
    display: flex;
}

.aiheadR_lan_list {
    display: none;
    position: absolute;
    left: 0px;
    top: 64px;
    width: 97px;
    padding: 5px 0;
    background-color: #ffffff;
    /* display: flex; */
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.aiheadR_lans {
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
}

.aiheadR_lans.on {
    color: #2B37E3;
    font-weight: normal;
}

.aiheadR_lans:hover {
    color: #2B37E3;
    font-weight: normal;
}

.aiheadR_lan img:nth-child(1) {
    width: 14px;
    height: auto;
    line-height: 22px;
    font-weight: 400;
}

.aiheadR_lan span {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}

.aiheadR_lan img:nth-child(3) {
    width: 10px;
    height: auto;
}

.aiheadR_line {
    width: 1px;
    height: 24px;
    background: #7150E6;
    border-radius: 1px;
}

.aiheadR_loginsign {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aiheadR_login {
    padding: 0 10px;
    height: 35px;
    display: flex;
    color: #000;
    justify-content: center;
    align-items: center;
    border: 1px solid #000000;
    border-radius: 6px;
    font-size: 14px;
    line-height: 16px;
}

.aiheadR_signup {
    padding: 0 10px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000000;
    border-radius: 6px;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
}
.aiheadR_signup:hover{
    background-color: rgba(233, 235, 255, 0.44);
    color: #000;
}

/* main */

.aimain {
    width: 100%;
}

.aimain1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: 260px; */
    /* background: linear-gradient(270deg, #E8E8FF 0%, #F4F5FF 100%); */
    background: linear-gradient( 0deg, #F8F9FB 0%, #ACABFF 100%);
}

.aimain1_1 {
    font-size: 32px;
    color: #191919;
    line-height: 42px;
    margin-top: 37px;
    font-family: "Arial_Black";
}

.aimain1_2 {
    font-size: 24px;
    color: #191919;
    line-height: 24px;
    margin-top: 17px;
    font-weight: bold;
}
.aimain1_2 > span{
       background: linear-gradient(to right, #4A63FF, #B959FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.aimain1_3 {
    margin-top: 22px;
    font-size: 18px;
    color: #191919;
    line-height: 20px;
    /* font-weight: 600; */
}

.aimain1_3 span {
    color: #2B37E3;

}

.aimain1_4 {
    margin-top: 30px;
    width: 640px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;

    position: relative;
}

.aimain1_4 input {
    width: 566px;
    height: 100%;
    border: none;
    border-radius: 8px 0 0 8px;
    padding-left: 20px;
    font-size: 16px;
}
.aimain1_4 input::placeholder {
    color: #C1C1C1;
}

.aimain1_4 input:focus {
    outline: none;
}

.aimain1_4_search {
    width: 74px;
    height: 100%;
    background-color: #2B37E3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 4px 4px 0;
}

.aimain1_4_search img {
    width: 24px;
    height: auto;
}
.aimain1_4_search .icon{
    width: 24px;
    height: auto;
}
.aimain1_5 {
    position: absolute;
    top: 56px;
    display: none;
    width: 566px;
    z-index: 8;

}

.aimain1_5main {
    width: 100%;
    margin-top: 10px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow-y: auto;
}

.aimain1_5mains {
    padding: 10px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 20px;
    flex: 0 0 auto;
}

.aimain1_5mains:hover {
    background: #EEF2FF;
}

.aimain1_5mains span {
    color: #2B37E3;
}
.aimain1_5mains {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    padding-right: 16px;
    position: relative;
    font-size: 20px;
    color: #222;
    text-decoration: none;
    background: transparent;
  }
  
  .aimain1_5mains .main-title {
    /* flex: 1; */
    color: #2B37E3;
  }
  .aimain1_5mains_txt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000 !important;
  }
  .fav-box {
    /* display: flex; */
    align-items: center;
    /* min-width: 60px; */
    width: auto;
    /* justify-content: flex-end; */

    color: #2B37E3;
    font-size: 15px;
    gap: 4px;
    margin-left: auto;
    /* flex: 1; */
  }
  
  .fav-icon {
    width: 24px;
    height: 22px;
    color: #1A32D9;
    vertical-align: middle;
  }
  
  .fav-num {
    font-size: 14px;
    color: #191919 !important;
    margin-left: 25px;
    /* padding-top: 5px; */
    min-width: 24px;
    /* text-align: right; */
  }
.aimain2 {
    width: 1380px;
    margin: 20px auto;
    height: 48px;
    background-color: #EFF6FF;
    display: flex;
    align-items: center;
    padding-left: 20px;
    gap: 10px;
}

.aimain2 img {
    width: 19px;
    height: auto;
}

.aimain2 span {

    font-size: 16px;
    color: #374151;
    line-height: 18px;

}

.aimain3 {
    width: 100%;
    margin: 20px auto;
}

.aimain3 h2 {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
}

.aimain3_nav,
.aimain3_nav_sp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 10px;
    position: relative; 
}
.aimain3_nav_sp {
    visibility: hidden; 
}

.aimain3_navs,
.aimain3_navs_sp {
    padding: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
}
.more-btn,
.more-btn-sp{
    padding: 10px;
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    cursor: pointer;
}
.more-btn:hover,
.more-btn-sp:hover{
    border: 1px solid #2B37E3;
    background-color: #2B37E3;
    color: #ffffff;
}
.aimain3_navs.on,
.aimain3_navs_sp.on {
    border: 1px solid #2B37E3;
    background-color: #2B37E3;
    color: #ffffff;
}

.aimain3_navs.on:hover,
.aimain3_navs_sp.on:hover {
    color: #ffffff;
}

.aimain3_navs:hover,
.aimain3_navs_sp:hover {
    color: #2B37E3;
    border: 1px solid #2B37E3;
}

.aimain4 {
    width: 100%;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.aimain4L {
    width: 100%;

}

.zxmain1_bottom.zxmain1_bottom_atag {
    width: 1380px;
    margin: 20px auto;
}

.aimain .aimain4L {
    width: 100%;
}

.aimain4L h2 {
    font-size: 24px;
    line-height: 30px;
}

.aimain4L h2:hover {
    color: #2B37E3;
}

.aimain .aimain4L1 {
    grid-template-columns: repeat(4, 1fr);
}

.aimain4L1 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.aimain4L1s {
    width: 256px;
    height: 292px;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 8px;
    border: 1px solid #A0A9FF;
}

.flmain2R_cards .aimain4L1s {
    margin-top: 20px;
}

.aimain4L1s_tops {
    position: absolute;
    width: 68px;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}

.aimain4L1s:hover {

    box-shadow: 0px 0px 4px 0px #8E8BF6;
    border: 1px solid #A0A9FF;
}

.aimain4L1s_top {
    width: 100%;
    height: 158px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    padding: 16px 16px 0 16px;
    background: linear-gradient(180deg, #C4D0FF 0%, #E8E8FF 100%);
}

.aimain4L1s_top_img {
    display: block;
    height: 140px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.aimain4L1s_top_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    transition: transform 0.2s;
   
}
.aimain4L1s_top_img:hover img{

    transform: scale(1.2);
}

.aimain4L1s_bottom {
    height: 134px;
    padding: 15px;
    width: 100%;
}

.aimain4L1s_bottom1 {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.aimain4L1s_bottom1:hover {
    color: #8E8BF6;
}

.verify-code-btn {
    min-width: 100px;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    color: #2B37E3;
}

.verify-code-btn:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.aimain4L1s_bottom2 {
    font-size: 12px;
    height: 42px;
    color: #686868;
    line-height: 21px;
    width: 100%;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aimain4L1s_bottom3 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.aimain1_5mainsp {
    display: block;
    padding: 10px 18px;
    color: #999;
    font-size: 16px;
    line-height: 20px;
    background-color: #f5f5f5;
}

.aimain4L1s_bottom3_1 {
    background: #EFF6FF;
    border: 1px solid #EFF6FF;
    /* box-shadow: 0px 0px 4px 0px #8E8BF6; */
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 12px;
    color: #7F83F5;
    line-height: 14px;
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.aimain4L1s_bottom3_1:hover {
    border: 1px solid #2B37E3;
}

.aimain4L1s_bottom3_2 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.aimain4L1s_bottom3_2_star {
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aimain4L1s_bottom3_2_star:hover {
    cursor: pointer;
}
.aimain4L1s_bottom3_2_star .icon{
    width: 18px;
    height: 18px;
}
.aimain4L1s_bottom3_2_star img {
    width: 100%;
    height: 100%;
}

.aimain4L1s_bottom3_2 span {
    font-size: 12px;
    color: #2B37E3;
    line-height: 18px;
}

.aimain4R {
    width: 256px;
}

.aimain4R h2 {
    font-size: 23px;
    color: #191919;
    line-height: 30px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aimain4R1 {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.aimain4R1s {
    width: 100%;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
}

.aimain4R1s1 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.aimain4R1s1_img {
    display: block;
    width: 38px;
    height: 38px;
}

.aimain4R1s1_img img {
    width: 100%;
    height: 100%;
}

.aimain4R1s1_info {
    width: calc(100% - 46px);
}

.aimain4R1s1_info1 {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #000000;
    line-height: 20px;
}

.aimain4R1s1_info2 {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #656C7C;
    line-height: 16px;
}

.aimain4R1s2 {
    width: 100%;
    font-size: 12px;
    color: #686868;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 14px;
}

.aimain4R1s3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.aimain4R1s3 span {
    font-size: 12px;
    color: #686868;
    line-height: 14px;
}

.aimain5 {
    width: 1380px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-bottom: 40px;
}

.aimain5L {
    flex: 0 0 auto;
}

.aimain5L span {
    font-size: 12px;
    color: #717D92;
    line-height: 22px;
}

.mngfPage {
    display: flex;
    align-items: center;
    gap: 10px;

}

.mngfPage a {
    padding: 4px 12px;
    border: 1px solid #CAD2DD;
    font-size: 14px;
    color: #354052;
    line-height: 22px;
    /* width: 34px; */
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aimain5Ms img {
    width: 6px;
}

.mngfPage a:hover {
    background-color: #2B37E3;
    color: #ffffff;
}

.aimain5R {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 0 0 auto;
}

.aimain5R1 {
    font-size: 12px;
    color: #606E85;
    line-height: 14px;

}

.aimain5R_more {
    width: 52px;
    height: 32px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #CAD2DD;
    border-radius: 2px;
    background: #F8F9FB;
    position: relative;
    cursor: pointer;
}

.aimain5R_more span {
    font-size: 14px;
    color: #354052;
    line-height: 16px;
}

.aimain5R_more img {
    width: 8px;
}

.aimain5R_more_hide {
    position: absolute;
    top: 32px;
    width: 52px;
    display: none;
    flex-direction: column;

    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #ECEDF0;
    border-radius: 2px;
}

.aimain5R_more_hides {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000000;
    line-height: 16px;

}

.aimain5R_more_hides:hover {
    background-color: #E9E9FF;
    color: #2B37E3;
}

.footer {
    width: 1380px;
    margin: 0 auto;
}

.footer1 {
    margin-top: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.footer11,
.footer12,
.footer13,
.footer14,
.footer4 {
    width: 25%;
}

.footer11_title {
    width: 100%;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-weight: 600;
}

.footer11info {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;

}

.footer11s {
    font-size: 16px;
    color: #55616F;
    line-height: 30px;
}

.footer11s:hover {
    color: #2B37E3;
    text-decoration: underline;
}

.footer2 {
    margin-top: 40px;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ECEEF0;
}

.footer3 {
    width: 100%;
    height: auto;
    margin: 40px auto;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 16px;
    color: #55616F;
    line-height: 18px;
}

.footer11infos {
    width: 100%;
    display: flex;
    height: 27px;
    /* align-items: center; */
    gap: 20px;
}

.footer4s {
    width: 22px;
}

.footer4s img {
    width: 100%;
    height: auto;
}

.footer4s:hover img:nth-child(1) {
    display: none;
}

.footer4s img:nth-child(2) {
    display: none;
}

.footer4s:hover img:nth-child(2) {
    display: block;
}

.totop {
    display: none;
    position: fixed;
    left: calc(50% + 700px);
    /* right: 50px; */
    bottom: 100px;
    width: 38px;
    height: 38px;
    z-index: 9;
}

.totop img {
    width: 100%;
}

/* ai_index end */
.aihead_list {
    display: none;
}

.aimain4R_more,
.aimain4L_more {
    display: none;
}

.aiinbody {
    background-color: #F8F9FB;
}

.aiinbody main {
    /* padding-top: 25px; */
    padding-bottom: 25px;
}

.aiin {
    width: 1380px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 34px;
    border-radius: 8px;
}

.aiin1 {
    width: 100%;

}
.aiin1 > p{
    margin-top: 10px;
}

.aiin1_1 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.aiin1_1_title {
    font-size: 32px;
    color: #000000;
    line-height: 40px;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.aiin1_1_out {
    background: #4145F1;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    padding: 0 15px;
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
    flex: 0 0 auto;
    padding-left: 14px;
}
.aiin1_1_out > div{
    width: 20px;
    height: 20px;
}
.aiin1_1_out > div .icon{
    font-size: 20px;
}
.aiin1_1_out img {
    width: 18px;
}

.aiin1_2 {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
    gap: 20px;
}

.aiin1_2_star {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aiin1_2_star .layui-rate li i.layui-icon{
    color: #2B37E3 !important;
}

.aiin1_2_stars {
    display: block;
    width: 18px;
    height: 18px;

}

.aiin1_2_stars img {
    width: 100%;
}

.aiin1_2_star span {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}

.aiin1_2_line {
    display: block;
    width: 1px;
    height: 16px;
    background-color: #D5D5D5;
}

.aiin1_2_sc,
.aiin1_2_time {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aiin1_2_sc img {
    width: 18px;
}
.aiin1_2_time > div{
    width: 18px;
    height: 18px;
}
.aiin1_2_time > div .icon{
    font-size: 18px;
}
.aiin1_2_time img {
    width: 16px;
}

.aiin1_2_sc span,
.aiin1_2_time span {
    font-size: 16px;
    line-height: 18px;
}

.aiin1_3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 20px;
    row-gap: 10px;
}

.aiin1_3s {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 18px;
    transition: 
    filter 0.4s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease;
}

.aiin1_3s:hover {
    filter: brightness(1.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.aiin1_3s:nth-of-type(5n+1) {
    background: #3B82F6;
    /*  */
    border-radius: 4px;
    border: 1px solid #3B82F6;
    color: #FFFFFF;
    /*  */
}

.aiin1_3s:nth-of-type(5n+1):hover {
    border: 1px solid #1D4ED8;
}

.aiin1_3s:nth-of-type(5n+2) {
    background: #7C3AED;
    /*  */
    border-radius: 4px;
    border: 1px solid #7C3AED;
    color: #FFFFFF;
}

.aiin1_3s:nth-of-type(5n+2):hover {
    border: 1px solid #5B21B6;
}

.aiin1_3s:nth-of-type(5n+3) {
    background: #059669;
    /*  */
    border-radius: 4px;
    border: 1px solid #059669;
    color: #FFFFFF;
}

.aiin1_3s:nth-of-type(5n+3):hover {
    border: 1px solid #065F46;
}

.aiin1_3s:nth-of-type(5n+4) {
    background: #F59E42;
    /*  */
    border-radius: 4px;
    border: 1px solid #F59E42;
    color: #FFFFFF;
}

.aiin1_3s:nth-of-type(5n+4):hover {
    border: 1px solid #B45309;
}

.aiin1_3s:nth-of-type(5n+5) {
    background: #DC2626;
    /*  */
    border-radius: 4px;
    border: 1px solid #DC2626;
    color: #FFFFFF;
}

.aiin1_3s:nth-of-type(5n+5):hover {
    border: 1px solid #991B1B;
}
/* 10 */
.aiin1_3 .aiin1_3s:nth-child(n+11) {
    display: none;
  }
  
  /*  */
  .aiin1_3.active .aiin1_3s {
    display: inline-block;
  }
  
  /*  */
  .aiin1_3_btn {
    display: none;
  }
  
  /* 10 */
  .aiin1_3.has-more .aiin1_3_btn {
    display: inline-block;
  }
  
  /* ----------  ---------- */
  
  /*  */
  .aiin1_3_btn_hide {
    display: none;
  }
  
  /*  */
  .aiin1_3.active .aiin1_3_btn_show {
    display: none;
  }
  
  .aiin1_3.active .aiin1_3_btn_hide {
    display: inline-block;
  }
  
  .aiin1_3.active .aiin1_3_btn span {
    display: none;
  }
.aiin_line {
    width: 100%;
    height: 1px;
    background-color: #F0F2F5;
    margin-top: 20px;
    margin-bottom: 20px;
}

.aiin2 {
    width: 100%;
}

.aiin1_2_starF {
    display: flex;
    align-items: center;

}

.aiin2 img {
    max-width: 100%;
    display: block;
    margin: 12px auto;
}

.aiin2 h2 {
    font-size: 24px;
    color: #000000;
    line-height: 24px;
    font-weight: 600;
    margin-top: 22px;
    /* margin-bottom: 20px; */
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    margin-bottom: 12px;
}
.aiin2 h3{
    font-size: 18px;
}

.aiin2 h2:nth-child(1) {
    padding-top: 0;
    border-top: none;
}

/* .aiin2 a{
        color: #1c4efb;
    } */
.aiin2 a {
    color: #6284F9;
    word-break: break-all;
}

.aiin2 a:hover,
.aiin2 a:focus {
    color: #0a2ea4;
    text-decoration: underline;
}

.aiin2 p,
.aiin2 ul,
.aiin2 ol,
.aiin2 li,
.aiin2 div,
.aiin2 {
    font-size: 20px;
    color: #3A4045;
    line-height: 35px;
    word-break: break-all;
}

.aiin2 p {
    margin: 4px 0;
    font-size: 18px;
    text-align: left !important;

}

.aiin2 ul,
.aiin2 ol {
    margin-top: 15px;
    margin-bottom: 15px;
}

.aiin2 li {
    font-size: 18px;
}

.aiin2img {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow-x: auto;
    height: 240px;
}
.aiin2img::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  .aiin2img::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 2.5px;
  }
  
  .aiin2img::-webkit-scrollbar-thumb {
    background: #E6E7E9;
    border-radius: 2.5px;
  }
  
  .aiin2img::-webkit-scrollbar-thumb:hover {
    background: #777;
  }
.aiin2img > a{
    padding: 35px;
    flex: 0 0 auto;
    background: linear-gradient(180deg, #C4D0FF 0%, #E8E8FF 100%);
    border-radius: 10px;
    border: 1px solid #A0A9FF;
    height: 100%;
    display: flex;
}

.aiin2imgs {
    height: 100%;

}

.aiin2imgs img {
    width: auto;
    height: 100%;
    margin: 0;
    border-radius: 10px;
}
.aiin2imgs img:hover{
    cursor: zoom-in;
}

.aiin3 {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    row-gap: 10px;
}

.aiin3s {
    padding: 10px 13px;
    font-size: 14px;
    color: #191919;
    line-height: 16px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    background: #FFFFFF;
}
.aiin3s:hover{
    border-color: #2B37E3;
    color: #2B37E3;
}

.aiin3s.on {
    background: #2B37E3;
    border: 1px solid #2B37E3;
    color: #ffffff;
}

/* .aiin3s:hover{
        border: 1px solid #2B37E3;
        color: #2B37E3;
    } */

.aiin4 {
    width: 100%;
    margin-top: 30px;
    display: flex;
    gap: 15px;
}

.aiin5_reviews {
    padding: 20px 0;
    background: #fff;
    border-radius: 8px;

}

.rating-stars {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.star-rating {
    display: flex;
    gap: 5px;
    margin-right: 10px;
}

.star-rating img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.rating-text {
    color: #333;
    font-size: 16px;
}

.review-section h3 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

.user-rating {
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
    color: #999999;
}

.user-rating i {
    cursor: pointer;
}

.user-rating i.red {
    color: #ffbe14;
}

.aiin1_2_sc img {
    cursor: pointer;
}

#comment_length {
    display: inline-block;
    /* width: fit-content; */
    text-align: right;
    position: relative;
    top: -45px;
    right: 5px;
}

.user-rating img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.review-input {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    resize: none;
}

.review-actions {
    text-align: left;
}

.submit-review {
    padding: 8px 20px;
    background: #2B37E3;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.submit-review:hover {
    background: #4f46e5;
}

.review-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.user-avatar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.avatar-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
}

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

.review-input-container {
    display: flex;
    gap: 15px;
}

.review-input-container .avatar-img {
    flex-shrink: 0;
}

.review-content {
    width: 1251px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.review-content .edui-default .edui-editor {
    width: 100% !important;
    z-index: 1 !important;
    min-width: 1px;
}

.aiin4s {
    width: calc(25% - 11px);
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #A0A9FF;
}
.aiin4s:hover{
    box-shadow: 0px 0px 4px 0px #8E8BF6;
    border: 1px solid #A0A9FF;
}
.aiin4s:hover .aiin4s_title{
    color: #2B37E3;
}

.aiin4s_top {
    width: 100%;
    padding: 10px 10px 0 10px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #C4D0FF 0%, #E8E8FF 100%);
}

.aiin4s_img {
    display: block;
    width: 100%;
    height: 100%;
}

.aiin4s_img img {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0 0;
}

.aiin4s_bottom {
    padding: 10px;
    border-radius: 0 0 8px 8px;
    width: 100%;
}

.aiin4s_title {
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    font-weight: 600;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aiin4s_bottom span {
    width: 100%;
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #686868;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aiin5 {
    width: 100%;
    margin-top: 30px;
}

.aiin5_title {
    width: 100%;

    font-size: 28px;
    color: #000000;
    line-height: 30px;
}

.aiin5_bottom {
    width: 100%;

    display: flex;
    flex-direction: column;

}

.aiin5s {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #F0F2F5;
}

.aiin5s:last-child {
    border-bottom: none;
}

.aiin5s_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aiin5s_star {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aiin5s_info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aiin5s_img {
    width: 44px;
    height: 44px;
}

.aiin5s_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.aiin5sinfos {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.aiin5s_name {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}

.aiin5s_time {
    display: block;
    font-size: 16px;
    color: #6C6C6C;
    line-height: 18px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aiin5s_star img {
    width: 17px;

}

.aiin5s_bottom {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    margin-left: 54px;
}

.flmain .aimain1_4 {
    margin-top: 40px;
}

.flmain2 {
    width: 1380px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
}

.flmain2L {
    width: 265px;
    background: #F8F9FB;
    flex: 0 0 auto;
}

.flmain2R {
    flex: 1;
    background-color: #F8F9FB;
}

.flmain2L_title {
    font-size: 24px;
    font-weight: 600;
    padding: 20px 0;
}

.flmain2L_item {
    display: flex;
    font-size: 16px;
    align-items: center;
    padding: 0px 5px;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
    padding-right: 10px;
}

.flmain2L_item img:nth-child(2) {
    display: none;
}

.flmain2L_item img:nth-child(1) {
    display: block;
}

.flmain2L_item.active img:nth-child(2) {
    display: block;
}

.flmain2L_item.active img:nth-child(1) {
    display: none;
}

.flmain2L_item img {
    width: 40px;
}

.flmain2L_item:hover {
    background: #F0F7FF;

}

.flmain2L_item_m_list .flmain2L_list {
    max-height: calc(100% - 60px);
    overflow-y: auto;
    padding-right: 10px;
}


.flmain2L_item_m_list .flmain2L_list::-webkit-scrollbar {
    width: 4px;
}

.flmain2L_item_m_list .flmain2L_list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.flmain2L_item_m_list .flmain2L_list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}

.flmain2L_item_m_list .flmain2L_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.flmain2L_item.active {
    background: #F0F7FF;
    color: #3E7BFA;
    box-shadow: 2px 2px 4px rgba(62, 123, 250, 1);
}

.flmain2L_item_m {
    background: #F0F7FF;
    color: #3E7BFA;
    box-shadow: 2px 2px 4px rgba(62, 123, 250, 1);
}

.flmain2L_icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.flbody main {
    /* background: linear-gradient(to right, #fff, #F8F9FB); */
    background: #F8F9FB;
}

.flmain2L_item span {
    flex: 1;
}

.flmain2L_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 999;
}

.flmain2L_item em {
    font-style: normal;
    color: #999;
    margin-left: auto;
}

.flmain2L_item.active em {
    color: #3E7BFA;
}

.flmain2R_title {
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
    color: #191919;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}
.flmain2R_title img{
    width: 16px;
}
.flmain2R_cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0 20px;
    padding-right: 0;
}

.flmain2R_items {
    width: 100%;
    padding: 20px;
    padding-right: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-top: 0;
}

.flmain2R_item {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid #ffffff;
}

.flmain2R_item:hover {
    border: 1px solid #A0A9FF;
}

.flmain2R_item.hoton .hot {
    display: flex;
}

.hot {
    display: none;
    position: absolute;
    width: 38px;
    height: 16px;
    background: #EF4444;
    border-radius: 8px 2px 8px 0px;
    top: -8px;
    right: 12px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}

.flmain2R_item_left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flmain2R_item_icon {
    width: 42px;
    height: 42px;
    background: #EFEFFD;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 8px;
}

.flmain2R_item_icon img {
    width: 26px;
}

.flmain2R_item .score {
    width: 46px;
    height: 26px;
    background: #DBEAFE;
    border-radius: 2px;
    color: #2B37E3;
    font-size: 14px;
    line-height: 16px;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.flmain2R_item_info {
    width: calc(100% - 96px);

}

.flmain2R_item_title {
    width: 232px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #333333;
    line-height: 21px;
}

.flmain2R_item_desc {
    width: 232px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #656C7C;
    line-height: 16px;
    margin-top: 3px;
}

.flmain2R_item_right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.flmain2R_item_stats {
    display: flex;
    align-items: center;
    gap: 5px;
}

.flmain2R_item_stats img {
    width: 16px;
}

.flmain2R_item_stats span {
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}

.flmain {
    position: relative;
    /* z-index: 1; */
}

.flmain2L {
    position: relative;
    z-index: 1;
}

.flmain2R_item_rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

.flmain2R_item_rating img {
    width: 18px;
}

.flmain2R_item_rating span {
    font-size: 12px;
    color: #6B7280;
}

.flmainnav {
    display: none;
}

.flmain2L_item_m {
    display: none;
}

.flmain2L_item_m_list {
    display: none;
}

.flmain2L_item_m_list {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 999999;

    transform: translateZ(0);

    transition: all 0.3s ease;
}

.phmain1 {
    width: 1380px;
    margin: 20px auto;
}

.phmain1_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phmain1_top_title {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    font-weight: 600;
}

.phmain1_top_time,
.phmain1_top_times {
    width: 190px;
    height: 40px;
    border: 1px solid #E5E7EB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
}

.phmain1_top_times {
    display: none;
}

.phmain1_top_times img {
    width: 9px;
}

.phmain1_top_times span {
    font-size: 12px !important;
    color: #333333 !important;
    line-height: 14px !important;
}

.phmain1_top_time:hover {
    border: 1px solid #2B37E3;
}

.phmain1_top_time span {
    font-size: 16px;
    color: #6B7280;
    line-height: 24px;
}

.phmain1_top_time img {
    width: 16px;
    height: 16px;
}

.phmain1_bottom {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phmain1_bottoms {
    width: 446px;
    height: 172px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    padding: 30px;
    background-color: #ffffff;
    display: flex;
    gap: 20px;
    position: relative;
}

.phmain1_bottoms:hover {
    border: 1px solid #2B37E3;
}

.phmain1_bottoms_tops {
    position: absolute;
    right: 00px;
    width: 83px;
    top: -26px;
}

.phmain1_bottoms_top {
    width: 32px;
    height: 36px;
}

.phmain1_bottoms_info {
    width: calc(100% - 53px);
}

.phmain1_bottoms_name {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #191919;
    line-height: 21px;
}

.phmain1_bottoms_info p {
    margin-top: 10px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #6B7280;
    line-height: 16px;

}

.phmain1_bottoms_infos {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phmain1_bottoms_infos_1 {
    display: flex;
    align-items: center;
    gap: 5px;
}

.phmain1_bottoms_infos_1 span {
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}

.phmain1_bottoms_infos_1 img {
    height: 14px;
    width: auto;
}

.phmain2 {
    width: 1380px;
    margin: 40px auto;
}

.phmain2_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.phmain2_top span {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    font-weight: 600;
}

.phmain2_top span strong {
    color: #2B37E3;
}

.phmain2_topa {
    display: flex;
    align-items: center;
    gap: 20px;
}

.phmain2_topas {
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ffffff;
}

.phmain2_topas:hover {
    border: 1px solid #2B37E3;
    color: #2B37E3;
}

.phmain2_topas.on {
    background: #2B37E3;
    color: #ffffff;
}

.phmain2_bottom {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 40px;
}

.phmain2_bottoms {
    width: 100%;
    padding: 40px;

    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
}

.phmain2_bottoms:hover {
    border: 1px solid #2B37E3;
}

.phmain2_bottoms_img {
    width: 36px;
    margin-right: 15px;
}

.phmain2_bottoms_info {
    width: calc(100% - 246px);
}

.phmain2_bottoms_info_top {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.phmain2_bottoms_info_top1 {
    font-size: 18px;
    color: #191919;
    line-height: 21px;
    font-weight: 600;
    width: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.phmain2_bottoms_info_top2 {
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
    padding: 5px 8px;
    flex: 0 0 auto;
    background: #EFF6FF;
    border-radius: 12px 4px 12px 0px;
}

.phmain2_bottoms_info_top3 {
    font-size: 12px;
    color: #1EA34C;
    line-height: 14px;
    padding: 5px 8px;
    flex: 0 0 auto;
    background: #F0FDF4;
    border-radius: 12px 4px 12px 0px;
}

.phmain2_bottoms_info_bottom {
    margin-top: 10px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #6B7280;
    font-size: 14px;
    line-height: 16px;
}

.phmain2_bottoms_b1 {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.phmain2_bottoms_b1 span:nth-child(1) {
    font-size: 24px;
    line-height: 29px;
}

.phmain2_bottoms_b1 span:nth-child(2) {
    color: #6B7280;
    font-size: 12px;
    line-height: 14px;
}

.phmain2_bottoms_b2 {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.phmain2_bottoms_b2 span:nth-child(1) {
    font-size: 24px;
    line-height: 29px;
}

.phmain2_bottoms_b2 span:nth-child(2) {
    color: #6B7280;
    font-size: 12px;
    line-height: 14px;
}

.phmain2_bottoms_img4 {
    width: 36px;
    height: 44px;
    font-size: 40px;
    color: #2B37E3;
    line-height: 45px;
    text-align: center;
    margin-right: 15px;
}

.phmain1_top_time_main {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    flex-direction: column;
}
.phmain1_top_time_main_sp{
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    flex-direction: column;

}
.phmain1_top_time:hover{
    cursor: pointer;
}
.phmain1_top_time_main_spsf{
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.phmain1_top_time_main_sps{
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
}
.phmain1_top_time_main_sps:hover,
.phmain1_top_time_main_sps.on{
    background-color: #E9E9FF;
    color: #2B37E3;
}
.phmain1_top_time {
    position: relative;
}

.phmain1_top_time_main_top {
    width: 100%;
    height: 240px;
    display: flex;
    border-bottom: 1px solid #F2F0F5;
}

.phmain1_top_time_main_top1 {
    width: 70px;
    height: 240px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    &::-webkit-scrollbar {
        display: none;
    }

    scrollbar-width: none;

    -ms-overflow-style: none;
}

.phmain1_top_time_M {
    font-size: 16px;
    color: #354052;
    line-height: 24px;
    padding: 5px 10px;
    text-align: center;
}

.phmain1_top_time_M.on {
    background-color: #E9E9FF;
    color: #2B37E3;
}

.phmain1_top_time_main_top2 {
    width: calc(100% - 70px);
    height: 240px;
    border-left: 1px solid #F2F0F5;
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    &::-webkit-scrollbar {
        display: none;
    }

    scrollbar-width: none;

    -ms-overflow-style: none;
}

.phmain1_top_time_Y {
    font-size: 16px;
    color: #354052;
    line-height: 24px;
    padding: 5px 10px;
    text-align: center;
}

.phmain1_top_time_Y.on {
    background-color: #E9E9FF;
    color: #2B37E3;
}

.phmain1_top_time_main_bottom {
    display: flex;
    justify-content: right;
    padding: 10px;
}

.phmain1_top_time_main_bottom a {
    color: #2B37E3;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #2B37E3;
    padding: 2px 5px;
}

.ai_tools {
    width: 1380px;
    margin: 0 auto;
    display: flex;
}

.ai_tools_body main {
    background: linear-gradient(to right, #fff, #F8F9FB);

}

.ai_toolsL {
    width: 256px;
    background-color: #ffffff;
}

.ai_toolsL_list {
    width: 256px;
    background-color: #ffffff;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ai_toolsL_item > div{
    width: 18px;
    height: 18px;
}
.ai_toolsL_item > div .icon{
    font-size: 18px;
}
.ai_toolsL_item.active {
    background: #EEF2FF;
    border-radius: 4px;
    color: #2B37E3;
}
.ai_toolsL_item.active .icon{
    color: #2B37E3;
}
.ai_toolsL_item.active > div:nth-child(1){
    display: none;
}
.ai_toolsL_item.active > div:nth-child(2){
    display: block;
}

.ai_toolsL_item > div:nth-child(2){
    display: none;
}
.ai_toolsL_item.active img:nth-child(2) {
    display: block;
}

.ai_toolsL_item.active img:nth-child(1) {
    display: none;
}

.ai_toolsL_item:hover {
    background: #EEF2FF;
    border-radius: 4px;

}

.ai_toolsL_item.active span {
    color: #2B37E3;
}

.ai_toolsL_item span {
    color: #2B2D30;
    font-size: 16px;
    line-height: 18px;
}

.ai_toolsL_item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
}

.ai_toolsL_item img {
    width: 14px;
}

.ai_toolsL_item img:nth-child(2) {
    display: none;
}

.ai_toolsR {
    width: calc(100% - 256px);
    background-color: #F8F9FB;
}

.ai_toolsR {
    padding: 0px 0 30px 30px;
}

.ai_toolsR_top {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    border-radius: 8px;
}

.ai_toolsR_tops {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #333333;
    border-radius: 8px;
}

.ai_toolsR_tops:hover {
    border: 1px solid #2B37E3;
    color: #2B37E3;
}

.ai_toolsR_tops.on {
    background: #2B37E3;
    border: 1px solid #2B37E3;
    color: #ffffff;
}

.ai_toolsR_bottom {
    width: 100%;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 256px);
    justify-content: space-between;
    row-gap: 20px;
}

.ai_toolsR_bottoms {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #A0A9FF;
    overflow: hidden;
    background: linear-gradient(180deg, #C4D0FF 0%, #E8E8FF 100%);
}

.ai_toolsR_bottoms:hover {
    box-shadow: 0px 0px 4px 0px #8E8BF6;
}

.ai_toolsR_bottoms_top {
    width: 100%;
    border-radius: 8px 8px 0 0;
    aspect-ratio: 16/9;
    padding: 15px 15px 0 15px;
   
}

.ai_toolsR_bottoms_top_img {
    width: 100%;
    display: block;
    height: 100%;
}

.ai_toolsR_bottoms_top_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
}

.ai_toolsR_bottoms_info {
    padding: 15px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

.ai_toolsR_bottoms_title {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    font-weight: 600;
}

.ai_toolsR_bottoms_p {
    margin-top: 10px;
    font-size: 12px;
    color: #a8a8a8;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
}

.ai_toolsR_bottoms_infos {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ai_toolsR_bottoms_infos1 {
    display: flex;
    align-items: center;
    gap: 5px;

}

.ai_toolsR_bottoms_infos1 img {
    width: 15px;
}

.ai_toolsR_bottoms_infos1 span {
    font-size: 12px;
    color: #888D99;
    line-height: 14px;
}

.aai_toolsR_bottoms_infos2 {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: #2B37E3;
    border-radius: 4px;
    padding-right: 9px;
}

.aai_toolsR_bottoms_infos2:hover {
    background: #4E46E5;
}

.aai_toolsR_bottoms_infos2 img {
    width: 14px;
}

.aai_toolsR_bottoms_infos2 span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 14px;
}

.mngfPage {
    width: 100%;
    display: flex;
    justify-content: center;
    /* margin-top: 20px; */
}

.ai_toolsL_list_M {
    display: none;
}

.main_none {
    width: 1380px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 130px;
}

.main_none img {
    width: 440px;
    margin-top: 130px;

}

.main_none span:nth-child(2) {
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    font-weight: 600;
}

.main_none span:nth-child(3) {
    font-size: 16px;
    color: #6B7280;
    line-height: 18px;
}

.tjmain1 {
    width: 1380px;
    margin: 36px auto;
    background-color: #ffffff;
    padding: 60px;
    border-radius: 8px;
}

.tjmain1_title {
    width: 100%;
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-weight: 600;
}

.tjmain1_name {
    width: 100%;
    margin-top: 40px;

}

.tjmain1_titles {
    width: 100%;
    font-size: 18px;
    color: #000000;
    line-height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-weight: 600;
}

.tjmain1_names {
    width: 100%;
    margin-top: 15px;
    height: 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D2D8E5;
    border-radius: 4px;
}

.tjmain1_names:has(input:focus) {
    border-color: #2B37E3;
}

.tjmain1_names input {
    border-radius: 4px;
    width: calc(100% - 100px);
    height: 100%;
    border: none;
    outline: none;
    padding-left: 25px;
    font-size: 18px;
    line-height: 21px;
}

.tjmain1_names input::placeholder {
    color: #B9B9B9;
}

.tjmain1_names span {
    font-size: 18px;
    color: #707D91;
    line-height: 21px;
    padding-right: 25px;
}

.tjmain1_des {
    width: 100%;
    margin-top: 30px;
}

.tjmain1_dess {
    width: 100%;
    margin-top: 15px;
    /* height: 250px; */
    /* border: 1px solid #D2D8E5; */
    border-radius: 4px;
    position: relative;
}

.tjmain1_dess:has(textarea:focus) {
    border-color: #2B37E3;
}

.tjmain1_dess span {
    /* position: absolute; */
    font-size: 18px;
    color: #707D91;
    line-height: 21px;
    bottom: 25px;
    right: 25px;
}

.tjmain1_dess textarea {
    border-radius: 4px;
    width: 100%;
    height: 248px;
    border: none;
    outline: none;
    padding: 25px;
    font-size: 18px;
    line-height: 21px;
    resize: none;
}

.tjmain1_dess textarea::placeholder {
    color: #B9B9B9;
}

.tjmain1_type {
    width: 100%;
    margin-top: 30px;
}

.tjmain1_types {
    width: 100%;
    margin-top: 15px;
    height: 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D2D8E5;
    border-radius: 4px;
}

.tjmain1_types input {
    border-radius: 4px;
    width: calc(100% - 100px);
    height: 100%;
    border: none;
    outline: none;
    padding-left: 25px;
    font-size: 18px;
    line-height: 21px;
}

.tjmain1_types:has(input:focus) {
    border-color: #2B37E3;
}

.tjmain1_types input::placeholder {
    color: #B9B9B9;

}

.tjmain1_types img {
    width: 20px;
    margin-right: 25px;
}

.tjmain1_email {
    width: 100%;
    margin-top: 30px;
}

.tjmain1_emails {
    width: 100%;
    margin-top: 15px;
    height: 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D2D8E5;
    border-radius: 4px;
}

.tjmain1_emails input {
    border-radius: 4px;
    width: calc(100% - 100px);
    height: 100%;
    border: none;
    outline: none;
    padding-left: 25px;
    font-size: 18px;
    line-height: 21px;
}

.tjmain1_emails:has(input:focus) {
    border-color: #2B37E3;
}

.tjmain1_emails input::placeholder {
    color: #B9B9B9;
}

.tjmain1_emails span {
    font-size: 18px;
    color: #707D91;
    line-height: 21px;
    padding-right: 25px;
}

.tjmain1_Submit {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: right;
    gap: 40px;
    background: #F8F9FB;
    align-items: center;
    padding: 26px 34px;
    border-radius: 4px;
}
.tjmain1_Submit > div{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tjmain1_Submit > div > span:first-of-type{
    font-size: 36px;
    color: #000000;
    line-height: 42px;
    font-weight: bold;
}
.tjmain1_Submit > div > span:last-of-type{
    font-size: 16px;
    color: #5C5C5E;
    line-height: 18px;
}

.tjmain1_Reset {
    border-radius: 8px;
    border: 1px solid #2B37E3;
    font-size: 18px;
    color: #2B37E3;
    line-height: 20px;
    padding: 14px 36px;
}

.tjmain1_Submits {
    /* width: 144px; */
    border-radius: 8px;
    background: #2B37E3;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 14px 36px;
    text-align: center;
}

.tjmain2 {
    width: 1380px;
    margin: 60px auto;
}

.tjmain2_title {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    font-weight: 600;
}

.tjmain2s {
    width: 100%;
    margin-top: 20px;
    height: 374px;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
}

.tjmain2sL {
    width: 50%;
    height: 100%;
}

.tjmain2sL img {
    width: 100%;
    height: 100%;
}

.tjmain2sR {
    width: 50%;
    background-color: #ffffff;
    padding: 50px;

}

.tjmain2sR_title {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    font-weight: 600;
    display: block;
}

.tjmain2sRs {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.tjmain2sRs:nth-child(2) {
    margin-top: 40px;
}

.tjmain2sRs img {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.tjmain2sRs span {
    font-size: 18px;
    color: #191919;
    line-height: 21px;
}

.tjmain3 {
    width: 1380px;
    margin: 60px auto;
}

.tjmain3_title {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    font-weight: 600;
    display: block;
}

.tjmain3main {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 60px;
}

.tjmain3s {
    width: 100%;
    padding: 40px;
    display: flex;
    gap: 20px;
    background-color: #ffffff;
    border-radius: 8px;
}

.tjmain3s img {
    width: 38px;
    height: 38px;
}

.tjmain3s_info {
    width: calc(100% - 58px);

}

.tjmain3s_info1 {
    width: 100%;
    display: block;
    font-size: 18px;
    color: #191919;
    line-height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}

.tjmain3s_info2 {
    width: 100%;
    display: block;
    font-size: 16px;
    color: #6B7280;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
}

.tjmain1_type {
    position: relative;
}

.tjmain1_type_hide {
    position: absolute;
    top: 100%;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px 2px 4px 0px rgba(40, 41, 61, 0.04);
    background: #FFFFFF;
    display: none;
    border-radius: 4px;
}

.tjmain1_type_hide_pc {

    width: 100%;
    display: flex;
    max-height: 500px;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.tjmain1_type_hides {
    width: 100%;
    font-size: 18px;
    color: #354052;
    line-height: 22px;
    padding: 10px;
}

.tjmain1_type_hides:hover {
    background: #E9E9FF;
    color: #2B37E3;
}

.tjmain1_type_hide_m {
    display: none;
}

.ssmain1 {
    width: 1380px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ssmain1 > div{
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}
.ssmain1 > div .icon{
    font-size: 18px;
}
.ssmain1s {
    font-size: 16px;
    color: #777777;
    line-height: 18px;
    display: flex;
    align-items: center;
    
}
.homeimg{
    width: 18px !important;
    height: auto;
    margin-right: 6px;
}

.ssmain1s:hover {
    color: #2B37E3;
}

.ssmain1 img {
    width: 4px;
}

.ssmain1 span {
    font-size: 16px;
    color: #333333;

    line-height: 18px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ssmain2 {
    width: 1380px;
    margin: 20px auto;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    row-gap: 15px;
}

.ssmain2_title {
    font-size: 18px;
    line-height: 21px;
}

.ssmain2s {
    font-size: 14px;
    color: #191919;
    line-height: 16px;
    border: 1px solid #D5D5D5;
    padding: 10px 17px;
    border-radius: 4px;
}

.ssmain2s:hover {
    color: #2B37E3;
    border: 1px solid #2B37E3;
}

.ssmain2s.on {
    color: #ffffff;
    background-color: #2B37E3;
    border: 1px solid #2B37E3;
}

.ssmain3 {
    width: 1380px;
    margin: 40px auto;
    background-color: #ffffff;
    padding-bottom: 1px;
}
.ssmain3 .model_list_main2 .model-table{
    border-radius: 0;
    padding: 10px;
}
.ssmain3 .model_list_main2{
    padding-bottom: 1px;

}
.ssmain3 .aimain5_sp{
    background-color: #ffffff;
    margin: 20px auto;
}
.aidh_body main{
   padding-bottom: 1px;
}
.ssmain3_top {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
    background-color: #F8F9FB;
    border-bottom: 1px solid #E5E5E5;
}

.ssmain3_tops {
    font-size: 24px;
    color: #666666;
    line-height: 28px;

}

.ssmain3_tops.on {
    color: #2B37E3;
    font-weight: 600;
    border-bottom: 2px solid #2B37E3;
}

.ssmain3_bottom {
    width: 100%;
    padding-bottom: 30px;
}

.ssmain3_bottoms {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
}

.ssmain3_bottoms:hover {
    border: 1px solid #2B37E3;
}

.ssmain3_bottoms_title {
    font-size: 18px;
    color: #191919;
    line-height: 21px;
    font-weight: 600;
}

.ssmain3_bottoms p {
    font-size: 16px;
    color: #6B7280;
    line-height: 24px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ssmain3_bottoms_a {
    font-size: 16px;
    color: #2B37E3;
    line-height: 18px;
    margin-top: 10px;
}

.zxmain1 {
    width: 1380px;
    margin: 20px auto;
}

.zxmain1_title {
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    font-weight: 600;
}

.zxmain1_nav {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.zxmain1_navs {
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    padding: 8px 10px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
}

.zxmain1_navs.on {
    background: #2B37E3;
    color: #ffffff;
    border: 1px solid #2B37E3;
}
.zxmain1_navs.on:hover{
    color: #ffffff;
}

.zxmain1_navs:hover {
    border: 1px solid #2B37E3;
    color: #2B37E3;
}

.zxmain1_bottom {
    width: 100%;
    /* margin-top: 20px; */
    padding-bottom: 30px;
}

.zxmain1_bottoms {
    margin-top: 20px;
    width: 100%;
    padding: 25px;
    display: flex;
    gap: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #ffffff;
}

.zxmain1_bottoms:hover {
    border: 1px solid #2B37E3;
}

.zxmain1_bottoms_img {
    display: block;
    width: 244px;
    height: 138px;

}

.zxmain1_bottoms_img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.zxmain1_bottoms_info {
    width: calc(100% - 254px);
}

.zxmain1_bottoms_title {
    width: 100%;
    font-size: 18px;
    color: #32383E;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.zxmain1_bottoms_info1 {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.zxmain1_bottoms_info1_img {
    width: 20px;
    height: 20px;
    display: block;
}

.zxmain1_bottoms_info1_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.zxmain1_bottoms_info1_title {
    font-size: 16px;
    color: #666666;
    line-height: 18px;
}

.zxmain1_bottoms_info1s {
    display: flex;
    align-items: center;
    gap: 5px;
}
.zxmain1_bottoms_info1s > div{
    width: 18px;
    height: 18px;
}
.zxmain1_bottoms_info1s > div .icon{
    font-size: 18px;
    color: #999999;
}
.zxmain1_bottoms_info1s img {
    width: 16px;
    height: 16px;
}

.zxmain1_bottoms_info1s span {
    font-size: 16px;
    color: #A6B0C3;
    line-height: 18px;
}

.zxmain1_bottoms_info2 {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zxmain1_bottoms_info21 {
    width: calc(100% - 180px);
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    overflow: hidden;
    height: 26px;
}

.zxmain1_bottoms_info21 a {
    font-size: 12px;
    color: #7F83F5;
    line-height: 14px;
    background: #EFF6FF;
    border: 1px solid #EFF6FF;
    border-radius: 4px;
    padding: 5px 10px;
}

.zxmain1_bottoms_info22 {
    width: 180px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.zxmain1_bottoms_info22s {
    display: flex;
    align-items: center;
    gap: 10px;
}
.zxmain1_bottoms_info22s > div{
    width: 18px;
    height: 18px;
}
.zxmain1_bottoms_info22s > div .icon{
    font-size: 18px;
    color: #888888;
}
.zxmain1_bottoms_info22s img {
    width: 18px;
}

.zxmain1_bottoms_info22s span {
    font-size: 14px;
    color: #9CA3AF;
    line-height: 16px;
}

.zxnymain {
    width: 1380px;
    margin: 0 auto;
}

.zxnymain .ssmain1 {
    margin: 0;
    padding-top: 20px;
}

.zxnymains {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.zxnymainsL {
    width: 1060px;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
}

.zxnymainsL>h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;

}

.zxnymainsL_line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #F0F2F5;
    margin-top: 20px;
}

.zxnymainsL1 {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 100px;
}

.zxnymainsL1 img {
    width: 20px;
}

.zxnymainsL1 span {
    font-size: 16px;
    color: #6B7280;
    line-height: 18px;
}

.zxnymainsL1_time,
.zxnymainsL1_man,
.zxnymainsL1_times {
    display: flex;
    align-items: center;
    gap: 10px;
}
.zxnymainsL1_man > div,
.zxnymainsL1_time > div{
    width: 20px;
    height: 20px;

}
.zxnymainsL1_times > div{
    width: 22px;
    height: 22px;
}
.zxnymainsL1_man > div .icon,
.zxnymainsL1_time > div .icon{
    font-size: 20px;
}
.zxnymainsL1_times > div .icon{
    font-size: 22px;
}

.zxnymainsL1_time:hover  > div:nth-child(2),
.zxnymainsL1_man:hover  > div:nth-child(2),
.zxnymainsL1_times:hover  > div:nth-child(2) {
    display: block;
}

.zxnymainsL1_time:hover  > div:nth-child(1),
.zxnymainsL1_man:hover  > div:nth-child(1),
.zxnymainsL1_times:hover  > div:nth-child(1) {
    display: none;
}

.zxnymainsL1_time  > div:nth-child(2),
.zxnymainsL1_man  > div:nth-child(2),
.zxnymainsL1_times  > div:nth-child(2) {
    display: none;
}



.zxnymainsL1_time:hover span,
.zxnymainsL1_man:hover span,
.zxnymainsL1_times:hover span,
.zxnymainsL1_man:hover a {
    color: #2B37E3;
}

.zxnymainsL1_time:hover img:nth-child(2),
.zxnymainsL1_man:hover img:nth-child(2),
.zxnymainsL1_times:hover img:nth-child(2) {
    display: block;
}

.zxnymainsL1_time:hover img:nth-child(1),
.zxnymainsL1_man:hover img:nth-child(1),
.zxnymainsL1_times:hover img:nth-child(1) {
    display: none;
}

.zxnymainsL1_time img:nth-child(2),
.zxnymainsL1_man img:nth-child(2),
.zxnymainsL1_times img:nth-child(2) {
    display: none;
}

.zxnymainsL2 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

.zxnymainsL2s {

    font-size: 14px;
    color: #191919;
    line-height: 16px;
    padding: 10px 13px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
}

.zxnymainsL2s:hover {
    color: #2B37E3;
    border: 1px solid #2B37E3;
}

.zxnymainsL3 {
    width: 100%;
    margin-top: 20px;
}

.zxnymainsL3,
.zxnymainsL3 p,
.zxnymainsL3 ul,
.zxnymainsL3 div {
    font-size: 18px;
    color: #58667E;
    line-height: 28px;
    margin: 20px auto;
}

.zxnymainsL3 p {
    color: #333333;
    /* text-indent: 2em; */
    /* padding-left: 10px; */
    line-height: 30px;
}

.zxnymainsL3 ul,
.zxnymainsL3 ol {
    padding-left: 30px;
    color: #333333;
}

.zxnymainsL3 li {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin: 10px 0;
}

.zxnymainsL3 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px 0 rgba(99, 102, 241, 0.10);
    margin: 32px 0;
    font-size: 16px;
    border: 1.5px solid #2B37E3;
}

.zxnymainsL3 table thead th {
    border: none;
}

.zxnymainsL3 table thead td {
    border: none;
}

.zxnymainsL3 table tbody th {
    border: none;
    border-radius: 0 !important;
}

.zxnymainsL3 table tbody td {
    border: none;
    border-radius: 0 !important;
}

.zxnymainsL3 th,
.zxnymainsL3 td {
    padding: 16px 20px;
    text-align: left;
}

.zxnymainsL3 th {
    background: linear-gradient(90deg, #2B37E3 0%, #939df9 100%);
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    border-bottom: 2px solid #2B37E3;
}

.zxnymainsL3 tr:not(:last-child) td {
    border-bottom: 1px solid #E5E7EB;
}

.zxnymainsL3 td {
    color: #444;
    background: #fff;
    transition: background 0.2s;
}

.zxnymainsL3 tr:hover td {
    background: #F1F5FF;
}

.zxnymainsL3 th:first-child,
.zxnymainsL3 td:first-child {
    border-top-left-radius: 14px;
}

.zxnymainsL3 th:last-child,
.zxnymainsL3 td:last-child {
    border-top-right-radius: 14px;
}

.zxnymainsL3 li strong {
    font-size: 18px;
}
#score-sort,
#last-updated-sort{
    text-align: center;
    line-height: 18px;
}
#score-sort > div,
#last-updated-sort > div{
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}
#score-sort > div .icon,
#last-updated-sort > div .icon{
    font-size: 16px;
    margin: 0;
    margin-bottom: 2px;
}

.zxnymainsL3 h1,
.zxnymainsL3 h2,
.zxnymainsL3 h3,
.zxnymainsL3 h4 {
    width: 100%;
    font-weight: 700;
    color: #222;
    margin: 20px 0 18px 0;
    /* padding-left: 18px; */
    position: relative;
    background: none;
    letter-spacing: 1px;
}

/* .zxnymainsL3 h1::before,
    .zxnymainsL3 h2::before,
    .zxnymainsL3 h3::before,
    .zxnymainsL3 h4::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;

        width: 6px;
        height: 100%;
        border-radius: 4px;
        background: linear-gradient(180deg, #2B37E3 0%, #818CF8 100%);
    } */

.zxnymainsL3 h1 {
    font-size: 2.1em;
    line-height: 1.3;
    border-left: none;
}

.zxnymainsL3 h2 {
    font-size: 1.6em;
    line-height: 1.3;
    border-left: none;
}

.zxnymainsL3 h3 {
    font-size: 1.25em;
    line-height: 1.3;
    border-left: none;
}

.zxnymainsL3 h4 {
    font-size: 1.1em;
    line-height: 1.3;
    border-left: none;
}

.zxnymainsL3 h1 {
    text-shadow: 0 2px 8px rgba(99, 102, 241, 0.08);
}

.zxnymainsL3 h2 {
    text-shadow: 0 1px 4px rgba(99, 102, 241, 0.06);
}



.flmain2L_item_m_sp {
    display: none;
}

.zxnymainsL3 p a {
    color: #2B37E3;
    text-decoration: underline;
}

.zxnymainsL3 p img {
    display: block;
    min-width: 70%;
    max-width: 100%;
    margin: 10px auto;
}

.zxnymainsL4 {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zxnymainsL4L {
    display: flex;
    align-items: center;
    gap: 15px;
}

.zxnymainsL4Ls {
    background: #EFF6FF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 15px;
}

.zxnymainsL4Ls img {
    width: 20px;
}

.zxnymainsL4Ls.on img:nth-child(1) {
    display: none;

}

.zxnymainsL4Ls.on img:nth-child(2) {
    display: block;

}

.zxnymainsL4Ls:hover img:nth-child(1) {
    display: none;

}

.zxnymainsL4Ls:hover img:nth-child(2) {
    display: block;

}

.zxnymainsL4Ls img:nth-child(2) {
    display: none;

}

.zxnymainsL4R {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 52px;
    justify-content: right;
}

.zxnymainsL4Rs img {
    width: 38px;
    height: 38px;
}

.zxnymainsL4Rs img:nth-child(2) {
    display: none;

}

.zxnymainsL4Rs:hover img:nth-child(1) {
    display: none;

}

.zxnymainsL4Rs:hover img:nth-child(2) {
    display: block;

}

.zxnymainsL5 {
    width: 100%;
    margin-top: 20px;
}

.zxnymainsL5_title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
}

.zxnymainsL5_bottom {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zxnymainsL5s {
    width: 326px;
    padding: 10px;
    background: #F8F9FB;
    border-radius: 8px;
}

.zxnymainsL5s img {
    width: 100%;
    height: 171px;
    border-radius: 8px;
}

.zxnymainsL5sa {
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zxnymainsL5s span {
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
    color: #6B7280;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zxnymainsL5s:hover .zxnymainsL5sa {
    color: #2B37E3;
}

.zxnymainsL5s:hover span {
    color: #373737;
}

.zxnymainsL6 {
    width: 100%;
    margin-top: 38px;
}

.zxnymainsL6_title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
}

.zxnymainsL6_bottom {
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.zxnymainsL6_bottom textarea {
    width: 100%;
    height: 120px;
    padding: 15px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    resize: none;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    background: #F9FAFB;
    margin-bottom: 15px;
}

.zxnymainsL6_bottom textarea::placeholder {
    color: #9CA3AF;
}

.aimain5_sp {
    width: 1380px;

    height: 48px;
    margin: 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;




}
.model_list_main .aimain5_sp{
    width: 100%;
}

.aimain5_sp.sp_left {
    justify-content: left;
    padding-left: 104px;

}

.aimain5_more {
    width: 884px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #2B37E3;
    line-height: 21px;
    background: #EEF2FF;
    border-radius: 4px;
    /* margin-left: 100px; */
    border: none;
    cursor: pointer;
}

.aimain5_more:hover {
    background: #d6e0ff;
}

.zxnymainsL6_bottomsp {
    position: absolute;
    right: 15px;
    top: 90px;
    font-size: 16px;
    color: #9CA3AF;
}

.zxnymainsL6_bottoms {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zxnymainsL6_bottomsL {
    display: flex;
    gap: 20px;
}
.zxnymainsL6_bottomsL > a .icon_f{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.zxnymainsL6_bottomsL > a .icon_f .icon{
    width: 24px;
    height: 24px;
    font-size: 24px;
}
.zxnymainsL6_bottomsL > a:last-of-type .icon_f .icon{
    width: 24px;
    height: 24px;
}
.zxnymainsL6_bottomsL a img {
    width: 24px;
    height: 24px;
}


.zxnymainsL6_bottomsR {
    padding: 8px 16px;
    background: #2B37E3;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
}

.zxnymainsL6_bottomsR:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: rgba(64, 158, 255, 0.6);
    filter: brightness(1.06);
}

.zxnymainsL7s {
    width: 100%;
    display: flex;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid #F0F2F5;
}

.zxnymainsL7s:last-child {
    border-bottom: none;
}

.zxnymainsL7s_img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

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

.zxnymainsL7s_info {
    flex: 1;
}

.zxnymainsL7s_info1 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.zxnymainsL7s_info_name {
    font-size: 18px;
    color: #111827;
    font-weight: 600;
    line-height: 21px;
}

.zxnymainsL7s_info1 img {
    width: 14px;
    height: 14px;
}

.zxnymainsL7s_info1 span {
    font-size: 16px;
    color: #6C6C6C;
    line-height: 18px;
}

.zxnymainsL7s_info2 {
    font-size: 14px;
    color: #374151;
    line-height: 20px;
    margin: 10px 0;
}

.zxnymainsL7s_info3s {
    font-size: 14px;
    color: #2B37E3;
    line-height: 20px;
    background: #EFF6FF;
    border-radius: 4px;
    border: 1px solid #EFF6FF;
    padding: 5px 16px;
}

.zxnymainsL7s_info3s:hover {
    border: 1px solid #2B37E3;
}

.zxnymainsL7s_zan {
    display: flex;
    /* align-items: center; */
    gap: 5px;
}

.zxnymainsL7s_zan img {
    width: 16px;
    height: 15px;
}

.zxnymainsL7s_zan img:nth-child(2) {
    display: none;
}

.zxnymainsL7s_zan img:nth-child(3) {
    display: none;
}

.zxnymainsL7s_zan span {
    font-size: 14px;
    color: #6B7280;
    line-height: 16px;
}

.zxnymainsL7s_zan.on span {
    color: #BA0001;
}

.zxnymainsL7s_zan.on img:nth-child(1) {
    display: none;
}

.zxnymainsL7s_zan.on img:nth-child(3) {
    display: block;
}

.zxnymainsL7s_zan:hover img:nth-child(1) {
    display: none;
}

.zxnymainsL7s_zan:hover img:nth-child(2) {
    display: block;
}

.zxnymainsL7s_zan.on:hover img:nth-child(2) {
    display: none;
}

.zxnymainsL8 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.zxnymainsL8 a {
    padding: 18px 28px;
    background: #2B37E3;
    border-radius: 4px;
    font-size: 18px;
    color: #ffffff;
    line-height: 21px;
}

.zxnymains {
    padding-bottom: 30px;
}

.zxnymainsR {
    width: 300px;

}

.zxnymainsR1,
.zxnymainsR2 {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
}

.zxnymainsR1_title {
    font-size: 16px;
    color: #111827;
    font-weight: 600;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
}

.zxnymainsR1M {
    display: flex;
    flex-direction: column;
}

.zxnymainsR1Ms {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
}

.zxnymainsR1Ms:hover {
    background: #ECECF9;
}

.zxnymainsR1_more {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #2B37E3;
    line-height: 20px;
    margin-top: 15px;
    padding-bottom: 5px;
}

.zxnymainsR2M {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px;
}

.zxnymainsR2Ms {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #F9FAFB;
    border-radius: 8px;
    border: 1px solid #F9FAFB;
}

.zxnymainsR2Ms:hover {
    background: #F3F4F6;
    border: 1px solid #2B37E3;
}

.zxnymainsR2Ms img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

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

.zxnymainsR2Ms_info span:first-child {
    font-size: 14px;
    color: #111827;
    line-height: 20px;
    font-weight: 500;
}

.zxnymainsR2Ms_info span:last-child {
    font-size: 12px;
    color: #6B7280;
    line-height: 16px;
}

.login_body {
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.login_main {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.login_mainC {
    /* width: 564px; */
    width: 484px;
    /* height: 517px; */
    background: #FFFFFF;
    border-radius: 12px;
    padding: 42px;
    box-shadow: 0px 0px 8px 0px rgba(222, 222, 222, 0.64);
    position: relative;
}

.login_logo {
    width: 100px;
    display: block;
}

.login_title {
    margin-top: 40px;
    font-size: 24px;
    color: #111827;
    line-height: 32px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.login_forms {
    width: 100%;
    height: 56px;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin-bottom: 10px;
    position: relative;
    margin-top: 10px;
    /* transition: margin-bottom 0.3s ease; */
}
.login_forms:nth-of-type(2) > img{
    width: 16px;
    height: auto;
    margin-left: 2px;
}
.login_forms:nth-of-type(2) > i{
    font-size: 20px;
}
.login_forms > div{
    width: 24px;
    height: 22px;
}
.login_forms > div .icon{
    font-size: 22px;
    color: #888888;
}
.login_forms>span {
    position: absolute;
    left: 0px;
    top: 66px;
    font-size: 14px;
    color: #BA0001;
    display: none;
    width: 100%;
    line-height: 1.4;
}

.login_forms.error_tips {
    border: 1px solid #BA0001;
}

.login_forms.error_tips>span {
    display: block;
}

.login_forms.passerror {
    border: 1px solid #BA0001;
}

.login_forms img {
    width: 22px;
    margin-right: 8px;
}

.forms_passward img {
    width: 16px;
    margin-right: 10px;
    margin-left: 4px;
}

.forms_code1 {
    padding-right: 8px;
}

.forms_code1 img {
    width: 125px;
    cursor: pointer;
    margin-right: 0;

}

.forms_code1 input::placeholder {
    max-width: 240px;
    font-size: 12px;
}

.login_forms input {
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #111827;
}

.login_forms input::placeholder {
    color: #9CA3AF;
}

.login_eye {
    margin-right: 0 !important;
    cursor: pointer;
}

.login_button {
    width: 100%;
    height: 56px;
    background: #2B37E3;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    margin: 20px 0;
    margin-top: 40px;
}

.login_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.login_bottom span {
    font-size: 14px;
    color: #6B7280;
}

.login_bottom a {
    font-size: 14px;
    color: #2B37E3;
}

.login_mainC_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login_lan {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;

}
.login_lan_hide{top:20px;}
.login_lan > div:not(.login_lan_hide){
    width: 18px;
    height: 18px;
}
.login_lan > div .icon{
    font-size: 18px;
}
.login_lan img {
    width: 16px;
}

.login_lan span {
    font-size: 14px;
    color: #374151;
}

.login_forms_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
}

.login_remember {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.model_list_main2 thead svg {
    /* cursor: pointer; */
    margin-top: 2px;
}
.model_list_main2 .model-table th:nth-child(2),
.model_list_main2 .model-table td:nth-child(2) {
  width: 220px;
  /* max-width: 220px;
  min-width: 220px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.model_list_main2 .model-table th:nth-child(3),
.model_list_main2 .model-table td:nth-child(3) {
  width: 160px;
  /* max-width: 160px;
  min-width: 160px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#score-sort{
    cursor: pointer;
    text-align: center; 
}
#last-updated-sort{
    cursor: pointer;
}

.custom-search-box {
    display: flex;
    align-items: center;
    background: #FAFAFB;
    border-radius: 4px;
    /* padding: 0 16px; */
    height: 32px;
    width: 320px; /*  */
    /* box-sizing: border-box; */
    /*  */
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.03); */
    /* border:1px solid; */
    border: 1px solid #CED0D5;
  }
  
  .custom-search-box .icon {
    font-size: 18px;
    color: #004ef8;
    /* margin-right: 8px; */
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    /* padding-left: 5px; */
  }
  .custom-search-btn{
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background-color: #2B37E3;
    border-radius:0 4px 4px 0;
    flex: 0 0 auto;
  }
  .custom-search-btn-m{
    display: flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    background-color: #2B37E3;
    border-radius: 4px;
    flex: 0 0 auto;
  }
  .custom-search-btn-m .icon{
    font-size: 18px;
  }
  .custom-search-box input {
    border: none;
    background: transparent;
    outline: none;
    font-size: 16px;
    /* color: #CED0D5; */
    width: 100%;
    height: 100%;
    padding: 0;
    padding-left: 10px;
  }
  
  .custom-search-box input::placeholder {
    color: #c1c1c2;
    font-size: 14px;

  }
.custom-search-box-m{
    display: none;
}



.custom-search-box-m-hide{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
}
.custom-search-box-m-hidesp{
    position: fixed;
    top: 70px;
    width: 100%;
    padding: 0 15px;
}
.custom-search-box-m-hides{
    width: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    height: 60px;
    border-radius: 4px;
    gap: 15px;
    padding: 0 15px;
}
.custom-search-box-m-hides-icon{
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}
.custom-search-box-m-hides-icon .icon{
    font-size: 18px;
}
.custom-search-box-m-hides-btn{
    width: 58px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2B37E3;
    border-radius: 4px;
    color: #ffffff;
    flex: 0 0 auto;

}
.custom-search-input-m{
    border: 0;
    height: 20px;
    width: 100%;
}
.login_remember input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    cursor: pointer;
}

.login_remember span {
    font-size: 14px;
    color: #374151;
}

.login_forget {
    font-size: 14px;
    color: #2B37E3;
    text-decoration: none;
}

.login_forget:hover {
    text-decoration: underline;
}

.login_remember input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    background: #FFFFFF;
}

.login_remember input[type="checkbox"]:checked {
    background: #333333;
    border-color: #2B37E3;
}

.login_remember input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.login_bodyt .login_button {
    margin-top: 20px;
}

.login_forms_repassward {
    font-size: 14px;
    color: #BA0001;
    line-height: 16px;
}

.verify_tips {
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    font-weight: 600;
    display: block;
    margin-bottom: 12px;
}

.verify_desc {
    font-size: 16px;
    color: #617186;
    line-height: 22px;
    margin-bottom: 32px;
}

.verify_input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 32px;
}

.verify_input input {
    width: 48px;
    height: 48px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    text-align: center;
    font-size: 20px;
    color: #111827;
    background: #F9FAFB;
}

.verify_input input:focus {
    border-color: #2B37E3;
    outline: none;
}

.verify_line {
    width: 12px;
    height: 2px;
    background: #9CA3AF;
}

.ssmain3 .aimain4L1 {
    grid-template-columns: repeat(5, 1fr);
    padding-bottom: 30px;
}

.ai_toolsR_bottom_noone {
    width: 1094px;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 900px;
}

.ai_toolsR_bottom_noone img {
    width: 80px;
    height: 80px;
}

.ai_toolsR_bottom_noone span {
    font-size: 16px;
    color: #6B7280;
    line-height: 24px;
}

.ai_toolsR_bottom_noone a {
    padding: 10px 24px;
    background: #2B37E3;
    border-radius: 24px;
    font-size: 14px;
    color: #FFFFFF;
    transition: background-color 0.3s;
}

.ai_toolsR_bottom_noone a:hover {
    background: #4F46E5;
}

.login_body header {

    display: none;
}

.aihead_list_none {
    display: none;
}

.login_mainC_top_m {
    display: none;
}

.login_lan {
    position: relative;
}

.login_lan_hide {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    padding: 5px 0;
    background-color: #ffffff;
    /* display: flex; */
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 555;
}

.login_lan:hover .login_lan_hide {
    display: flex;
}

.login_lan_hide:hover {
    display: flex;
}

.login_lan_hide .aiheadR_lans {
    display: block;
    padding: 5px;
}

.aimain1_4_m {
    display: none;
}


@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.aimain1_4_m_hide_bottom2 {
    padding: 16px;
}

.aimain1_4_m_hide_bottom2s {
    height: 32px;
    margin-bottom: 16px;
    background: linear-gradient(90deg,
            #E3EAFB 0%,
            #E5E7EB 50%,
            #E3EAFB 100%);
    background-size: 200% 100%;
    border-radius: 16px;
    animation: shimmer 1.5s infinite linear;
}

.aimain1_4_m_hide_bottom2s:nth-child(1) {
    width: 100%;
}

.aimain1_4_m_hide_bottom2s:nth-child(2) {
    width: 85%;
}

.aimain1_4_m_hide_bottom2s:nth-child(3) {
    width: 95%;
}

.aimain1_4_m_hide_bottom2s:nth-child(4) {
    width: 60%;
    margin-bottom: 0;
}

.aimain1_4_m_hide {
    display: none;
}

.aiheadR_pro_img {
    width: 28px;
    height: 28px;
    background: #000000;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aiheadR_pro_img img {
    width: 14px;
    height: 14px;
}

.aimain1_4_m_hide {
    display: none;
}

.gjlbmain1 {
    padding: 20px 0;
    text-align: center;
}

.gjlbmain1_sponsor {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 16px;
}

.gjlbmain1_sponsor a {
    color: #2B37E3;
    text-decoration: underline;
}

.gjlbmain1_sponsor a:hover {
    text-decoration: underline;
}

.gjlbmain1 h1 {
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: "Arial_Black";
}

.gjlbmain1 p {
    font-size: 16px;
    line-height: 24px;
    color: #4B5563;
    max-width: 1150px;
    margin: 0 auto;
}

.gjlbmain {
    padding-bottom: 20px;
}

.gjlbmain .aimain4R1 {
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 8px;
}

.gjlbmain .aimain4R {
    width: 276px;
}

.gjlbmain .ssmain1 {
    margin-top: 0;
    padding-top: 20px;
}

.gjlbmain .aimain4 {
    gap: 20px;
    width: 1380px;
}

.gjlbmain .aimain4R h2 {
    font-size: 26px;
}


.aimain4L_top {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.aimain4L_top_dropdown {
    position: relative;
    width: 200px;
}

.aimain4L_top1,
.aimain4L_top2 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    background-color: #ffffff;
    border-radius: 6px;
    font-size: 14px;
    color: #374151;
    text-decoration: none;
    justify-content: space-between;
}
.aimain4L_top1:hover,
.aimain4L_top2:hover{
    border: 1px solid #2B37E3;
    background: #EEF2FF;
    color: #2B37E3;

}
.aimain4L_top1:hover .dropdown_arrow,
.aimain4L_top2:hover .dropdown_arrow{
    filter: grayscale(0%);
}


.dropdown_arrow {
    width: 12px;
    transition: transform 0.3s;
    transform: rotate(180deg);
}
.dropdown_arrow{
    filter: grayscale(100%);
}
.aimain4L_top_dropdown.active .dropdown_arrow {
    transform: rotate(0deg);
}

.aimain4L_top_dropdown_menu {
    width: 200px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    margin-top: 4px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}
.aimain4L_top_dropdown_menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  .aimain4L_top_dropdown_menu::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 2.5px;
  }
  
  .aimain4L_top_dropdown_menu::-webkit-scrollbar-thumb {
    background: #E6E7E9;
    border-radius: 2.5px;
  }
  
  .aimain4L_top_dropdown_menu::-webkit-scrollbar-thumb:hover {
    background: #777;
  }
.aimain4L_top_dropdown.active .aimain4L_top_dropdown_menu {
    display: block;
}

.dropdown_item {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    color: #374151;
    text-decoration: none;
}

.dropdown_item:hover {
    color: #2B37E3;
}

.dropdown_item.active {
    background: #EEF2FF;
    color: #2B37E3;
}

.bqmain .gjlbmain1 {
    width: 1380px;
    margin: 0 auto;
    text-align: left;

}

.bqmain .gjlbmain1 p {
    max-width: none;
    margin: none;
}

.bqmain .gjlbmain1_sponsor {
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
}

.aimain4L_top_1 {
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: #6B7280;
    line-height: 36px;
    padding: 0 20px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background-color: #ffffff;
}

.aimain4L_top_1 em {
    font-style: normal;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.bqmain .aimain4L_top {
    justify-content: space-between;
}

.flmain2L {
    position: sticky;
    top: 0px;
    height: fit-content;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    padding: 10px;
    padding-top: 0;
}


.flmain2L::-webkit-scrollbar {
    width: 4px;
}

.flmain2L::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.flmain2L::-webkit-scrollbar-thumb {
    background: #C3C7D2;
    border-radius: 2px;
}

.flmain2L::-webkit-scrollbar-thumb:hover {
    background: #888888;
}

.lazy-image {
    background-color: #f5f5f5;
    transition: background-color 0.3s ease;
}

.lazy-image.loaded {
    background-color: transparent;
}

.aidh_body header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.aidh_body main {
    padding-top: 64px;
}

.phmain20_2L {
    width: 265px;
    background: #FFFFFF;
    padding: 20px;
}

.category-menu {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.category-item,
.category-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    border-radius: 4px;
    color: #333333;
    text-decoration: none;
}

.category-menu>.category-item {
    padding-left: 40px;
}

.category-item:hover,
.category-header:hover {
    background: #F0F7FF;
    color: #2B37E3;
}

.category-name {
    font-size: 18px;
    line-height: 20px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    transition: transform 0.3s;
}

.subcategory-item.active {
    background: #F0F7FF;
    color: #2B37E3;
}

.category-group.active .category-arrow {
    transform: rotate(-180deg);
}

.subcategory-list {
    display: none;
    padding-left: 20px;
    flex-direction: column;
    gap: 5px;
    margin-top: 5px;
}

.category-group.active .subcategory-list {
    display: flex;
}

.category-group.active .category-name {
    color: #2B37E3;
    font-weight: 600;
}

.subcategory-item {
    padding: 8px 10px;
    color: #666666;
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.subcategory-item:hover {
    background: #F0F7FF;
    color: #2B37E3;
}

.category-group.active .category-header {
    background: #F0F7FF;
    color: #2B37E3;
}

.category-group.active .category-arrow {
    border-top-color: #2B37E3;
}

.phmain20_2 {
    width: 1380px;
    margin: 20px auto;
    display: flex;
    gap: 20px;
}

.phmain20_2L {
    width: 265px;
}

.phmain20_2R {
    width: calc(100% - 285px);
    flex: 1;
}

.phmain20_2R .phmain2_bottoms {
    padding: 30px;
}

.arrow-wrapper {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;

    justify-content: center;
    cursor: pointer;
}

.category-arrow {

    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    transition: transform 0.3s ease;
}

.phmain20_2L {
    max-height: 840px;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: #CED2DF #ffffff;
}


.phmain20_2L::-webkit-scrollbar {
    width: 6px;
}

.phmain20_2L::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.phmain20_2L::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.phmain20_2L::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.aimain2f {
    padding-bottom: 1px;
    width: 1380px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.aimain2f_L{
    width: 1084px;
}

.alert-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.alert-content {
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.alert-close {
    margin-top: 15px;
    padding: 8px 20px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.alert-close:hover {
    background: #0056b3;
}

.see-more-btn {
    width: 100%;
    background: #F6F7F9;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
    color: #666666;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 10px 0;
}

.see-more-btn:hover {
    background: #EBEDF0;
}

.aimain1_4_m_hide_bottom1_more {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0;
    margin-top: 10px;
    margin: 8px 10px;
    background-color: #F8FAFE;
}

.ai_msgtips {
    position: fixed;
    padding: 15px 80px;
    background-color: #6188FF;
    display: none;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    flex-wrap: wrap;
}

.ai_msgtips img {
    width: 38px;
}

.ai_msgtips span {
    font-size: 20px;
    color: #ffffff;
}

.main404 {
    width: 100%;
    min-height: calc(100vh - 400px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.main404_content {
    text-align: center;
}

.main404_content h1 {
    font-size: 120px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.main404_content h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 15px;
}

.main404_content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.main404_btn {
    display: inline-block;
    padding: 12px 30px;
    background: #6188FF;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.3s;
}

.main404_btn:hover {
    background: #4e6fd6;
    color: #fff;
}

.login_tab {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    /* display: flex; */
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
}

.login_tab_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.login_tab_top2{
    position: absolute;
    top: 30px;
    right: 30px;
}
.login_tab_top2 a img {
    width: 16px;
    height: 16px;
}

.login_tab_top1 {
    display: flex;
    gap: 30px;
    align-items: center;
}

.login_tab_top1 a {
    font-size: 24px;
    line-height: 28px;
    color: #A5A5A5;
    padding-bottom: 5px;
}

.login_tab_top1a.on,
.login_tab_top2a.on {
    color: #000000;
    font-weight: bold;
    position: relative;
    /* border-bottom: 4px solid #6188FF; */
}
.login_tab_top1a.on::after,
.login_tab_top2a.on::after{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 4px;
    background: #2B37E3;
    border-radius: 2px;
}

.forms_google {
    display: flex;
    align-items: center;
    justify-content: center;

}

.forms_google img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}

.forms_google span {
    display: block;
    vertical-align: middle;
    font-size: 17px;
    color: #444;
    width: auto;
    position: static;
}

.forms_google:hover {
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08);
    border-color: #bdbdbd;
}

.forms_or {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.forms_or span {
    color: #000000;
}

.forms_line {
    width: 40%;
    height: 1px;
    background: #E5E7EB;
}

.login_tab_top1a_bottom,
.login_tab_top2a_bottom {
    display: none;
    width: 100%;
}

#g_id_signin {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.right_nav {
    position: fixed;
    left: calc(50% + 700px);
    top: 50%;
    transform: translateY(-50%);
    display: none;
    flex-direction: column;
    /* gap: 5px; */
    z-index: 999;
    border: 1px solid #B3BDFF;
    max-height: 85%;
    overflow-y: auto;
}

.right_nav_item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px 10px;
    background: #FFFFFF;
    /* border-radius: 8px; */
    text-decoration: none;
    color: #666666;
    transition: all 0.3s ease;
    padding-left: 0;
}

.indexbody .right_nav_item.totop {
    display: flex !important;
    position: static;
    width: 100%;

}

.right_nav_item:hover,
.right_nav_item.active {
    background: #EFF6FF;
    /* color: #FFFFFF; */
}
.right_nav_item:hover img{
    filter: grayscale(100%);
}

.indexbody .totop {
    display: none !important;
}

.right_nav_item img {
    width: 40px;
    height: 40px;
    object-fit: fill;
}
.right_nav_item:last-of-type img{
    width: 18px;
    height: 18px;
}

.right_nav_item img:nth-child(2) {
    display: none;
}

.right_nav_item:hover img:first-child,
.right_nav_item.active img:first-child {
    display: none;
}

.right_nav_item:hover img:nth-child(2),
.right_nav_item.active img:nth-child(2) {
    display: block;
}

.right_nav_item span {
    font-size: 14px;
    white-space: nowrap;
    transform: translateX(-10px);
}
.right_nav_item:last-of-type span{
    transform: translateX(0px);
}
.right_nav_item:last-of-type{
    padding-left: 10px;
}

.Personal_article_list .aimain1 {
    height: 158px;
}

.Personal_article_list .ssmain {
    padding-bottom: 1px;
}

.Personal_article_list .aimain5_sp {
    width: auto;
    margin-bottom: 10px;
}

.pal_main {
    width: 1380px;
    margin: 20px auto;
    padding: 20px;
    background: #FFFFFF;
    margin-bottom: 30px;
}

.pal_main1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.pal_main1L {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pal_main1L img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.pal_main1L h1 {
    font-size: 24px;
    line-height: 26px;
    color: #000000;
}

.pal_main1R {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pal_main1R > div{
    width: 18px;
    height: 18px;
}
.pal_main1R > div .icon{
    font-size: 18px;
    color: #004ef8;
}
.pal_main1R span {
    font-size: 18px;
    line-height: 21px;
    color: #191919;
}

.pal_main1R img {
    width: 18px;
}

.pal_main_line {
    width: 100%;
    height: 1px;
    background: #F0F2F5;
    margin-bottom: 20px;
}

.pal_main2 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.pal_main2s {
    width: 100%;
    height: 200px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pal_main2s_info {
    width: calc(100% - 300px);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;

}

.pal_main2s_info1 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.pal_main2s_info1a {
    font-size: 16px;
    color: #2B37E3;
    line-height: 18px;
    padding: 8px 12px;
    background: #EFF6FF;
    border-radius: 8px;
    border: 1px solid #EFF6FF;
}

.pal_main2s_info1a:hover {
    border: 1px solid #2B37E3;
}

.pal_main2s_info1 span {
    font-size: 16px;
    color: #919DAC;
    line-height: 18px;
}

.pal_main2s_img {
    width: 288px;
    height: 162px;
}

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

.pal_main2s_title {
    font-size: 18px;
    color: #191919;
    line-height: 21px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pal_main2s_info p {
    font-size: 14px;
    color: #6B7280;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pal_main2s_info2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 50px;
}

.pal_main2s_info2s {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pal_main2s_info2s >div{
    width: 18px;
    height: 18px;
}
.pal_main2s_info2s >div .icon{
    font-size: 18px;
  
}
.pal_main2s_info2s img {
    width: 17px;
}

.pal_main2s_info2s span {
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}

.pal_main2s_info2s img:nth-child(2) {
    display: none;
}
.table-scroll-tip{
    display: none;
}
.pal_main2s:hover {
    border: 1px solid #2B37E3;
}
#g_id_signin #button-label{
  display: none;
}
.pal_main2s:hover .pal_main2s_info2s img:nth-child(1) {
    display: none;
}

.pal_main2s:hover .pal_main2s_info2s img:nth-child(2) {
    display: block;
}

.model_list_main {
    width: 1380px;
    margin: 20px auto;
    padding: 20px;
    background: #FFFFFF;
    margin-bottom: 30px;
    padding-bottom: 1px;
    border-radius: 8px;
}
.model_list_main1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.model_list_main1 h1 {
    font-size: 24px;
    color: #000000;
    line-height: 26px;
    /* margin-bottom: 20px; */
}

.model_list_main_line {
    width: 100%;
    height: 1px;
    background: #F0F2F5;
}

.model-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 15px;
    /* margin-top: 10px; */
    border-radius: 10px;
    /* overflow: hidden; */
}
.model_list_main2 .model-table tbody tr td:nth-child(1)  {
  width: 260px;
}
.model-table thead th {
    background: #fff;
    color: #222;
    font-weight: 700;
    padding: 25px 12px;
    /* text-align: left; */
    border-bottom: 2px solid #f2f4f7;
    font-size: 13px;
    letter-spacing: 0.02em;
}

/*  */
.model-table tbody tr {
    border-bottom: 1px solid #f2f4f7;
    transition: background 0.2s;
}

.model-table tbody tr.active,
.model-table tbody tr:hover {
    background: #F7FAFF !important;
}


.model-table td {
    padding: 18px 12px;
    vertical-align: middle;
    color: #222;
    font-size: 15px;
    border-bottom: 1px solid #f2f4f7;
}


.model-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.model-info>div {
    width: 200px;
}

.model-table th,
.model-table td {
    text-align: center;
    vertical-align: middle;
}

.model-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f2f4f7;
    object-fit: cover;
}

.model-title {
    font-weight: 600;
    font-size: 16px;
    color: #0056b3;
    margin-bottom: 2px;
    text-align: left;
}
.model-title a{
    color: #007bff;

}
.model-compare-tabs_toL,
.model-compare-tabs_toR{
    display: none;
}
.model-desc {
    font-size: 14px;
    color: #666666;
    margin-top: 2px;
    width: auto;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compare-btn {
    display: block;
    width: 72px;
    height: 36px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* background-color: #004ef8; */
    border-radius: 4px;
    /* z-index: 5; */
}
.compare-btn > div{
    width: 72px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2B37E3;
    border-radius: 4px;
}
.compare-btn .icon{
    font-size: 24px;
    color: #fff;
   
}
.compare-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.compare-btn > div > div{
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 50%;
}
.compare-btn svg{
    color: #2B37E3;
}
.model-info-modelicon{
    width: 36px !important;
    height: 36px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}
.model-info-modelicon svg{
    font-size: 32px;
    color: #999999;
}
.model_list_main .aimain5 {
    width: 100%;
    padding-bottom: 0;
}

.model_list main {
    padding-bottom: 1px;
}

.model_list_contrast {
    /* width: 1380px;
    margin: 20px auto;
    display: flex;
    justify-content: right; */
}
.model_list_contrast,
.contrast-card {
    display: none ;
}
.model_list_contrast {
    position: fixed;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* height: 100vh; */
    /* background: rgba(0, 0, 0, 0.1); */
    z-index: 1000;
    margin: 0;
}
.model_f_sp{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.model_f_sp .model-name{
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.icon:before,
.icon:after {
    content: '';
    position: absolute;
    box-sizing: content-box; 
}
.icon {
   position: absolute;
   box-sizing: content-box; 
}
.icon i {
    position: absolute;
    box-sizing: content-box; 
}
.icon i:before,
.icon i:after {
    content: '';
    position: absolute;
    box-sizing: content-box;
}


.magnify-solid.icon i:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: white;
  transform: rotate(90deg);
}

.magnify-solid.icon i:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: white;
}

.magnify-solid.icon i {
  position: absolute;
  left: 6px;
  top: 5px;
  transform: rotate(45deg);
}

.magnify-solid.icon {
  width: 18px;
  height: 18px;
  border: solid 1px #5f81ea;
  background-color: #5f81ea;
  border-radius: 100%;
  transform: rotate(-45deg);
}
.contrast-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 24px 0 rgba(30, 34, 40, 0.28);
    width: 260px;
    padding: 0 0 24px 0;
    position: fixed;
    bottom: 40px;
    left: calc(50% + 430px);
    /* transform: translate(-50%, -50%); */
    z-index: 1000;
}

.contrast-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6fafd;
    border-radius: 8px 8px 0 0;
    padding: 18px 18px 12px 18px;
    border-bottom: 1px solid #f0f2f5;
}

.contrast-card-title {
    font-size: 17px;
    font-weight: 700;
    color: #222;
}

.contrast-card-close {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contrast-card-close img {
    width: 16px;
    height: 16px;
    display: block;
}

.contrast-card-list {
    padding: 0 18px;
}

.contrast-card-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0f2f5;
    padding: 16px 0;
    font-size: 16px;
    color: #222;
}

.contrast-card-model {
    font-size: 16px;
    color: #222;
}

.contrast-card-delete {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contrast-card-delete img {
    width: 19px;
    height: 20px;
    display: block;
}

.contrast-card-action {
    display: block;
    width: calc(100% - 36px);
    margin: 24px 18px 0 18px;
    padding: 14px 0;
    background: #2B37E3;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    /* font-weight: 500; */
    text-align: center;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: 0 2px 8px rgba(33, 86, 248, 0.08);
    text-decoration: none;
    letter-spacing: 0.02em;
}
.contrast-card-action.continue_add{
    background-color: #2B37E3;
}
.contrast-card-action:hover {
    background: #1A73E8;
}

.model_vs main {
    padding-bottom: 1px;
}

.model_vs_main {
    width: 1380px;
    margin: 20px auto;

}

.model_vs_main1 {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
}

.model_vs_main1_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.model_vs_main1_title {
    font-size: 30px;
    color: #000000;
    line-height: 26px;
    font-weight: 600;
}

.model_vs_main1_title1 {
    font-size: 16px;
    color: #6B7280;
    line-height: 18px;
}

.model-compare-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background: #fff;
}

.model-compare-table thead tr {
    border-top: 1px solid #f0f2f5;
}

.model-compare-table tbody tr td:last-child {
    color: #2156f8;
    font-weight: 500;
}

.model-compare-table th,
.model-compare-table td {
    padding: 25px 10px;
    text-align: center;
    font-size: 15px;
    border-bottom: 1px solid #f0f2f5;
}
.model-compare-table td {
    font-size: 16px;
}
.model-compare-table th {
    color: #222;
    font-weight: 600;
    font-size: 14px;
    /* background: #fafbfc; */
}

.model-compare-table a {
    color: #2156f8;
    /* font-weight: 500; */
    text-decoration: none;
}

.model_vs_main2 {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
}

.model-compare-tabs {
    display: flex;
    align-items: center;
    border-bottom: 1.5px solid #ededed;
    margin-bottom: 10px;
    font-size: 15px;
    background: #fff;
    justify-content: space-between;
}

.model-compare-tabs .tab-item {
    color: #666;

    padding-bottom: 7px;
    cursor: pointer;
    /* font-weight: 500; */
    position: relative;
    transition: color 0.2s;
    font-size: 16px;
    line-height: 21px;
}

.model-compare-tabs .tab-item.active {
    color: #2156f8;
    font-weight: 500;
}

.model-compare-tabs .tab-item.active::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2.5px;
    background: #2156f8;
    border-radius: 2px;
}

.model_vs_main2_bottom p {
    font-size: 18px;
    color: #6B7280;
    line-height: 24px;
    margin: 20px auto;
}
.model_vs_main2_bottom h2{
    font-size: 24px;
    color: #000000;
    line-height: 26px;
    font-weight: 600;
    margin: 20px auto;
    margin-top: 40px;
}
.model_vs_main2_bottom h3 {
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    font-weight: 600;
    margin: 20px auto;
    margin-top: 40px;
}

.model_vs_mains1 {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
}

.model_vs_mains1_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* margin-top: 10px; */
    align-items: center;
}

.model-card-info {
    display: flex;
    flex-direction: column;
    /* height: 30px; */
    justify-content: space-between;
}
.model-card-info > div >div{
    display: flex;
    align-items: center;
}
.model-card-title {
    font-weight: bold;
    font-size: 30px;
    color: #222;
}

.model-card-type {
    color: #8a94a6;
    font-size: 14px;
    margin-left: 8px;
}

.model-card-desc {
    color: #8a94a6;
    font-size: 14px;
    margin-top: 2px;
}

.model-card-btn {
    display: inline-block;
    background: #2B37E3;
    color: #fff;
    border-radius: 8px;
    padding: 16px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    margin-top: 2px;
    transition: background 0.2s;
}

.model-card-btn:hover {
    background: #1A73E8;
}

.model_vs_mains1_mid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 60px;
    margin: 32px 0 16px 0;
    padding-left: 33px;
    padding-right: 33px;
}

.model-info-item {
    display: flex;
    align-items: center;
    /* min-width: 220px; */
}

.model-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 14px;
}

.model-info-icon img {
    width: 44px;
    height: 44px;
    display: block;
}

.model-info-text {
    display: flex;
    flex-direction: column;
}

.model-info-title {
    font-weight: bold;
    font-size: 18px;
    color: #222;
}

.model-info-desc {
    color: #8a94a6;
    font-size: 14px;
    margin-top: 2px;
}

.model_vs_mains1bottom {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 25px 0 0 0;
}

.model-link-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #1749fa;
    font-size: 16px;
    gap: 2px;
    transition: color 0.2s;
}
.model-link-btn > div{
    width: 20px;
    height: 20px;

}
.model-link-btn > div .icon{
    font-size: 20px;
}
.model-link-btn img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    display: block;
}

.model-link-text {
    color: #000000;
    font-size: 16px;
    line-height: 18px;
}

.model-link-btn:hover .model-link-text {
    text-decoration: underline;
    color: #2B37E3;
}

.model_vs_mains2 {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
}

.model_vs_mains2_1 {
    width: auto;
    display: flex;
}

.model_vs_mains2_1 {
    display: flex;
    align-items: flex-start;
    margin: 20px ;
}

.model_vs_mains2_1L {
    width: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#container {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;



}

.model_vs_mains2_1R {
    flex: 1;
    margin-left: 40px;
    height: 208px;
}

.model-intro-title {
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
}

.model-intro-desc {
    font-size: 16px;
    color: #556080;
    /* line-height: 1.7; */
    word-break: break-all;

    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.7;
    height: 10.2em;
}

.model_vs_mains2_2 {
    margin-top: 30px;
}

.model_vs_mains2_3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 20px; */
    margin-top: 40px;
}

.model_vs_mains2_3s {
    width: 432px;
    height: 246px;
    border-radius: 8px;
    padding: 20px;
    border: 2px solid #F8FAFC;
    background-color: #F8FAFC;
}

.model_vs_mains2_3s:hover {
    border: 2px solid #2B37E3;
}

.model_vs_mains2_3s:hover .model_vs_mains2_3_icon img:last-child {
    display: block;
}

.model_vs_mains2_3s:hover .model_vs_mains2_3_icon img:first-child {
    display: none;
}

.model_vs_mains2_3s:hover .model_vs_mains2_3_score {
    color: #2B37E3;
  
}

.model_vs_mains2_3_icon {
    width: 38px;
    height: 38px;
    margin-bottom: 15px;
}

.model_vs_mains2_3_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.model_vs_mains2_3_icon img:last-child {
    display: none;
}

.model_vs_mains2_3_title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.model_vs_mains2_3_desc {
    font-size: 14px;
    color: #58667E;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: 4.5em;
}

.model_list_main2 {
    width: 100%;
    overflow-x: auto;
  }
  
  .model-table {
    min-width: 1200px;
    border-collapse: separate;
  }
  
  .model-table thead tr th:first-child,
  .model-table tbody tr td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 10;
    /* box-shadow: 2px 0 5px -2px #ccc; */
  }
  
  .model-table thead th:first-child {
    z-index: 11;
  }
  .model-table tbody tr.active td:first-child,
  .model-table tbody tr:hover td:first-child{
    background-color: #F7FAFF;
  }







.model_vs_mains2_3_score {
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    /* color: #2979ff; */
    color: #000;
    display: flex;
    justify-content: right;
    font-family: 'DIN Alternate Bold', Arial, sans-serif;
}
.model_list_main2 .model-table thead tr th:nth-child(1) {
    text-align: left;
    padding-left: 60px;
  
}
.model_rank_table2 thead tr th:nth-child(1){
    /* text-align: left; */
    text-align: center;
    /* padding-left: 90px; */
}
.model_vs_mains2_4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.model_vs_mains2_4s {
    width: 432px;
    /* height: 520px; */
    border-radius: 8px;
    padding: 20px;
    border: 2px solid #EFF2F5;
}

.model_vs_mains2_4_item_title:hover{
    color: #2979ff;
}

.model_vs_mains2_4_title {

    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin: 10px 0 20px 0;
    text-align: center;
}

.model_vs_mains2_4s_bottom {
    display: flex;
    width: 100%;
    padding-top: 10px;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 45px);
}

.model_vs_mains2_4_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
}
.model_vs_mains2_4_item:first-of-type{
    margin-top: 0;
}

.model_vs_mains2_4_item_title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px;
}

.model_vs_mains2_4_item_link {
    font-size: 14px;
    color: #6C6C6C;
    text-decoration: underline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: 3em;
}

.model_vs_mains2_4_item_desc {
    font-size: 14px;
    color: #6C6C6C;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: 3em;
}

.model_rank_main {
    width: 1380px;
    margin: 20px auto;
}

.model_rank_main1 {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
}

.model_rank_main1_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

button.model_rank_main1_top_lan {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    outline: none;
    cursor: pointer;
}

button.model_rank_main1_top_lan:active,
button.model_rank_main1_top_lan:focus {
    outline: none;
    box-shadow: none;
}

.model_rank_main1_top_R {
    display: flex;
    align-items: center;
    gap: 10px;
}

.model_rank_main1_top_lan img {
    width: 32px;
    height: 32px;
    display: block;
}

.model_rank_main1_top .phmain1_top_time {
    height: 32px;
}

.model_rank_main .model_vs_main2_top {
    margin-top: 20px;
}

.model_rank_main1_top_lan img:last-child {
    display: none;
}

.model_rank_main1_top_lan:hover img:last-child {
    display: block;
}

.model_rank_main1_top_lan:hover img:first-child {
    display: none;
}

.model_rank_table_wrap {
    width: 100%;
    overflow-x: auto;
    background: #fff;
    border-radius: 12px;
    /* margin-top: 20px; */
    display: flex;
}

.model_rank_table1 {
    width: 64px;
}

.model_rank_table2 {
    width: calc(100% - 64px);
}

.model_rank_table {
    /* width: 100%; */
    border-collapse: separate;
    border-spacing: 0;
    font-size: 15px;
    color: #222;
    background: #fff;
}


.model_rank_table th,
.model_rank_table td {
    height: 87px;
    padding: 0 10px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}
.model_rank_table thead th{
    padding: 33px 10px;
}
.model_rank_table th{
    height: 45px;
    padding: 0 10px;
}
.model_rank_table > tbody >tr:nth-child(1) >td{  
    padding: 10px 10px;
}
.model_rank_table2 > tbody >tr >td:nth-child(1){  
    display: flex;
    justify-content: center;
}
.model_f{
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-right: 20px;
}
.model_f_sp{
    width: 200px;
}
.model_plus{
    /* background-color: #007bff; */
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;

}
.model_plus:hover{
    cursor: pointer;
}
.model_rank_table th {
    font-weight: 500;
    background: #fff;
    color: #000000;
    font-size: 14px;
    white-space: nowrap;
}
#model_vs_mains2_1L_ring {
    width: 100%;
    max-width: 208px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
  }
.model_rank_table .rank-medal {
    width: 35px;

}

.model_rank_table .rank-num {
    font-size: 34px;
    font-weight: bold;
    color: #2979ff;
    display: inline-block;
    width: 32px;
}

.model_rank_table .model-name {
    /* font-weight: 600; */
    font-size: 16px;
    color: #222;
    width: auto;
    white-space: nowrap;
}

.model_rank_table .model-company {
    font-size: 13px;
    color: #888;
}

.model_rank_table .score-num {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
}

.model_rank_table .score-bar {
    width: 90px;
    height: 8px;
    background: #eaf6ff;
    border-radius: 6px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* background: linear-gradient(90deg, #4E50FA, #0EF8F7, #80FFB7); */
}
.model_rank_table .score-bar-inner {
    height: 100%;
    border-radius: 6px;
    /* background: linear-gradient(90deg, #4E50FA 0%, #0EF8F7 50%, #80FFB7 100%); */
    transition: width 0.3s;
    /* background-image: url(/assets/images/linebg.jpeg); */
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /* background: transparent; */
    z-index: 2;
}

.model_rank_table .sort-icon {
    width: 11px;

}
.model_rank_table .sort-icon:hover {
    cursor: pointer;
}

.model-compare-tabs_tol,
.model-compare-tabs_tor {
    display: none;

}
.model-card-btn_m{
    display: none;
}

.model_rank_table_wrap {
    display: flex;
    overflow-x: auto;
}

.model_rank_table {
    width: 80px;
    min-width: 80px;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
}

.model_rank_table2,
.model_rank_table3,
.model_rank_table4,
.model_rank_table5,
.model_rank_table6,
.model_rank_table7,
.model_rank_table8 {
    flex: 1;
    min-width: 1000px;
}
.index_menu_wrap{
    display: none;
}
.index_menu{
    display: none;
}
.index_menu_list{
    display: none;
}


.ai_news_main1{
    width: 1380px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    gap: 20px;
}
.ai_news_main1L{
    width: calc(100% - 266px);
}
.ai_news_main1L_title{
    width: 100%;
    font-size: 24px;
    color: #191919;
    line-height: 30px;
}
.ai_news_main1LM{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.ai_news_main1LMs{
    width: 100%;

}
.ai_news_main1LMs_top{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}
.ai_news_main1LMs_top_ring{
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #2B37E3;
    border: 1px solid #ffffff;
    box-shadow: 0 0 4px 1px #63689B;
}
.ai_news_main1LMs_top_time{
    color: #686868;
    font-size: 18px;
    line-height: 18px;
}
.ai_news_main1LMs_top{
    margin-top: 20px;
}
.ai_news_main1LMs_bottom{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    align-items: stretch; 
}
.ai_news_main1LMs_bottom_line{
    flex: 0 0 auto;
    width: 15px;
    display: flex;
    justify-content: center;
    /* height: auto; */
}
.ai_news_main1LMs_bottom_lines{
    width: 2px;
    height: 100%;
    background-color: #cccccc;
    border-radius: 1px;
}
.ai_news_main1LMs_bottom:hover .ai_news_main1LMs_bottom_lines{
    background-color: #2B37E3;
}
.ai_news_main1LMs_bottom_info{
    width: calc(100% - 25px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ai_news_main1LMs_bottom_infos{
    width: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
}
.ai_news_main1LMs_bottom_infos_top_title_icon{
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ai_news_main1LMs_bottom_infos_top_title_icon .icon{
    color: #1A32D9;
    font-size: 18px;
}
.ai_news_main1LMs_bottom_infos_top > img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.ai_news_main1LMs_bottom_infos_top{
    display: flex;
    align-items: center;
    gap: 10px;
}
.ai_news_main1LMs_bottom_infos_top_title{
    display: flex;
    align-items: center;
    gap: 6px;
}
.ai_news_main1LMs_bottom_infos_top_title > a{
    color: #000000;
    font-size: 18px;
    line-height: 21px;
}
.ai_news_main1LMs_bottom_infos_top_info > span{
    font-size: 16px;
    color: #8E96A8;
    line-height: 18px;
}
.ai_news_main1LMs_bottom_infos_top_info{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ai_news_main1LMs_bottom_infos_bottom{
    margin-top: 20px;
}
.ai_news_main1LMs_bottom_infos_bottom > p{
    font-size: 18px;
    color: #000000;
    line-height: 26px;
}

.ai_news_main1LMs_bottom_infos_bottom > a{
    line-height: 26px;
    color: #1749fa;
    font-size: 18px;
}
.ai_news_main1LMs_bottom_infos_bottom .ai_news_pa{
    font-size: 18px;
    color: #000000;
    line-height: 26px;
}
.ai_news_img{
    width: 100%;
    margin-top: 20px;
    display: grid;
    gap: 10px;
}
.ai_news_img > img{
    /* width: auto;
    max-width: 100%;
    height: 300px;
    border-radius: 8px;
  margin-bottom: 20px;
  margin-right: 20px;
  break-inside: avoid; 
  box-shadow: 0 2px 4px rgba(0,0,0,0.2); */

  height: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
.ai_news_img > img:hover{
    cursor: zoom-in;
}
.ai_news_img.img_gird1{
    grid-template-columns: repeat(2,1fr);
}
.ai_news_img.img_gird2{
    grid-template-columns: repeat(2,1fr);
}
.ai_news_img.img_gird3{
    grid-template-columns: repeat(3,1fr);
}
.ai_news_img.img_gird4{
    grid-template-columns: repeat(4,1fr);
}
.ai_news_img > video{
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    border-radius: 8px;
}
.ai_news_more{
    width: 100%;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ai_news_more a{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    padding: 18px 48px;
    background-color: #2B37E3;
    border-radius: 8px;
}
.ai_news_main1R{
    width: 256px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ai_news_main1R1{
    width: 100%;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
}
.ai_news_main1R2{
    width: 100%;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 8px;
}
.ai_news_main1R1Ms > img{
    width: 62px;
    height: 62px;
    border-radius: 50%;

}
.ai_news_main1R1M{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.ai_news_main1R2M{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.ai_news_main1R1Ms{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid #F9F9F9;
}
.ai_news_main1R1Ms:first-child{
    padding-top: 0;
}
.ai_news_main1R1Ms:last-child{
    border: none;
    padding-bottom: 0;
}
.ai_news_main1R1Ms .ai_news_main1LMs_bottom_infos_top_title > a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ai_news_main1LMs_bottom_infos_top_info{
    width: calc(100% - 80px);
}
.ai_news_main1R2Ms{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid #F9F9F9;
}
.ai_news_main1R2Ms:first-child{
    padding-top: 0;
}
.ai_news_main1R2Ms:last-child{
    border: none;
    padding-bottom: 0;
}
.ai_news_main1R2Ms > img{
    width: 72px;
    height: 72px;
    border-radius: 8px;
}
.ai_news_main1R2Ms_info{
    /* width: calc(100% - 87px); */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 72px;
}
.ai_news_main1R2Ms_title{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ai_news_main1R2Ms_info p{
    font-size: 14px;
    color: #8E96A8;
    line-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    text-overflow: ellipsis;
}









.img-viewer-modal {
    position: fixed;
    z-index: 9999;
    left: 0; top: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .img-viewer-mask {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
  }
  .img-viewer-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .img-viewer-img {
    /* min-height: 50vh !important; */
    min-height: 80vh;
    max-width: 80vw !important;
    max-height: 75vh !important;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.3);
    margin: 0 auto !important;
  }
  .img-viewer-close {
    position: fixed;
    right: 80px;
    top: 80px;
    /* background: #fff; */
    border: none;
    /* border-radius: 50%;
    width: 32px;
    height: 32px; */
    font-size: 22px;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-viewer-prev{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-viewer-next{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-viewer-content .icon{
    margin-top: 2px;
  }
  .img-viewer-close .icon{
    color: #ffffff;
  }
  .img-viewer-prev, .img-viewer-next {
    background: rgba(255,255,255,0.8);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-size: 20px;
    cursor: pointer;
    margin: 0 20px;
    z-index: 2;
  }
  .img-viewer-prev:hover, 
  .img-viewer-next:hover{
    opacity: 0.8;
  }
  .img-viewer-prev:disabled,
.img-viewer-next:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.img-viewer-thumbs {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
    gap: 8px;
    padding: 18px 0;
    background-color: #000;
  }
  .img-viewer-thumb {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: border 0.2s;
    margin: 0 !important;
  }
  .img-viewer-thumb.selected {
    border: 2px solid #fff;
    box-shadow: 0 0 4px #fff;
  }
  .img-viewer-thumbs{
    overflow-x: auto;
  }
  .ai_man{
    width: 1380px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .ai_manL{
    width: 1104px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 40px;
  }
  .ai_manR{
    width: 256px;
  }
  .ai_manL1 > img{
    width: 118px;
    height: 118px;
    border-radius: 50%;
  }
  .ai_manL1{
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .ai_manL1_info{
    width: calc(100% - 135px);
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .ai_manL1_title_icon{
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ai_manL1_title_icon .icon{
    font-size: 18px;
  }
  .ai_manL1_title{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .ai_manL1_title h2{
    font-size: 24px;
  }
  .ai_manL1_info > span{
    font-size: 18px;
    color: #6B7280;
    line-height: 21px;
  }
  .ai_manL2{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .ai_manL2s{
    font-size: 18px;
    color: #334D67;
    line-height: 21px;
    padding: 10px;
    background-color: #EBF1FF;
    border-radius: 8px;
  }
  .ai_manL2s span{
    color: #000000;
  }
  .ai_manL_line{
    width: 100%;
    height: 1px;
    background-color: #F0F2F5;
    margin: 30px auto;
  }
  .ai_manL3{
    width: 100%;
  }
  .ai_manL3 > h2{
    font-size: 24px;
  }
  .ai_manL3M{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .ai_manL3Ms{
    width: 100%;

  }
  .ai_manL3Ms_top{
    width: 100%;

  }
  .ai_manL3Ms_top_flag{
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2B37E3;
    border-radius: 50%;
    border: 1px solid #ffffff;
    box-shadow: 0 0 4px 1px #63689B;
  }
  .ai_manL3Ms_top_flag .icon{
    font-size: 10px;
    margin-left: 2px;
    margin-top: 2px;
  }
  .ai_manL3Ms_top{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
  }
  .ai_manL3Ms_top > span{
    font-size: 18px;
    line-height: 21px;
  }
  .ai_manL3Ms_bottom{
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin-top: 10px;
  }
  .ai_manL3Ms_bottomL{
    width: 18px;
    flex: 0 0 auto;
    display: flex;    
    justify-content: center;
  }
  .ai_manL3Ms_bottomL_line{
    width: 2px;
    height: 100%;
    background-color: #D8D8D8;
    border-radius: 1px;
  }
  .ai_manL3Ms_bottomR{
    margin: 10px 0;
    font-size: 16px;
    color: #58667E;
    line-height: 18px;
  }

  .ai_manL4{
    width: 100%;
    margin-top: 60px;
  }
  .ai_manL4 > h2{
    font-size: 24px;
  }
  .ai_manL4M{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 20px;
  }
  .ai_manL4Ms{
    width: 328px;
    padding: 11px;
    background-color: #F8F9FB;
    border-radius: 8px;
  }
  .ai_manL4Ms_img{
    display: block;
    width: 306px;
    height: 172px;

  }
  .ai_manL4Ms_img img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
  }
  .ai_manL4Ms_title{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .ai_manL4Ms_icon{
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ai_manL4Ms_icon{
    font-size: 28px;
  }
  .ai_manL4Ms_name{
    font-size: 18px;
    line-height: 22px;
    display: block;
    width: calc(100% - 52px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ai_manL4Ms > p{
    font-size: 16px;
    color: #373737;
    line-height: 20px;
    height: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ai_manL5{
    width: 100%;
    margin-top: 60px;
  }
  .ai_manL5 > h2{
    font-size: 24px;
  }
  .ai_manL5M{
    width: 100%;
    margin-top: 20px;
  }
  .ai_manL5M > p{
    width: 100%;
    font-size: 18px;
    color: #58667E;
    line-height: 21px;
    margin: 20px 0;
  }
  .ai_manL5M > p:last-child{
    margin-bottom: 0;
  }
  .ai_man{
    padding-bottom: 40px;
  }
  .ai_manR1{
    width: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
  }
  .ai_manR11{
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #F9F9F9;
  }
  .ai_manR11:first-child{
    padding-top: 0;
  }
  .ai_manR11:last-child{
    border: none;
    padding-bottom: 0;
  }
  .ai_manR11 > h3{
    font-size: 16px;
  }
  .ai_manR11M{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
  .ai_manR11Ms{
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .ai_manR11M_img{
    width: 62px;
    height: 62px;
    display: block;

  }
  .ai_manR11M_img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .ai_manR11Ms_info{
    width: calc(100% - 77px);
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
  .ai_manR11Ms_name{
    font-size: 16px;
    line-height: 18px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ai_manR11Ms_info span{
    font-size: 14px;
    color: #8E96A8;
    line-height: 16px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .model_vs_mains1 > hr{
    margin: 30px 0;
    margin-bottom: 24px;
  }
  .model_vs_mains1_sp{
    width: 100%;

  }
  .model_vs_mains1_sp h2{
    font-size: 20px;
    color: #333333;
    line-height: 28px;
  }
  .model_vs_mains1_spM {
    width: 100%;
    display: flex;
    padding: 4px;
    gap: 20px;
    margin-top: 20px;
    overflow-x: auto; 
    cursor: grab;
    scrollbar-width: thin; 
  }
   
   
  .model_vs_mains1_spM > a {
    flex: 0 0 auto; 
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 150px;
    height: 112px;
    box-shadow: 0px 0px 4px 0px #ECEDF0;
    border-radius: 4px;
    background: #FFFFFF;

  user-select: none; 
  -webkit-user-select: none;
  -moz-user-select: none; 
  -ms-user-select: none; 
}
 
.model_vs_mains1_spM img {
  pointer-events: none; 
  -webkit-user-drag: none; 
}
  .model_vs_mains1_spM > a:hover{
    box-shadow: 0px 0px 8px 0px rgba(180, 180, 180, 0.5);
  }
  .model_vs_mains1_spM > a img{
    width: 48px;
    height: 48px;
    border-radius: 50%;

  }
  .model_vs_mains1_spM > a span{
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    display: block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.zxnymainsLsp1{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.zxnymainsLsp1_img{
    display: block;
    width: 56px;
    height: 56px;

}

.zxnymainsLsp1_img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.zxnymainsLsp1_info{
    width: calc(100% - 66px);
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.zxnymainsLsp1_name{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.zxnymainsLsp1_name a{
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}
.zxnymainsLsp1_name a:hover{
    color: #2B37E3;
}
.zxnymainsLsp1_name .icon_f{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zxnymainsLsp1_name .icon_f .icon{
    font-size: 16px;
}
.zxnymainsLsp1_name span{
    font-size: 16px;
    color: #6C6C6C;
}
.zxnymainsLsp1_info > span{
    font-size: 16px;
    color: #6F7A7D;
    line-height: 22px;
}
.zxnymainsL3 img{
    /* width: 100%; */
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 20px;
    display: block;
    margin: 20px auto;
}
.zxnymainsL3 h2{
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    padding-left: 14px;
    position: relative;
}
.zxnymainsL3 h2::before{
    content: "";
    width: 4px;
    height: 24px;
    background: #2B37E3;
    position: absolute;
    top: 0;
    left: 0;
}
.zxnymainsL3 h3{
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    padding-left: 14px;
    position: relative;
}
.zxnymainsL3 h3::before{
    content: "";
    width: 4px;
    height: 20px;
    background: #2B37E3;
    position: absolute;
    top: 0;
    left: 0;
}
.zxnymainsLsp2{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.zxnymainsLsp21{
    display: flex;
    background: #E2E3E3;
    padding: 10px 14px;
    border-radius: 8px;
    gap: 10px;
}
.zxnymainsLsp21.active{
    background: #EFF6FF;
}
.zxnymainsLsp21.active .icon{
    display: none;
}
.zxnymainsLsp21.active .iconheaver{
    display: block;
}
.zxnymainsLsp21.active .zxnymainsLsp21s_img > span{
    color: #2B37E3;
}
.zxnymainsLsp21:hover{
    background: #EFF6FF;
}
.zxnymainsLsp21s{
    display: flex;
    align-items: center;
}
.zxnymainsLsp21s_img{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.zxnymainsLsp21s_img:hover span{
    color: #2B37E3;
}
.zxnymainsLsp21s_img .icon_f{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
.zxnymainsLsp21s_img .icon_f .icon{
    width: 20px;
    height: 20px;
}
.zxnymainsLsp21s_img .iconheaver,
.zxnymainsLsp22s_img .iconheaver,
.zxnymainsLsp23s_img .iconheaver{
    display: none;
}

.zxnymainsLsp21s_img:hover .icon,
.zxnymainsLsp22s_img:hover .icon,
.zxnymainsLsp23s_img:hover .icon{
    display: none;
}
.zxnymainsLsp21s_img:hover .iconheaver,
.zxnymainsLsp22s_img:hover .iconheaver,
.zxnymainsLsp23s_img:hover .iconheaver{
    display: block;
}
.zxnymainsLsp22,
.zxnymainsLsp23{
    display: flex;
    background: #E2E3E3;
    padding: 10px 14px;
    border-radius: 8px;
    gap: 10px;
}
.zxnymainsLsp22:hover,
.zxnymainsLsp23:hover{
    background: #EFF6FF;
}
.zxnymainsLsp22s_img,
.zxnymainsLsp23s_img{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.zxnymainsLsp22s_img .icon_f,
.zxnymainsLsp23s_img .icon_f{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
.zxnymainsLsp22s_img .icon_f .icon,
.zxnymainsLsp23s_img .icon_f .icon{
    width: 20px;
    height: 20px;
}
.zxnymainsLsp23s_img > span:nth-of-type(2){
    display: none;
}
.zxnymainsLsp23s_img:hover > span:nth-of-type(2){
    display: block;
}
.zxnymainsLsp23s_img:hover > span:nth-of-type(1){
    display: none;
}

.zxnymainsL7s_info1_d{
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #D8D8D8;
}
.zxnymainsR3{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.zxnymainsR3s{
    width: 100%;
    padding-bottom: 10px;
    border-bottom:  1px solid #F0F2F5;

}
.zxnymainsR3s_top{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.zxnymainsR3s_top_img{
    display: block;
    width: 28px;
    height: 28px;

}
.zxnymainsR3s_top_img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.zxnymainsR3s_top_name{
    font-size: 14px;
    line-height: 16px;
}
.zxnymainsR3s_top > span{
    font-size: 12px;
    color: #6C6C6C;
    line-height: 14px;
}
.zxnymainsR3s_bottom{
    width: 100%;
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
.zxnymainsR3s_bottomL{
    width: 100%;
    height: 68px;
}
.zxnymainsR3s_bottomL > a{

    font-size: 14px;
    color: #000000;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.zxnymainsR3s_bottomR{
    display: block;

    flex: 0 0 auto;
}
.zxnymainsR3s_bottomR img{
    width: 68px;
    height: 68px;
    border-radius: 4px;
}
.zxnymainsR3s_bottomLs{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}
.zxnymainsR3s_bottom .zxnymainsLsp22{
    background-color: #EFF6FF;
    padding: 4px 6px;
}
.zxnymainsR3s_bottom .zxnymainsLsp22 .icon{
    width: 14px;
    height: 14px;
}
.zxnymainsR3s_bottomLs .zxnymainsLsp22:first-child:hover span{
    color: #2B37E3;
}
.zxnymainsR3s_bottomLs .zxnymainsLsp22:last-child:hover span{
    color: #EE8A33;
}
.zxnymainsR3s{
    margin-top: 10px;
}
.zxnymainsR3s:first-child{
    margin-top: 0;
}
.zxnymainsR3s:last-child{
    padding-bottom: 0;
    border: none;
}
.ai_cookie{
    width: 100%;
    height: 126px;

    position: fixed;
    bottom: 0;
    z-index: 10000;
}
.ai_cookie_b{
    width: 100%;
    height: 100%;
    display: flex;
    background: #2B37E3;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
}
.ai_cookie .icon_f{
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.ai_cookie .icon_f .icon{
    width: 15px;
    height: 15px;
}
.ai_cookie .ai_cookie_b > p{
    margin: 0 95px 0 38px;
    width: 703px;
    font-size: 16px;
    line-height: 25px;
}
.ai_cookie .ai_cookie_b > p span{
    text-decoration: underline;
}
.cokiesetRight{
    color: #FFFFFF;
    display: flex;
}
.cokiesetRight .cokieA{
    height: 52px;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    margin: 0 10px 0;
}
.cokiesetRight .cokieAall, .cokiesetRight .cokieA:hover{
    background: #FFFFFF !important;
    border-radius: 8px;
    color: #000000;
}
.ai_cookieSettings{
   
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ai_cookieSettings .layuiDivcokie{
    width: 933px;
    height: auto;
    max-height: 900px;
    background: #FFFFFF;
    overflow-y: auto;
    box-shadow: 0 0 8px 0 #ECEDF0;
    position: relative;
    padding: 40px;
}
.ai_cookieSettings .cokielayTop{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cokielayTop .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.cokielayTop .icon_f .icon{
    width: 20px;
    height: 20px;
}
.cokielayDown .cokielaydTop{
    font-size: 28px;
    color: #000000;
    line-height: 32px;
    margin: 20px 0;
}
.cokielayDown .cokielaydDesc{
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    margin: 20px 0;
}
.cokielaydDesc a{
    color: #2B37E3;
    text-decoration: underline;
    text-underline-offset: 6px;
}
.cklydmiddleA{
    width: 192px;
    height: 73px;
    background: #2B37E3;
    border-radius: 8px;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 26px;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    cursor: pointer;
}
.cokielayDivdown .coklaydownP{
    font-size: 28px;
    line-height: 32px;
}
.cokidownUl {
    width: 845px;
    border: 1px solid #EEEEEE;
    margin: 20px 0 0 0;
}
.cokidownli {
    padding: 30px 0 25px 0;
    border-bottom: 1px solid #EEEEEE;
    justify-content: space-between;
    flex-direction: column;
}
.ckdTops {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 30px;
    cursor: pointer;
}
.ckdTops .layui-form .layui-form-onswitch{
    background-color: #004ef8;
    border-color: #004ef8;
}
.ckdlipr {
    font-size: 24px;
    color: #036EB7;
    line-height: 28px;
}
.ckdDowns {
    display: none;
    background: #FBFBFB;
    padding: 30px;
    margin: 30px 0 0 0;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    word-break: break-all;
}
.ckdLeft{
    display: flex;
    align-items: center;
    gap: 10px;
}
.ckdLeft .icon_f{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}
.ckdlipmid{
    font-size: 24px;
    line-height: 28px;
}
.ckdLeft .icon_f .icon{
    width: 20px;
    height: 20px;
}
.ckdLeft .icon_f .icon_active{
    display: none;
}
.ckdTops > .icon_f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
}
.ckdTops > .icon_f .icon{
   font-size: 40px;
}
.ckdTops > .icon_f .icon_active{
    display: none;
}

.cklyBtn {
    display: flex;
    justify-content: end;
    margin: 40px  0px 0 40px;
    padding: 0 0 40px 0;
    gap: 20px;
}
.cklyBtn > a {

    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    line-height: 26px;
    cursor: pointer;
    padding: 21px 41px;
    border: 1px solid #2B37E3;
    color: #2B37E3;
}
.cklyBtn > a.active{
    background-color: #2B37E3;
    color: #ffffff;
}
.model_list_main_fenlei{
    width: 1380px;
    height: 68px;
background: #FFFFFF;
border-radius: 8px;
margin: 20px auto;
padding: 10px 20px;
display: flex;
align-items: center;
gap: 20px;
}
.model_list_main_fenlei > a{
    width: 196px;
height: 46px;
background: #F7FAFF;
border-radius: 4px;
font-size: 18px;
color: #000000;
line-height: 46px;
text-align: center;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border: 1px solid #F7FAFF;
}
.model_list_main_fenlei > a.active{
    background: #2B37E3;
    border: 1px solid #2B37E3;
    color: #ffffff;
}
.model_list_main_fenlei > a:hover{
    background: #F7FAFF;
border: 1px solid #2B37E3;
color: #2B37E3;
}
.model_list .aimain1_4{
    display: flex;
}
.model_vs .aimain1_4{
    display: flex;
}


.aimain1_6{
    width: 1360px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: repeat(5,256px);
    justify-content: space-between;
    gap: 20px;
    margin-top: 0;
}
.aimain1_6 > a{
    display: flex;
    width: 256px;
    height: 68px;

    overflow: hidden;
    border: 1px solid transparent;

    background: 
    linear-gradient( #F1F2FF , #F4F5FF) padding-box,
    linear-gradient(to right, #537AF4, #E69CB2) border-box;
    border-radius: 8px; 

    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
/* .aimain1_6 > a{
    display: none;
}
.aimain1_6 > a:nth-child(-n+10){
    display: flex;
} */
.aimain1_6 > a:hover{
    box-shadow: 0px 0px 6px 0px rgba(7,24,255,0.33);
    background: 
    linear-gradient( #F1F2FF , #F4F5FF) padding-box,
    linear-gradient(to right, #1D54FF, #A344FF) border-box;
}
.aimain1_6 > a > img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.aimain1_6 > a > div{
    width: calc(100% - 44px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}
.aimain1_6 > a > div > span{
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.aimain1_6 > a > div > span:first-of-type{
    font-size: 16px;
    color: #1F2937;
    line-height: 18px;
    font-weight: bold;
}
.aimain1_6 > a > div > span:last-of-type{
    font-size: 14px;
    color: #6E7482;
    line-height: 18px;
}
.tjmain1_Submit .paymentResult{
    display: none;
}
.paymentResult{
    display: none;
}
.paymentResult.paymentResultshow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}
.paymentResult > .paymentResult_pc{
    width: 595px;
    height: 595px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #ECEDF0;
    border-radius: 8px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.paymentResult_close{
    align-self: self-end;
}
.paymentResult_close img{
    width: 24px;
    height: auto;
}
.paymentResults{
    width: 100%;
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
}
.paymentResults_img{
    width: 233px;
    height: auto;
}
.paymentResults_img img{
    width: 100%;
    height: auto;
}
.paymentResults .paymentResults_failed,
.paymentResults .paymentResults_wait,
.paymentResults .paymentResults_success{
    display: none;
}
.paymentResults.failed .paymentResults_failed{
    display: flex;
}
.paymentResults.wait .paymentResults_wait{
    display: flex;
}
.paymentResults.success .paymentResults_success{
    display: flex;
}
.paymentResults_span1{
    width: auto;
    margin-top: 34px;
}
.paymentResults_span1 span{
    font-size: 38px;
    color: #000000;
    line-height: 42px;
    font-weight: bold;
    text-align: center;
}
.paymentResults_span2{
    width: auto;
    margin-top: 22px;
}
.paymentResults_span2 span{
    font-size: 36px;
    color: #444444;
    line-height: 50px;
}
.paymentResults_a{
    width: 80%;
    margin-top: 52px;
    height: auto;
}
.paymentResults_a > a{
    width: 100%;
    display: block;
    height: 52px;
    border-radius: 8px;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 52px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.paymentResults_a .paymentResults_failed{
    background-color: #FF5C5B;
}
.paymentResults_a .paymentResults_wait{
    background-color: #FF7500;
}
.paymentResults_a .paymentResults_success{
    /* width: 100%; */
    width: 401px;
    justify-content: center;
    gap: 63px;
    align-items: center;
}
.paymentResults_a .paymentResults_success a{
    display: inline-block;
    font-size: 21px;
    line-height: 24px;
    padding: 15px 35px;
    border-radius: 8px;
}
.paymentResults_a .paymentResults_success a:first-of-type{
    color: #2B37E3;
    background: #FFFFFF;
    border: 1px solid #2B37E3;
}
.paymentResults_a .paymentResults_success a:last-of-type{
    color: #FFFFFF;
    background: #2B37E3;
    border: 1px solid #2B37E3;
}
.paymentResult_m{
    display: none;
}



/* ai_editor ai_review*/

.ai_editor{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 16px;
    background: #2B37E3;
    border-radius: 4px;
}
.ai_editor.notallowed{
    cursor: not-allowed;
    background: linear-gradient( 180deg, #939AA8 0%, #5A606F 100%);

}
.ai_editor img{
    width: 12px;
    height: auto;
}
.ai_editor span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
}
/* Delisted/relisted */
.ai_review{
    padding: 6px 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    border: none;
}
.ai_review:hover{
    cursor: pointer;
}
.ai_review.delisted{
    background: #EEF2FF;
}
.ai_review.delisted span{
    color: #2B37E3;
}
.ai_review img{
    width: 16px;
    height: auto;
}
.ai_review span{
    font-size: 12px;
    color: #051417;
    line-height: 14px;
}
.ai_review.under_review{
    background: #EFF8FF;
}
.ai_review.not_approved{
    background: #FEF0EE;
}
.ai_review.listed{
    background: #EBFBF1;
}
.ai_review.removed{
    background: #f0f0f0;
    border-image: linear-gradient(132deg, rgba(216, 216, 216, 1), rgba(233, 233, 233, 1)) 1 1;
}

/*  tooltip  */
.ai_review.not_approved {
    position: relative;
  }
  .ai_review.not_approved p{
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    transform: translateX(-50%);
    width: 100%;
    background: #fff1f0;
    color: #6E696B;
    font-size: 12px;
    line-height: 1.4;
    padding: 6px;
    border-radius: 5px;
    white-space: normal;
    text-align: left;
    z-index: 100;
    display: block;
    pointer-events: auto;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .ai_review.not_approved{
    user-select: none;
  }
  
  .ai_review.not_approved p{
    user-select: text;
  }
  
  /*  */
  .ai_review.not_approved::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    transform: translateX(-50%);
    width: 94%;
    background: #fff1f0;
    color: #6E696B;
    font-size: 12px;
    line-height: 1.4;
  
    padding: 6px;
    border-radius: 5px;
    /* border: 1px solid #ffa39e; */
  
    max-width: 280px;
    white-space: normal;
    text-align: left;
  
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
  
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  
    z-index: 100;
    display: none;
  }
  
  /* （） */
  .ai_review.not_approved::before {
    content: '';
    position: absolute;
    left: 75%;
    bottom: calc(100% + 3px);
    transform: translateX(-50%);
  
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff1f0;
  
    opacity: 0;
    transition: opacity 0.2s ease;
  
    z-index: 99;
  }
  
  /* hover  */
  .ai_review.not_approved:hover::before {
    opacity: 0;
  }

  .ai_editor_show{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 999;
  }

  .ai_editor_show > div{
    width: 1300px;
    background: #FFFFFF;
    border-radius: 8px;
    height: 90%;
    overflow-y: auto;
    padding: 60px;
    position: relative;
  }
  .ai_editor_show_close{
    position: absolute;
    right: 30px;
    top: 30px;
  }
  .ai_editor_show_close img{
    width: 18px;
    height: auto;
  }
  .ai_editor_show .tjmain1_des{
    width: 100%;
  }
  .ai_editor_show .tjmain1_des .edui-editor{
    width: 100% !important;
  }
  .ai_editor_show .tjmain1_des .edui-editor-iframeholder{
    width: 100% !important;
    height: 300px !important;
  }
  .ai_editor_show_save{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    padding: 15px 30px;
    background: #2B37E3;
    border-radius: 8px;
    display: inline-block;
    margin-top: 30px;
    float: right;
  }
  .not_approved_show{
    display: none;
  }
  .ai_editor_show_m{
    display: none;
  }
  .ai_editor_show_header{
    display: none;
  }


  /* aiapp */
  .aiapp{
    width: 1380px;
    margin: 0 auto;
  }
  .aiapp1{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .aiapp1 > div{
    width: 950px;
  }
  .aiapp1 > img{
    width: 256px;
    height: 256px;
    border-radius: 50px;
  }
  .aiapp1 > div h1{
    font-size: 36px;
    color: #202123;
    line-height: 42px;
  }
  .aiapp1 > div p{
    font-size: 18px;
    color: #777A7F;
    line-height: 24px;
    width: 100%;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
  }
  .aiapp1_info{
    margin-top: 26px;
    display: flex;
    align-items: center;
    gap: 23px;
  }
  .aiapp1_info > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
  }
  .aiapp1_info > div:nth-of-type(1) span:nth-of-type(1),
  .aiapp1_info > div:nth-of-type(3) span:nth-of-type(1){
    font-size: 14px;
    color: #202123;
    line-height: 16px;
    letter-spacing: 0.5px;
  }
  .aiapp1_info > div > span:last-of-type{
    font-size: 14px;
    color: #797D80;
    line-height: 16px;
  }
  .aiapp1_info > div:nth-of-type(2) div{
    display: flex;
    align-items: center;
    gap: 2px;
  }
  .aiapp1_info > div:nth-of-type(2) div span{
    font-size: 14px;
    color: #202123;
    line-height: 16px;
  }
  .aiapp1_info > div:nth-of-type(2) img{
    width: 10px;height: auto;
  }
  .aiapp1_info > div:nth-of-type(4) img{
    width: 16px;
    height: auto;
  }
  .aiapp1_info > span{
    width: 1px;
    height: 26px;
    display: block;
    background-color: #E9EBEE;
  }
  .aiapp1_button{
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .aiapp1_button > a{
    /* width: 208px; */
    height: 46px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #ffffff;
    border-bottom: none;
    border-top: none;
    border: 1px solid #ffffff;
    box-sizing: content-box;
  }
  .aiapp1_button > a::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.08); /* ≈ brightness(1.08) */
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
  }
  .aiapp1_button > a:hover{
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
 border-color: rgba(64, 158, 255, 0.6);
 cursor: pointer;
  }
  .aiapp1_button > a:hover::after {
    opacity: 1;
  }
  .aiapp1_button > a > div:nth-of-type(2){
    width: 46px;
    height: 46px;
    border-radius: 0 8px 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .aiapp1_button > a > div:nth-of-type(2) img{
    width: 15px;
    height: auto;
  }
  .aiapp1_button > a > div:first-of-type{
    width: 150px;
    /* padding: 0 40px; */
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }
  .aiapp1_button > a > div:first-of-type img{
    width: 16px;
    height: auto;
  }
  .aiapp1_button > a > div:first-of-type span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px;
  }
  .aiapp1_button_win{
    background: linear-gradient( 270deg, #34B8F9 0%, #27ACEF 100%);
    display: none;
  }

  .aiapp1_button_mac{
    background: linear-gradient( 270deg, #18B3F0 0%, #1763E0 100%);
    display: none;
  }
  .aiapp1_button > a.aiapp1_button_mac > div:first-of-type img{
    width: 18px;
  }

  .aiapp1_button_apple{
    background: #000000;
  }

  .aiapp1_button_android{
    background: #00C679;
  }

  .aiapp1_button_win > div:first-of-type{
    border-right: 1px solid #49C3FF;
  }
  .aiapp1_button_win div:last-of-type{
    border-left: 1px solid #1DA8EC;
  }
  .aiapp1_button_mac > div:first-of-type{
    border-right: 1px solid #5FC0FF;
  }
  .aiapp1_button_mac div:last-of-type{
    border-left: 1px solid #0B8CE0;
  }
  .aiapp1_button_apple > div:first-of-type{
    border-right: 1px solid rgba(152,152,152,0.31);
  }
  .aiapp1_button_apple > div:last-of-type{
    border-left: 1px solid rgba(146,146,146,0.22);
  }
  .aiapp1_button_android > div:first-of-type{
    border-right: 1px solid #01D280;
  }
  .aiapp2{
    width: 100%;
    margin-top: 34px;
    display: flex;
    justify-content: space-between;
  }
  .aiapp2L{
    width: 916px;
  }
  .aiapp2L1{
    width: 100%;
    height: 315px;
    position: relative;
  }
  .aiapp2L1 .swiper-wrapper{
    margin: 0;
  }
  .aiapp2L1 .swiper {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 0;
  }
  .aiapp2L1 .swiper-slide{
    width: auto;
    height: 100%;
  }
  .aiapp2L1 .swiper-slide img{
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
  }
  .aiapp2L1 .swiper-slide img:hover{
    border: 1px solid #2B37E3;
    cursor: zoom-in;
  }
  .aiapp2R{
    width: 389px;
  }
  .aiapp2L1 .swiper-button-next:after, 
  .aiapp2L1 .swiper-button-prev:after{
    display: none;
  }
  /* .aiapp2L1 .swiper-button-next img, 
  .aiapp2L1 .swiper-button-prev img{
    width: 62px;
    height: 62px;
    filter: grayscale(70%);
  }
  .aiapp2L1 .swiper-button-next:hover img, 
  .aiapp2L1 .swiper-button-prev:hover img{
    filter: grayscale(0%);
  } */
  /* .aiapp2L1 .swiper-button-prev{
    left: -16px;
  }
  .aiapp2L1 .swiper-button-next{
    right: -16px;
  } */
  .imgPreview{
    position: fixed;
    inset: 0;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .imgPreview_mask{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
  }
  
  .imgPreview_box{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .imgPreview_img{
    max-width: 80%;
    max-height: 80%;
    z-index: 2;
  }
  
  .imgPreview_prev,
  .imgPreview_next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    z-index: 3;
  }
  
  .imgPreview_prev{
     left: calc(50% - 750px); 
    }
  .imgPreview_next{ 
    right: calc(50% - 750px); 
}
  
  /* .imgPreview_close{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    z-index: 3;
  } */

  /*  */
.imgPreview_box{
    pointer-events: none;
  }
  
  /*  */
  .imgPreview_img,
  .imgPreview_prev,
  .imgPreview_next,
  .imgPreview_close{
    pointer-events: auto;
  }

  .aiapp2L2{
    width: 100%;
    margin-top: 55px;
  }
  .aiapp2L2 h2{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    margin: 14px 0;
  }
  .aiapp2L2 p,
  .aiapp2L2 ul,
  .aiapp2L2 ol,
  .aiapp2L2 li{
    font-size: 18px;
    color: #76797E;
    line-height: 26px;
    margin: 11px 0;
    word-break: break-all;
  }
  .aiapp2L3{
    width: 100%;
    margin-top: 15px;
  }
  .aiapp2L3 > span{
    font-size: 18px;
    color: #222222;
    line-height: 21px;
  }
  .aiapp2L3 > p{
    font-size: 18px;
    color: #76797E;
    line-height: 21px;
    margin-top: 6px;
  }
  .aiapp2L4{
    width: 100%;
    margin-top: 28px;
    border-radius: 8px;
    border: 1px solid #DADCE0;
    padding: 20px 23px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .aiapp2L4 > a{
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
  }
  .aiapp2L4 > div{
    width: 100%;
    display: flex;
    gap: 24px;
  }
  .aiapp2L4 > div img{
    width: 18px;
    height: auto;
    align-self: self-start;
    margin-top: 3px;
  }
  .aiapp2L4 > div > div{
    width: calc(100% - 42px);
  }
  .aiapp2L4 > div > div p{
    font-size: 14px;
    color: #62656A;
    line-height: 22px;
    word-break: break-all;
  }
  .aiapp2L4 > div:nth-of-type(3) > div p{
    margin-top: 3px;
  }
  .aiapp2L4 > div:nth-of-type(4) > div p{
    margin-top: 0px;
  }
  .aiapp2L5{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 10px;
  }
  .aiapp2L5 > a{
    font-size: 18px;
    color: #6C6F73;
    line-height: 21px;
    padding: 8px 16px;
    border-radius: 19px;
    border: 1px solid #DADCE0;
  }
  .aiapp2L6{
    width: 100%;
    margin-top: 55px;
  }
  .aiapp2L6 h2{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
  }
  .aiapp2L6_textarea{
    width: 100%;
    height: 115px;
    margin-top: 20px;
    position: relative;
  }
  .aiapp2L6_textarea textarea{
    width: 100%;
    height: 100%;
    background: #EFF2F5;
    border-radius: 8px;
    border: none;
    padding: 20px;
    font-size: 14px;
    color: #555555;
    line-height: 20px;
    resize: none;

  }
  .aiapp2L6_textarea textarea::placeholder{
    font-size: 14px;
    color: #ADB0B5;
    line-height: 16px;
  }
  .aiapp2L6_textarea > span{
    font-size: 14px;
    color: #707D91;
    line-height: 16px;
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
  .aiapp2L6_btn{
    width: 100%;
    display: flex;
    justify-content: right;
  }
  .aiapp2L6_btn button{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    padding: 11px 24px;
    background: #2B37E3;
    border-radius: 8px;
    border: none;
    margin-top: 15px;
  }
  .aiapp2L6_btn button:hover{
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
   border-color: rgba(64, 158, 255, 0.6);
   cursor: pointer;
   filter: brightness(1.06);
    }
  .aiapp2L6_M{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
  }
  .aiapp2L6_Ms{
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #F0F2F5;
    display: flex;
    gap: 10px;
  }
  .aiapp2L6_Ms > a{
    width: 44px;
    height: auto;
    flex: 0 0 auto;
  }
  .aiapp2L6_Ms > a img{
    width: 44px;
    height: 44px;
    border-radius: 50%;
  }
  .aiapp2L6_Ms > div{
    width: calc(100% - 54px);
  }
  .aiapp2L6_Ms > div > div{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .aiapp2L6_Ms > div > div a{
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
  .aiapp2L6_Ms > div > div img{
    width: 16px;
    flex: 0 0 auto;
  }
  .aiapp2L6_Ms > div > div span{
    font-size: 16px;
    color: #617186;
    line-height: 18px;
    flex: 0 0 auto;
  }
  .aiapp2L6_Ms > div p{
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    color: #555555;
    line-height: 18px;
  }
  .aiapp2L6_M_btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .aiapp2L6_M_btn button{
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    padding: 18px 28px;
    background: #2B37E3;
    border-radius: 8px;
  }
  .aiapp2L6_M_btn button:hover{
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
   border-color: rgba(64, 158, 255, 0.6);
   cursor: pointer;
   filter: brightness(1.06);
    }
  .aiapp2L{
    padding-bottom: 60px;
  }
  .aiapp2R > h2{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
  }
  .aiapp2RM{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
  }
  .aiapp2RMs{
    width: 100%;
    display: flex;
    gap: 18px;
  }
  .aiapp2RMs > a{
    display: block;
    width: 68px;
    height: 68px;
  }
  .aiapp2RMs > a > img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
  }
  .aiapp2RMs_info{
    width: calc(100% - 86px);
    height: 68px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
  }
  .aiapp2RMs_info > a{
    font-size: 16px;
    color: #222222;
    line-height: 18px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aiapp2RMs_info > p{
    font-size: 14px;
    color: #777777;
    line-height: 16px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aiapp2RMs_info > div{
    display: flex;
    align-items: center;
    gap: 3px;
  }
  .aiapp2RMs_info > div span{
    font-size: 14px;
    color: #888888;
    line-height: 16px;
  }
  .aiapp2RMs_info > div img{
    width: 10px;
    height: auto;
  }

  .aiapp1_button_apple,
  .aiapp1_button_android{
    position: relative;
  }
  .aiapp1_button_apple:hover .aiapp1_button_apple_hide,
  .aiapp1_button_android:hover .aiapp1_button_android_hide{
    display: flex !important;
  }
  .aiapp1_button_apple_hide,
  .aiapp1_button_android_hide{
    display: none;
    position: absolute;
    top: 46px;
    width: 100%;
    height: auto;
    z-index: 19;
    border: none !important;
  }
  .aiapp1_button_apple_hide > img,
  .aiapp1_button_android_hide > img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 105%;
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
    object-fit: fill;
  }
  .aiapp1_button_apple_hide > div,
  .aiapp1_button_android_hide > div{
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 15px;
    border: none !important;
    padding: 14px 10px;
  }
  .aiapp1_button_apple_hide > div img,
  .aiapp1_button_android_hide > div img{
    width: 100%;
    padding: 0 14px;
  }
  .aiapp1_button_apple_hide > div span,
  .aiapp1_button_android_hide > div span{
    display: block;
    font-size: 14px;
    color: #222222;
    line-height: 16px;
    margin-top: 10px;
    text-align: center;
  }
  .imgPreview_prev img,
  .imgPreview_next img{
    width: 74px;
    filter: grayscale(100%);
  }
  .imgPreview_prev:hover img,
  .imgPreview_next:hover img{
    filter: grayscale(0%);
  }
  .imgPreview_box_top{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: #000000;
  }
  .imgPreview_box_top > div{
    width: 1380px;
    height: 64px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
  }
  .imgPreview_box_top > div .imgPreview_close{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
  }
  .imgPreview_box_top > div > img{
    width: 36px;
    height: 36px;
    border-radius: 8px;
    margin-left: 6px;
  }
  .imgPreview_box_top > div .imgPreview_close .imgPreview_close_img{
    width: 12px;
    height: auto;
  }
  .imgPreview_box_top > div > span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    width: auto;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aiclass_1{
    width: 1380px;
    margin: 10px auto;
  }

  .aiclass_1_M{
    width: 100%;
    margin-top: 26px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
  }
  .aiclass_1_Ms{
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    padding: 16px;
  }
  .aiclass_1_Ms:hover{
    border: 1px solid #2B37E3;
  }
  .aiclass_1_Ms:hover   .aiclass_1_Ms_top > div a{
    color: #2B37E3;
  }
  .aiclass_1_Ms_top{
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .aiclass_1_Ms_top > a{
    display: block;
    width: 64px;
    height: 64px;
  }
  .aiclass_1_Ms_top > a img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .aiclass_1_Ms_top > div{
    width: calc(100% - 74px);
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .aiclass_1_Ms_top > div a{
    font-size: 16px;
    color: #212121;
    line-height: 18px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
  }
  .aiclass_1_Ms_top > div p{
    font-size: 14px;
    color: #676767;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .aiclass_1_Ms_bottom{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .aiclass_1_Ms_bottom > a{
    font-size: 12px;
    color: #7F83F5;
    line-height: 14px;
    padding: 4px 10px;
    background: #EFF6FF;
    border-radius: 4px;
  }
  .aiclass_1_Ms_bottom > div,
  .aiclass_1_Ms_bottom > button{
    display: flex;
    align-items: center;
    gap: 5px;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }
  .aiclass_1_Ms_bottom > div:hover span{
    color: #2B37E3;
  }
  .aiclass_1_Ms_bottom > div img,
  .aiclass_1_Ms_bottom > button img{
    width: 14px;
    height: 14px;
  }
  .aiclass_1_Ms_bottom > div span,
  .aiclass_1_Ms_bottom > button span{
    font-size: 12px;
    color: #292929;
    line-height: 14px;
  }
  .gjlbmain1 h1 .gradient-text{
    background-image: linear-gradient(to right,#1C32DB, #8655F6); 
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent; 
    -webkit-text-fill-color: transparent; 
  }
  .aiAppList1{
    width: 1100px;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 24px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .aiAppList1 h3{
    font-size: 24px;
    color: #191919;
    line-height: 30px;
  }
  .aiAppList1M{
    width: 100%;
    margin-top: 14px;
    display: flex;
    justify-content: space-between;

  }
  .aiAppList1Ms{
    width: 111px;
  }
  .aiAppList1Ms > a:first-of-type{
    display: block;
    width: 111px;
    height: 111px;

  }
  .aiAppList1Ms > a:first-of-type img{
    width: 100%;
    height: 100%;
    border-radius: 23px;
  }
  .aiAppList1Ms > a:last-of-type{
    font-size: 16px;
    color: #191919;
    line-height: 18px;
    width: 100%;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .aiAppList1Ms > div{
    width: 100%;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .aiAppList1Ms > div span{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
  }
  .aiAppList1Ms > div img{
    width: 12px;
    height: auto;
  }
  .aiapp1_top > img{
    display: none;
  }
  .aiapp1_button_m{
    display: none;
  }
  #edui_fixedlayer{
    z-index: 1000 !important;
  }
  .flmain2R_title img{
    display: none;
  }
  .aimain1_6_toggle{
    display: none;
  }
  .aiapp2L1 .swiper-button-next.swiper-button-disabled,
  .aiapp2L1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}
.totop img{
    filter: grayscale(100%);
}
.totop img:hover{
    filter: grayscale(0%);
}
.right_nav_item.totop{
    padding-left: 0;
    gap: 0;
}
.right_nav_item.totop img{
    width: 40px;
    height: 40px;

}
.flmain2R_item_more{
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2B37E3;
    background: #EEF2FF;
    cursor: pointer;
    border: 1px solid #EEF2FF;
}
.flmain2R_item_more:hover{
    color: #545CEA;
}
.aiin1_3_btn{
    display: none;
}
.aiin1_3_btn{
    height: 38px;
    /* position: absolute;
    bottom: 1px;
    right: 0; */
    /* padding-left: 20px; */
    background-color: #ffffff;
    display: none;
}
.aiin1_3_btn > div{
    background: #000000;
    border-radius: 4px;
    border: 1px solid #000000;
    padding: 7px 9px;
    display: flex;
    justify-content: center;
    gap: 4px;
    height: 38px;
    align-items: center;
    cursor: pointer;
}
.aiin1_3_btn span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
}
.aiin1_3_btn_show{
    width: 12px;
    height: auto;
}
.aiin1_3_btn_hide{
    width: 15px;
    height: auto;
}
/* ： */
.aiin1_3_btn_hide {
    display: none;
}
/*  */
.aiin1_3.open .aiin1_3_btn span,
.aiin1_3.open .aiin1_3_btn_show {
    display: none;
}

.aiin1_3.open .aiin1_3_btn_hide {
    display: inline-block;
}
.aiin1_3.open .aiin1_3_btn{
    position: static;
    padding-left: 0;
}
.ai_newstext .ai_news_pa{
    display: block;
    font-size: 18px;
    color: #000000;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    max-height: 208px; 
    word-break: break-all;
}
.ai_newstext{
    position: relative;
}
.ai_news_view{
    display: none; 
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, 
    rgba(255, 255, 255, 0),  
    rgba(255, 255, 255, 1),  
    rgba(255, 255, 255, 1),   
    rgba(255, 255, 255, 1), 
    rgba(255, 255, 255, 1),  
    rgba(255, 255, 255, 1),  
    rgba(255, 255, 255, 1)      
  );
  padding-left: 20px;
}
.view-all-link{
    font-size: 18px;
    color: #2B37E3;
    line-height: 26px;
}
.view-all-link::before{
    content: "...";
    color: #000;
    margin-right: 5px;
}

.ai_newstext.active .ai_news_pa{
    display: block;
    max-height: none;
}
.ai_newstext.active .ai_news_view{
    display: none !important; 
}
.aiheadM_hide{
    display: none;
    position: absolute;
    /* left: 50%; */
    left: -22px;
    bottom: 0;
    transform: translate(0, 100%);
    padding-top: 6px;
    z-index: 1;
}
.aiheadM_hide > div{
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.14);
    border-radius: 8px;
    border: 1px solid #DBDCE6;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: auto;
}
.aiheadM_hide > div > a{
    padding: 8px 9px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
}
.aiheadM_hide > div > a:hover,
.aiheadM_hide > div > a.active{
    background: #F4F7FF;
}
.aiheadM_hide > div > a img{
    width: 28px;
    height: 28px;
}
.aiheadM_hide > div > a.active span{
    color: #2B37E3;
}
.aiheadM_hide > div > a span{
    font-size: 16px;
    color: #191919;
    line-height: 18px;
    font-weight: 500;
    display: block;
    white-space: nowrap;
}
.aiheadM > div.active .aiheadM_navs{
    position: relative;
    padding-right: 16px;
}
.aiheadM > div.active .aiheadM_navs::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -70%) rotate(45deg);
    width: 7px;
    height: 7px;
    border-right: 2px solid #3F4044;
    border-bottom: 2px solid #3F4044;
    border-color: #3F4044;
}
.aiheadM > div{
    position: relative;
    display: flex;
    align-items: center;
    
}
.aiheadM > div.active:hover .aiheadM_hide{
    display: flex;
    position: absolute;
}
.aiheadM_hide:hover{
    display: flex;
}



    /*  */
    .logo-upload-container {
        position: relative;
        width: 120px;
        height: 120px;
        margin-top: 15px;
      }

      /* +  */
      .upload-btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px dashed #ccc;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-color: #f9f9f9;
        transition: all 0.3s ease;
      }

      .upload-btn:hover {
        border-color: #409eff;
        background-color: #ecf5ff;
      }

      .plus-icon {
        font-size: 40px;
        color: #999;
        line-height: 1;
        margin-bottom: 8px;
      }

      .upload-text {
        font-size: 14px;
        color: #666;
      }

      /*  */
      .preview-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .preview-image {
        width: 100%;
        height: 100%;
        /* object-fit: contain; */
        border-radius: 8px;
        border: 1px solid #ddd;
      }

      /*  */
      .delete-btn {
        position: absolute;
        top: -8px;
        right: -8px;
        width: 24px;
        height: 24px;
        background-color: #ff4d4f;
        color: white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 14px;
        border: 2px solid white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
      }

      .delete-btn:hover {
        background-color: #ff7875;
        transform: scale(1.1);
      }

      /*  */
      .file-input {
        display: none;
      }

      .tjmain1_address{
        display: flex;
        width: 100%;
        gap: 20px;
        margin-top: 15px;
        padding-left: 30px;
      }
      .tjmain1_address > div{
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px;

      }
      .tjmain1_address > div:first-of-type{
        flex: 0 0 auto;
        width: auto;
        align-items: self-end;
      }
      .tjmain1_address > div:last-of-type{
        flex: 1;
        width: auto;
      }
      .tjmain1_address > div span{
        display: block;
        font-size: 16px;
        color: #000000;
        line-height: 48px;
        height: 48px;
        text-align: right;
      }
      .tjmain1_address > div input{
        border: 1px solid #D2D8E5;
        border-radius: 4px;
        height: 48px;
        display: block;
        width: 100%;
        padding: 0 20px;
      }
      .tjmain1_address > div input:focus {
        border-color: #2B37E3;
    }

    /* topiclist */
    .topiclist{
        width: 100%;
        padding-top: 1px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding-bottom: 20px;
    }
    .topiclist > h1{
        text-align: center;
        font-size: 32px;
        color: #191919;
        line-height: 45px;
        margin-top: 66px;
        font-family: "Arial_Black";
    }
    .topiclist > h1 span{
        background: linear-gradient(to right, #358AFF, #B173FF);
        background-clip: text;
        color: transparent;
    }
    .topiclist > p{
        width: 1380px;
        font-size: 18px;
        color: #747D9E;
        line-height: 20px;
        text-align: center;
        margin: 0 auto;
        margin-top: 7px;
    }
    .topiclist_M{
        width: 1380px;
        margin: 0 auto;
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
    }
    .topiclist_Ms{
        width: 100%;
        overflow: hidden;
        position: relative;
        background: #FFFFFF;
        box-shadow: 0px 0px 6px 0px rgba(28,35,136,0.33);
        border-radius: 10px;
        border: 1px solid rgba(28,35,136,0.13);
    }
    .topiclist_Ms:hover{
        box-shadow: 0px 0px 6px 0px rgba(7,24,255,0.33);
        border: 1px solid transparent;
        background: linear-gradient(136deg, rgba(29, 84, 255, 1), rgba(163, 68, 255, 1)) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
        border-radius: 8px;
    }
    .topiclist_Ms > span{
        position: absolute;
        top: 20px;
        left: 20px;
        display: block;
        font-size: 12px;
        color: #2B37E3;
        line-height: 17px;
        padding: 5px 8px;
        background: #E5EDFA;
        box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);
        border-radius: 8px;
        opacity: 0.9;
        z-index: 1;
    }
    .topiclist_Ms > a {
        display: block;
        width: 100%;
        height: 185px;
        overflow: hidden;
    }
    .topiclist_Ms > a img{
        width: 100%;
        height: 100%;
        transition: transform 0.2s;
    }
    .topiclist_Ms > a:hover img{
        transform: scale(1.2);
    }
    .topiclist_Ms > div{
        width: 100%;
        background-color: #ffffff;
        padding: 20px;
    }
    .topiclist_Ms > div > a{
        font-size: 18px;
        color: #111112;
        line-height: 22px;
        height: 44px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .topiclist_Ms > div a:hover{
        color: #004ef8;
    }
    .topiclist_Ms > div p{
        font-size: 14px;
        color: #787F8B;
        line-height: 20px;
        height: 60px;
        margin-top: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .topiclist_Ms > div > span{
        display: block;
        width: 100%;
        height: 1px;
        background-color: #F3F4F6;
        margin: 20px 0;
    }
    .topiclist_Ms_info{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }
    .topiclist_Ms_info > div{
        flex: 0 0 auto;
    }
    .topiclist_Ms_info > div,
    .topiclist_Ms_info > a{
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 5px;
        overflow: hidden;
    }
    .topiclist_Ms_info img{
        display: block;
        width: 14px;
        height: 14px;
    }
    .topiclist_Ms_info span{
        font-size: 12px;
        color: #4E5969;
        line-height: 14px;
        display: inline-blockblock;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .topiclist_Ms_info > a:hover span{
        color: #004ef8;
    }
    .topiclist_Ms_info > a img{
        width: 18px;
        height: 18px;
        border-radius: 50%;
    }

    /* toolranking */
    .toolranking{
        width: 100%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding-bottom: 20px;
        background: linear-gradient(to bottom, #F8F9FB, #F8F9FB, #F8F9FB, #ffffff);
    }
    .toolranking_top{
        padding-top: 1px;
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .toolranking_title{
        width: auto;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    .toolranking_title a{
        font-size: 16px;
        color: #2B37E3;
        line-height: 22px;
        padding: 6px 18px;
        background-color: #D0DDFD;
        border-radius: 22px;
    }
    .toolranking_top > h1{
        text-align: center;
        font-size: 32px;
        color: #191919;
        line-height: 45px;
        margin-top: 18px;
        font-family: "Arial_Black";
    }
    .toolranking_top > h1 span{
        background: linear-gradient(to right, #5281F7, #C38FE6, #ED9993);
        background-clip: text;
        color: transparent;
    }
    .toolranking_top > p{
        font-size: 18px;
        color: #747D9E;
        line-height: 24px;
        text-align: center;
        width: 1065px;
        margin: 0 auto;
        margin-top: 12px;
        font-family: 'Arial';
    }
    .toolranking_tips{
        display: flex;
        margin-top: 20px;
        justify-content: center;
        gap: 8px;
        align-items: center;
    }
    .toolranking_tips > img{
        width: 28px;
        height: 28px;
    }
    .toolranking_tips > span{
        font-size: 16px;
        color: #747D9E;
        line-height: 22px;
        font-family: 'Arial';
    }
    .toolranking_M{
        width: 1380px;
        margin: 0 auto;
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
        align-items: self-start;
    }
    .toolranking_ML{
        width: 1060px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .toolranking_MR{
        width: 300px;
    }
    .toolranking_MLs{
        border: 1px solid #E5E7EB;
        border-radius: 8px;
    }
    .toolranking_MLs > div{
        width: 100%;
        background: #FFFFFF;
        border-radius: 8px;
        padding: 20px;
        display: flex;
        justify-content: space-between;
    }
    .toolranking_MLs:hover{
        box-shadow: 0px 0px 6px 0px rgba(7, 24, 255, 0.33);
        border: 1px solid transparent;
        background: linear-gradient(136deg, #1D54FF, #A344FF) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
        border-radius: 8px;
    }
    .toolranking_MLs > div > span{
        display: block;
        align-self: self-start;
        font-size: 36px;
        line-height: 36px;
        background: linear-gradient(to bottom, #EEEEEE, #dddddd);
        background-clip: text;
        color: transparent;
        font-weight: 900;
        font-family: 'Arial_Black';
        flex: 0 0 auto;
    }
    .toolranking_MLs:nth-of-type(1) > div > span{
        background: linear-gradient(to bottom, #FEDC61, #F5BA0F);
        background-clip: text;
    }
    .toolranking_MLs:nth-of-type(2) > div > span{
        background: linear-gradient(to bottom, #FFAE5C, #FF7F0D);
        background-clip: text;
    }
    .toolranking_MLs:nth-of-type(3) > div > span{
        background: linear-gradient(to bottom, #D0C3FF, #7150E6);
        background-clip: text;
    }
    .toolranking_MLs > div > a{
        width: 56px;
        height: 56px;
        border-radius: 4px;
        overflow: hidden;
        flex: 0 0 auto;
        margin-left: 13px;
        margin-right: 19px;
    }
    .toolranking_MLs > div > a img{
        width: 100%;
        height: 100%;
    }
    .toolranking_MLs > div > div{
        width: auto;
        flex: 1;
        overflow: hidden;
        
    }
    .toolranking_MLs_title{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }
    .toolranking_MLs_title > a{
        width: auto;
        overflow: hidden;
    }
    .toolranking_MLs_title h2{
        font-size: 24px;
        color: #000000;
        line-height: 28px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .toolranking_MLs_title h2:hover{
        color: #004ef8;
    }
    .toolranking_MLs_title a:last-of-type{
        display: flex;
        justify-content: center;
        gap: 3px;
        padding: 6px 16px;
        background: #2B37E3;
        border-radius: 4px;
        align-items: center;
        flex: 0 0 auto;
    }
    .toolranking_MLs_title a:last-of-type span{
        font-size: 16px;
        color: #FFFFFF;
        line-height: 18px;
    }
    .toolranking_MLs_title a:last-of-type img{
        width: 8px;
        height: 13px;
    }
    .toolranking_MLs > div > div > p{
        font-size: 18px;
        color: #737795;
        line-height: 24px;
        height: 48px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 10px;
        word-break: break-all;
    }
    .toolranking_MLs_info{
        width: 100%;
        margin-top: 20px;
        background: #F8F9FB;
        box-shadow: 0px 0px 6px 0px #E4E7F0;
        border-radius: 8px;
        padding: 20px;
    }
    .toolranking_MLs_info div{
        display: flex;
        width: 100%;
        align-items: center;
        gap: 8px;
    }
    .toolranking_MLs_info img{
        width: 19px;
        height: auto;
    }
    .toolranking_MLs_info span{
        font-size: 18px;
        color: #000000;
        line-height: 20px;
    }
    .toolranking_MLs_info p{
        font-size: 16px;
        color: #6F7074;
        line-height: 20px;
        width: 100%;
        margin-top: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .toolranking_MR{
        background: #FFFFFF;
        border-radius: 8px;
        border: 1px solid #E5E7EB;
        padding: 20px 10px;
    }
    .toolranking_MR h3{
        font-size: 21px;
        color: #000000;
        line-height: 24px;
        padding: 0 10px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .toolranking_MRM{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-top: 10px;
        gap: 1px;
    }
    .toolranking_MRMs{
        border: 1px solid #ffffff;
        border-bottom: 1px solid #F8F8F8;
    }
    .toolranking_MRMs:last-of-type{
        border-bottom:1px solid #ffffff;
    }
    .toolranking_MRMs > div{
        width: 100%;
        display: flex;
        padding: 20px 10px;
        align-items: center;
        gap: 10px;
        background-color: #ffffff;
        border-radius: 8px;
  
    }
    .toolranking_MRMs:hover{
        box-shadow: 0px 0px 6px 0px rgba(7, 24, 255, 0.33);
        border: 1px solid transparent;
        background: linear-gradient(136deg, #1D54FF, #A344FF) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
        border-radius: 8px;
    }
    .toolranking_MRMs > div > a{
        display: block;
        width: 104px;
        height: 59px;

    }
    .toolranking_MRMs > div > a img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .toolranking_MRMs > div > div{
        width: calc(100% - 114px);
        height: 59px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .toolranking_MRMs > div > div a{
        font-size: 18px;
        color: #111112;
        line-height: 19px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .toolranking_MRMs > div > div a:hover{
        color: #004ef8;
    }
    .toolranking_MRMs_info{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 2px;
    }
    .toolranking_MRMs_info img{
        width: 12px;
        height: 12px;
    }
    .toolranking_MRMs_info span{
        font-size: 12px;
        color: #4E5969;
        line-height: 14px;
    }
    .toolranking_MR_more{
        padding: 0 10px;
        margin-top: 5px;
    }
    .toolranking_MR_more a{
        display: block;
        width: 100%;
        height: 37px;
        background: #E2E9FE;
        border-radius: 4px;
        text-align: center;
        line-height: 37px;
        font-size: 16px;
        color: #2B37E3;
    }
    .toolranking_MR_more a:hover{
        background: #d6e0ff;
    }

    .topiclist_top{
        width: 1380px;
        margin: 0 auto;
        margin-top: 60px;
    }

    .topiclist .aimain3{
        width: 1380px;
        margin-top: 60px;
        margin-bottom: 20px;
    }


/* prompt */
.prompt_h1{
    font-size: 32px;
    color: #191919;
    line-height: 45px;
    text-align: center;
    margin-top: 28px;
}
.prompt_h1 > span{
    background: linear-gradient(to right, #4A63FF, #B959FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.prompt_topp{
    width: 1012px;
    font-size: 18px;
    color: #191919;
    line-height: 24px;
    margin-top: 14px;
    text-align: center;
}
.prompt .aimain1_4{
    margin: 30px 0;
}
.prompt_word{
    width: 1380px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.prompt_word .aimain5_sp{
    margin-bottom: 0;
}
.prompt_word1{
    width: 100%;
    margin-top: 30px;
}
.prompt_word1 h2{
    font-size: 24px;
    color: #212329;
    line-height: 28px;
}
.prompt_word1M{
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
}
/*  */
.prompt_word1M {
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease;
  }
  
  .prompt_word1M.ready {
    visibility: visible;
    opacity: 1;
  }
/* PC  more */
.prompt_word1M_more {
    display: none;
  }
.prompt_word1M > a,
.prompt_modal_list > a{
    display: flex;
    width: auto;
    height: 33px;
    padding: 0 12px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #ffffff;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.prompt_word1M > a img,
.prompt_modal_list > a img{
    width: 16px;
    height: auto;
    opacity: 0.7;
}
.prompt_word1M > a span,
.prompt_modal_list > a span{
    font-size: 16px;
    color: #212329;
    line-height: 18px;
}
.prompt_word1M > a:hover,
.prompt_modal_list > a:hover,
.prompt_word1M > a.active,
.prompt_modal_list > a.active{
    overflow: hidden;
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
    border-radius: 3px;
}
.prompt_word1M > a.active span,
.prompt_modal_list > a.active span{
    color: #004ef8;
}
.prompt_word1M > a:hover img,
.prompt_modal_list > a:hover img{
    opacity: 1;
}
.prompt_word2{
    width: 100%;
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
}
.prompt_word2L{
    width: 1085px;
}
.prompt_word2L h2{
    width: 100%;
    font-size: 24px;
    color: #212329;
    line-height: 28px;
}
.prompt_word2LM{
    width: 100%;
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.prompt_word2LMs{
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(28,35,136,0.33);
    border-radius: 8px;
    border: 1px solid rgba(28,35,136,0.1);
}
.prompt_word2LMs:hover{
    overflow: hidden;
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
    border-radius: 8px;
    cursor: pointer;
}
.prompt_word2LMs1{
    width: 100%;
    padding: 0 19px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
}
.prompt_word2LMs1_title{
    width: auto;
    flex: 1;
    font-size: 18px;
    color: #21252A;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    word-break: break-all;
}
.prompt_word2LMs1 > div{
    flex: 0 0 auto;
    display: flex;
    align-self: self-start;
    gap: 4px;
}
.prompt_word2LMs1 > div img{
    width: 11px;
    height: 14px;
}
.prompt_word2LMs1 > div span{
    font-size: 14px;
    color: #383C44;
    line-height: 16px;
}
.prompt_word2LMs2{
    width: 100%;
    margin-top: 16px;
    padding: 0 19px;
}
.prompt_word2LMs2_p{
    width: 100%;
    padding: 3px 10px;
    /* background: #FAF8EB; */
    border-radius: 8px;
    font-size: 14px;
    color: #6C7379;
    line-height: 24px;
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.prompt_word2LMs2_p img{
    display: none;
}
.prompt_word2LMs:nth-of-type(3n+1) .prompt_word2LMs2_p{
    background: #FAF8EB;
}
.prompt_word2LMs:nth-of-type(3n+2) .prompt_word2LMs2_p{
    background: #F0F1FD;
}
.prompt_word2LMs:nth-of-type(3n+3) .prompt_word2LMs2_p{
    background: #E7F7F7;
}
.prompt_word2LMs2_p1{
    background: #FAF8EB;
}
.prompt_word2LMs2_p2{
    background: #F0F1FD;
}
.prompt_word2LMs2_p3{
    background: #E7F7F7;
}
.prompt_word2LMs2_p3 img{
    display: inline-block;
}
.prompt_word2LMs3{
    width: 100%;
    margin-top: 15px;
    padding: 0 19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.prompt_word2LMs3_p{
    width: 100%;
    font-size: 16px;
    color: #22304B;
    line-height: 20px;
    height: 60px;
}
.prompt_word2LMs4{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 28px;
    overflow: hidden;
    gap: 10px;
    margin-top: 20px;
    padding: 0 19px;
}
.prompt_word2LMs4s > span{
    font-size: 14px;
    line-height: 26px;
    border-radius: 3px;
    padding: 4px 8px;
}
.prompt_wordtip1 > span{
    color: #8873EF;
    background: #F7F1FF;
    border: 1px solid #C7B9EB;
}
.prompt_wordtip2 > span{
    color: #7A9CAC;
    background: #F3F5F9;
    border: 1px solid #BEDCEA;
}
.prompt_word2LMs5{
    width: 100%;
    height: 42px;
    margin-top: 20px;
    background: #F0F1FD;
    border-radius: 0px 0px 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prompt_word2LMs5_btn > img{
    width: 18px;
    height: auto;
}
.prompt_word2LMs5_btn span{
    display: none;
}
.prompt_word2LMs5:hover{
    padding: 5px 11px;
}


.prompt_word2LMs5:hover .prompt_word2LMs5_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 270deg, #9960FF 0%, #4160FF 100%);
    border-radius: 15px;
}
.prompt_word2LMs5:hover .prompt_word2LMs5_btn > img{
    width: 14px;
    height: auto;
}
.prompt_word2LMs5:hover .prompt_word2LMs5_btn span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    display: block;
}
/*  */
.prompt_word2LMs_hide {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;              /*  */
  align-items: center;        /*  */
  justify-content: center;    /*  */
  z-index: 9999;
}

/*  */
.prompt_word2LMs_hide > div {
  background: #fff;
  width: 852px;
  /* height: 557px; */
  /* max-height: 557px; */
  background: #F4F4F4;
  border-radius: 8px;
  padding: 25px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  animation: popupShow 0.2s ease;
}

/*  */
@keyframes popupShow {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/*  */
.prompt_word2LMs_hide_close {
    display: block;
    width: 18px;
    height: 18px;
}
.prompt_word2LMs_hide_close img{
    width: 100%;
    height: 100%;
}


.prompt_word2LMs_hide_top{
    width: 100%;
    background: #FEFEFE;
    border-radius: 8px 8px 0 0;
    padding: 20px;
    border-bottom: 1px solid #D5D4DC;
}
.prompt_word2LMs_hide_top > div{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.prompt_word2LMs_hide_top > div span{
    display: block;
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.prompt_word2LMs_hide_top > div:first-of-type span{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    font-weight: bold;
}
.prompt_word2LMs_hide_top > div:first-of-type img{
    width: 18px;
    height: auto;
}
.prompt_word2LMs_hide_top > div:last-of-type img{
    width: 11px;
    height: auto;
}
.prompt_word2LMs_hide_top > div:last-of-type span{
    font-size: 14px;
    color: #51546B;
    line-height: 16px;
}
.prompt_word2LMs_hide_top > div img{
    flex: 0 0 auto;
}
.prompt_word2LMs_hide_top > div:last-of-type{
    margin-top: 20px;
}
.prompt_word2LMs_hideM{
    width: 100%;
    padding: 20px;
    background: #FAFAFA;
    max-height: 500px;
    overflow-y: auto;
}
.prompt_word2LMs_hideP1{
    width: 100%;
    padding-left: 10px;
    position: relative;
}
.prompt_word2LMs_hideP1::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #2B37E3;
    border-radius: 3px;
}
.prompt_word2LMs_hideP1 p{
    width: 100%;
    font-size: 14px;
    color: #51546B;
    line-height: 16px;
}
.prompt_word2LMs_hideM1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;

}
.prompt_word2LMs_hideM1 > span{
    font-size: 24px;
    color: #3C3C3C;
    line-height: 26px;
    font-weight: bold;
}
.prompt_word2LMs_hide_copy1{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 8px;
    border: 1px solid transparent;
}
.prompt_word2LMs_hide_copy1:hover{
    background: #EFF6FF;
    border-radius: 4px;
    border: 1px solid #2B37E3;
}
.prompt_word2LMs_hide_copy1:hover span{
    color: #2B37E3;
}
.prompt_word2LMs_hide_copy1 img{
    width: 14px;
    height: 14px;
}
.prompt_word2LMs_hide_copy1 span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
}
.prompt_word2LMs_hideP2{
    width: 100%;
    margin-top: 16px;
    padding: 16px 23px;
    background: #F0F1FD;
    border-radius: 4px;
}
.prompt_word2LMs_hideP2 p{
    font-size: 18px;
    color: #7C7887;
    line-height: 24px;
    display: inline; 
}
.prompt_word2LMs_hideP2_hide p{
    font-size: 14px;
    color: #51546B;
    line-height: 18px;
    display: inline; 
}
.prompt_word2LMs_hideP2_hide{
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    color: #51546B;
    line-height: 18px;
}
.prompt_word2LMs_hide_copy2,
.prompt_word2LMs_hide_copy3{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border: 1px solid transparent;
    padding: 2px 8px;
    transform: translateY(2px);
}
.prompt_word2LMs_hide_copy2 img{
    width: 14px;
    height: 14px;
}
.prompt_word2LMs_hide_copy2 span{
    display: none;
}
.prompt_word2LMs_hide_bottom{
    width: 100%;
    background: #FEFEFE;
    border-radius: 0 0 8px 8px;
    padding: 20px;
    border-top: 1px solid #D5D4DC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.prompt_word2LMs_hide_bottom .prompt_word2LMs4{
    margin: 0;
    padding: 0;
    width: auto;
}
.prompt_word2LMs_hide_bottoms{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}
.prompt_word2LMs_hide_bottoms img{
    width: 14px;
    height: auto;
}
.prompt_word2LMs_hide_bottoms span{
    font-size: 16px;
    color: #2B37E3;
    line-height: 18px;
}
.prompt_word2LMs_hide_copy2:hover{
    background: #EFF6FF;
    border-radius: 2px;
    border: 1px solid #2B37E3;
    padding: 2px 8px;
}
.prompt_word2LMs_hide_copy2:hover span{
    display: block;
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
}
.prompt_word2LMs6{
    display: none;
}
.prompt_word2R{
    width: 253px;
}
.prompt_word2R > h2{
    font-size: 24px;
    color: #212329;
    line-height: 28px;
    margin-top: 20px;
}
.prompt_word2RM{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.prompt_word2RMs{
    width: 100%;
    margin-top: 15px;
    padding: 18px;
    padding-top: 20px;
    border-radius: 6px;
    border: 1px solid #ffffff;
}
.prompt_word2RMs:hover{
    border: 1px solid #495DEC;
}
.prompt_word2RMs > a{
    width: 100%;
    font-size: 16px;
    color: #0A0A0A;
    line-height: 18px;
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.prompt_word2RMs_p {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  max-height: 36px; 
  overflow: hidden;
  word-break: break-word;
  margin-top: 11px;
  color: #494949;
}

.prompt_word2RMs_text {
  display: inline;
}

.prompt_word2RMs_p_btn {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 4px;
}

.prompt_word2RMs_p_btn img {
  width: 12px;
  height: auto;
  display: block;
}
.prompt_word2RMs:nth-of-type(6n+1){
    background-image: url(/assets/images/prompt_word2RMs1.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+2){
    background-image: url(/assets/images/prompt_word2RMs2.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+3){
    background-image: url(/assets/images/prompt_word2RMs3.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+4){
    background-image: url(/assets/images/prompt_word2RMs4.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+5){
    background-image: url(/assets/images/prompt_word2RMs5.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+6){
    background-image: url(/assets/images/prompt_word2RMs6.png);
    background-size: 100% 100%;
}
.prompt_word2LMs_hideM::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  .prompt_word2LMs_hideM::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 2.5px;
  }
  
  .prompt_word2LMs_hideM::-webkit-scrollbar-thumb {
    background: #E6E7E9;
    border-radius: 2.5px;
  }
  
  .prompt_word2LMs_hideM::-webkit-scrollbar-thumb:hover {
    background: #777;
  }

  /* prompt_d */
  .prompt_d{
    width: 1380px;
    margin: 0 auto;
  }
  .prompt_dM{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .prompt_dML{
    width: 1067px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 26px;
  }
  .prompt_dMR{
    width: 293px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 16px 20px;
  }
  .prompt_dMR .prompt_word2RM{
    gap: 5px;
  }
  .prompt_dML .prompt_d_top1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .prompt_dML .prompt_d_top1 h1{
  
    width: auto;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    font-size: 30px;
    color: #191919;
    font-weight: 600;
    line-height: 32px;
  }
  .prompt_d_top1 > div{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .prompt_d_top1 > div > a{
    font-size: 14px;
    color: #8873EF;
    line-height: 26px;
    padding: 0 8px;
    background: #F7F1FF;
    border-radius: 3px;
    border: 1px solid #C7B9EB;
  }
  .prompt_d_top1s{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .prompt_d_top1s img{
    width: 15px;
    height: auto;
  }
  .prompt_d_top1s span{
    font-size: 16px;
    color: #51546B;
    line-height: 18px;
  }
  .prompt_dML .prompt_word2LMs_hideM{
    background: none;
    padding: 0;
    margin-top: 20px;
    max-height: none;
    overflow-y: initial;
  }
  .prompt_dML .zxnymainsLsp2{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #F0F2F5;
  }
  .prompt_word_top{
    background: linear-gradient( 0deg, #F8F9FB 0%, #ACABFF 100%);
  }


/* emoji sprite */
.emoji-panel {
    display: block;
    gap: 6px;
    padding: 8px;
    border: 1px solid #eee;
    background: #fff;
  }
  
  .emoji-sprite {
    width: 24px;
    height: 24px;
    background-image: url("static/emoji/emoji-sprite.png"); /*  sprite  */
    background-size: 240px 24px;
    cursor: pointer;
  }
  
  .emoji-smile { background-position:   0   0; }
  .emoji-laugh { background-position: -24px 0; }
  .emoji-love  { background-position: -48px 0; }
  
  /*  */
  .comment-images {
    display: flex;
    gap: 10px;
    margin-top: 8px;
  }
  
  .comment-image {
    position: relative;
  }
  
  .comment-image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
  }
  
  .comment-image .remove {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
  }
  .emoji-panel{
    cursor: pointer;
  }
  .emoji-panel span{
    cursor: pointer;
  }


  .aiin_sp1{
    width: 100%;
  }
  .aiin_sp1 > span{
    font-size: 24px;
    color: #000000;
    line-height: 24px;
    font-weight: 600;
  }
  .aiin_sp1M{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
    /* overflow: hidden; */
  }
  .aiin_sp1Ms{
    width: 100%;
    overflow: hidden;
    padding: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid transparent;
    background: linear-gradient(#F1F2FF, #F4F5FF) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
  }
  .aiin_sp1Ms:hover{
    box-shadow: 0px 0px 6px 0px rgba(7, 24, 255, 0.33);
    background: linear-gradient(#F1F2FF, #F4F5FF) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
  }
  .aiin_sp1Ms > a{
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
  }
  .aiin_sp1Ms > a img{
    width: 100%;
    height: 100%;
  }
  .aiin_sp1Ms > div{
    display: flex;
    width: calc(100% - 47px);
    flex-direction: column;
    justify-content: center;
    gap: 2px;
  }
  .aiin_sp1Ms > div a{
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aiin_sp1Ms > div a:hover{
    color: #004ef8;
  }
  .aiin_sp1Ms > div p{
    font-size: 14px;
    color: #494949;
    line-height: 18px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aiin2{
    margin-top: 40px;
  }



  .aiin_sp2{
    width: 100%;
    margin-top: 38px;
  }
  .aiin_sp2 > span{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    font-weight: 600;
  }
  .aiin_sp2 .ai-swiper{
    width: 100%;
    margin-top: 20px;
  }
  .aiin_sp2 .topiclist_Ms > div p{
    -webkit-line-clamp: 2;
    height: 40px;
  }
  .aiin_sp2 .swiper-button-next::after, 
  .aiin_sp2 .swiper-button-prev::after{
    display: none;
  }

  .toolranking_MR_f{
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .toolranking_MR2{
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    padding: 20px;
  }
  .toolranking_MR2 .toolranking_MR_more{
    padding: 0;
  }
  .toolranking_MR2 h2{
    font-size: 21px;
    color: #000000;
    line-height: 24px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .toolranking_MR2M{
    width: 100%;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .toolranking_MR2Ms{
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #F8F8F8;
  }
  .toolranking_MR2Ms.active{
    background: #F8F9FB;
    border-radius: 8px;
    border: none;
    padding: 10px;
  }
  .toolranking_MR2Ms:last-of-type{
    border: none;
  }
  .toolranking_MR2Ms_title{
    font-size: 18px;
    color: #0C0C0C;
    line-height: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .toolranking_MR2Ms_title:hover{
    color: #004ef8;
  }
  .toolranking_MR2Ms p{
    font-size: 16px;
    color: #747896;
    line-height: 19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
  }
  .toolranking_MR2Ms_img{
    display: block;
    width: 100%;
    height: 136px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .toolranking_MR2Ms_img img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;

  }
  .toolranking_MR2Ms_img:hover img{
    transform: scale(1.2);
  }

  .model_vs_mains2_spM {
    width: 100%;
    height: 500px;
  }
  .model_vs_mains2_sp{
    width: 100%;
    margin-top: 20px;

  }
  .model_vs_mains2_sp_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .model_vs_mains2_sp_top > span{
    font-size: 24px;
    color: #191919;
    line-height: 30px;
    flex: 0 0 auto;
    font-weight: bold;
  }
  .model_vs_mains2_spM{
    width: 100%;
    margin-top: 20px;

  }
  .model_vs_mains2_sp_top > div{
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 10px;
    flex: 1;
    padding-left: 20px;
    height: 28px;
    overflow: hidden;
    flex-wrap: wrap;
  }

  .model_vs_mains2_sp_top > div a,
  .model_vs_mains2_sp_top_more{
    font-size: 12px;
    color: #3B3B3B;
    line-height: 26px;
    padding: 0 10px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
  }
  .model_vs_mains2_sp_top_more{
    flex: 0 0 auto;
    border: 1px solid #2B37E3;
  }
  .model_vs_mains2_sp_top > div a:hover,
  .model_vs_mains2_sp_top_more:hover{
    color: #2B37E3;
    border: 1px solid #2B37E3;
  }
  .model_vs_mains2_sp_top > div a.active{
    background: #2B37E3;
    border: 1px solid #2B37E3;
    color: #FFFFFF;
  }
  .model_vs_mains2_2{
    margin-top: 0;
  }
  .model_vs_mains1_rating{
    margin-left: 10px;
    padding-left: 13px;
    position: relative;
  }
  .model_vs_mains1_rating > img{
    position: absolute;
    top: 0;
    left: 0;
  }
  .model_vs_mains1_rating > span{
    width: 64px;
    height: 29px;
    background: #2B37E3;
    border-radius: 0px 4px 4px 0px;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 29px;
    font-family: 'DIN Alternate Bold', Arial, sans-serif;
    padding: 0 15px;
    padding-left: 23px;
  }


  .prompt_d_top1{
    gap: 10px;
  }
  .prompt_d_top1_collection{
    flex: 1 !important;

  }

  .prompt_collection{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,258px);
    gap: 20px;
    overflow: hidden;
    margin-top: 20px;
  }
  .prompt_collection .prompt_word2RMs{
    width: 100%;
    overflow: hidden;
    margin: 0;
  }
  .aimain4L_more1,
  .aimain4L_more2{
    border: none;
  }
  .prompt_modal_box{
    display: none;
  }
  .prompt_d_top1 .prompt_d_top1_collection_btn{
    padding: 0;
    background: none;
    border: none;
  }
  .prompt_d_top1_collection_btn{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .prompt_d_top1_collection_btn b{
    display:none;
    font-size: 16px;
    color: #494949;
    line-height: 18px;
    padding: 6px 10px;
    background-color: #EAEEEF;
    font-weight: 400;
    border-radius: 8px;

  }




  /* promptSubmission */
  .promptSubmission{
    width: 100%;
  }
  .promptSubmission_btn{
    width: 100%;
    height: 72px;
    background-image: url(/assets/images/promptSubmission.png);
    background-size: 100% 100%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  .promptSubmission_btn > span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px;
  }
  /*  */
.promptSubmission_hide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    display: none;
    z-index: 9999;
  
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /*  */

  .promptSubmission_hide{
    display: none;
  }
  /*  */
  .promptSubmission_hide.active {
    display: flex;
  }
  .promptSubmission_hide > div{
    width: 852px;
    max-height: 90vh;
    background: #F4F4F4;
    border-radius: 8px;
    padding: 25px;
  }
  .promptSubmission_modal {
    width: 100%;
    background: #FEFEFE;
    border-radius: 8px;
    padding: 25px;
    max-height: calc(90vh - 50px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #ffffff;
}
.promptSubmission_modal::-webkit-scrollbar {
    width: 6px;
}
.promptSubmission_modal::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.promptSubmission_modal::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
.promptSubmission_modal::-webkit-scrollbar-thumb:hover {
    background: #555;
}
  .promptSubmission_modal1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .promptSubmission_close{
    display: block;
    width: 18px;
    height: 18px;
  }
  .promptSubmission_close img{
    width: 100%;
    height: 100%;
  }
  .promptSubmission_modal1 h2{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
  }
  .promptSubmission_modal2{
    width: 100%;
    margin-top: 17px;
  }
  .promptSubmission_modal2 > span{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    font-weight: bold;
  }
  .promptSubmission_modal2M{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    gap: 10px;
  }
  .promptSubmission_modal2M > span{
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    padding: 0 9px;
    cursor: pointer;
    /* display: none;  */
  }
  .promptSubmission_modal2M > span:hover,
  .promptSubmission_modal2M > span.active{
    color: #2B37E3;
    border: 1px solid #2B37E3;
  }
  .promptSubmission_modal2M.active{
    position: relative;
    height: 78px;
    overflow: hidden;
  }
  .promptSubmission_modal2M.active .categories_more{
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #ffffff;
    padding: 0;
    padding-left: 10px;
    display: inline-block; 
  }
  .promptSubmission_modal2M.active .categories_more b{
    display: block;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    padding: 0 10px;
  }

  .categories_more{
    /* display: none; */
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    padding: 0 10px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
  }
  .categories_more:hover{
    color: #2B37E3;
    border: 1px solid #2B37E3;
  }
  .categories_more b{
    font-weight: 400;
  }
  .promptSubmission_modal3{
    width: 100%;
    margin-top: 20px;
  }
  .promptSubmission_modal3 > span{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    font-weight: bold;
  }
  .promptSubmission_modal3M{
    width: 100%;
    height: 68px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D2D8E5;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
  }
  .promptSubmission_modal3M input{
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    flex: 1;
    border: none;
  }
  .promptSubmission_modal3M input::placeholder{
    color: #B9B9B9;
  }
  .promptSubmission_modal3M:has(input:focus) {
    border: 1px solid #2B37E3;
}
.promptSubmission_modal3M span{
    font-size: 18px;
    color: #707D91;
    line-height: 21px;
}
.promptSubmission_modal4{
    width: 100%;
    margin-top: 25px;
}
.promptSubmission_modal4 > span{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    font-weight: bold;
}
.promptSubmission_modal4M{
    width: 100%;
    margin-top: 14px;
    /* background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D2D8E5; */
    /* padding: 24px; */
    height: 111px;
    position: relative;
    border-radius: 4px;
}
.promptSubmission_modal4M textarea{
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D2D8E5;
    height: 100%;
    padding: 24px;
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    resize: none;
}
.promptSubmission_modal4M textarea::placeholder{
    color: #B9B9B9;
}
.promptSubmission_modal4M span{
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    color: #707D91;
    line-height: 21px;
}
.promptSubmission_modal5{
    width: 100%;
    margin-top: 25px;
}
.promptSubmission_modal5 > span{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    font-weight: bold;
}
.promptSubmission_modal5M{
    width: 100%;
    margin-top: 14px;
    height: 210px;
    position: relative;
    border-radius: 4px;
    padding: 24px;
    background: #F0F1FD;
    padding-bottom: 30px;
}
.promptSubmission_modal5M textarea{
    width: 100%;
    background: #F0F1FD;
    border-radius: 4px;
    border: none;
    height: 100%;
    /* padding: 24px; */
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    resize: none;
    overflow-y: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}
.promptSubmission_modal5M textarea::placeholder{
    color: #7C7887;
}
.promptSubmission_modal5M span{
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 18px;
    color: #707D91;
    line-height: 21px;
}
.promptSubmission_modal6{
    width: 100%;
    margin-top: 15px;
    display: flex;
    gap: 15px;
}
.promptSubmission_modal6 .promptSubmission_close{
    display: none;
}
.promptSubmission_hide > div >  .promptSubmission_modal6_error{
    display: none;
}
.promptSubmission_modal6_btn{
    font-size: 16px;
    color: #2B37E3;
    line-height: 42px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    padding: 0 14px;
    font-weight: bold;
}
.promptSubmission_modal6_error{
    display: flex;
    padding: 0 15px;
    height: 42px;
    background: #FEF0EE;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.promptSubmission_modal6_error.active{
    display: none;
}
.promptSubmission_modal6_error img{
    width: 25px;
    height: auto;
}
.promptSubmission_modal6_error span{
    font-size: 16px;
    color: #EA3943;
    line-height: 18px;
}
.promptSubmission_modal4M:has(textarea:focus) {
    border: 1px solid #2B37E3;
}
.promptSubmission_modal5M:has(textarea:focus) {
    border: 1px solid #2B37E3;
}
.aiin2 .aiin2img.img_enlarge{
    margin-top: 20px;
}



/* ai_toolsR_word */
.ai_toolsR_word{
    width: 100%;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.ai_toolsR_word .prompt_word2LMs5{
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
}
.prompt_word2LMs5R{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 16px;
    background: #2B37E3;
    border-radius: 4px;
}
.prompt_word2LMs5R.unuse{
    cursor: not-allowed;
    background: linear-gradient( 180deg, #939AA8 0%, #5A606F 100%);

}
.prompt_word2LMs5R img{
    width: 12px;
    height: auto;
}
.prompt_word2LMs5R span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
}
.prompt_word2LMs5L{
    display: flex;
    align-items: center;
    gap: 4px;
}
.prompt_word2LMs5L img{
    width: 16px;
    height: auto;
}
.prompt_word2LMs5L span{
    font-size: 16px;
    color: #6C7379;
    line-height: 18px;
}
.aimain5_sp .aimain4L_more2{
    display: none;
}

/* igpmain */
.igpmain1{
    width: 100%;
    height: 233px;
    background: linear-gradient( 0deg, #F8F9FB 0%, #ACABFF 100%);
    padding-top: 60px;
}
.igpmain1 h1{
    font-size: 32px;
    color: #191919;
    line-height: 45px;
    width: 100%;
    text-align: center;
}
.igpmain1 h1 span{
    background: linear-gradient(to right, #4A63FF, #B959FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.igpmain1 p{
    font-size: 18px;
    color: #191919;
    line-height: 24px;
    margin-top: 14px;
    text-align: center;
}
.igpmain2{
    width: 1380px;
    background: #F8F9FB;
    box-shadow: 0px 1px 6px 0px rgba(196,196,233,0.34);
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    transform: translateY(-40px);
    margin: 0 auto;
    padding: 30px;
    padding-top: 26px;
    display: flex;
    gap: 30px;
}
.igpmain2 > div{
    width: 50%;
}
.igpmain2L1{
    margin-top:26px;
  }
  .igpmain2L h2{
    font-size: 24px;
    color: #3C3C3C;
    line-height: 28px;
  }
  
  /* tab */
  .imgTab{
    display:flex;
    background:#ffffff;
    border-radius:8px;
    padding:4px;
    margin-bottom:16px;
  }
  
  .imgTab_btn{
    flex:1;
    text-align:center;
    padding:10px;
    cursor:pointer;
    border-radius:6px;
    font-weight:500;
    color:#555;
  }
  
  .imgTab_btn.active{
    background:#2f3ad7;
    color:#fff;
  }
  

  .imgTab_content{
    display:none;
  }
  
  .imgTab_content.active{
    display:block;
  }
  

  .uploadBox{
    border:2px dashed #9D9DFF;
    border-radius:8px;
    background: #F0F1FD;
    height:168px;
    position:relative;
    text-align:center;
    cursor:pointer;
  }
  .uploadBox:hover{
    background: #F0F1FD;
  }
  
  .uploadBox input{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    top: 0;
    left: 0;
  }
  
  .uploadInner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    gap: 5px;
  }
  
  .uploadIcon{
    font-size:30px;
    margin-bottom:6px;
  }
  
  .uploadInner p{
    margin:0;
    font-size:18px;
    line-height: 24px;
  }
  
  .uploadInner span{
    font-size:18px;
    line-height: 22px;
    color: #5D697C;
    white-space: nowrap;
  }
  
  /* link */
  .imgLinkInput{
    width:100%;
    height:60px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    padding:0 20px;
    font-size:14px;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
  }
  .imgLinkInput::placeholder{
    color: #707E94;
  }
  .uploadBox{
    border:2px dashed #9D9DFF;
    padding:10px;
    position:relative;
    cursor:pointer;
    transition:.2s;
  }
  
  .uploadBox.dragover{
    border-color:#4da3ff;
    background:#f5faff;
  }
  
  .thumbContainer{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
  }
  
  .thumbContainer .thumb{
    width:80px;
    height:80px;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    border:1px solid #ccc;
    overflow:hidden;
    border-radius:4px;
    cursor:pointer;
  }
  
  .thumbContainer .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  
  .thumbContainer .thumb .removeBtn{
    position:absolute;
    top:2px;
    right:2px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    width:16px;
    height:16px;
    font-size:12px;
    line-height:16px;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
  }

  .imgTab_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  .imgTab_btn span{
    font-size: 18px;
    color: #2B37E3;
    line-height: 21px;
    font-weight: 400;
  }
  .imgTab_btn.active span{
    color: #ffffff;
  }
  .imgTab_btn img.active{
    display: none;
  }
  .imgTab_btn.active img{
    display: none;
  }
  .imgTab_btn.active img.active{
    display: inline-block;
  }
  .igpmain2L_title{
    display: block;
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    font-weight: bold;
    margin-top: 30px;
  }
  .igpmain2L_title:first-of-type{
    margin-top: 20px;
  }
  .igpmain2L2{
    width: 100%;
    height: 60px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    margin-top: 20px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .igpmain2L2 input{
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    flex: 1;
    border: none;
  }
  .igpmain2L2 input::placeholder{
    color: #707E94;
  }
  .igpmain2L2 span{
    font-size: 18px;
    color: #515B6A;
    line-height: 21px;
    flex: 0 0 auto;
  }
  .igpmain2L3{
    width: 100%;
    margin-top: 20px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .igpmain2L3s{
    border-radius: 4px;
    border: 1px solid #ffffff;
    padding: 7px 10px;
    cursor: pointer;
  }
  .igpmain2L3s:hover{
    background: #f1f2fa;
  }
  .igpmain2L3s.active{
    background: #F0F1FD;
    border: 1px solid #2B37E3;
  }
  .igpmain2L3s span{
    font-size: 18px;
    color: #000000;
    line-height: 24px;
  }
  .igpmain2L3s p{
    font-size: 16px;
    color: #485260;
    line-height: 24px;
    margin-top: 2px;
  }
  .igpmain2L4{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
  }
  .igpmain2L4s{
    width: calc(50% - 11px);
    height: 64px;
    background: #FDFDFD;
    border-radius: 8px;
    border: 1px solid #E2E8F1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .igpmain2L4s.active{
    background: #F0F1FD;
    border: 1px solid #2B37E3;
  }
  .igpmain2L4s span{
    font-size: 16px;
    color: #000000;
    line-height: 18px;
  }
  .igpmain2L4s p{
    font-size: 16px;
    color: #485260;
    line-height: 18px;
  }
  .igpmain2R_title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .igpmain2R_title h2{
    font-size: 24px;
    color: #3C3C3C;
    line-height: 28px;
  }
  .igpmain2R_title_history{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  .igpmain2R_title_history img{
    width: 16px;
    height: auto;
    filter: grayscale(100%);
  }
  .igpmain2R_title_history span{
    font-size: 16px;
    color: #555555;
    line-height: 24px;
  }
  .igpmain2R_title_history:hover img{
    filter: grayscale(0%);
  }
  .igpmain2R_title_history:hover span{
    color: #2B37E3;
  }
  .igpmain2RM{
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: self-end;
  }
  .igpmain2RM textarea{
    width: 100%;
    height: 351px;
    background: #F0F1FD;
    border-radius: 8px;
    border: 1px dashed #9D9DFF;
    padding: 17px 20px;
    font-size: 18px;
    color: #5D697C;
    line-height: 22px;
    resize: none;
  }
  .igpmain2RM_btn{
    height: 32px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 4px;
    padding: 0 18px;
    border: none;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
  }
  .igpmain2RM_btn img{
    width: 14px;
    height: auto;
  }
  .igpmain2RM_btn span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
  }

  .igpmain2L5{
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  
  .igpmain2L5M{
    width: 100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    height: 60px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    padding: 0 20px;
  }
  .igpmain2L5Ms,
  .igpmain2L5M_hides{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .igpmain2L5Ms img,
  .igpmain2L5M_hides img{
    width: 28px;
    height: auto;
  }
  .igpmain2L5Ms span,
  .igpmain2L5M_hides span{
    font-size: 18px;
    color: #000000;
    line-height: 24px;
  }
  
  .igpmain2L5M_hide{
    position:absolute;
    top:108%;
    left:0;
    width:100%;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    display:none;
    z-index:10;
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #ffffff;
}
.igpmain2L5M_hide::-webkit-scrollbar {
    width: 6px;
}
.igpmain2L5M_hide::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.igpmain2L5M_hide::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
.igpmain2L5M_hide::-webkit-scrollbar-thumb:hover {
    background: #555;
}
  
  .igpmain2L5M_hides{
    display:flex;
    align-items:center;
    cursor:pointer;
    padding: 15px 20px;
  }
  
  .igpmain2L5M_hides:hover{
    background: #f1f2fa;
  }
  .igpmain2L5M_btn{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
  }
  .igpmain2L5M_btn img{
    width: 12px;
    height: auto;
    filter: grayscale(100%);
  }
  .igpmain2L5M_btn img:hover{
    filter: grayscale(0%);
  }
  .igpmain2L5M_hides.active{
    background:#f0f3ff;
    color:#3b5cff;
  }

  .igpmain2L_btn{
    width: 100%;
    height: 64px;
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0px 1px 6px 0px rgba(196,196,233,0.34);
  }
  .igpmain2L_btn:hover{
    background: linear-gradient(#f1f2fa, #f1f2fa) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
  }
  .igpmain2L_btn > div{
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .igpmain2L_btn b{
    font-size: 14px;
    color: rgba(43,55,227,0.66);
    line-height: 16px;

  }

  .igpmain2L_btn img{
    width: 18px;
    height: auto;
  }
  .igpmain2L_btn span{
    font-size: 18px;
    color: #2B37E3;
    line-height: 21px;
    font-weight: bold;
  }
  .igpmain2L_buycustom{
    
    width: 50%;
    height: 64px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border: none;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    cursor: pointer;
  }
  .igpmain2L_buycustom:hover{
    filter: brightness(1.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .igpmain2L_buycustom img{
    width: 18px;
    height: auto;
  }
  .igpmain2L_buycustom span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    font-weight: bold;
  }
  .igpmain3{
    width: 1380px;
    margin: 0 auto;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .igpmain3_tips{
    display: inline-block;
    width: auto;
    background: #DFE3FD;
    border-radius: 17px;
    font-size: 12px;
    color: #2B37E3;
    line-height: 28px;
    padding: 0 10px;
  }
  .igpmain3 > h2{
    font-size: 30px;
    color: #191919;
    line-height: 34px;
    margin-top: 8px;
  }
  .igpmain3 > p{
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    padding: 0 95px;
    margin-top: 10px;
    text-align: center;
  }
  .igpmain3M{
    width: 100%;
    margin-top: 35px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
  }
  .igpmain3Ms{
    width: calc(50% - 15px);
    background: #FFFFFF;
    border-radius: 8px;
    padding: 30px;
    border: 1px solid #ffffff;
  }
  .igpmain3Ms:hover{
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
  }
  .igpmain3Ms_img{
    width: 88px;
    height: 88px;
    background: #F0F1FD;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .igpmain3Ms_img img{
    width: 46px;
    height: auto;
  }
  .igpmain3Ms > span{
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    margin-top: 15px;
  }
  .igpmain3Ms > p{
    font-size: 18px;
    color: #707E94;
    line-height: 24px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .igpmain4{
    width: 1380px;
    margin: 0 auto;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 60px;
  }
  .igpmain4 > h2{
    font-size: 30px;
    color: #191919;
    line-height: 34px;
  }
  .igpmain4 > p{
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    margin-top: 10px;
  }
  .igpmain4M{
    width: 100%;
    margin-top: 40px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
  }
  .igpmain4Ms{
    width: calc(33.333333% - 20px);
    background: #FFFFFF;
    border-radius: 23px;
    padding: 30px;
    border: 1px solid #ffffff;
  }
  .igpmain4Ms:hover{
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
  }
  .igpmain4Ms > div{
    display: flex;
    gap: 10px;
  }
  .igpmain4Ms > div img{
    width: 82px;
    height: auto;
    border-radius: 50%;
  }
  .igpmain4Ms_info{
    width: calc(100% - 92px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
  .igpmain4Ms_info span{
    font-size: 21px;
    color: #1C1E21;
    line-height: 22px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .igpmain4Ms_info p{
    font-size: 18px;
    color: #8A8A8A;
    line-height: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .igpmain4Ms > p{
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    color: #1C1E21;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ai_toolsR_picture */
  .ai_toolsR_picture{
    width: 100%;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
  }
  .ai_toolsR_picture .ai_toolsR_bottoms_p{
    margin-top: 0;
    font-size: 14px;
    color: #686868;
    line-height: 18px;
    height: 54px;
  }
  .ai_toolsR_picture .aai_toolsR_bottoms_infos2{
    padding: 6px 10px;
  }
  .ai_toolsR_bottoms_info_btn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background: #2B37E3;
    border-radius: 4px;
    padding-right: 9px;
}

.ai_toolsR_bottoms_info_btn:hover {
    background: #4E46E5;
}

.ai_toolsR_bottoms_info_btn img {
    width: 14px;
}

.ai_toolsR_bottoms_info_btn span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 14px;
}
.ai_toolsR_picture_hide.active{
    display: flex;
}
.ai_toolsR_picture_hide{
    display: none;
}
.ai_toolsR_picture_hide{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
.ai_toolsR_picture_hide > div{
    width: 852px;
    max-height: 90vh;
    background: #F4F4F4;
    border-radius: 8px;
    padding: 25px;
    position: relative;
  }
  .ai_toolsR_picture_hide_ms{
    display: none;
  }
  .ai_toolsR_picture_hide_M{
    width: 100%;
    background: #FEFEFE;
    border-radius: 8px;
    padding: 25px;
    max-height: calc(90vh - 50px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #ffffff;
    padding-top: 60px;

  }
  .ai_toolsR_picture_hide_M_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 25px;
    left: 25px;
    width: calc(100% - 60px);
    background-color: #ffffff;
    padding: 25px;
    z-index: 1;
  }
  .ai_toolsR_picture_hide_M_top h2{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ai_toolsR_picture_hide_close{
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }
  .ai_toolsR_picture_hide_close img{
    width: 100%;
    height: 100%;
  }
  .ai_toolsR_picture_hide_M_title{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    margin-top: 17px;
    font-weight: bold;
  }
  .ai_toolsR_picture_hide_M_img{
    width: 100% !important;
    height: 424px;
    border-radius: 8px;
    margin-top: 14px;
    display: block;
  }
  .ai_toolsR_picture_hide_M > span{
    display: block;
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    font-weight: bold;
    margin-top: 27px;
  }
  .ai_toolsR_picture_hide_ms{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background: #F0F1FD;
    padding: 12px 15px;
    display: none;
    align-items: center;
    gap: 0;
  }
  .ai_toolsR_picture_hide_ms .ai_toolsR_picture_hide_close{
    width: 50%;
    height: 100%;
    font-size: 14px;
    color: #2B37E3;
    line-height: 44px;
    text-align: center;
    background: #FDFDFD;
    border-radius: 8px 0px 0px 8px;
    font-weight: bold;
    display: block;
  }
  .ai_toolsR_picture_hide_ms .ai_toolsR_picture_hide_btn{
    width: 50%;
    height: 100%;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    background: #2B37E3;
    border-radius: 0px 8px 8px 0px;
    font-weight: bold;
  }

  /* pointsRecharge */
  .pointsRecharge1{
    width: 100%;
    margin-top: 30px;
    width: 100%;
    aspect-ratio: 1127/133;
    height: auto;
    background-image: url(/assets/images/pointsRecharge1.png);
    background-size: 100% 100%;
    padding: 0 30px;
    padding-top: 26px;
  }
  .pointsRecharge1 > span{
    font-size: 21px;
    color: #2B37E3;
    line-height: 24px;
    display: block;
  }
  .pointsRecharge1 > p{
    font-size: 16px;
    color: #2B37E3;
    line-height: 18px;
  }
  .pointsRecharge1 > p span{
    font-size: 40px;
    color: #0F0077;
    line-height: 59px;
    font-family: 'Arial_Black';
  }
  .pointsRecharge2{
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }
  .pointsRecharge2s{
    width: calc(50% - 15px);
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    font-size: 18px;
    color: #000000;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
  }
  .pointsRecharge2s.active{
    border: 1px solid #2B37E3;
    background: #EEF2FF;
    color: #2B37E3;
  }
  .pointsRecharge2s:hover{
    background: #EEF2FF;
  }
  .pointsRecharge3{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    padding-bottom: 100px;
  }
  .pointsRecharge3s{
    width: 100%;
    overflow: hidden;
    background: linear-gradient( 180deg, #DFEAFD 0%, #FFFFFF 100%);
    border-radius: 8px;
    border: 1px solid #2B37E3;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .pointsRecharge3s:hover{
    border: 1px solid transparent;
    background: linear-gradient(180deg, #DFEAFD 0%, #FFFFFF 100%) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
    box-shadow: 0px 0px 6px 0px rgba(7,24,255,0.33);
  }
  .pointsRecharge3s_bg{
    position: absolute;
    right: 0;
    top: 0;
  }
  .pointsRecharge3s_title{
    font-size: 21px;
    color: #2B37E3;
    line-height: 24px;
    font-weight: bold;
  }
  .pointsRecharge3s_tips{
    font-size: 18px;
    color: #6F7177;
    line-height: 21px;
    display: block;
    margin-top: 30px;
  }
  .pointsRecharge3s > div{
    margin-top: 6px;
    height: 32px;
  }
  .pointsRecharge3s > div > span:first-of-type{
    font-size: 18px;
    color: #2B37E3;
    line-height: 21px;
  }
  .pointsRecharge3s > div > span:last-of-type{
    font-size: 32px;
    color: #2B37E3;
    line-height: 42px;
    font-weight: bold;
  }
  .pointsRecharge3s > p{
    font-size: 16px;
    color: #5A5E67;
    line-height: 18px;
    margin-top: 7px;
    height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pointsRecharge_buy{
    width: 100%;
    margin-top: 20px;
    background: #F8FBFF;
    border-radius: 24px;
    border: 1px solid #2B37E3;
    font-size: 18px;
    color: #2B37E3;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
  }
  .pointsRecharge_buy:hover{
    background: linear-gradient( 270deg, #9960FF 0%, #4160FF 100%);
    color: #ffffff;
  }
  .pointsRecharge3s_custom .pointsRecharge3s_tips{
    text-align: center;
  }
  .pointsRecharge3s_custom > p{
    text-align: center;
  }
  .pointsRecharge3s_customM{
    display: flex;
    width: 154px;
    margin: 0 auto;
    /* border-bottom: 1px solid #2B37E3; */
    border-bottom: 1px solid #617186;
    
  }
  .pointsRecharge3s_customM:has(input:focus) {
    border-bottom: 1px solid #2B37E3;
}
  .pointsRecharge3s_customML{
    display: flex;
    flex: 1;
    width: auto;
  }
  .pointsRecharge3s_customML span{
    font-size: 18px;
    color: #2B37E3;
    line-height: 18px;
    align-self: self-end;
  }
  .pointsRecharge3s_customML input{
    border: none;
    flex: 1;
    width: 128px;
    background-color: transparent;
    font-size: 32px;
    color: #2B37E3;
    line-height: 32px;
    height: 32px;
    font-weight: bold;
    padding-left: 5px;
  }
  .pointsRecharge3s_customML input[type="number"]::-webkit-outer-spin-button,
  .pointsRecharge3s_customML input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
  .pointsRecharge3s_customMR{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex: 0 0 auto;
    padding-bottom: 7px;
  }
  .pointsRecharge3s_customMR > a{
    display: block;
    width: 13px;
    height: 12px;
  }
  .pointsRecharge3s_customMR > a img{
    width: 100%;
    height: auto;
    filter: grayscale(100%);
  }
  .pointsRecharge3s_customMR > a:hover img{
    filter: grayscale(0%);
  }
  .pointsRecharge3s_custom.active{
    background: linear-gradient( 180deg, #E9E9E9 0%, #FFFFFF 100%);
    border: 1px solid #617186;
  }
  .pointsRecharge3s_custom.active .pointsRecharge3s_title{
    color: #3C3C3C;
  }
  .pointsRecharge3s_custom.active .pointsRecharge3s_customML span{
    color: #000000;
  }
  .pointsRecharge3s_custom.active .pointsRecharge3s_customML input{
    color: #000000;
  }
  .pointsRecharge3s_custom.active .pointsRecharge_buy{
    background: #F8FBFF;
    border: 1px solid #617186;
    color: #617186;
  }

  .pointsRecharge3s_customML_m,
  .pointsRecharge3s_customMR_m{
    display: none;
  }
  .processingPayment{
    display: none;
  }
  .processingPayment.active_successful,
  .processingPayment.active_waiting,
  .processingPayment.active_failed{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 999;
  }
  /*  p  Cancel */
.processingPayment > div > p {
    display: none;
  }
  
  .processingPayment_Cancel {
    display: inline-block;
  }
  
  /* waiting  p */
  .processingPayment.active_waiting > div > p {
    display: block;
  }
  
  /* waiting  Cancel */
  .processingPayment.active_waiting .processingPayment_Cancel {
    display: none;
  }
  .processingPayment > div > p{
    font-size: 24px;
    margin-top: 20px;
    color: #545454;
  }
  .processingPayment > div{
    width: 595px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #ECEDF0;
    border-radius: 8px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .processingPayment_close{
    
    display: block;
    width: 24px;
    height: 24px;
  }
  .processingPayment_close img{
    width: 24px;
    height: auto;
  }
  .processingPayment > div > img{
    margin-top: 33px;
  }
  .processingPayment > div span{
    font-size: 38px;
    color: #000000;
    line-height: 43px;
    margin-top: 25px;
    font-weight: 500;
  }
  .processingPayment > div > div{
    padding: 0 5px;
    margin-top: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 50px;
  }
  .processingPayment_Cancel{
    height: 52px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    font-size: 21px;
    color: #2B37E3;
    line-height: 52px;
    padding: 0 15px;
    text-align: center;
  }
  .active_successful .processingPayment_Cancel,
  .active_failed .processingPayment_Cancel{
    display: none;
  }
  .active_successful .processingPayment_been,
  .active_failed .processingPayment_been{
    display: none;
  }
  .processingPayment_been{
    height: 52px;
    background: #2B37E3;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    font-size: 21px;
    color: #ffffff;
    line-height: 52px;
    padding: 0 15px;
    text-align: center;
  }

  .processingPayment > div > div.processingPayment_top{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: right;
  }
  .processingPayment > div > div.processingPayment_top a:first-of-type{
    display: none;
  }

  /* points_history */
  .points_history{
    width:100%;
    margin-top: 20px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
  }
  
  .points_table{
    width:100%;
    border-collapse:collapse;
    font-size:18px;
    border-radius: 8px;
  }
  
  .points_table thead{
    background: #FFFFFF;
    border-radius: 8px 8px 0 0;
  }
  
  .points_table th{
    text-align:center;
    padding:24px 20px;
    color:#333;
    font-weight:600;
  }
  
  .points_table td{
    padding:24px 20px;
    border-top:1px solid #e5e5e5;
    color:#444;
    text-align:center;
  }
  
  .points_table tbody tr:hover{
    background:#f2f4f7;
  }
  
  .points_table tbody tr.active{
    background:#e8edf3;
  }
  
  /* points */

  
  /* status */
  .status{
    display:flex;
    align-items:center;
    justify-content: center;
    gap:8px;
  }
  
  .status .statusimg{
    width:18px;
    height:18px;
    border-radius:50%;
    display:inline-block;
  }
  
  /* success */
  .status.success{
    color:#13C784;
  }
  /* pending */
  .status.pending{
    color:#FFA339;
  }
  .status.failed{
    color: #E34A2B;
  }
  .status.canceled{
    color: #FE77A1;
  }
  .status.expired{
    color: #952BE3;
  }
  .status.deducted{
    color: #006FF9;
  }
  #pointsRechargeM > div{
    display: none;
  }
  .active.pointsRecharge3{
    display: grid !important;
  }

  .points_history_f.active{
    display: block !important;
  }


  .igpmain2L_title3,
  .igpmain2L4 {
    display: none;
  }
  
  .igpmain2L4s {
    display: none;
  }


  .igpmain1{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .igpmain1_tips{
    width: auto;
    height: 28px;
    background: #FFFFFF;
    border-radius: 17px;
    border: 1px solid #E2E6FF;
    padding: 0 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .igpmain1_tips img{
    width: 14px;
    height: auto;
  }
  .igpmain1_tips span{
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
  }
  .coverimg1{
    width: 1380px;
    margin: 0 auto;
    background: #F8F9FB;
    box-shadow: 0px 1px 6px 0px rgba(196,196,233,0.34);
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: 30px;
  }



  /* coverimg */
  .coverimg1 .igpmain2L1{
    margin: 0;
  }
  .coverimg1 .igpmain2L1 .imgTab{
    width: 985px;
    margin: 0 auto;
    margin-bottom: 16px;

  }
  .coverimg1 .igpmain2L1 .imgTab .imgTab_btn{
    padding: 12px 10px ;
  }
  .coverimg1 .igpmain2L1 .imgTab .imgTab_btn img{
    width: 19px;
    height: auto;
  }
  .coverimg1 .igpmain2L1 .imgTab .imgTab_btn:last-of-type img{
    width: 20px;
    height: auto;
  }
  .coverimg1_1{
    width: 100%;
    margin-top: 30px;
  }
  .coverimg1_title{
    width: auto;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .coverimg1_title img{
    width: 17px;
    height: auto;
  }
  .coverimg1_title h2{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 21px;
    flex: 1;
  }
  .coverimg1_1  textarea{
    width: 100%;
    height: 148px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    resize: none;
    padding: 18px 20px;
    margin-top: 16px;
  }
  .coverimg1_1  textarea::placeholder{
    color: #707E94;
  }
  .coverimg1_1_textarea{
    position: relative;
  }
  .coverimg1_1_textarea > span{
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    color: #515B6A;
    line-height: 21px;
  }
  .coverimg1_2{
    width: 100%;
    margin-top: 30px;
  }
  .coverimg1_2M{
    width: 100%;
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
  }
  .coverimg1_2M > button{
    width: 100%;
    height: 56px;
    background: #FDFDFD;
    border-radius: 8px;
    border: 1px solid #E2E8F1;
    font-size: 18px;
    color: #000000;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
  }
  .coverimg1_2M > button.active{
    background: #F0F1FD;
    border: 1px solid #2B37E3;
    color: #2B37E3;
  }
  .coverimg1_2M > button:hover{
    /* background: #F0F1FD; */
    border: 1px solid #2B37E3;
  }
  .coverimg1_3{
    width: 100%;
    margin-top: 30px;
  }
  .coverimg1_3_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .coverimg1_3_top .coverimg1_titleP{
    flex: 1;
  }
  .coverimg1_3_top .coverimg1_3_tops{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .coverimg1_3_tops > button{
    height: 24px;
    background: #EEF2FF;
    border-radius: 4px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    border: 1px solid #EEF2FF;
  }
  .coverimg1_3_tops > button:hover{
    background: #EEF2FF;
    border: 1px solid #EEF2FF;
  }
  .coverimg1_3_tops > button:hover img{
    filter: grayscale(0%);
  }
  .coverimg1_3_tops > button:hover span{
    color: #2B37E3;
  }
  .coverimg1_3_tops > button img{
    width: 12px;
    height: auto;
    filter: grayscale(100%);
  }
  .coverimg1_3_tops > button span{
    font-size: 16px;
    color: #4B4F63;
    line-height: 18px;
  }
  .coverimg1_3M{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
  }
  .coverimg1_3M > button{
    width: 100%;
    overflow: hidden;
    background: #FDFDFD;
    border-radius: 8px;
    border: 1px solid #E2E8F1;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
  }
  .coverimg1_3M > button.active{
    background: #F0F1FD;
    border: 1px solid #2B37E3;
  }
  .coverimg1_3M > button:hover{
    border: 1px solid #2B37E3;
  }
  .coverimg1_3M > button > img{
    width: 38px;
    height: 38px;
  }
  .coverimg1_3M > button > div{
    width: calc(100% - 44px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
  }
  .coverimg1_3M > button > div span{
    font-size: 16px;
    color: #3C3C3C;
    line-height: 18px;
    font-weight: bold;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }
  .coverimg1_3M > button > div p{
    font-size: 14px;
    color: #707E94;
    line-height: 16px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }
  .coverimg1_4{
    width: 50%;
    /* margin-top: 30px; */
  }
  .coverimg1_4M{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-top: 16px;
  }
  .coverimg1_4ML{
    width: 100%;
    background: #FDFDFD;
    border-radius: 8px;
    border: 1px solid #E2E8F1;
    height: 81px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .coverimg1_4ML > input{
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    cursor: pointer;
  }
  .coverimg1_4ML_point{
    flex: 0 0 auto;
    height: 28px;
    background: #F0F1FD;
    border-radius: 4px;
    border: 1px solid #2B37E3;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .coverimg1_4ML_point img{
    width: 15px;
    height: auto;
  }
  .coverimg1_4ML_point span{
    font-size: 16px;
    color: #2B37E3;
    line-height: 18px;
  }
  .coverimg1_4ML_info{
    flex: 1;
    overflow: hidden;
  }
  .coverimg1_4ML_info span{
    font-size: 16px;
    color: #3C3C3C;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
  }
  .coverimg1_4ML_info p{
    margin-top: 4px;
    font-size: 16px;
    color: #707E94;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
  }
  .coverimg1_4MR{
    width: 100%;
    margin-top: 30px;
    height: 68px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    cursor: pointer;
  }
  .coverimg1_4MR img{
    width: 18px;
    height: auto;
  }
  .coverimg1_4MR1{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .coverimg1_4MR span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
  }
  .coverimg1_4MR p{
    font-size: 14px;
    color: #C4D1FB;
    line-height: 16px;
  }
  .coverimg2{
    width: 1380px;
    margin: 0 auto;
    margin-top: 80px;
  }
  .coverimg2 > h2{
    font-size: 30px;
    color: #191919;
    line-height: 34px;
    text-align: center;
  }
  .coverimg2 > p{
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    margin-top: 8px;
    text-align: center;
  }
  .coverimg2M{
    width: 100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  .coverimg2Ms1{
    width: 100%;
    height: 440px;
    background: linear-gradient( 180deg, rgba(99, 75, 255, 0.5) 0%, rgba(159, 213, 255, 0.5) 100%);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .coverimg2Ms1L_f{
    width: 711px;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
  }
  .coverimg2Ms1L{
    position: relative;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;

  }
  .coverimg2Ms1L .img_enlarge{
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .coverimg2Ms1R_top_btn.coverimg2Ms1L_download{
    width: auto;
    position: static;
    background: linear-gradient( 270deg, rgba(85, 92, 102, 0.18) 0%, rgba(19, 55, 76, 0.18) 100%);
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    flex-direction: row;
  }
  .coverimg2Ms1R_top_btn.coverimg2Ms1L_download span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
  }
  .coverimg2Ms1_generated{
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .coverimg2Ms1L_download{
    position: absolute;
    left: 20px;
    bottom: 20px;
    height: 36px;
   
    border-radius: 4px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    opacity: 0.8;
    cursor: pointer;
  }
  .coverimg2Ms1L_download span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
  }
  .coverimg2Ms1L_download img{
    width: 14px;
    height: auto;
  }
  .coverimg2Ms1L_type{
    position: absolute;
    right: 20px;
    top: 20px;
    height: 26px;
    background: #EEF2FF;
    box-shadow: 0px 1px 2px 0px rgba(8,1,54,0.5);
    border-radius: 2px;
    opacity: 0.8;
    padding: 0 5px;
    display: flex;
    align-items: center;
    gap: 3px;
  }
  .coverimg2Ms1L_player{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 18px;
    height: auto;
  }
  .coverimg2Ms1L_type img{
    width: 16px;
    height: auto;
  }
  .coverimg2Ms1L_type span{
    font-size: 12px;
    color: #000000;
    line-height: 14px;
    font-weight: bold;
  }
  .coverimg2Ms1R{
    width: 600px;
    height: 100%;
    display: flex;
    flex-direction: column;

  }
  .coverimg2Ms1R_top{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
  }
  .coverimg2Ms1R_top > img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
  }
  .coverimg2Ms1R_top > div{
    width: calc(100% - 137px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
  }
  .coverimg2Ms1R_top > div span{
    font-size: 16px;
    color: #000000;
    line-height: 18px;
    font-weight: bold;
  }
  .coverimg2Ms1R_top > div p{
    font-size: 12px;
    color: #39414D;
    line-height: 14px;
  }
  .coverimg2Ms1R_bottom{
    width: 100%;
    margin-top: 18px;
    background: #F1F5FF;
    border-radius: 8px;
    border: 1px solid #8D94F0;
    flex: 1;
    padding: 17px 20px;
    max-height: 344px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #ffffff;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar {
    width: 6px;
    border-radius: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar-thumb:hover {
    background: #555;
}
  .coverimg2Ms1R_bottom span{
    font-size: 18px;
    color: #000000;
    line-height: 21px;
  }
  .coverimg2Ms1R_bottom p{
    font-size: 16px;
    color: #555555;
    line-height: 22px;
    margin-top: 4px;
  }
  .coverimg2Ms1L_download:hover{
    background: linear-gradient( 270deg, #9960FF 0%, #4160FF 100%);
    
  }
  .coverimg2Ms2{
    width: 245px;
    height: 355px;
    background: linear-gradient( 180deg, #B9E0FA 0%, #306D91 100%);
    border-radius: 4px;
    padding: 10px;
    position: relative;
  }
  .coverimg2Ms2_1{
    width: 100%;
    height: 298px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }
  .coverimg2Ms2_1 .coverimg2Ms1L_player{
    top: 10px;
    left: 10px;
  }
  .coverimg2Ms2_1 .coverimg2Ms1L_type{
    top: 10px;
    right: 10px;
  }
  .coverimg2Ms2_2{
    width: 100%;
    margin-top: 5px;
  }
  .coverimg2Ms2_2 p{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .coverimg2Ms2_2 > div{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
  }
  .coverimg2Ms2_2 > div img{
    width: 14px;
    height: auto;
    flex: 0 0 auto;
  }
  .coverimg2Ms2_2 > div span{
    flex: 1;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .coverimg2Ms2:hover{
    padding: 0;
  }
  .coverimg2Ms2:hover .coverimg2Ms2_1{
    width: 100%;
    height: 100%;
  }
  .coverimg2Ms2:hover .coverimg2Ms2_2{
    display: none;
  }
  .coverimg2Ms2_3{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px;
    flex-direction: column;
    gap: 6px;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 29.67%, #000000 100%);
  }
  .coverimg2Ms2:hover .coverimg2Ms2_3{
    display: flex;
  }
  .coverimg2Ms3:hover .coverimg2Ms2_3{
    display: flex;
  }
  .coverimg2Ms3 .coverimg2Ms2_3 .coverimg2Ms1L_download{
    font-size: 12px;
    line-height: 14px;
    padding: 0;
  }
  .coverimg2Ms2_3_1{
    width: 100%;
    height: 110px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #8D94F0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #ffffff;
    padding: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar {
    width: 2px;
    border-radius: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}
.coverimg2Ms1R_bottom::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.coverimg2Ms2_3_1 span{
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}
.coverimg2Ms2_3_1 p{
    font-size: 12px;
    color: #555555;
    line-height: 14px;
    margin-top: 4px;
}
.coverimg2Ms2_download{
    width: 100%;
    border: none;
    height: 22px;
    background: linear-gradient( 270deg, #9960FF 0%, #4160FF 100%);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    cursor: pointer;
    position: static !important;
    opacity: 1;
}
.coverimg2Ms2_download img{
    width: 10px;
    height: auto;
}
.coverimg2Ms2_download span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
}
.coverimg2Ms2_copy{
    height: 22px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #2B37E3;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    cursor: pointer;
}
.coverimg2Ms2_copy img{
    width: 10px;
    height: auto;
}
.coverimg2Ms2_copy span{
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
}
.coverimg2Ms3{
    width: 164px;
    height: 355px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.coverimg2Ms3 .coverimg2Ms1L_type{
    top: 10px;
    right: 10px;
}
.coverimg2Ms3 .coverimg2Ms1L_player{
    top: 10px;
    left: 10px;
}
.coverimg2Ms3_info{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
    border-radius: 8px;
    padding: 8px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.coverimg2Ms3_info img{
    width: 16px;
    height: auto;
    flex: 0 0 auto;
}
.coverimg2Ms3_info span{
    flex: 1;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.coverimg2Ms3_info .coverimg2Ms1L_download{
    flex: 0 0 auto;
    position: static;
    padding: 0;
    background: none;
}
.coverimg2Ms3_tk{
    position: absolute;
    right: 6px;
    bottom: 47px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.coverimg2Ms3_tk1{
    position: relative;
    width: 30px;
    height: 30px;
}
.coverimg2Ms3_tk1_img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}
.coverimg2Ms3_tk1_plus{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    width: 12px;
    height: auto;
}
.coverimg2Ms3_tk2,
.coverimg2Ms3_tk3,
.coverimg2Ms3_tk4,
.coverimg2Ms3_tk5{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.coverimg2Ms3_tk2 img,
.coverimg2Ms3_tk3 img,
.coverimg2Ms3_tk4 img,
.coverimg2Ms3_tk5 img{
    width: 17px;
    height: auto;
}
.coverimg2Ms3_tk2 span,
.coverimg2Ms3_tk3 span,
.coverimg2Ms3_tk4 span,
.coverimg2Ms3_tk5 span{
    font-size: 10px;
    color: #FFFFFF;
    line-height: 11px;
}
.coverimg3{
    width: 1380px;
    margin: 0 auto;
    margin-top: 80px;
}
.coverimg3 > h2{
    font-size: 30px;
    color: #191919;
    line-height: 34px;
    text-align: center;
  }
  .coverimg3 > p{
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    margin-top: 8px;
    text-align: center;
  }
  .coverimg3M{
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid #F0F1FD;
  }
  .coverimg3Ms{
    width: 100%;
  }
  .coverimg3Ms_title{
    width: 100%;
    height: 80px;
    background: #F8F9FB;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #F0F1FD;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .coverimg3Ms_title:hover{
    background: #FFFFFF;
    border-radius: 8px 8px;
  }
  .coverimg3Ms_title span{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    width: auto;
    flex: 1;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .coverimg3Ms_title img{
    width: 26px;
    height: auto;
    flex: 0 0 auto;
  }
  .coverimg3Ms_hide{
    display: none;
  }
  .coverimg3Ms.active .coverimg3Ms_title{
    background: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
  }
  .coverimg3Ms.active .coverimg3Ms_hide{
    display: block;
    background: #F0F1FD;
    border-radius:0 0 8px 8px;
    border: 1px solid #F0F1FD;
    padding: 30px;
  }
  .coverimg3Ms.active .coverimg3Ms_hide p{
    font-size: 18px;
    color: #3E3F46;
    line-height: 21px;
  }

   .loadingMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .loadingBox {
    text-align: center;
    color: #fff;
    font-family: Arial;
  }

  .progressCircle {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    position: relative;
  }

  .progressCircle svg {
    width: 100%;
    height: 100%;
    animation: rotate 2s linear infinite;
  }

  .bg {
    fill: none;
    stroke: #1B7FF1;
    stroke-width: 8;
    /* opacity: 0.3; */
  }

  .segment {
    fill: none;
    stroke: #CFE8FE;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 40 314;
  }
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    font-weight: bold;
  }
  .loadingBox h2 {
    margin: 10px 0 5px;
  }
  
  .loadingBox p {
    opacity: 0.8;
    font-size: 14px;
  }


.coverimg1_4ML_point_m{
    display: none !important;
}
.coverimg2M_m{
    display: none;
}
.cover_Personals{
    cursor: pointer;
    width: calc(25% - 15px);
    position: relative;
    overflow:visible ;
}
.cover_Personals_f{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
    gap: 20px;
}
.cover_Personals_bg{
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/assets/images/cover_Personals_bg_img.png);
    background-size: 100% 100%;
    height: 32px;
    transform: translate(9% , -3px);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    padding-bottom: 5px;
}
.cover_Personals_bg img{
    width: 16px;
    height: auto;
}
.cover_Personals_bg span{
    font-size: 12px;
    color: #000000;
    line-height: 14px;
    font-weight: bold;
    
}
.cover_Personals .ai_toolsR_bottoms_info h2{
    font-size: 18px;
    color: #333333;
    line-height: 21px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}
.ai_toolsR_picture_hide_M_top > div{
    flex: 1;

}
.ai_toolsR_picture_hide_M_top > div > span{
    display: inline-block;
    font-size: 14px;
    color: #2B37E3;
    line-height: 24px;
    padding: 0 14px;
    background: #EEF2FF;
    border-radius: 12px;
    font-weight: bold;
}
.cover_Personals_m{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.cover_Personals_ms{
    width: calc(50% - 10px);
    height: 70px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
}
.cover_Personals_ms:hover{
    background: #F0F1FD;
    border: 1px solid #2B37E3;
}
.cover_Personals_ms > span{
    font-size: 16px;
    color: #707E94;
    line-height: 18px;
    font-weight: bold;
}
.cover_Personals_ms > div{
    display: flex;
    align-items: center;
    gap: 3px;
}
.cover_Personals_ms > div img{
    width: 16px;
    height: auto;
}
.cover_Personals_ms > div span{
    font-size: 16px;
    color: #3C3C3C;
    line-height: 18px;
    font-weight: bold;
}
.cover_Personals_m1{
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.cover_Personals_m1_btn{
    height: 42px;
    background: #2B37E3;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    padding: 0 25px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.cover_Personals_m1_btn img{
    width: 14px;
    height: auto;
}
.cover_Personals_m1_btn span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    font-weight: bold;
}
.cover_Personals_clear{
    height: 42px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    padding: 0 25px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.cover_Personals_clear img{
    width: 14px;
    height: auto;
}
.cover_Personals_clear span{
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
    font-weight: bold;
}
.ai_toolsR_top_cover{
    background-color: transparent;
    padding: 0;
}
.igpmain2L6{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
}
.igpmain2L6 > button{
    width: 50%;
    margin: 0;
}
.top-up-pop-up{
    display: none;
}
.top-up-pop-up.active{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
}
.top-up-pop-up > div{
    width: 544px;
    height: 281px;
    background-image: url(/assets/images/top-up-pop-up.png);
    background-size: 100% 100%;
    padding: 20px;
}
.top-up-pop-up > div > span{
    display: block;
    font-size: 24px;
    color: #0F0077;
    line-height: 32px;
    width: 60%;
}
.top-up-pop-up > div > p{
    width: 60%;
    margin-top: 12px;
    font-size: 18px;
    color: #2B37E3;
    line-height: 25px;
    height: calc(100% - 112px);
    overflow: hidden;
}
.top-up-pop-up > div > div{
    width: 100%;
    margin-top: 12px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.top-up-pop-up > div > div > button{
    display: block;
    width: 50%;
    height: 48px;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
}
.top-up-pop-up-cancel{
    background: #F8FBFF;
    border: 1px solid #2B37E3;
    color: #2B37E3;
}
.top-up-pop-up-buy{
    display: block;
    width: 50%;
    height: 48px;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    background: linear-gradient( 270deg, #AF69FF 0%, #4160FF 100%);
    color: #FFFFFF;
    border: none;
}
.coverimg1_4_f{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.coverimg1_5{
    width: 50%;
}
.coverimg1_5 .igpmain2L5M{
    height: 80px;
}

.coverimg_history{
    height: 24px;
    background: #EEF2FF;
    border-radius: 4px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    border: 1px solid #EEF2FF;
  }
  .coverimg_history:hover{
    background: #EEF2FF;
    border: 1px solid #EEF2FF;
  }
  .coverimg_history:hover img{
    filter: grayscale(0%);
  }
  .coverimg_history:hover span{
    color: #2B37E3;
  }
  .coverimg_history img{
    width: 12px;
    height: auto;
    filter: grayscale(100%);
  }
  .coverimg_history span{
    font-size: 16px;
    color: #4B4F63;
    line-height: 18px;
  }

  .uploadInner_photo{
    padding: 20px 0;
  }
  .uploadInner_photo .uploadIcon img{
    width: 44px;
    height: auto;
  }
  .uploadInner_photo b{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 42px;
    padding: 0 47px;
    background: linear-gradient( 270deg, #3664FF 0%, #8A63FF 100%);
    border-radius: 8px;
    font-weight: 400;
    margin-top: 5px;
  }
  .uploadBox_photo{
    height: 222px;
  }
  .coverimg1_2_photo1 span{
    font-size: 16px;
    color: #4B4F63;
    line-height: 18px;
  }
  .coverimg1_2_photo3{
    width: 100%;
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    /* overflow: hidden; */
  }
  .coverimg1_2_photo3L{
    width: 100%;
  }
  .coverimg1_2_photo3R{
    width: 100%;
    /* overflow: hidden; */
  }
  .coverimg1_2_photoM{
    width: 100%;
    margin-top: 18px;
    position: relative;
  }
  .coverimg1_2_photoM_show{
    width: 100%;
    height: 56px;
    background: #FDFDFD;
    border-radius: 8px;
    border: 1px solid #E2E8F1;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .coverimg1_2_photoM_show span{
    flex: 1;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
  }
  .coverimg1_2_photoM_show img{
    flex: 0 0 auto;
    width: 18px;
    height: auto;
  }
  .coverimg1_2_photoM_hide{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgba(96,97,112,0.16), 0px 2px 4px 0px rgba(40,41,61,0.04);
    display: flex;
    flex-direction: column;
  }
  .coverimg1_2_photoM_hide span{
    font-size: 18px;
    color: #000000;
    line-height: 38px;
    padding: 0 20px;
    cursor: pointer;
  }
  .coverimg1_2_photoM_hide span.active{
    background: #E9E9FF !important;
  }
  .coverimg1_2_photoM_hide span:hover{
    background: #f5f5fb;
  }
  .coverimg1_2_photoM .coverimg1_2_photoM_hide{
    opacity: 0;

    transform: translateY(-10px);
  
    transition: all 0.2s ease;
  
    pointer-events: none;
  }
  .coverimg1_2_photoM.active .coverimg1_2_photoM_hide{
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
  
    pointer-events: auto;
  }
  .coverimg1_2_photoM .coverimg1_2_photoM_show img{
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  .coverimg1_2_photoM.active .coverimg1_2_photoM_show img{
    transform: rotate(180deg);
  }
  .coverimg1_2_photo4{
    width: 100%;
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
  }
  .coverimg1_2_photo4L{
    width: 100%;
  }
  .coverimg1_2_photo4M{
    width: 100%;
  }
  .coverimg1_2_photo4R{
    width: 100%;
  }
  .coverimg1_2_photo4R_input{
    width: 100%;
    margin-top: 18px;
    width: 100%;
    height: 56px;
    background: #FDFDFD;
    border: 1px solid #E2E8F1;
  }
  .coverimg1_2_photo4 .coverimg1_2_photoM_show{
    border-radius: 0;
  }
  .coverimg1_2_photo4R_input input{
    width: 100%;
    height: 100%;
    padding: 0 20px;
    border: none;
    font-size: 18px;
    color: #000;
    line-height: 24px;
  }
  .coverimg1_2_photo4R_input input::placeholder{
    color: #707E94;
  }
  .coverimg1_2_photo5{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
  .photo_generation_btn{
    /* width: 1171px; */
    width: auto;
    flex: 1;
    height: 68px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 8px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
  }
  .photo_generation_btn img{
    width: 18px;
    height: auto;
  }
  .photo_generation_btn span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    font-weight: bold;
  }
  .photo_generation_btn p{
    font-size: 14px;
    color: #C4D1FB;
    line-height: 16px;
  }
  .coverimg1_2_photo5_clear{
    min-width: 120px;
    flex: 0 0 auto;
    height: 68px;
    padding: 0 20px;
    background: #FDFDFD;
    border-radius: 8px;
    border: 1px solid #E2E8F1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    cursor: pointer;
  }
  .coverimg1_2_photo5_clear img{
    width: 18px;
    height: auto;
  }
  .coverimg1_2_photo5_clear span{
    font-size: 18px;
    color: #323545;
    line-height: 21px;
    font-weight: bold;
  }
  .photo_generation_img{
    width: 100%;
    margin-top: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    padding: 40px;
  }
  .photo_generation_imgs{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
  }
  .photo_generation_imgs > img{
    width: 100%;
    height: auto;
    border-radius: 11px;
  }
  .photo_generation_imgs_btns{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 17%;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    display: flex;
    align-items: flex-end;
    padding: 1% 2%;
    justify-content: space-between;
    border-radius: 11px;
  }
  .photo_generation_img.v_portrait .photo_generation_imgs_btns{
    height: 8%;
    padding: 10px;
  }
  .photo_generation_img.v_horizontal .photo_generation_imgs_btns{
    padding: 20px;
  }
  .photo_generation_imgs_btns > button{
    width: calc(33% - 7px);
    height: 40%;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    border: none;
  }
  .photo_generation_imgs_btns > button img{
    width: 14px;
    height: 14px;
    filter: grayscale(95%);
  }
  .photo_generation_download b{
    display: inline-block;
    width: 14px;
    height: 14px;
    filter: grayscale(95%);
    background: url(/assets/images/photo_generation_download.webp) no-repeat;
    background-size: 100% 100%;
  }
  .photo_generation_proportion b{
    display: inline-block;
    width: 14px;
    height: 14px;
    filter: grayscale(95%);
    background: url(/assets/images/photo_generation_proportion.webp) no-repeat;
    background-size: 100% 100%;
  }
  .photo_generation_magnify b{
    display: inline-block;
    width: 14px;
    height: 14px;
    filter: grayscale(95%);
    background: url(/assets/images/photo_generation_magnify.webp) no-repeat;
    background-size: 100% 100%;
  }
  .photo_generation_imgs_btns > button span{
    font-size: 14px;
    color: #363B42;
    line-height: 16px;
    word-break: break-all;
  }
  .photo_generation_imgs_btns > button:hover b{
    filter: grayscale(0%);
  }
  .photo_generation_imgs_btns > button:hover span{
    color: #545EE8;
  }
  .photo_generation_imgs_btns{
    /* display: none; */
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.2s ease;
    pointer-events: none;
  }

  .photo_generation_imgs:hover .photo_generation_imgs_btns{
    /* display: flex; */
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .photo_generation_img.v_horizontal.grid2{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
  }
  .photo_generation_img.v_horizontal.grid2  .photo_generation_imgs_btns{
    height: 28%;
  }
  .photo_generation_img.v_horizontal.grid2 .photo_generation_imgs_btns button{
    border-radius: 5px;
  }
  .photo_generation_img.v_portrait{
    display: flex;
    justify-content: center;
  }
  .photo_generation_img.v_portrait .photo_generation_imgs{
    width: 50%;
  }
  .uploadBox input{
    z-index: 1;
  }
  .photo_generation_img.v_portrait.grid2{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
  }
  .photo_generation_img.v_portrait.grid2 .photo_generation_imgs{
    width: 100%;
  }
  .photo_generation_img.v_portrait.grid2 .photo_generation_imgs .photo_generation_imgs_btns{
    height: 8%;
  }
  .photo_generation_img.v_portrait.grid2 .photo_generation_imgs .photo_generation_imgs_btns button{
    border-radius: 5px;
  }
  .photo_generation_img.v_portrait.grid3{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
  }
  .photo_generation_img.v_portrait.grid3 .photo_generation_imgs{
    width: 100%;
  }
  .photo_generation_img.v_portrait.grid3 .photo_generation_imgs .photo_generation_imgs_btns{
    height: 12%;
  }
  .photo_generation_img.v_portrait.grid3 .photo_generation_imgs .photo_generation_imgs_btns button{
    border-radius: 5px;
  }
  .coverimg1_2_photo1_show{
    display: none;
  }
  .coverimg1_2_photo1_collapse{
    display: none;
  }
  .coverimg1_2_photo5_tips{
    display: none;
  }
  .photo_generation_img_m{
    display: none;
  }
  .img_preview_mask{
    display: none ;
  }
  .photo_img_viewer .img_preview_footer{
    display: none;
  }
  .photo_img_viewer{
    margin: 0 auto;
  }
  .prompt_word2LMs_hideM1{
    gap: 15px;
  }
  .prompt_word2LMs_hideM1 > div{
    flex: 1;
    display: flex;
    justify-content: right;
    align-items: center;
  }
  .one-click-generation{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    background: linear-gradient(270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 8px;
    border: 1px solid transparent;
  }
  .one-click-generation img{
    width: 18px;
    height: auto;
  }
  .one-click-generation b{
    width: 18px;
    height: 17px;
    background:url(/assets/images/coverimg1_4MR1.png) no-repeat;
    background-size:contain;
  }
  .one-click-generation span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
  }
  /* skill_body */
  .skill_body .igpmain1_tips{
    margin-top: 60px;
  }
  .skill_body .prompt_h1{
    margin-top: 0;
  }
  .skill_body .prompt_word_top{
    padding-bottom: 80px;
  }
  .skilllist{
    width: 1380px;
    margin: 0 auto;
    transform: translateY(-40px);
  }
  .skilllist .prompt_word1{
    margin-top: 0;
  }
  .skilllist .prompt_word1M.ready{
    margin-top: 0;
  }
  .skilllist .prompt_word1M > a.active img{
    opacity: 1;
  }
  .skilllist1{
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
    margin-top: 20px;
  }
  .skilllist1 .aimain4L_top_dropdown{
    width: 223px;
  }
  .skilllist1 .aimain4L_top_dropdown_menu{
    width: 223px;
  }
  .skilllist2{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
  }
  .skilllist2s{
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(28,35,136,0.33);
    border-radius: 8px;
    padding: 20px;
    border: 1px solid transparent;
  }
  .skilllist2s:hover{
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
  }
  .skilllist2s1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    gap: 10px;
  }
  .skilllist2s1_title{
    flex: 1;
    display: block;
    width: auto;
    font-size: 18px;
    color: #21252A;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    min-width: 300px;
  }
  .skilllist2s1_class{
    display: block;
    padding: 0 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .skilllist2s1_class img{
    width: 12px;
    height: 12px;
  }
  .skilllist2s1_class span{
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 12px;
    color: #3D3D3D;
    line-height: 22px;
  }
  .skilllist2s1_class.color1{
    border: 1px solid #C7B9EB;
    background: #F7F1FF;
  }
  .skilllist2s1_class.color2{
    border: 1px solid #B9D7EB;
    background: #F1F9FF;
  }
  .skilllist2s1_class.color2 span{
    color: #3096DB;
  }
  .skilllist2s1_class.color3{
    border: 1px solid #B9CCEB;
    background: #F1F3FF;
  }
  .skilllist2s1_class.color3 span{
    color: #4D6BFE;
  }
  .skilllist2s > p{
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    color: #22304B;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
  }
  .skilllist2s2{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .skilllist2s2_time{
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .skilllist2s2_time img{
    width: 12px;
    height: 12px;
  }
  .skilllist2s2_time span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
  }
  .xix_star{
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    border: none;
    background: none;
  }
  .xix_star b{
    width: 14px;
    height: 14px;
    background: url(/assets/images/star.png) no-repeat;
    background-size: contain;
}
.xix_star span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}
.xix_star:hover b{
    background: url(/assets/images/star_hover.png) no-repeat;
    background-size: contain;
}
.xix_star:hover span,
.xix_star.active span{
    color: #2B37E3;
}
.xix_star.active b{
    background: url(/assets/images/star_active.png) no-repeat;
    background-size: contain;
}
.skilllist_all{
    background: #2B37E3 !important;
    border-radius: 4px !important;
    border: 1px solid #2B37E3 !important;
}
.skilllist_all span{
    color: #FFFFFF !important;
}
.skilllist2s1_title b{
    display: none;
}

/* .skilldetails_main  */
.skilldetails_main{
    width: 1380px;
    margin: 0 auto;
    background: #F8F9FB;
    padding-top: 20px;
    padding-bottom: 40px;
}
.skilldetails_main .ssmain1{
    gap: 10px;
    margin: 0;
}
.skilldetails{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.skilldetailsL{
    width: 1060px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 20px;
}
.skilldetailsL_title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.skilldetailsL_title h1{
    font-size: 30px;
    color: #191919;
    line-height: 34px;
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.skilldetailsL_title a{
    flex: 0 0 auto;
}
.skilldetailsL_p{
    position: relative;
    padding-left: 16px;
    margin-top: 15px;
}
.skilldetailsL_p p{
    width: 100%;

    font-size: 16px;
    color: #51546B;
    line-height: 24px;
    position: relative;

}
.skilldetailsL_p::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #2B37E3;
    border-radius: 3px;
}
.skilldetailsL_info{
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.skilldetailsL_info > span{
    display: block;
    width: 1px;
    height: 16px;
    background: #F0F2F5;
}
.skilldetailsL_info > div{
    display: flex;
    align-items: center;
    gap: 4px;
}
.skilldetailsL_info span{
    font-size: 16px;
    color: #6B7280;
    line-height: 18px;
}
.skilldetailsL_times b{
    width: 18px;
    height: 14px;
    background: url(/assets/images/login_eye1.png) no-repeat;
    background-size: contain;
}
.skilldetailsL_time b{
    width: 16px;
    height: 16px;
    background: url(/assets/images/aiin1_2_time.png) no-repeat;
    background-size: contain;
    opacity: 0.7;
}
.skilldetailsL_class{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.skilldetailsL_class a{
    font-size: 14px;
    color: #191919;
    line-height: 36px;
    padding: 0 13px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D5D5D5;
}
.skilldetailsL_class a:hover{
    border: 1px solid #2B37E3;
    color: #2B37E3;
}
.skilldetailsL1{
    width: 100%;
    margin-top: 20px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADCE0;
    position: relative;
}
.skilldetailsL1_body > div {
    display: none;
}
.skilldetailsL1_header{
    width: 100%;
    height: 76px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #E5E7EB;
}
.skilldetailsL1_header > button{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D5D5D5;
    padding: 0 10px;
    cursor: pointer;
}
.skilldetailsL1_header > button:hover{
    border: 1px solid #2B37E3;
}
.skilldetailsL1_header > button:hover span{
    color: #2B37E3;
}
.skilldetailsL1_header > button span{
    font-size: 14px;
    color: #191919;
    line-height: 36px;
}
.skilldetailsL1_header > button:nth-of-type(1) b{
    width: 14px;
    height: 14px;
    background: url(/assets/images/skilldetailsL1_header1.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(1):hover b{
    background: url(/assets/images/skilldetailsL1_header1h.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(1).layui-this b{
    background: url(/assets/images/skilldetailsL1_header1s.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(2) b{
    width: 14px;
    height: 14px;
    background: url(/assets/images/skilldetailsL1_header2.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(2):hover b{
    background: url(/assets/images/skilldetailsL1_header2h.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(2).layui-this b{
    background: url(/assets/images/skilldetailsL1_header2s.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header button.layui-this {
    border-color: #2B37E3;
    background: #2B37E3;
}
.skilldetailsL1_header button.layui-this span{
    color: #ffffff;
}
.skilldetailsL1_details{
    width: 100%;
    padding: 20px;
    padding-top: 0;
}
.skilldetailsL1_details h2{
    font-size: 24px;
    color: #000000;
    line-height: 26px;
    margin: 20px 0;
}
.skilldetailsL1_details h3{
    font-size: 22px;
    color: #000000;
    line-height: 24px;
    margin: 20px 0;
}
.skilldetailsL1_details h4{
    font-size: 20px;
    color: #000000;
    line-height: 22px;
    margin: 20px 0;
}
.skill_score{
    width: 100%;
    margin-top: 15px;
}
.skill_score_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.skill_score1{
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 20px;
    border-radius: 23px;
}
.skill_score.score80-100 .skill_score1{
    background: #DBFAEE;
}
.skill_score.score50-80 .skill_score1{
    background: #FFF8CE;
}
.skill_score.score10-50 .skill_score1{
    background: #FFE5CE;
}
.skill_score.score0-10 .skill_score1{
    background: #FADBDB;
}
.skill_score.score80-100 .skill_score1 img{
    width: 16px;
    height: 20px;
}
.skill_score.score50-80 .skill_score1 img{
    width: 18px;
    height: 18px;
}
.skill_score.score10-50 .skill_score1 img{
    width: 18px;
    height: 16px;
}
.skill_score.score0-10 .skill_score1 img{
    width: 16px;
    height: 20px;
}
.skill_score1 span{
    font-size: 18px;
    line-height: 46px;
}
.skill_score.score80-100 .skill_score1 span{
    color: #009563;
}
.skill_score.score50-80 .skill_score1 span{
    color: #EAAB02;
}
.skill_score.score10-50 .skill_score1 span{
    color: #FD5F05;
}
.skill_score.score0-10 .skill_score1 span{
    color: #F93333;
}
.skill_score2{
    width: 535px;
}
.skill_score2_m{
    display: none;
}
.skill_score2_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.skill_score2_top span{
    font-size: 18px;
    line-height: 20px;
}
.skill_score2_top span:first-of-type{
    color: #51546B;
}
.skill_score.score80-100 .skill_score2_top span:last-of-type{
    color: #009563;
}
.skill_score.score50-80 .skill_score2_top span:last-of-type{
    color: #EAAB02;
}
.skill_score.score10-50 .skill_score2_top span:last-of-type{
    color: #F97317;
}
.skill_score.score0-10 .skill_score2_top span:last-of-type{
    color: #F91717;
}
.skill_score2_progress{
    width: 100%;
    height: 16px;
    background: #E3E4E8;
    border-radius: 8px;
    margin-top: 10px;
    position: relative;
}
.skill_score2_progress span{
    display: block;
    height: 16px;
    position: absolute;
    border-radius: 8px;
    left: 0;
    top: 0;
}
.skill_score.score80-100 .skill_score2_progress span{
    background: linear-gradient( 270deg, #7FFFB7 0%, #22C55E 100%);
}
.skill_score.score50-80 .skill_score2_progress span{
    background: linear-gradient( 270deg, #FFDB3D 0%, #FFCD30 100%);
}
.skill_score.score10-50 .skill_score2_progress span{
    background: linear-gradient( 270deg, #FFC53D 0%, #FDA000 100%);
}
.skill_score.score0-10 .skill_score2_progress span{
    background: linear-gradient( 270deg, #FD0000 0%, #B91C1D 100%);
}
.skill_score_bottom{
    width: 100%;
    margin-top: 15px;
}
.skill_score_bottom > span{
    font-size: 18px;
    color: #51546B;
    line-height: 20px;
}
.skill_score_bottom > div{
    width: 450px;
    display: flex;
    gap: 6px;
    margin-top: 6px;
}
.skill_score_bottom > div img{
    width: 18px;
    height: 16px;
    flex: 0 0 auto;
    margin-top: 5px;
}
.skill_score_bottom > div p{
    width: auto;
    flex: 1;
    font-size: 18px;
    color: #303437;
    line-height: 26px;
}
.skill_score_bottom > div p span{
    color: #7B7E92;
}
.skilldetailsL1_details > p{
    font-size: 18px;
    color: #3A4045;
    line-height: 26px;
    margin: 20px 0;
}
.skill_FAQ > div{
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADCE0;
    padding: 16px 20px;
    margin-top: 15px;
}
.skill_FAQ > div span{
    font-size: 18px;
    color: #333333;
    line-height: 20px;
}
.skill_FAQ > div p{
    font-size: 18px;
    color: #58667E;
    line-height: 25px;
    margin-top: 10px;
}
.skilldetails_toGitHub{
    position: absolute;
    right:  20px;
    top: 30px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.skilldetails_toGitHub:hover span{
    color: #2B37E3;
}
.skilldetails_toGitHub > span{
    font-size: 14px;
    color: #51546B;
    line-height: 16px;
}

.skilldetails_toGitHub > b{
    width: 14px;
    height: 11px;
    background: url(/assets/images/skilldetails_toGitHub.png) no-repeat;
    background-size: contain;
}
.skilldetails_toGitHub:hover b{
    background: url(/assets/images/skilldetails_toGitHubs.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_skillmd{
    width: 100%;
    padding: 20px;
    padding-top: 0;
}
.skilldetailsL1_skillmd h2{
    font-size: 24px;
    color: #000000;
    line-height: 26px;
    margin: 20px 0;
}
.skilldetailsL1_skillmd p{
    font-size: 18px;
    color: #3A4045;
    line-height: 26px;
    margin: 20px 0;
}
.skilldetailsL1_skillmd li{
    font-size: 18px;
    color: #58667E;
    line-height: 28px;
    padding-left: 16px;
    position: relative;
    margin: 10px 0;
}
.skilldetailsL1_skillmd li::after{
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 8px;
    height: 8px;
    background: #58667E;
    border-radius: 50%;
}
.skilldetailsL2{
    width: 100%;
    margin-top: 20px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADCE0;
}
.skilldetailsL2_title{
    width: 100%;
    height: 56px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.skilldetailsL2_title h2{
    font-size: 24px;
    color: #000000;
}
.skilldetailsL2_title span{
    font-size: 18px;
    color: #58667E;
    line-height: 20px;
}
.skillFiles{
    width: 100%;
    height: 54px;
    border-top: 1px solid #E5E7EB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    gap: 20px;
}
.skillFiles:hover{
    background: #F7FAFF;
}
.skillFiles > a{
    font-size: 18px;
    color: #482DE1;
    flex: 0 0 auto;
}
.skillFilesL{
    flex: 1;
    width: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 8px;
}
.skillFilesL > b{
    width: 12px;
    height: 15px;
    background: url(/assets/images/skillFilesL.png) no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.skillFilesL > a{
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #3A4045;
    line-height: 26px;
}
.skillFilesL > span{
    color: #7B8CA9;
    font-size: 18px;
    line-height: 26px;
    flex: 0 0 auto;
}
.skilldetailsR{
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.skilldetailsR2{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 20px;
}
.skilldetailsR2 h2{
    font-size: 21px;
    color: #000000;
    line-height: 24px;
}
.skilldetailsR2 > div{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}
.skilldetailsR2s{
    background: #EFF2F5;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #EFF2F5;
}
.skilldetailsR2s:hover{
    border: 1px solid #2B37E3;
}
.skilldetailsR2s > a{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}
.skilldetailsR2s > div{
    width: 100%;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 40px;
}
.skilldetailsR2s_time{
    display: flex;
    align-items: center;
    gap: 5px;
}
.skilldetailsR2s_time b{
    width: 12px;
    height: 12px;
    background: url(/assets/images/aiin1_2_time.png) no-repeat;
    background-size: contain;
    opacity: 0.7;
}
.skilldetailsR2s_time span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}
.skilldetailsR2s .xix_star b{
    width: 14px;
    height: 14px;
}
.skilldetailsR2s .xix_star span{
    font-size: 12px;
    line-height: 14px;
}
.skilldetailsR1s_body > div {
    display: none;
}
.skilldetailsR1s{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 20px;
}
.skilldetailsR1s h2{
    font-size: 21px;
    color: #000000;
    line-height: 24px;
}
.skilldetailsR1s_header{
    width: 100%;
    margin-top: 15px;
    height: 32px;
    background: #EFF6FF;
    border-radius: 4px;
    padding: 2px;
    display: flex;
    align-items: center;
}
.skilldetailsR1s_header button{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    gap: 4px;
    cursor: pointer;
}
.skilldetailsR1s_header button:first-of-type b{
    width: 12px;
    height: 11px;
    background: url(/assets/images/skilldetailsR1s_header1.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button:first-of-type.layui-this b{
    background: url(/assets/images/skilldetailsR1s_header1s.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button span{
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
}
.skilldetailsR1s_header button:last-of-type b{
    width: 12px;
    height: 11px;
    background: url(/assets/images/skilldetailsR1s_header2.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button:last-of-type.layui-this b{
    background: url(/assets/images/skilldetailsR1s_header2s.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button.layui-this {
    background: #2B37E3;
    border-radius: 4px;
}
.skilldetailsR1s_header button.layui-this span{
    color: #FFFFFF;
}
.skilldetailsR1s_body1 p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-top: 10px;
}
.skilldetailsR1s_body1 p span{
    background: #EFF2F5;
    border-radius: 2px;
    color: #676767;
}
.skilldetailsR1s_info > p span{
    color: #676767;
}
.skill_downloadzip{
    display: block;
    width: 100%;
    height: 28px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 12px;
}
.skill_downloadzip:hover{
    filter: brightness(1.15);
}
.skill_downloadzip > b{
    width: 12px;
    height: 11px;
    background: url(/assets/images/skilldetailsR1s_header1s.png) no-repeat;
    background-size: contain;
}
.skill_downloadzip span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
}
.skilldetailsR1s_body2 > p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-top: 10px;
}
.skill_clone{
    width: 100%;
    margin-top: 10px;
    background: #F0F1FD;
    border-radius: 4px;
    padding: 10px;
    overflow-y: auto;
    max-height: 140px;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #F0F1FD;
}
.skill_clone::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px;
}
.skill_clone::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}
.skill_clone::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}
.skill_clone::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.skill_clone p{
    display: inline;
    font-size: 14px;
    color: #7C7887;
    line-height: 16px;
}
.skill_clone_copy{
    display: inline-block;
    width: 12px;
    height: 14px;
}
.skill_clone_copy img{
    width: 100%;
    height: 100%;
}
.skill_clone_copy span{
    display: none;
}
.skill_clone_copy.active{
    width: 12px;
    height: 12px;
}
.skilldetailsR1s_info{
    width: 100%;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #DADCE0;
    border-bottom: 1px solid #DADCE0;
    display: flex;
    flex-direction: column;
}
.skilldetailsR1s_info > span,
.skilldetailsR1s_info > p{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.skilldetailsR1s_info > p span{
    background: #EFF2F5;
    border-radius: 2px;
}
.skilldetailsR1s_repository{
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.skilldetailsR1s_repository span{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.skilldetailsR1s_repository a{
    font-size: 14px;
    color: #2B37E3;
    line-height: 20px;
}
.skilldetailsR1s_repository a:hover{
    text-decoration: underline;
}
.skilldetailsL_p_expand{
    display: none;
}
.aiapp2L1 .swiper-button-prev img,
.aiapp2L1 .swiper-button-next img{
    width: 42px;
    height: 42px;
    filter: grayscale(95%);
}
.aiapp2L1 .swiper-button-prev img:hover,
.aiapp2L1 .swiper-button-next img:hover{
    filter: grayscale(0%);
}
.aimain3_navs.more-btn:hover{
    color: #ffffff;
}

/* aimain2f_R */
.aimain2f_R{
    width: 274px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.indexR1{
    width: 100%;
    background: #FAFAFA;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    background: #FAFAFA;
}
.indexR_title{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.indexR_title > img{
    width: 16px;
    height: 16px;
}
.indexR_title h2{
    font-size: 21px;
    color: #000000;
    line-height: 24px;
}
.indexR1_main{
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.indexR1s{
    width: 100%;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid transparent;
}
.indexR1s:hover{
    border: 1px solid #A0A9FF;
}
.indexR1s > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    margin-top: 10px;
}
.indexR1s > a span{
    flex: 1;
    width: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}
.indexR1s:first-of-type > a b{
    color: #858E95;
    display: block;
}
.indexR1s > a b{
    display: none;
}
.indexR1s > p{
    display: none;
}
.indexR1s:first-of-type > p{
    width: 100%;
    font-size: 12px;
    color: #51546B;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px;
    margin-top: 5px;
    padding: 0 10px;
}
.indexR1s:first-of-type > div{
    width: 100%;
    height: 38px;
    background: #F0F0FD;
    border-radius: 0px 0px 4px 4px;
    margin-top: 8px;
    padding-bottom: 0;
}
.indexR1s > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    margin-top: 10px;
    padding-bottom: 5px;
}
.indexR1s:first-of-type > div > a{
    background: #FFFFFF;
}
.indexR1s > div > a{
    font-size: 12px;
    color: #7F83F5;
    line-height: 18px;
    padding: 0 4px;
    background: #EFF6FF;
    border-radius: 4px;
}
.aimain2f_R_more{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin-top: 15px;
}
.aimain2f_R_more:hover{
    filter: grayscale(50%);
}
.aimain2f_R_more span{
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
}
.aimain2f_R_more > b{
    width: 14px;
    height: 11px;
    background: url(/assets/images/skilldetails_toGitHubs.png) no-repeat;
    background-size: contain;
}
.aimain3:first-of-type{
    margin-top: 0;
}
.indexR2{
    width: 100%;
    background: #FAFAFA;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    padding: 20px 15px;
    background: #FAFAFA;
}
.indexR2_main{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    transform: translateX(-5px);
}
.indexR2s{
    display: flex;
    justify-content: space-between;
    gap: 0;
}
.indexR2s > div:hover{
    background: #FFFFFF;
    border-radius: 4px;
}
.indexR2s > span{
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    flex: 0 0 auto;
    min-width: 16px;
    text-align: right;
    background-image: linear-gradient(to bottom, #B8B8B8 0%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding-top: 6px;
}
.indexR2s:nth-of-type(1) > span{
    background-image: linear-gradient(to bottom, #FFBD39 0%, #E3AF2B 100%);
}
.indexR2s:nth-of-type(2) > span{
    background-image: linear-gradient(to bottom, #FF7439 0%, #FF4E31 100%);
}
.indexR2s:nth-of-type(3) > span{
    background-image: linear-gradient(to bottom, #399DFF 0%, #2B37E3 100%);
}
.indexR2s > div{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    padding: 6px;
    
}
.indexR2s:first-of-type > div{
    flex-direction: column;
    gap: 0;
    border-radius: 4px;
    border: 1px solid transparent;
}
.indexR2s:first-of-type > div:hover{
    border: 1px solid #A0A9FF;
}
.indexR2s:first-of-type .indexR2s_img{
    display: block;
    width: 100%;
    height: 120px;
    border-radius: 4px 4px 0px 0px;
}
.indexR2s_img{
    display: block;
    width: 95px;
    height: 62px;
    border-radius: 4px;
    flex: 0 0 auto;
    overflow: hidden;
}
.indexR2s_img img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.indexR2s:first-of-type .indexR2s_img:hover img{
    transform: scale(1.2);
}
.indexR2s_info{
    flex: 1;
    width: auto;
    height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    
}
.indexR2s:first-of-type .indexR2s_info{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 0px 0px 4px 4px;
    padding: 8px 10px;
}
.indexR2s_info > a{
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #3C3C3C;
    line-height: 19px;
    height: 38px;
}
.indexR2s_info > a:hover{
    color: #2B37E3;
}
.indexR2s:first-of-type .indexR2s_info > a{
    -webkit-line-clamp: 1;
    height: 19px;
}
.indexR2s_info > p{
    display: none;
}
.indexR2s:first-of-type .indexR2s_info > p{
    width: 100%;
    font-size: 12px;
    color: #686868;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}
.indexR2s_info > div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.indexR2s:first-of-type .indexR2s_info > div{
    margin-top: 5px;
}
.indexR2s_time,
.indexR2s_hot{
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
}
.indexR2s_time b{
    width: 12px;
    height: 12px;
    background: url(/assets/images/skilllist2s2_time.png) no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.indexR2s_hot b{
    display: block;
    width: 12px;
    height: 11px;
    background: url(/assets/images/indexR2s_hot.png) no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.indexR2s_info .indexR2s_hot > span{
    transform: translateY(2px);
}
.indexR2s_info > div > div > span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
    flex: 1;
    width: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: translateY(1px);
}
.indexR3{
    width: 100%;
    background: #FAFAFA;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    background: #FAFAFA;
}
.indexR3_main{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 8px;
    overflow-y: auto;
    max-height: 600px;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #FAFAFA;
}
.indexR3_main::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px;
}
.indexR3_main::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 2px;
}
.indexR3_main::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}
.indexR3_main::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.indexR3s{
    width: 100%;
}
.indexR3s1{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 3px;
}
.indexR3s1 b{
    width: 10px;
    height: 10px;
    background: url(/assets/images/indexR3s1.png) no-repeat;
    background-size: contain;
}
.indexR3s1 > span{
    font-size: 14px;
    color: #686868;
    line-height: 18px;
    width: calc(100% - 13px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexR3s2{
    width: 100%;
    padding-left: 13px;
    position: relative;

}
.indexR3s2::before{
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #2B37E3;
    border-radius: 1px;
}
.indexR3s2 > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}
.indexR3s2s{
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 10px;
}
.indexR3s2s_title{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.indexR3s2s_title > a{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.indexR3s2s_title > a img{
    width: 100%;
    height: 100%;
}
.indexR3s2s_title > div{
    width: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.indexR3s2s_title > div > span{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #8E96A8;
    line-height: 14px;
}
.indexR3s2s_title > div > div{
    display: flex;
    align-items: center;
    gap: 5px;
}
.indexR3s2s_title > div > div a{
    font-size: 12px;
    color: #000000;
    line-height: 14px;
    width: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexR3s2s_title > div > div img{
    width: 11px;
    height: 8px;
    flex: 0 0 auto;
}
.indexR3s2s_main{
    margin-top: 5px;
}
.indexR3s2s_main > a{
    display: block;
    position: relative;
}
.indexR3s2s_main > a > p{
    width: 100%;
    display: inline;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.indexR3s2s_main > a > span{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ffffff;
    padding-left: 10px;
    font-size: 14px;
    color: #4D6BFE;
    line-height: 22px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.indexR3s2s_main_img{
    width: 100%;
    margin-top: 5px;
}
.indexR3s2s_main_img.img_gird1{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%;
    gap: 10px;
}
.indexR3s2s_main_img.img_gird2{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%;
    gap: 10px;
}
.indexR3s2s_main_img.img_gird3{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    gap: 6px;
}
.indexR3s2s_main_img img{
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    border-radius: 3px;
}
.skilldetailsL1 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px 0 rgba(99, 102, 241, 0.10);
    margin: 32px 0;
    font-size: 16px;
    border: 1.5px solid #2B37E3;
}

.skilldetailsL1 table thead th {
    border: none;
}

.skilldetailsL1 table thead td {
    border: none;
}

.skilldetailsL1 table tbody th {
    border: none;
    border-radius: 0 !important;
}

.skilldetailsL1 table tbody td {
    border: none;
    border-radius: 0 !important;
}
.skilldetailsL1 th,
.skilldetailsL1 td {
    padding: 16px 20px;
    text-align: left;
}

.skilldetailsL1 th {
    background: linear-gradient(90deg, #2B37E3 0%, #939df9 100%);
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    border-bottom: 2px solid #2B37E3;
}

.skilldetailsL1 tr:not(:last-child) td {
    border-bottom: 1px solid #E5E7EB;
}

.skilldetailsL1 td {
    color: #444;
    background: #fff;
    transition: background 0.2s;
}

.skilldetailsL1 tr:hover td {
    background: #F1F5FF;
}

.skilldetailsL1 th:first-child,
.skilldetailsL1 td:first-child {
    border-top-left-radius: 14px;
}

.skilldetailsL1 th:last-child,
.skilldetailsL1 td:last-child {
    border-top-right-radius: 14px;
}
.skilldetailsL1 pre {
    background: #0f172a;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;
    font-size: 14px;
    line-height: 1.7;
    color: #e2e8f0;
    white-space: pre-wrap;
    word-break: break-word;
}

.skilldetailsL1 pre code {
    background: transparent;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    display: block;
}
.indexR4{
    width: 100%;
    background: #FAFAFA;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    background: #FAFAFA;
}
.indexR4 .prompt_word2RM{
    margin-top: 10px;
}
.indexR4 .prompt_word2RMs{
    margin-top: 0;
    padding: 10px;
}
.indexR4 .prompt_word2RMs_p{
    margin-top: 6px;
}
.indexR1_main_m.swiper{
    display: none;
}
.indexR2_main_m.swiper{
    display: none;
}
.indexR_title > a{
    display: none;
}
.indexR4 .prompt_word2RMs_p{
    display: flex;
    justify-content: space-between;
}
.indexR4 .prompt_word2RMs_p_btn{
    margin: 0;
    align-self: self-end;
}
.indexR4 .prompt_word2RMs_p_btn span{
    display: none;
}
.indexR4 .prompt_word2RMs_p_btn b{
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(/assets/images/prompt_word2RMs_p_btn.png) no-repeat;
    background-size: contain;
}
.indexR4 .prompt_word2RMs_p_btn.active b{
    width: 14px;
    height: 14px;
    background: url(/assets/images/prompt_word2RMs_p_btn_ok.png) no-repeat;
    background-size: contain;
}
.indexR4_m.swiper{
    display: none;
}


.aiin2 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px 0 rgba(99, 102, 241, 0.10);
    margin: 12px 0;
    font-size: 16px;
    border: 1.5px solid #2B37E3;
}

.aiin2 table thead th {
    border: none;
}

.aiin2 table thead td {
    border: none;
}

.aiin2 table tbody th {
    border: none;
    border-radius: 0 !important;
}

.aiin2 table tbody td {
    border: none;
    border-radius: 0 !important;
}
.aiin2 th,
.aiin2 td {
    padding: 16px 20px;
    text-align: left;
}

.aiin2 th {
    background: linear-gradient(90deg, #2B37E3 0%, #939df9 100%);
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    border-bottom: 2px solid #2B37E3;
}

.aiin2 tr:not(:last-child) td {
    border-bottom: 1px solid #E5E7EB;
}

.aiin2 td {
    color: #444;
    background: #fff;
    transition: background 0.2s;
}

.aiin2 tr:hover td {
    background: #F1F5FF;
}

.aiin2 th:first-child,
.aiin2 td:first-child {
    border-top-left-radius: 14px;
}

.aiin2 th:last-child,
.aiin2 td:last-child {
    border-top-right-radius: 14px;
}

@media screen and (max-width: 1025px) {
    .right_nav {
        display: none;
    }
}



/* m */
@media screen and (min-width: 1025px) {
    .aihead_list_none {
        display: none !important;
    }
}

@media screen and (max-width:1025px) {
    * {
        box-sizing: border-box
    }

    .index_menu_wrap{
        display: block;
    }
    .phmain20_2R .phmain2_bottoms {
        padding: 10px;
    
    }

    .gjlbmain .aimain4 {
        padding: 0 16px;
        width: 100%;
    }

    .gjlbmain .aimain4L_top {
        flex-direction: column;
    }

    .aimain4L_top_dropdown {
        width: 100%;
    }

    .aimain4L_top_dropdown_menu {
        width: 100%;
    }

    .bqmain .gjlbmain1 {
        padding: 0 16px;
        width: 100%;
    }

    .gjlbmain .aimain4L1s {
        display: block;
    }

    .gjlbmain .aimain4R {
        width: 100%;
    }

    .gjlbmain1 h1 {
        font-size: 26px;
        line-height: 35px;
        padding: 0 10px;
    }
    .gjlbmain1 p{
        font-size: 12px;
        line-height: 18px;
    }

    .aimain1_4 {
        display: none;
    }

    .ai_msgtips {
        padding: 10px 12px;
    }

    .ai_msgtips img {
        width: 24px;
    }

    .ai_msgtips span {
        font-size: 16px;
    }

    .aimain1_4_m {
        display: flex !important;
        border-radius: 4px;
    }

    .login_body header {

        display: block;
    }

    .review-content {
        width: auto;
    }

    .mngfPage {
        display: none;
    }

    .main_none {
        width: 100%;
    }

    .main_none img {
        width: 100%;
    }

    .totop {
        right: 20px;
        bottom: 25px;
        width: 40px;
        left: auto;
    }

    header {
        height: 50px;
    }

    .aihead {
        width: 100%;
        /* background: linear-gradient(90deg, #8EC4FF 0%, #D3E5FF 50%, #647FFF 100%); */
        /* background: linear-gradient( 180deg, #766CFF 0%, #9EBBFF 100%); */
        background: #9D9DFF;
        padding: 0 20px;
        height: 50px;
        /* z-index: 0; */
    }

    .login_title {
        margin-top: 0;
    }

    .login_form {
        padding-bottom: 100px;
    }

    .aiheadM {
        display: none;
    }

    .aiheadR {
        display: none;
    }

    .aihead_list {
        display: block;
    }

    .aihead_lists {
        display: block;
        width: 26px;
    }

    .aihead_lists img {
        width: 100%;
    }

    main {
        width: 100%;
    }

    .model-title{
        font-size: 14px;
        /* font-weight: normal; */
        color: #000000;
        text-align: left;
    }

    .model-table thead th{
        font-size: 14px;
    }
    .model-table thead th:nth-child(1){
        text-align: left;
        padding-left: 60px;
    }
    .model-desc{
        font-size: 12px;
    }
    .main {
        width: 100%;
    }

    .footer {
        width: 100%;
    }

    .aimain5_sp {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    .aimain1_1 {
        font-size: 26px;
        color: #191919;
        line-height: 26px;
        margin-top: 38px;
        text-align: center;
    }

    .aimain1_2 {
        padding: 0 5px;
        font-size: 16px;
        color: #000000;
        line-height: 28px;
        text-align: center;
        margin-top: 9px;
        letter-spacing: -0.4px;
    }
    .aimain1_2 > span{
        display: block;
    }

    .aimain1_3 {
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        padding: 0 10px;
        margin-top: 5px;
    }

    .aimain1_4 {
        width: 100%;
        padding: 0 25px;
        height: 34px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .aimain1_4 input {
        width: calc(100% - 44px);
    }

    .aimain1_4_m_sp {
        width: calc(100% - 44px);
        height: 100%;
        border: none;
        border-radius: 4px 0 0 4px;
        padding-left: 20px;
        background-color: #ffffff;
        font-size: 12px;
        line-height: 34px;
        color: #D4D4D4;
    }

    .aimain1_4 input::placeholder {
        color: #C1C1C1;
        font-size: 12px;
    }

    .aimain1_4_search {
        width: 44px;
    }

    .aimain1_4_search img {
        width: 16px;
    }

    .aimain1_5 {
        display: none !important;
    }

    .aimain2f {
        padding: 0 15px;
    }

    .aimain2 {
        width: 100%;

    }

    .aimain3 {
        width: 100%;
    }

    .phmain2_bottoms_b1,
    .phmain2_bottoms_b2 {
        display: none;
    }

    .aimain3 h2 {
        font-size: 18px;
        line-height: 21px;
    }

    .aimain4L h2 {
        font-size: 18px;
        line-height: 21px;
    }

    .aimain1 {
        height: auto;
    }

    .aimain1_4 {
        margin-bottom: 20px;
    }

    .aimain2 {
        height: auto;
        padding: 15px
    }

    .aimain4 {
        width: 100%;
        display: block;
    }

    .aimain4L {
        width: 100%;
    }

    .aimain4L1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;

    }

    .aimain4L1s_bottom {
        height: auto;
        padding: 8px;
    }

    .aimain4L1s {
        width: calc(50% - 5px);
        height: auto;
    }

    .aimain4L1s_top {
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
    }

    .aimain4L1s_bottom1 {
        font-size: 16px;
        color: #333333;
        line-height: 18px;
    }

    .aimain4L1s_bottom2 {
        height: auto;
        font-size: 14px;
        color: #333333;
        line-height: 16px;
    }

    .aimain4L1s {
        display: none;
    }

    .zxnymainsL7s_info1 span {
        font-size: 14px;

        line-height: 16px;
    }

    .aimain4L1s123 {
        display: flex;
    }

    .aimain4L_more {
        width: 100%;
        display: block;

    }

    .edui-editor {
        width: 100% !important;
    }

    .aimain4L_more1 {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #2B37E3;
        line-height: 21px;
        background: #EEF2FF;
        border-radius: 4px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .aimain4L_more2 {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #2B37E3;
        line-height: 21px;
        background: #EEF2FF;
        border-radius: 4px;
        gap: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .review-input-container {
        flex-direction: column;
    }

    .flmain2L_item_m_sp {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;

        row-gap: 10px;
        padding: 10px 0;
        /* padding-top: 60px; */
    }

    .flmain2L_item_m_sps {
        color: #4c4c4c;
        font-size: 18px;
        line-height: 20px;
        border-radius: 5px;
        border: 1px solid #c7c8fa;
        padding: 5px 10px;

    }

    .flmain2L_item_m_sps.on {
        background-color: #007bff;
        color: #ffffff;

    }

    .aimain4L_more2 img {
        width: 18px;
    }

    .flbody header {
        z-index: 2;
    }

    .aimain4R {
        width: 100%;
    }

    .aimain4R h2 {
        font-size: 18px;
        color: #000000;
        line-height: 21px;
    }
    .model_vs_mains2_1{
        gap: 15px;
        margin: 10px;
        margin-bottom: 15px;
        align-items: center;
    }

    .model_vs_mains2_1L{
        width: 33.333333%;

    }
    .model_vs_mains2_1R{
        width: 66.666666%;
        margin-left: 0;
        height: auto;
    }

    .aimain4R1s {
        display: none;
    }

    .aimain4R1s123 {
        display: block;
    }

    .aimain4R_more {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px 0;
        padding-bottom: 20px;
    }

    .aimain4R_mores {
        font-size: 18px;
        color: #000000;
        line-height: 21px;
        border: 1px solid #BDBDBD;
        padding: 15px 30px;
        border-radius: 8px;

    }

    .aimain5 {
        display: none;
    }

    .footer1 {
        flex-direction: column;
        padding: 0 20px;
        gap: 40px;
        margin-top: 30px;
    }

    .footer11,
    .footer12,
    .footer13 {
        width: 100%;
    }

    .footer11s {
        font-size: 14px;
        line-height: 30px;
    }

    .footer11_title {
        font-size: 16px;
    }

    .footer2 {
        width: calc(100% - 40px);
        margin: 20px auto;
    }

    .flmain2R_item_left {
        justify-content: space-between;
    }

    .footer3 {
        font-size: 12px;
        color: #55616F;
        line-height: 14px;
        margin: 20px 0;
    }

    .aiin {
        width: 100%;
        padding: 10px;
    }

    .aiinbody main {
        padding: 16px;
    }

    .aiin1_1 {
        flex-direction: column;
        gap: 10px;
    }

    .aiin1_1_title {
        width: 100%;
        white-space: wrap;
        font-size: 16px;
        line-height: 20px;
    }
    .aiin1_2_time > div .icon{
        font-size: 14px;
    }
    .aiin1_2_time > div{
        width: 14px;
        height: 14px;
    }
    .aiin2 h2{
        font-size: 18px;
        line-height: 21px;
    }
    .aiin2 h1{
        line-height: 24px;
    }

    .aiin1_2_sc, .aiin1_2_time{
        gap: 2px;
    }
    .aiin1_2_sc span, .aiin1_2_time span{
        font-size: 14px;
        letter-spacing: -0.51px;
    }
    .aiin1_1_out {
        width: 100%;
    }
    .aiin1_2_star{
        gap: 8px;
    }
    .aiin_line{
        margin: 15px 0;
    }

    .aiin1_2 {
        flex-wrap: wrap;
        gap: 14px;
    }

    .aiin2img {
        display: flex;
        flex-direction: row;
        height: 180px;
        gap: 10px;
    }
    .aiin2img > a{
        padding: 15px;
    }

    .aiin2imgs {
       width: 100%;
    }
    .aiin2imgs img{
        margin: 0;
    }
    .aiin3{
        gap: 10px;
    }
    .aiin3s{
        padding: 5px 8px;
    }

    .aiin4 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }

    .aiin4s {
        width: calc(50% - 5px);
    }
    .aiin4s_bottom span{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: wrap;
    }

    .aiin5s_top {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .aiin5s_name {
        color: #2B37E3;
        font-weight: 400;
    }

    .flmainnav {
        display: block;
        width: 100%;
        padding: 0 15px;
        margin-top: 15px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .gjlbmain1{
        padding: 16px;
    }
    .flmainnav img {
        width: 4px;
    }

    a.flmainnava {
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        color: #999999;
        line-height: 16px;
    }

    span.flmainnava {
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 16px;
    }

    .flmain2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 15px;
    }

    .flmain2L {
        width: 100%;
        margin-top: 15px;
        top: 50px;
    }

    .flbody main {
        background: #F8FAFC;
    }

    .flmain2L_title {
        display: none;
    }

    .flmain2L_item {
        display: none;
    }

    .flmain2L_item_m {
        display: flex;
    }

    .flbody .aimain4L1s {
        display: block;

    }

    .flmain2R_title {
        padding-left: 0;
    }

    .flmain2R_cards {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .flmain2R_items {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .flmain2R_item{
        width: calc(50% - 5px);
    }

    .flmain2R_item_title {
        width: auto;
    }

    .flmain2R_item_desc {
        width: auto;
    }

    .flmain2L_item_m_list.show {
        display: block;
    }

    .flmain2L_item_m_list {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        top: 0;
        left: 0;
        background-color: #ffffff;
    }

    .flmain2L_item_m_list_top {
        width: 100%;
        height: 50px;
        background: linear-gradient(180deg, #766CFF 0%, #9EBBFF 100%);
        padding: 0 20px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .aimain1_5mains {
        font-size: 16px;
    }

    .flmain2L_item_m_list_top span {
        width: calc(100% - 26px);
        text-align: center;
        font-size: 20px;
        color: #000000;
        line-height: 23px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .flmain2L_item_m_list_top_close {
        width: 26px;
        height: 26px;
    }

    .flmain2L_item_m_list_top_close_lan {
        width: 26px;
        height: 26px;
    }

    .flmain2L_item_m_list_top_close img {
        width: 100%;
        height: 100%;
    }

    .flmain2L_item_m_list_top_close_lan img {
        width: 100%;
        height: 100%;
    }

    .flmain2L_item_m_list .flmain2L_item {
        display: flex;
    }

    .flmain2L_item_m_list .flmain2L_list {
        padding: 15px;
    }

    .phmain1 {
        padding: 0 15px;
        width: 100%;
    }

    .phmain1_bottom {
        flex-direction: column;
        gap: 40px;
    }

    .phmain1_bottoms {
        width: 100%;
        padding: 10px;
        height: auto;
    }

    .phmain1_bottoms_info p {
        -webkit-line-clamp: 2;
    }

    .phmain1_top_title {
        font-size: 18px;
        line-height: 21px;
    }

    .phmain2 {
        width: 100%;
        padding: 0 15px;
    }

    .phmain2_bottoms {
        padding: 10px;
    }

    .phmain2_bottoms_info {
        width: calc(100% - 40px);
    }

    .phmain2_bottoms_info_bottom {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: wrap;
    }

    .ai_tools {
        width: 100%;
        flex-direction: column;
    }

    .ai_toolsL {
        width: 100%;
    }

    .ai_toolsL_list {
        display: none;
    }

    .ai_toolsL_list_M {
        display: block;
        padding: 15px;

    }

    .ai_toolsL_list_M_title {
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #EEF2FF;
        border-radius: 4px;
    }

    .ai_toolsL_list_M_titleL {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .ai_toolsL_list_M_titleL img {
        width: 13px;
    }

    .ai_toolsL_list_M_titleL span {
        color: #2B37E3;
        font-size: 14px;
        line-height: 16px;
        display: block;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ai_toolsL_list_M_title>img {
        width: 13px;
    }

    .ai_toolsR {
        width: 100%;
        padding: 15px;
        padding-top: 0;
    }

    .ai_toolsR_bottom {
        /* display: flex;
        flex-direction: column; */
        gap: 16px;
        margin-top: 15px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .pages {
        display: none;
    }

    .ai_toolsL_list_M_more {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        top: 0;
        left: 0;
        background-color: #ffffff;
    }

    .ai_toolsL_list_M_more .ai_toolsL_list {
        display: flex;
        width: 100%;
        padding: 15px;
    }

    .tjmain1 {
        width: auto;
        margin: 15px;
        padding: 10px;
    }

    .tjmain1_title {
        font-size: 18px;
        line-height: 21px;
    }

    .tjmain1_name {
        margin-top: 20px;
    }

    .tjmain1_titles {
        font-size: 14px;
    }

    .tjmain1_names {
        margin-top: 10px;
        height: 38px;
    }

    .tjmain1_names input {
        font-size: 12px;
        padding-left: 10px;
        width: calc(100% - 40px);
    }

    .tjmain1_names span {
        font-size: 12px;
        padding-right: 10px;
    }

    .tjmain1_des {
        margin-top: 20px;
    }

    .tjmain1_dess .edui-editor {
        z-index: 2 !important;
    }

    .tjmain1_dess textarea {
        height: 128px;
        padding: 10px;
        font-size: 12px;
    }

    .tjmain1_dess span {
        bottom: 10px;
        right: 10px;
        font-size: 12px;
    }

    .tjmain1_type {
        margin-top: 20px;
    }

    .tjmain1_types {
        margin-top: 10px;
        height: 38px;
    }

    .tjmain1_types input {
        padding-left: 10px;
        font-size: 12px;
        width: calc(100% - 40px);
    }

    .tjmain1_types img {
        width: 14px;
        margin-right: 10px;
    }

    .tjmain1_email {
        margin-top: 20px;
    }

    .tjmain1_emails {
        margin-top: 10px;
        height: 38px;
    }

    .tjmain1_emails input {
        padding-left: 10px;
        font-size: 12px;
        width: calc(100% - 40px);
    }

    .tjmain1_emails span {
        font-size: 12px;
        padding-right: 10px;
    }

    .tjmain1_Reset {
        font-size: 14px;
        line-height: 16px;
        padding: 5px 10px;
    }

    .tjmain1_Submits {
        width: auto;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 16px;
    }

    .tjmain2 {
        width: 100%;
        padding: 0 15px;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .ssmain1 {
        /* flex-wrap: wrap; */
    }
    .ssmain1 > div{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ssmain1 span {
        /* display: none; */

    }

    .ssmain1 img:nth-child(4) {
        display: none;
    }

    .tjmain2_title {
        font-size: 18px;
        color: #000000;
        line-height: 21px;
    }

    .tjmain2s {
        flex-direction: column;
        height: auto;
    }

    .tjmain2sL {
        width: 100%;
        background-color: #ffffff;
    }

    .indexbody .totop {
        display: block !important;
        right: 16px;
        bottom: calc(25% - 50px);
        filter: grayscale(100%);
    }

    .tjmain2sR {
        width: 100%;
        padding: 10px;
    }

    .tjmain2sR_title {
        font-size: 16px;
        line-height: 18px;
    }

    .model_list_main .aimain5_sp{
        display: block;
        width: 100%;
        margin: 15px auto;
    }
    .model_list_main .aimain5_sp .aimain5_more{
        width: 100%;
    }
    .tjmain2sRs:nth-child(2) {
        margin-top: 20px;
    }

    .tjmain2sRs img {
        width: 14px;
        height: 14px;
    }

    .tjmain2sRs span {
        font-size: 14px;
        line-height: 16px;
    }

    .tjmain3 {
        width: 100%;
        margin-top: 20px;
        padding: 0 15px;
    }

    .tjmain3_title {
        font-size: 18px;
        line-height: 21px;
    }

    .tjmain3s {
        padding: 10px;
        gap: 10px;
    }

    .tjmain3s img {
        width: 28px;
        height: 28px;
    }

    .zxmain1_bottom.zxmain1_bottom_atag {
        width: 100%;
        padding: 0 15px;
    }

    .aimain3_nav {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        flex-wrap: nowrap;
    }

    .aimain3_nav::-webkit-scrollbar {
        display: none;
        /* Chrome/Safari/Opera */
    }

    .aimain3_navs {
        display: inline-block;
        white-space: nowrap;
    }

    .tjmain3s_info1 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: wrap;
        font-size: 14px;
        line-height: 16px;
    }

    .tjmain3s_info2 {
        font-size: 12px;
        line-height: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: wrap;
    }

    .tjmain1_type_hide_pc {
        display: none;
    }

    .tjmain1_type_hide_m {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: end;
        z-index: 9999;
    }

    .tjmain1_type_hide_ms {
        width: 100%;
        /* height: 50%; */
        background-color: #ffffff;
        border-radius: 10px 10px 0 0;
        display: flex;
        flex-direction: column;

    }

    .tjmain1_type_hide_ms_top {
        width: 100%;
        max-height: 500px;
        overflow-y: auto;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
    }

    .tjmain1_type_hide_ms_top::-webkit-scrollbar {
        display: none;
    }

    .tjmain1_type_hide_ms_tops {
        width: 100%;
        height: 64px;
        font-size: 18px;
        line-height: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #eeeeee;
    }

    .tjmain1_type_hide_ms_tops.on {
        background-color: #E9E9FF;
        color: #2B37E3;
    }

    .tjmain1_type_hide_ms_close {
        width: 100%;
        height: 64px;
        background-color: #2B37E3;
        color: #ffffff;
        font-size: 18px;
        line-height: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .login_main {
        /* background: linear-gradient(180deg, #8982f7 0%, #9EBBFF 15%, #C5D7FF 30%, #FFFFFF 50% ,#FFFFFF 100%) !important; */
        background-color: #ffffff;
        padding: 0 15px;
        min-height: calc(100vh - 50px);

    }

    .model-compare-tabs_toL,
.model-compare-tabs_toR{
    display: block;
}
    .login_body .aihead {
        /* background: linear-gradient(180deg, #766CFF 0% ,#8982f7 100%) !important; */
        background: #ffffff;
    }

    .login_body header {
        background: none;
    }

    .phmain1_top_time_main {

        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: end;

    }

    .phmain1_top_time_main_top {
        background-color: #ffffff;
        height: 50%;
        border-radius: 8px 8px 0px 0px;
        overflow: hidden;
    }

    .phmain1_top_time_main_top1 {
        width: 50%;
        height: 100%;
    }

    .phmain1_top_time_main_top2 {
        width: 50%;
        height: 100%;
    }

    .phmain1_top_time_M {
        padding: 10px;
    }

    .phmain1_top_time_Y {
        padding: 10px;
    }

    .phmain1_top_time_main_bottom {
        background-color: #ffffff;
    }

    .phmain1_top_time_main_bottom {
        padding: 0;
        width: 100%;
        height: 48px;
    }

    .phmain1_top_time_main_bottom a {
        width: 100%;
        height: 100%;
        background: #2B37E3;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .aihead_list_none {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #ffffff;
    }

    .aihead_list_none {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #FFFFFF;
        z-index: 999;
        display: none;
        overflow-y: auto;
    }

    .aihead_list_none_top {
        width: 100%;
        height: 50px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* background: linear-gradient(90deg, #8EC4FF 0%, #D3E5FF 50%, #647FFF 100%); */
        background: #9D9DFF;
    }

    .aihead_list_none_top img {
        width: 120px;

    }

    .aihead_list_none_top a img {
        height: 30px;
        width: auto;
    }

    .aihead_list_none_main {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }
 

    .aihead_list_none_mains_f{
        padding: 15px 0;
        border-bottom: 1px solid #F3F3F3;
        height: 55px;
        overflow: hidden;
        transition: height 0.4s ease;
    }
    .aihead_list_none_mains_f.active{
        height: auto;
    }
    .aihead_list_none_mains_sp{
        position: relative;
    }
    .aihead_list_none_mains_sp::after{
        content: '';
        position: absolute;
        top: 5px;
        right: 15px;
        transform: rotate(45deg);
        width: 9px;
        height: 9px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        border-color: #9ca3af;
        transition: transform 0.4s ease;
    }
     .aihead_list_none_mains_sp.active::after{
        transform: rotate(-135deg);
    }
    .aihead_list_none_main .aihead_list_none_user{
        padding: 0;
    }
    .aihead_list_none_mains {
        display: block;
        width: 100%;
        font-size: 18px;
        color: #111827;
        line-height: 24px;
        padding: 0 15px;
        /* border-bottom: 1px solid #F3F3F3; */
    }

    .aihead_list_none_mains.aihead_list_none_user_btn{
        padding: 15px;
        position: relative;
    }
    .aihead_list_none_mains.aihead_list_none_user_btn img:last-of-type{
        display: none;
    }
    .aihead_list_none_mains.aihead_list_none_user_btn::after{
        content: '';
        position: absolute;
        top: 20px;
        right: 15px;
        transform: rotate(45deg);
        width: 9px;
        height: 9px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        border-color: #9ca3af;
    }
    .aihead_list_none_mains.aihead_list_none_user_btn.active::after{
        transform: rotate(-135deg);
    }
    .aihead_list_none_main .aihead_list_none_btns {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 40px;
        padding: 15px 15px;
        border: none;
    }

    .aihead_list_none_btn1 {
        width: 100%;
        height: 46px;
        background: #2B37E3;
        border-radius: 4px;
        color: #FFFFFF;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .aihead_list_none_btn2 {
        width: 100%;
        height: 46px;
        background: #2B37E3;
        border-radius: 4px;
        color: #ffffff;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .aihead_list_none_lan {
        margin-top: 15px;
        width: auto;
        height: 46px;
        background: #EEF2FF;
        border-radius: 4px;
        color: #000000;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .aihead_list_none_lan img {
        width: 16px;
    }

    .aihead_list_none_lan span {
        font-size: 18px;
        color: #111827;
    }

    .aihead_list_none_user {
        position: relative;
    }

    .aihead_list_none_user_btn {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .aihead_list_none_user_btn img {
        width: 20px;
    }

    .aihead_list_none_user_btn>span {
        width: calc(100% - 56px);
    }

    .aihead_list_none_user_list {
        display: none;
        /* padding: 12px; */
        background: #FFFFFF;
        border-radius: 8px;
        margin-top: 8px;
        padding-left: 0;
        padding-top: 0;
    }
    .aihead_list_none_mains_hide{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }
    .aihead_list_none_mains_hide > a{
        display: flex;
        width: 100%;
        padding: 10px 30px;
        align-items: center;
        gap: 8px;
    }
    .aihead_list_none_mains_hide > a.active,
    .aihead_list_none_mains_hide > a:hover{
        background: #EEF2FF;
    }
    .aihead_list_none_mains_hide > a img{
        width: 28px;
        height: 28px;
    }
    .aihead_list_none_mains_hide > a span{
        font-size: 18px;
        color: #000000;
        line-height: 20px;
    }

    .aihead_list_none_user_items {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
        color: #111827;
        font-size: 14px;
        line-height: 20px;
    }

    .aihead_list_none_user_items:hover {
        background: #EEF2FF;
        border-radius: 6px;
    }

    .aihead_list_none_user_items img {
        width: 20px;

    }

    .aihead_list_none_user_items img:nth-child(2) {
        display: none;
    }

    .model-info-text{
        width: calc(100% - 58px);
    }
    .model-info-title,
    .model-info-desc{
        width: 100%;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .aihead_list_none_user_items.on img:nth-child(1) {
        display: none;
    }

    .aihead_list_none_user_items.on img:nth-child(2) {
        display: block;
    }

    .aihead_list_none_user_items.on {
        background: #EEF2FF;
        border-radius: 2px;
    }

    .aihead_list_none_user_items.on span {
        color: #2B37E3;
    }

    .aihead_list_none_lan_none {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #ffffff;
    }

    .aihead_list_none_lan_none_bottom {

        display: flex;
        flex-direction: column;
        gap: 12px;
        max-height: 70vh;
        overflow-y: auto;
    }

    .aihead_list_none_lan_none_bottoms {
        display: block;
        padding: 10px 10px;
        color: #111827;
        font-size: 16px;
        line-height: 20px;
        border-radius: 6px;
        transition: all 0.3s;
    }

    .aihead_list_none_lan_none_bottoms.on {

        color: #7150E6;
    }

    .aihead_list_none_lan_none_bottoms:hover {
        background: #EEF2FF;
        color: #2B37E3;
    }

    .phmain2_topa {
        display: none;
    }

    .phmain1_top_times {
        display: flex;
    }

    .ssmain1 {
        width: 100%;
        padding: 0 15px;
        margin: 16px auto;
    }

    .ssmain2 {
        width: auto;
        margin: 10px;
        padding: 10px 15px;
    }

    .ssmain3 {
        width: 100%;
        padding: 0 15px;
    }

    .zxmain .aimain2 {
        margin: 10px;
        width: auto;
    }

    .zxmain1 {
        width: 100%;
        padding: 0 15px;
    }

    .zxmain1_bottoms_img {
        display: none;
    }

    .zxmain1_bottoms_info {
        width: 100%;
    }

    .zxmain1_bottoms {
        padding: 10px;
    }

    .zxmain1_bottoms_info21 {
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .zxnymain {
        width: 100%;
    }

    .ssmain1 span {
        width: auto;
        /* overflow: hidden; */
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .zxnymains {
        width: 100%;
        flex-direction: column;
    }

    .zxnymainsL {

        padding: 10px;
        width: auto;
        margin: 0 10px;
    }

    .zxnymainsL1 {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .zxnymainsL2 {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .zxnymainsL4 {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .zxnymainsL5_bottom {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 10px;
    }

    .zxnymainsL5s {
        width: calc(50% - 5px);
    }

    .zxnymainsL5s img {
        height: auto;
    }

    .zxnymainsR {
        display: none;
    }

    .login_tab {
        display: none !important;
    }

    .login_mainC {
        width: 100%;
        padding: 0;
        box-shadow: none;
    }

    .login_mainC_top {
        display: none;
    }

    .login_mainC_top_m {
        display: none;
        /* display: flex; */
        align-items: center;
        justify-content: right;
    }

    .login_mainC_top_m_img {
        display: block;
        width: 20px;
        height: 20px;

    }

    .login_mainC_top_m_img img {
        width: 100%;
        height: 100%;
    }

    .aimain1_4_m_hide {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #FFFFFF;
        z-index: 1000;
        /* display: none; */
    }


    .aimain1_4_m_hide_top {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        border-bottom: 1px solid #E5E7EB;

    }

    .aimain1_4_m_hide_top input {
        flex: 1;
        height: 40px;
        border: none;
        outline: none;
        font-size: 14px;
        color: #111827;
        background: transparent;
    }

    .aimain1_4_m_hide_top_img1 {
        width: 20px;
        height: 20px;
    }

    .aimain1_4_m_hide_top_img2 {
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .aimain1_4_m_hide_top_cancel {
        color: #ffffff;
        font-size: 18px;
        white-space: nowrap;
        background-color: #2B37E3;
        padding: 8px 12px;
        border-radius: 4px;
    }

    .aimain1_4_m_hide_bottom1 {
        padding: 0;
    }

    .aimain1_4_m_hide_bottom1_top {
        display: flex;
        flex-direction: column;
    }

    .aimain1_4_m_hide_bottom1_tops {
        color: #111827;
        font-size: 16px;
        line-height: 20px;
        padding: 15px 8px;

    }

    .aimain1_4_m_hide_bottom1_top {
        max-height: calc(100vh - 65px);
        overflow-y: auto;


        scrollbar-width: thin;
        /* Firefox */
        scrollbar-color: #888 #f1f1f1;
        /* Firefox */
    }


    .aimain1_4_m_hide_bottom1_top::-webkit-scrollbar {
        width: 6px;
    }

    .aimain1_4_m_hide_bottom1_top::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .aimain1_4_m_hide_bottom1_top::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 3px;
    }

    .aimain1_4_m_hide_bottom1_top::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .aimain1_4_m_hide_bottom1_tops.on {
        background: #EEF2FF;
    }

    .aimain1_4_m_hide_bottom1_tops:hover {
        color: #2B37E3;
    }

    .aimain1_4_m_hide_bottom1_more {
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 21px;
        padding: 15px 0;
        margin-top: 16px;
        margin: 16px 10px;
        background-color: #F8FAFE;
    }


    .aimain1_4_m_hide_bottom1_tops span {
        color: #2B37E3;
    }


    .aimain1_4_m_hide.show {
        display: block;
        animation: slideIn 0.3s ease-out;
    }

    @keyframes slideIn {
        from {
            transform: translateY(100%);
        }

        to {
            transform: translateY(0);
        }
    }

    .aidh_body main {
        padding-top: 50px !important;
    }

    .phmain20_2L {
        display: none;
    }

    .phmain20_2 {
        width: 100% !important;
        flex-direction: column;
    }

    .phmain20_2R {
        width: 100% !important;
        padding: 0 15px;
    }

    .phmain20_2 .phmain1_top_times {
        width: auto;
        margin: 0 15px;
    }

    .pal_main {
        width: 100%;
        margin-top: 0;
    }

    .pal_main1 {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .pal_main1L h1 {
        font-size: 18px;
    }

    .pal_main1R span {
        font-size: 14px;
    }

    .pal_main1R img {
        width: 14px;
    }

    .pal_main2s_img {
        width: 112px;
        height: 63px;
    }

    .pal_main2s_info {
        width: calc(100% - 112px);
    }

    .pal_main2s {
        padding: 15px;
    }

    .pal_main2s_info1 {
        width: calc(100% + 112px);
    }

    .pal_main2s_info1a {
        width: auto;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pal_main2s_info2 {
        gap: 15px;
        overflow: hidden;
    }

    .Personal_article_list .aimain5_sp {
        display: block;
        width: 100%;
    }

    .Personal_article_list .aimain5_more {
        width: 100%;
    }

    .model_vs_main {
        width: 100%;
        padding: 0 16px;
        margin-top: 16px;
    }

    .model_vs_main1_bottom {
        overflow-x: auto;
        width: 100%;
        padding-bottom: 10px;
    }
    .model_vs_main1{
        padding: 10px;
    }
    .model_vs_main1_top{
        padding: 5px 0;
    }
    .model_vs_main1_title{
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
    }
    .model-compare-table {
        min-width: 800px;
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    .model_vs_main1_bottom::-webkit-scrollbar {
        height: 4px;
        background: #F8F9FB;
    }

    .model_vs_main1_bottom::-webkit-scrollbar-thumb {
        background: #2B37E3;
        border-radius: 4px;
    }

    .model_vs_main1_bottom::-webkit-scrollbar-track {
        background: #F8F9FB;
        border-radius: 4px;
    }

    .model-compare-tabs{
        position: relative;
        padding: 0 0px;  
        overflow-x: auto;
        width: 100%;
        scrollbar-width: none;

    }
    
    .model-compare-tabs {
        /* width: 1380px; */
        display: inline-flex;
        min-width: 100%;
        padding: 0 15px;
        white-space: nowrap;
    }
    
    .model-compare-tabs_tol,
    .model-compare-tabs_tor {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 9px;
    }
    .model-compare-tabs_tol img,
    .model-compare-tabs_tor img{
        width: 100%;
    }
    .model-compare-tabs_tol {
        left: 0px;
    }
    
    .model-compare-tabs_tor {
        right: 0px;
    }
    .model-compare-tabs .tab-item{
        padding: 0 10px;
        padding-bottom: 7px;
    }
    .model-card-btn_m{
        display: block;
        background: #2B37E3;
        color: #fff;
        border-radius: 4px;
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
        width: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .model-card-btn_m:hover{
        background: #1A73E8;
    }

 
    .model-card-btn{
        display: none;
    }
    .model-card-info{
        width: 100%;
        gap: 10px;
        height: auto;
    }
    .model-card-info > div{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* flex-wrap: wrap; */
        gap: 10px;
    }
    .model_vs_mains1{
        padding: 10px;
        margin-top: 16px;
    }
    .model_vs_mains1_mid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        row-gap: 30px;
        padding: 0;
    }
    .model-info-item{
        width: 100%;
        min-width: 0;
    }
    .model_vs_mains1bottom{
        /* justify-content: space-between; */
        gap: 15px;
        flex-wrap:wrap ;
        margin-top: 30px;
    }
    .model-link-text{
        font-size: 12px;
        line-height: 14px;
    }
    .model_rank_table .rank-medal{
        width: 25px;
    }
    .model_rank_table .rank-num{
        font-size: 20px;
    }
    .model_vs_mains2{
        padding: 10px;
    }
    .model-intro-desc{
        display: -webkit-box;
        /* -webkit-line-clamp: 4;
        height: 6.8em; */
    }
    .model_vs_mains2_3{
        flex-direction: column;
    }
    .model_vs_mains2_2{
        margin-top: 0px;
    }
    .model_list_contrast{
        width: 100%;
    }
    .model_vs_mains2_2 {
        overflow-x: auto;
        width: 100%;
        padding-bottom: 10px;
        /* margin-bottom: 20px; */
    }
    #model_vs_mains2_2s1 {
        /* min-width: 900px; */
        /*  */
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    
    .model_vs_mains2_2::-webkit-scrollbar {
        height: 4px;
        background: #F8F9FB;
    }

    .model_vs_main2_bottom h3{
        margin-top: 30px;
    }
    .model_vs_mains2_2::-webkit-scrollbar-thumb {
        background: #2B37E3;
        border-radius: 4px;
    }

    .model_vs_mains2_2::-webkit-scrollbar-track {
        background: #F8F9FB;
        border-radius: 4px;
    }
    .model_vs_mains2_3s{
        width: 100%;
    }
    .model_vs_mains2_3{
        gap: 20px;
        margin-top: 40px;
    }
    .model_vs_mains2_4{
        flex-direction: column;
        gap: 20px;
        margin-top: 40px;
    }
    .model_vs_mains2_4s{
        width: 100%;
    }
    .model_list_contrast{
        /* position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
 
        margin: 0; */
    }
    .contrast-card{
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        margin: 0;
        padding: 0;
        box-shadow: none;
        /* height: 150px; */
        border-radius: 8px 8px 0 0;
        padding-bottom: 15px;
        box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.1);
    }
    .model_list_main{
        width: 100%;
        
    }
    .model_vs_main2_top{
        position: relative;
    }
    .model-compare-tabs_toL{
        position: absolute;
        left: -1px;
        top: 0;
        width: 18px;
        height: 26px;
        background-color: #ffffff;
        z-index: 5;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        cursor: pointer;
    }
    .model-compare-tabs_toR{
        position: absolute;
        right: -1px;
        top: 0;
        width: 18px;
        height: 26px;
        background-color: #ffffff;
        text-align: right;
        display: flex;
        justify-content: right;
        align-items: center;
        cursor: pointer;
    }
    .model-compare-tabs_toL img{
        width: 9px;
        height: 14px;
    }
    .model-compare-tabs_toR img{
        width: 9px;
        height: 14px;
    }
    .model_list main{
        padding-left: 16px;
        padding-right: 16px;
    }
    .model_list_main2{
        overflow-x: auto;
        width: 100%;
        padding-bottom: 10px;
    }
    .model_list_main2 .model-table{
        /* min-width: 800px; */
        /*  */
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    .model_list_main2::-webkit-scrollbar {
        height: 4px;
        background: #F8F9FB;
    }

    .model_list_main2::-webkit-scrollbar-thumb {
        background: #2B37E3;
        border-radius: 4px;
    }

    .model_list_main2::-webkit-scrollbar-track {
        background: #F8F9FB;
        border-radius: 4px;
    }
    .model_list_main .aimain5{
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .model_list_main .aimain5 .mngfPage{
        width: auto;
        display: flex;
        margin-top: 0;
        flex-wrap: wrap;
    }
    .model_rank_main{
        width: 100%;
        padding: 0 16px;
        margin: 16px auto;
    }
    .model_rank_main1_top{
        flex-direction: column;
        gap: 10px;
    }
    .model_rank_main1_top_R{
        width: 100%;
        justify-content: right;
    }
    .model_rank_table_wrap{
        margin-top: 0;
    }
    .model_rank_main1_bottom{
        overflow-x: auto;
        width: 100%;
        padding-bottom: 10px;
    }
    .model_rank_table_wrap{
        min-width: 1380px;
        /*  */
        width: 100%;
        border-collapse: collapse;
    }

    .model_rank_main1_bottom::-webkit-scrollbar {
        height: 4px;
        background: #F8F9FB;
    }

    .model_rank_main1_bottom::-webkit-scrollbar-thumb {
        background: #2B37E3;
        border-radius: 4px;
    }

    .model_rank_main1_bottom::-webkit-scrollbar-track {
        background: #F8F9FB;
        border-radius: 4px;
    }
    .model_rank_table .model-name{
        font-weight: normal;
        text-align: left;
    }
    .model_rank_table .model-company{
        text-align: left;
    }
    .model_f_sp{
        width: 150px;
    }
    .model_f{
        width: 200px;
        margin-right: 10px;
    }
    .model_rank_table2 thead tr th:nth-child(1){
        text-align: left;
        padding-left: 60px;
    }
    .model_rank_main{
        margin-bottom: 15px;
    }
    .model_list_main{
        margin-bottom: 15px;
    }
    .model_vs_main{
        margin-bottom: 15px;
    }
    .footer11info{
        margin-top: 10px;
    }
    .custom-search-box-m{
        display: block;
    }
    .custom-search-box{
        display: none;
    }
    .model_list_main2 .model-table tbody tr td:nth-child(1){
        width: 160px;
        padding: 18px 0;
    }
    .model_list_main2 .model-table thead tr th:nth-child(1){
        width: 160px;
        padding-left: 10px;
    }
    .model-info>div{
        width: 120px;
    }
    .model_vs_mains2_2{
        position: relative;
    }
    .model_list_main2{
        position: relative;
    }
    .model_vs_mains2_2 .table-scroll-tip{
        right: 0;
        
    }
    .table-scroll-tip {
        height: auto; 
        min-height: fit-content; 
        writing-mode: vertical-rl;
        text-orientation: mixed;
        white-space: nowrap;
        display: inline-block; 
        letter-spacing: 2px;   
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 20;
        background: rgba(255,255,255,0.6);
        color: rgba(107, 114, 128, 0.6); 
        padding: 4px;
        border-radius: 4px 0px 0px 4px;
        font-size: 14px;
        box-shadow: 0px 0px 2px 1px rgba(208,208,208);
        pointer-events: none;
        transition: opacity 0.2s;
      }
      .table-scroll-tip.hide {
        opacity: 0;
      }
      .model_list_main2 .model-table th:nth-child(2), 
      .model_list_main2 .model-table td:nth-child(2){
        width: 60px;
      }
      .model_list_main2 .model-table th:nth-child(3), 
      .model_list_main2 .model-table td:nth-child(3){
        width: 60px;
      }
      .model-info{
        gap: 5px;
      }
      .model-table {
        min-width: 750px;
      }
      #score-sort > div .icon,
      #last-updated-sort > div .icon{
        position: relative;
      }
      .index_menu{
        position: fixed;
        right: 16px;
        bottom: 25%;
        width: 40px;
        height: 40px;
        /* background-color: #004ef8; */
        border-radius: 50%;
        display: flex !important;
        justify-content: center;
        align-items: center;
        filter: grayscale(100%);
        z-index: 9;
      }
      .aimain4L1s_bottom3_2_star .icon{
        width: 14px;
        height: auto;
      }
      .aimain4L1s_bottom3_2 span{
        line-height: 12px;
        transform: translateY(1px);
      }
      .index_menu svg{
        color: #ffffff;
        font-size: 20px;
      }
      .index_menu img{
        width: 100%;
        height: 100%;
      }
      .index_menu_list{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 0;
        display: none;
        flex-direction: column;
        align-items: center;
      }
      .index_menu_list_main{
        width: 100%;
        height: auto;
        max-height: 100%;
        background-color: #ffffff;
        border-radius: 0;
        position: relative;
        overflow-y: auto;
        border-radius: 0 0 4px 4px;
      }
      .index_menu_list_main_top{
        width: 100%;
        height: 50px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(90deg, #8EC4FF 0%, #D3E5FF 50%, #647FFF 100%);
      }
      .index_menu_list_close{
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
      }
      .index_menu_list_close img{
        width: 100%;
        height: 100%;
      }
      .index_menu_list_close .icon{
        font-size: 28px;
        color: #000000;
      }
      .index_menu_list .right_nav_item span{
        font-size: 18px;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .ai_news_main1{
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
        padding: 0 16px;
      }
      .ai_news_main1L{
        width: 100%;
      }
      .ai_news_main1L_title{
        font-size: 18px;
      }
      .ai_news_main1LMs_top{
        margin-top: 10px;
      }
      .ai_news_main1LMs_top_time{
        font-size: 12px;
        line-height: 14px;
      }
      .ai_news_main1LMs_top_ring{
        width: 13px;
        height: 13px;
      }
      .ai_news_main1LMs_bottom_line{
        width: 13px;
      }
      .ai_news_main1LMs_top{
        gap: 6px;
      }
      .ai_news_main1LMs_bottom{
        gap: 6px;
      }
      .ai_news_main1LMs_bottom_info{
        width: calc(100% - 15px);
      }
      .ai_news_img{
        gap: 10px;
        width: 100%;
        /* grid-template-columns: repeat(2, 1fr) !important; */
      }
      .ai_news_img > img{
        border-radius: 4px;
        box-shadow: none;
      }
      .ai_news_main1LMs_bottom_infos_top > img{
        width: 38px;
        height: 38px;
      }
      .ai_news_main1LMs_bottom_infos{
        padding: 10px;
      }
      .ai_news_main1LMs_bottom_infos_top_title > a{
        font-size: 16px;
        line-height: 18px;
      }
      .ai_news_main1LMs_bottom_infos_top_info > span{
        font-size: 14px;
        line-height: 16px;
      }
      .ai_news_main1LMs_bottom_infos_top_info{
        gap: 8px;
      }
      .ai_news_main1LMs_bottom_infos_top_title_icon .icon{
        font-size: 16px;
      }
      .ai_news_main1LMs_bottom_infos_bottom > p{
        font-size: 16px;
        color: #000000;
        line-height: 18px;
      }
      .ai_news_main1LMs_bottom_infos_bottom > a{
        font-size: 16px;
        color: #1749fa;
        line-height: 18px;
      }
      .ai_news_main1LMs_bottom_infos_bottom .ai_news_pa{
        font-size: 16px;
        color: #000000;
        line-height: 18px;
    }
      .ai_news_main1LMs_bottom_infos_bottom{
        margin-top: 10px;
      }
      .ai_news_more a{
        padding: 12px 38px;
        font-size: 12px;
        line-height: 14px;
        border-radius: 4px;
      }
      .ai_news_main1R{
        width: 100%;
      }
      .ai_news_main1{
        gap: 0;
      }
      .ai_news_main1R1_title,
      .ai_news_main1R2_title{
        font-size: 18px;
      }
      .ai_news_main1R1Ms > img{
        width: 38px;
        height: 38px;
      }
      .ai_news_main1R1Ms{
        padding: 10px 0;
      }
      .ai_news_main1R2Ms > img{
        width: 46px;
        height: 46px;
      }

      .ai_news_main1R2Ms_info p{
        -webkit-line-clamp: 2;
      }
      .ai_news_main1R2Ms_info{
        height: 46px;
      }
      .ai_news_main{
        padding-bottom: 20px;
      }
      .img-viewer-prev, .img-viewer-next{
        margin: 0 5px;
      }
      .img-viewer-close{
        top: 40px;
        right: 40px;
      }
      .ai_man{
        width: 100%;
        flex-direction: column;
        padding: 0 16px;
        gap: 20px;
        padding-bottom: 40px;
      }
      .ai_manL{
        width: 100%;
        padding: 15px;
        border-radius: 4px;
      }
      .ai_manL1 > img{
        width: 60px;
        height: 60px;
      }
      .ai_manL1_title h2{
        font-size: 18px;
      }
      .ai_manL1_info > span{
        font-size: 14px;
      }
      .ai_manL1_info{
        gap: 9px;
        width: calc(100% - 70px);
      }
      .ai_manL2s{
        padding: 6px 10px;
        font-size: 14px;
        line-height: 16px;
      }
      .ai_manL_line{
        margin: 15px auto;
      }
      .ai_manL3 > h2{
        font-size: 18px;
      }
      .ai_manL3Ms_top > span{
        font-size: 16px;
      }
      .ai_manL3Ms_bottomR{
        font-size: 14px;
        margin: 4px 0;
      }
      .ai_manL3Ms_top{
        margin-top: 10px;
      }
      .ai_manL3Ms_bottom{
        margin-top: 5px;
      }
      .ai_manL4{
        margin-top: 20px;
      }
      .ai_manL4 > h2{
        font-size: 18px;
      }
      .ai_manL4M{
        display: flex;
        flex-direction: column;
      }
      .ai_manL4Ms{
        width: 100%;
      }
      .ai_manL4Ms_img{
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
      }
      .ai_manL4Ms > p{
        color: #6B7280;
        -webkit-line-clamp: 3;
        height: 60px;
      }
      .ai_manL5{
        margin-top: 20px;
      }
      .ai_manL5 > h2{
        font-size: 18px;
      }
      .ai_manL5M > p{
        font-size: 14px;
        color: #000000;
        line-height: 18px;
        margin: 10px 0;
      }
      .ai_manR{
        width: 100%;
      }
      .ai_manR1{
        border-radius: 4px;
        box-shadow: 0px 0px 11px 0px #E9E9E9;
      }
      .ai_manR11M_img{
        width: 38px;
        height: 38px;
      }
      .ai_manR11Ms{
        gap: 5px;
      }
      .ai_manR11Ms_info{
        width: calc(100% - 43px);
        gap: 5px;
      }
      .model_vs_mains1 > hr{
        margin: 15px 0 10px 0;
      }
      .model_vs_mains1_sp h2{
        font-size: 18px;
        color: #333333;
        line-height: 20px;
      }
      .model_vs_mains1_spM{
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 2px;
        margin-top: 15px;
        gap: 10px;

  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.model_vs_mains1_spM::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Webkit */
}
      .model_vs_mains1_spM > a{
        flex: 0 0 auto;
        width: 112px;
        height: 84px;
      }
      .model_vs_mains1_spM > a img{
        width: 38px;
        height: 38px;
      }
      .model_vs_mains1_spM > a span{
        font-size: 14px;
        color: #000000;
        line-height: 20px;
      }

      .zxnymainsLsp1_img{
        width: 48px;
        height: 48px;
      }
      .zxnymainsLsp1_info{
        width: calc(100% - 58px);
        height: 48px;
      }
      .zxnymainsL3 h3{
        font-size: 18px;
      }
      .zxnymainsLsp21,
      .zxnymainsLsp22,
      .zxnymainsLsp23{
        padding: 4px 6px;
        border-radius: 4px;
        background-color: #EFF6FF;
      }
      .zxnymainsLsp21s_img .icon_f .icon{
        width: 14px;
        height: 14px;
      }
      .zxnymainsLsp22s_img .icon_f .icon, .zxnymainsLsp23s_img .icon_f .icon{
        width: 14px;
        height: 14px;
      }
      .zxnymainsL7s_img{
        width: 28px;
        height: 28px;
      }
      .zxnymainsL7s_info1{
        flex-direction: column;
        align-items: normal;
        gap: 4px;
      }
      .zxnymainsL7s_info1_d{
        display: none;
      }
      .zxnymainsL7s_info_name{
        font-size: 12px;
        line-height: 14px;
      }
      .zxnymainsL7s_info1 span{
        font-size: 12px;
        line-height: 14px;
      }
      .zxpl_R{
        display: block;
        width: 100%;
        margin-top: 20px;
        padding: 0 10px;
      }
      .zxnymainsR3{
        box-shadow: 0px 0px 11px 0px #E9E9E9;
        border-radius: 4px;
      }
      .ssmain1{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* padding: 0; */
      }


      .ai_cookie{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        display: flex;
        justify-content: end;
        flex-direction: column;
       }

      .ai_cookie_b{

        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        border-radius: 8px 8px 0px 0px;
        color: #000000;
        padding:  16px;
      }
      .ai_cookie .icon_f.ai_cookie_close{
        display: none;
      }
      .ai_cookie .ai_cookie_b > p{
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 16px;
        color: #333333;
        line-height: 24px;
      }
      .ai_cookie .ai_cookie_b > p span{
        text-decoration: underline;
        color: #004ef8;
    }
    .cokiesetRight{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        gap: 20px;
    }
    .cokiesetRight > a.cokieA{
        border: 1px solid #2B37E3;
        border-radius: 4px;
        color: #2B37E3;

    }
    .cokiesetRight > a.cokieA.cokieAall{
        background-color: #2B37E3 !important;
        color: #ffffff;
    }
    .ai_cookieSettings .layuiDivcokie{
        width: 100%;
        height: 100%;
        max-height: 100%;
        padding: 0;
    }
    .cokielayTop{
        background: linear-gradient(270deg, #776DFF 0%, #DBE4FF 50%, #9EBBFF 100%);
        height: 50px;
        padding: 0 16px;
    }
    .layuiDivcokie > hr{
        display: none;
    }
    .cokielayDown .cokielaydTop{
        padding:  0 16px;
    }
    .cokielaydDesc{
        padding:  0 16px;
    }
    .cklydmiddleA{
        width: auto;
        margin: 16px;
        height: 46px;
        border-radius: 4px;
    }
    .cokielayDivdown .coklaydownP{
        padding: 0 16px;
    }
    .cokidownUl{
        width: auto;
        margin: 16px;
    }
    .cklyBtn{
        width: auto;
        margin: 16px;
        display: flex;
        flex-direction: column;
    }
    .cklyBtn > a{
        padding: 13px;
    }
    .ckdlipmid{
        font-size: 16px;
        line-height: 18px;
    }
    .ckdLeft .icon_f .icon{
        width: 15px;
        height: 15px;
    }
    .cokidownli{
        padding: 16px !important;
    }
    .ckdTops{
        margin: 0;
    }
    .ckdlipr{
        font-size: 16px;
    }
    .ckdDowns{
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .model_list main{
        padding: 0;
    }
    .model_list_main_fenlei{
        width: auto;

        height: 48px;
    border-radius: 4px;
    margin: 10px 16px;
    padding: 8px;
    }
    .model_list_main_fenlei > a{
        width: auto;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 20px;
    }

    .model_list .model_list_main{
        width: auto;
        margin: 10px 16px;
    }





    .aimain1_6{
        width: 100%;
        margin: 16px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        align-items: center;
        gap: 8px;
        margin-top: 0;
        padding: 0 16px;
        height: 76px;
    }
    .aimain1_6.open{
        height: auto;
    }
    .aimain1_6 > a{
        display: flex;
        width: auto;
        height: 33px;
        overflow: hidden;
        border: 1px solid transparent;
        background: 
        linear-gradient( #F1F2FF , #F4F5FF) padding-box,
        linear-gradient(to right, #537AF4, #E69CB2) border-box;
        border-radius: 17px; 
        padding: 4px 10px;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }
    .aimain1_6 > a > img{
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }
    .aimain1_6 > a > div{
        width: auto;
        max-width: 111px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
    }
    .aimain1_6 > a > div > span{
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .aimain1_6 > a > div > span:first-of-type{
        font-size: 12px;
        color: #000000;
        line-height: 14px;
        font-weight: 400;
    }
    .aimain1_6 > a > div > span:last-of-type{
        display: none;
    }
    .aiheadL{
        width: 91px;
        height: 24px;
    }

    .tjmain1_Submit > div > span:first-of-type{
        font-size: 21px;
        color: #000000;
        line-height: 24px;
    }
    .tjmain1_Submit > div > span:last-of-type{
        font-size: 12px;
color: #5C5C5E;
line-height: 14px;
    }
    .tjmain1_Submit{
        padding: 8px 10px;
        gap: 13px;
        justify-content: space-between;
    }
    .paymentResult > .paymentResult_pc{
        display: none;
    }
    .paymentResult > .paymentResult_m{
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient( 180deg, #7E8FFA 0%, #ffffff 50%, #ffffff 100%);
    }
    .paymentResult_m_top{
        width: 100%;
        height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px;
    }
    .paymentResult_m_top > a:first-of-type{
        display: block;
        width: 91px;
        height: 24px;
        height: auto;
    }
    .paymentResult_m_top img{
        width: 100%;
        height: 100%;
    }
    .paymentResult_m_top > a:last-of-type{
        display: block;
        width: 26px;
        height: 26px;
        height: auto;
        align-self: center;
    }
    .paymentResults{
        padding: 0 16px;
    }
    .paymentResults_img{
        width: 100%;
        margin-top: 60px;
        display: flex;
        justify-content: center;
    }
    .paymentResults_img img{
        width: 149px;
        height: auto;
    }
    .paymentResults_span{
        width: 100%;
        margin-top: 50px;
        position: relative;
    }
    .paymentResults_span > img{
        width: 100%;
        height: 100%;
    }
    .paymentResults_spans{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 34px;
    }
    .paymentResults_spans > span:first-of-type{
        font-size: 32px;
        color: #000000;
        line-height: 36px;
        font-weight: bold;
    }
    .paymentResults_spans > span:last-of-type{
        font-size: 24px;
        color: #444444;
        line-height: 28px;
    }
    .paymentResults_a{
        width: 90%;
        margin-top: 80px;
    }
    .paymentResults_a .paymentResults_success{
        width: 100%;
        justify-content: center;
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }
    .paymentResults_a .paymentResults_success a{
        width: 100%;
        text-align: center;
    }
    .paymentResults_a .paymentResults_success a:last-of-type{
        order: -1;
    }


    .ai_toolsR_bottoms_infos{
        gap: 4px;
    }
    .ai_toolsR_top{
        margin-top: 15px;
        flex-wrap: nowrap;
        padding: 10px;
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
      }
      .ai_toolsR_tops{
        flex: 0 0 auto;
        font-size: 12px;
        color: #000000;
        line-height: 14px;
        padding: 7px 18px;
      }
      .ai_toolsR_top::-webkit-scrollbar {
        display: none; /* Chrome/Safari/Webkit */
      }
    .ai_toolsR_bottoms_p {
        -webkit-line-clamp: 2;
        height: 32px;
    }
    .ai_toolsR_bottoms_title{
        font-size: 14px;
        line-height: 16px;
    }
    .ai_editor{
        gap: 5px;
        padding: 5px;
        background: #2B37E3;
        border-radius: 4px;
    }
    .ai_editor img{
        width: 12px;
        height: auto;
    }
    .ai_editor span{
        font-size: 12px;
        color: #FFFFFF;
        line-height: 14px;
    }

    .ai_review{
        padding: 4px ;
        display: flex;
        align-items: center;
        gap: 5px;
        border-radius: 4px;
    }
    .ai_review img{
        width: 14px;
        height: auto;
    }
    .ai_review span{
        font-size: 12px;
        color: #051417;
        line-height: 14px;
    }
    .ai_toolsR_bottoms_info{
        padding: 8px;
    }
    .ai_editor_show .tjmain1_dess .edui-editor{
        z-index: 0 !important;
    }
    .ai_review.not_approved::before{
        display: none;
    }
    .ai_review.not_approved::after{
        display: none;
    }
    /* =====  ===== */
    .ai_modal_mask {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.45);
        display: none;
        z-index: 999;
      }

      .ai_modal {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        background: linear-gradient( 180deg, #FFE6E5 0%, #FFFFFF 100%);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
        border: 1px solid #FFFFFF;
        border-radius: 8px;
        display: none;
        z-index: 1000;
        padding: 15px;
        padding-bottom: 20px;
      }

      .ai_modal_header {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;

      }
      .ai_modal_header span{
        font-size: 18px;
        color: #E6492E;
        line-height: 21px;
        font-weight: bold;
      }

      .ai_modal_close {
        cursor: pointer;
        display: block;
        width: 90%;
        height: 36px;
        background: #FF5E5E;
        border-radius: 17px;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 36px;
        text-align: center;
        margin: 0 auto;
        margin-top: 23px;
      }

      .ai_modal_body {
        margin-top: 10px;
        width: 100%;
        padding: 0 11px;
      }
      .ai_modal_body p{
        font-size: 16px;
        color: #333333;
        line-height: 20px;
      }
      .not_approved_show{
        display: block;
      }
      .ai_editor_show > div{
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 16px;
        position: relative;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none; 
      }
      .ai_editor_show > div > .ai_editor_show_close{
        display: none;
      }
      .ai_editor_show_header{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 44px;
        background-color: #ffffff;
        display: flex;
        padding: 0 16px;
        align-items: center;

      }
      .ai_editor_show_header .ai_editor_show_close{
        position: static;
        display: block;
        width: 8px;
        height: auto;
        flex: 0 0 auto;
      }
      .ai_editor_show_header .ai_editor_show_close img{
        width: 100%;
        height: 100%;
      }
      .ai_editor_show_header > span{
        display: block;
        flex: 1;
        width: auto;
        padding-right: 8px;
        font-size: 18px;
        color: #000000;
        font-weight: bold;
        line-height: 44px;
        text-align: center;
      }
      .ai_editor_show .tjmain1_des .edui-editor-iframeholder{
        height: 400px !important;
      }
      .ai_editor_show_m{
        width: 100%;
        display: flex;
        margin-top: 20px;
        border-radius: 2px;
        border: 1px solid #2B37E3;
      }
      .ai_editor_show .tjmain1_des{
        margin-top: 44px;
      }
      .ai_editor_show_save{
        display: none;
      }
      .ai_editor_show_m > a{
        width: 50%;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
      }
      .ai_editor_show_m_Sure{
        color: #FFFFFF;
        background: #2B37E3;
      }

      .ai_review.not_approved > img{
        transform: translateY(1px);
      }
      .aimain4R1,
      .flmain2R_cards{
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          gap: 10px;
      }
      .ai_review.not_approved p{
        display: none !important;
      }
      .aiapp{
        width: 100%;

      }
      .aiapp1{
        padding: 0 16px;
      }
      .aiapp1 > img{
        display: none;
      }
      .aiapp1_top > img{
        display: block;
        width: 82px;
        height: 82px;
        border-radius: 16px;
      }
      .aiapp1 > div{
        width: 100%;
      }
      .aiapp1_top{
        width: 100%;
        display: flex;
        gap: 10px;
      }
      .aiapp1_top > div{
        width: calc(100% - 92px);
      }
      .aiapp1_top > div h1{
        font-size: 21px;
        color: #333333;
        line-height: 24px;
      }
      .aiapp1_top > div p{
        font-size: 18px;
        color: #777A7F;
        line-height: 26px;
        margin-top: 9px;
        height: 52px;
      }
      .aiapp1_info{
        width: 100%;
        margin-top: 28px;
        display: flex;
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
      }
      .aiapp1_info > div,
      .aiapp1_info > span{
        flex: 0 0 auto;
      }
      .aiapp1_button_m{
        display: flex;
        width: 100%;
        margin-top: 30px;
        flex-direction: column;
        gap: 16px;
        padding: 0 8px;
      }
      .aiapp1_button{
        display: none;
      }
      .aiapp1_button_m > a{
        /* display: flex; */
        display: none;
        justify-content: center;
        align-items: center;
        gap: 6px;
        width: 100%;
        height: 48px;
        border-radius: 8px;
      }
      .aiapp1_button_m_apple{
        background: #000000;
        display: none;
      }
      .aiapp1_button_m_android{
        background: #00C679;
        display: none;
      }
      .aiapp1_button_m > a img{
        width: auto;
        height: 20px;
      }
      .aiapp1_button_m > a span{
        font-size: 18px;
        color: #FFFFFF;
        line-height: 21px;
      }
      .aiapp2{
        width: 100%;
        flex-direction: column;
        padding: 0 16px;
      }
      .aiapp2L{
        width: 100%;
      }
      .aiapp2L1{
        height: 294px;
      }
      .aiapp2L1 .swiper-button-prev,
      .aiapp2L1 .swiper-button-next{
        display: none;
      }
      .imgPreview_box_top{
        padding: 0 16px;
      }
      .imgPreview_box_top > div{
        width: 100%;
      }
      .imgPreview_box_top > div > img{
        width: 28px;
        height: 28px;
        margin-left: 2px;
      }
      .imgPreview_prev{
        left: 16px;
      }
      .imgPreview_prev img{
        width: 52px;
      }
      .imgPreview_next{
        right: 16px;
      }
      .imgPreview_next img{
        width: 52px;
      }
      .aiapp2L2{
        margin-top: 37px;
      }
      .aiapp2L2 h2{
        font-size: 18px;
        line-height: 20px;
        margin: 14px 0;
      }
      .aiapp2L2 p{
        font-size: 16px;
        line-height: 22px;
        margin: 11px 0;
      }
      .aiapp2L4{
        padding: 13px;
        gap: 12px;
      }
      .aiapp2L4 > div > div p{
        font-size: 12px;
        line-height: 16px;
      }
      .aiapp2L4 > div:nth-of-type(3) > div p{
        margin-top: 3px;
      }
      .aiapp2L4 > div:nth-of-type(4) > div p{
        margin-top: 2px;
      }

      .aiapp2L4 > div{
        gap: 10px;
      }
      
      .aiapp2L4 > div:nth-of-type(1) img{
        width: 16px;
        height: auto;
        margin-left: 1px;
      }
      .aiapp2L4 > div:nth-of-type(2) img{
        width: 18px;
        height: auto;
      }
      .aiapp2L4 > div:nth-of-type(3) img{
        width: 13px;
        height: auto;
        margin-left: 3px;
      }
      .aiapp2L4 > div:nth-of-type(4) img{
        width: 14px;
        height: auto;
        margin-left: 3px;
      }
      .aiapp2L4 > div:nth-of-type(4) p{
        margin-top: 1px;
      }
      .aiapp2L6{
        margin-top: 40px;
      }
      .aiapp2L6 h2{
        font-size: 18px;
        color: #000000;
        line-height: 21px;
      }
      .ai_editor_show .tjmain1_name{
        margin-top: 30px;
      }
      .aiapp2L6_Ms > a{
        width: 28px;
        height: 28px;
      }
      .aiapp2L6_Ms > a img{
        width: 28px;
        height: 28px;
      }
      .aiapp2L6_Ms > div{
        width: calc(100% - 38px);
      }
      .aiapp2L6_Ms > div > div{
        flex-direction: column;
        align-items: self-start;
      }
      .aiapp2L6_Ms > div > div img{
        display: none;
      }
      .aiapp2L6_Ms > div > div a{
        width: 100%;
        font-size: 12px;
        color: #000000;
        line-height: 14px;
        font-weight: 700;
      }
      .aiapp2L6_Ms > div > div span{
        font-size: 12px;
        color: #86919E;
        line-height: 14px;
      }
      .aiapp2L6_btn button{
        padding: 5px 12px;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 14px;
        border-radius: 4px;
      }
      .aiapp2L6_M_btn button{
        font-size: 12px;
        color: #FFFFFF;
        line-height: 14px;
        padding: 9px 22px;
        background: #2B37E3;
        border-radius: 4px;
      }
      .aiapp2L{
        padding-bottom: 36px;
      }
      .aiapp2R{
        width: 100%;
      }
      .aiapp2R h2{
        font-size: 18px;
        color: #000000;
        line-height: 21px;
      }
      .aiapp2RM{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
      }
      .aiapp2RMs{
        overflow: hidden;
        gap: 10px;
      }
      .aiapp2RMs > a{
        width: 58px;
        height: 58px;
      }
      .aiapp2RMs_info{
        width: calc(100% - 68px);
      }
      .aiclass_1{
        width: 100%;
        padding: 0 16px;
      }
      .aiclass_1_M{
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
      }
      .aiclass_1_Ms{
        width: 100%;
        overflow: hidden;
        padding: 10px;
      }
      .aiclass_1_Ms_top > a{
        width: 48px;
        height: 48px;
      }
      .aiclass_1_Ms_top > div{
        width: calc(100% - 58px);
        height: 48px;
      }
      .aiclass_1_Ms_top > div a{
        font-size: 12px;
        color: #212121;
        line-height: 14px;
        font-weight: bold;
      }
      .aiclass_1_Ms_top > div p{
        font-size: 12px;
        color: #676767;
        line-height: 13px;
      }
      .aiclass_1_Ms_bottom > a{
        padding: 1px 3px;
      }
      .flmain2L_item_m_sp{
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
        gap: 10px;
      }
      .flmain2L_item_m_sps{
        flex: 0 0 auto;
      }
      .flmain2R_item_icon{
        width: 25px;
        height: 25px;
        margin: 0;
      }
      .flmain2R_item_icon img{
        width: 14px;
      }
      .flmain2R_item_info{
        flex: 1;
        width: calc(100% - 70px);
      }
      .flmain2R_item_left{
        gap: 10px;
      }
      .flmain2R_item .score{
        width: 24px;
        height: 16px;
        font-size: 12px;
      }
      .flmain2R_item_title{
        font-size: 12px;
        color: #333333;
        line-height: 14px;
        font-weight: bold;
      }
      .flmain2R_item_desc{
        font-size: 12px;
        color: #656C7C;
        line-height: 14px;
      }
      .flmain2R_title{
        font-size: 18px;
        color: #000000;
        line-height: 21px;
      }
      .flmain2L_item.flmain2L_item_m{
        display: none;
      }
      .aiAppList1{
        width: 100%;
        margin: 0;
        margin-top: 0px;
        padding: 16px 0;

      }
      .aiAppList1 h3{
        font-size: 18px;
        color: #000000;
        line-height: 21px;
        padding-left: 16px;
      }
      .aiAppList1M{
        overflow-x: auto;
        gap: 20px;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
      }
      .aiAppList1Ms{
        width: 62px;
      }
      .aiAppList1Ms:first-of-type{
        margin-left: 16px;
      }
      .aiAppList1Ms:last-of-type{
        margin-right: 16px;
      }
      .aiAppList1Ms > a:first-of-type{
        width: 62px;
        height: 62px;
      }
      .aiAppList1Ms > a:first-of-type img{
        border-radius: 16px;
      }
      .aiAppList1Ms > a:last-of-type{
        font-size: 14px;
        color: #191919;
        line-height: 16px;
      }
      .index_menu_list_main1{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
      }
      .aimain1_6{
        position: relative;
        height: 76px;
        overflow: hidden;
      }
     .aimain1_6_toggle{
        display: block;
        border: none;
        position: absolute;
        bottom: 2px;
        right: 18px;
        padding: 0;
        width: auto;
        height: auto;
        border-radius: 0;
        box-shadow: none;
        background: none;
        padding-left: 10px;
        background-color: #E8E8FF;

      }
     .aimain1_6_toggle img{
        width: 34px;
        height: auto;
        border-radius: 0;

      }
      .aimain1_6.open .aimain1_6_toggle {
        position: static;
        margin:  0;
        display: block;
        padding-left: 0;
      }
      .aimain1_6btn_up {
        display: none;
      }
      .aiin2img{
        flex-wrap: nowrap;
      }
      .aiapp_aimain5_sp{
        display: flex;
        width: 100%;
        padding: 0 16px;
      }
      .aiapp2L5{
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        flex-wrap: nowrap;
      }
      .aiapp2L5 > a{
        flex: 0 0 auto;
      }
      .aiapp2RMs_info > a,
      .aiapp2RMs_info > p{
        text-overflow: clip;
      }
      .flmain .aimain1_4{
        margin-top: 20px;
      }
      .flmain2L{
        background-color: #F8FAFC;
        padding: 0;
        margin-top: 0;
      }
      .flmain2L_item_m_sp{
        margin-top: 10px;
      }
      .hot{
        right: 7px;
        font-size: 10px;
        padding: 0 3px;
        width: auto;
        height: auto;
      }
      .aiclass_1_Ms_bottom > button span{
        transform: translateY(1px);
      }
      .index_menu_list_main1 .right_nav_item.totop{
        display: none !important;
      }
      .right_nav_item{
        overflow: hidden;
      }
      .aiapp2L4 > div > div{
        width: calc(100% - 26px);
      }
      .flmain2R_item_more{
        width: 100%;
      }


      .aiin1_3s:nth-of-type(5n+1) {
        background: rgba(58,130,246,0.6);
        border-radius: 4px;
        border: 1px solid #3A82F6;
        color: #FFFFFF;
    }
    
    .aiin1_3s:nth-of-type(5n+2) {
        background: rgba(123,58,239,0.6);
        border-radius: 4px;
        border: 1px solid #7B3AEF;
        color: #FFFFFF;
    }
    
    .aiin1_3s:nth-of-type(5n+3) {
        background: rgba(5,149,104,0.6);
        border-radius: 4px;
        border: 1px solid #059568;
        color: #FFFFFF;
    }
    
    .aiin1_3s:nth-of-type(5n+4) {
        background: rgba(246,159,65,0.6);
        border-radius: 4px;
        border: 1px solid #F69F41;
        color: #FFFFFF;
    }
    
    
    .aiin1_3s:nth-of-type(5n+5) {
        background: rgba(220,38,37,0.6);
        border-radius: 4px;
        border: 1px solid #DC2625;
        color: #FFFFFF;
    }
    .aiin1_3_btn{
        height: 32px;
        /* position: absolute;
        bottom: 1px;
        right: 0; */
        /* padding-left: 20px; */
        background-color: #ffffff;
        display: none;
    }
    .aiin1_3_btn > div{
        background: #000000;
        border-radius: 4px;
        border: 1px solid #000000;
        padding: 7px 9px;
        display: flex;
        justify-content: center;
        gap: 4px;
        height: 30px;
        align-items: center;
        cursor: pointer;
    }
    .aiin1_3_btn span{
        font-size: 12px;
        color: #FFFFFF;
        line-height: 14px;
    }
    .aiin1_3_btn_show{
        width: 12px;
        height: auto;
    }
    .aiin1_3_btn_hide{
        width: 15px;
        height: auto;
    }
    .aiin1_3{
        /* max-height: 72px;       */
        gap: 10px;
        /* overflow: hidden; */
        transition: max-height 0.3s ease;
        /* position: relative; */
        align-items: center;
    }
    .aiin1_3.collapsed{
        overflow: hidden;
      }
    /*  */
    .aiin1_3.open {
        max-height: none;
    }
    /* ： */
    .aiin1_3_btn_hide {
        display: none;
    }
    /*  */
    .aiin1_3.open .aiin1_3_btn span,
    .aiin1_3.open .aiin1_3_btn_show {
        display: none;
    }

    .aiin1_3.open .aiin1_3_btn_hide {
        display: inline-block;
    }
    .aiin1_3.open .aiin1_3_btn{
        position: static;
        padding-left: 0;
    }
    .aiin1_3s{
        font-size: 12px;
        line-height: 14px;
        padding: 7px 9px;
    }
    .view-all-btn-with-ellipsis{
        font-size: 16px;
        line-height: 18px;
        height: 18px;
    }

    .view-all-link{
        font-size: 16px;
        line-height: 18px;
        height: 18px;
    }
    .aiin2 p, .aiin2 ul, .aiin2 ol, .aiin2 li, .aiin2 div, .aiin2{
        font-size: 12px;
        color: #3A4045;
        line-height: 14px;
    }
    .aiin2img{
        margin-top: 6px;
        height: 110px;
    }
    .aiin2imgs img{
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .aiin2img > a{
        width: 40vw;
        padding: 8px;
        border-radius: 4px;
    }
    .aiin2imgs{
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        overflow: hidden;
        border-radius: 4px;
    }
    .aiin5s_bottom,
    .aiin5s_name,
    .aiin5s_time{
        font-size: 12px;
        line-height: 14px;
    }
    .aiin5s_img{
        width: 32px;
        height: 32px;
    }
    .aiapp1_button_m_win{
        background: linear-gradient(270deg, #34B8F9 0%, #27ACEF 100%);
    }
    .aiapp1_button_m_mac{
        background: linear-gradient(270deg, #18B3F0 0%, #1763E0 100%);
    }


    .tjmain1_address{
        display: flex;
        width: 100%;
        gap: 10px;
        margin-top: 10px;
        padding-left: 10px;
      }
      .tjmain1_address > div{
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 10px;

      }
      .tjmain1_address > div:first-of-type{
        flex: 0 0 auto;
        width: auto;
        align-items: self-end;
      }
      .tjmain1_address > div:last-of-type{
        flex: 1;
        width: auto;
      }
      .tjmain1_address > div span{
        display: block;
        font-size: 14px;
        color: #000000;
        line-height: 26px;
        height: 26px;
        text-align: right;
      }
      .tjmain1_address > div input{
        border: 1px solid #D2D8E5;
        border-radius: 4px;
        height: 26px;
        display: block;
        width: 100%;
        padding: 0 10px;
      }
      .logo-upload-container{
        justify-content: center;
      }


      .topiclist > p{
        width: 100%;
        margin-top: 6px;
        font-size: 12px;
        line-height: 22px;
        
      }
      .topiclist_M{
        width: 100%;
        margin-top: 28px;
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
      }
      .topiclist{
        background-size: 100% 182px;
      }
      .topiclist > h1{
        margin-top: 30px;
        font-size: 24px;
        line-height: 33px;
      }
      .topiclist_Ms{
        border-radius: 4px;
      }
      .topiclist_Ms > span{
        top: 8px;
        left: 8px;
        font-size: 12px;
        color: #2B37E3;
        line-height: 14px;
        padding: 1px;
        border-radius: 1px;
      }
      .topiclist_Ms > a{
        aspect-ratio: 16/9;
        height: auto;
      }
      .topiclist_Ms > div{
        padding: 8px;
      }
      .topiclist_Ms > div > a{
        font-size: 14px;
        color: #111112;
        line-height: 16px;
        -webkit-line-clamp: 1;
        height: 16px;
      }
      .topiclist_Ms > div p{
        font-size: 12px;
        color: #787F8B;
        line-height: 16px;
        margin-top: 3px;
        height: 32px;
      }
      .topiclist_Ms > div > span{
        margin-top: 8px;
        margin-bottom: 8px;
      }
      .topiclist_Ms_info img{
        width: 12px;
        height: 12px;
      }
      .topiclist_Ms_info > div, .topiclist_Ms_info > a{
        gap: 3px;
      }

      .topiclist_Ms_info > a img{
        width: 14px;
        height: 14px;
      }
      .topiclist{
        padding-left: 16px;
        padding-right: 16px;
      }

      .toolranking_top{
        background-size: 100% 182px;
      }
      .toolranking_title{
        display: none;
      }
      .toolranking_top{
        padding-left: 16px;
        padding-right: 16px;
      }
      .toolranking_top > h1{
        font-size: 24px;
        color: #191919;
        line-height: 33px;
        padding: 0 16px;
      }
      .toolranking_top > p{
        width: 100%;
        font-size: 14px;
        color: #747D9E;
        line-height: 20px;
        margin-top: 10px;
      }
      .toolranking_tips{
        margin-top: 8px;
        gap: 2px;
        align-items: center;
      }
      .toolranking_tips > img{
        width: 14px;
        height: 14px;
      }
      .toolranking_tips > span{
        font-size: 12px;
        color: #747D9E;
        line-height: 12px;
      }
      .toolranking_M{
        width: 100%;
        margin-top: 30px;
        padding: 0 16px;
        flex-direction: column;
      }
      .toolranking{
        background: #F8F9FB;
      }
      .toolranking_ML{
        width: 100%;
        gap: 16px;
      }
      .toolranking_MLs > div{
        padding: 10px;
      }
      .toolranking_MLs > div > span{
        font-size: 21px;
        line-height: 21px;
      }
      .toolranking_MLs > div > a{
        width: 34px;
        height: 34px;
        margin-left: 6px;
        margin-right: 8px;
      }
      .toolranking_MLs_title h2{
        font-size: 14px;
        color: #000000;
        line-height: 16px;
      }
      .toolranking_MLs_title a:last-of-type{
        padding: 2px 3px;
      }
      .toolranking_MLs_title a:last-of-type span{
        font-size: 12px;
        color: #FFFFFF;
        line-height: 14px;
      }
      .toolranking_MLs_title a:last-of-type img{
        width: 5px;
        height: 8px;
      }
      .toolranking_MLs > div > div > p{
        margin-top: 5px;
        font-size: 12px;
        line-height: 15px;
        height: 30px;
      }
      .toolranking_MLs_info{
        margin-top: 10px;
        padding: 8px;
        border-radius: 4px;
      }
      .toolranking_MLs{
        border-radius: 4px;
      }
      .toolranking_MLs_info img{
        width: 12px;
      }
      .toolranking_MLs_info span{
        font-size: 12px;
        line-height: 14px;
      }
      .toolranking_MLs_info p{
        margin-top: 5px;
        font-size: 12px;
        line-height: 14px;
      }
      .toolranking_MR{
        width: 100%;
        margin-top: 32px;
        border-radius: 4px;

      }
      .toolranking_MR{
        padding: 11px;
        padding-top: 16px;
        padding-bottom: 16px;
      }
      .toolranking_MR h3{
        padding: 0;
        font-size: 18px;
        color: #000000;
        line-height: 21px;
      }
      .toolranking_MRM{
        margin-top: 8px;
      }
      .toolranking_MRMs{
        padding: 10px 0;
        border-bottom: 1px solid #F8F8F8;
      }
      .toolranking_MRMs:hover{
        box-shadow: none;
        border: none;
        background: none;
        border-radius: none;
      }
      .toolranking_MRMs:last-of-type{
        border: none;
      }
      .toolranking_MRMs > div{
        padding: 0;
      }
      .toolranking_MRMs > div > div a{
        font-size: 16px;
        color: #3A4045;
        line-height: 20px;
      }
      .toolranking_MR_more{
        padding: 0 5px;
      }

      .topiclist_top{
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .zxmain1_title{
        font-size: 18px;
    }
    .zxmain1_navs{
        font-size: 16px;
    }
    .topiclist .aimain3{
        margin-top: 32px;
        margin-bottom: 16px;
    }
    .topiclist_M{
        margin-top: 16px;
    }
    .aimain3_nav_sp{
        margin-top: 16px;
    }




    /* prompt */
.prompt_h1{
    font-size: 26px;
    line-height: 37px;
    text-align: center;
    margin-top: 30px;
    padding: 0 70px;
}
.prompt_topp{
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    margin-top: 7px;
    padding: 0 30px;
}
.prompt .aimain1_4{
    margin: 30px 0;
}
.prompt .aimain1_4_m{
    margin-top: 16px;
    margin-bottom: 23px;
}
.prompt_word{
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}
.prompt_word1{
    width: 100%;
    margin-top: 16px;
}
.prompt_word1 h2{
    font-size: 18px;
    line-height: 20px;
}
.prompt_word1M{
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.prompt_word1M > a{
    display: flex;
    width: auto;
    height: 33px;
    padding: 0 12px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #ffffff;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.prompt_word1M > a img{
    width: 16px;
    height: auto;
    opacity: 0.7;
}
.prompt_word1M > a span{
    font-size: 16px;
    color: #212329;
    line-height: 18px;
}
.prompt_word1M > a:hover{
    overflow: hidden;
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
    border-radius: 3px;
}
.prompt_word1M > a:hover img{
    opacity: 1;
}
.prompt_word2{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.prompt_word2L{
    width: 100%;
}
.prompt_word2L h2{
    width: 100%;
    font-size: 18px;
    line-height: 20px;
}
.prompt_word2LM{
    width: 100%;
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
}
.prompt_word2LMs{
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(28,35,136,0.33);
    border-radius: 8px;
    border: 1px solid transparent;
}
.prompt_word2LMs:hover{
    overflow: hidden;
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
    border-radius: 8px;
    cursor: pointer;
}
.prompt_word2LMs1{
    width: 100%;
    padding: 0 9px;
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
    gap: 11px;
}
.prompt_word2LMs1_title{
    width: auto;
    flex: 1;
    font-size: 14px;
    color: #21252A;
    line-height: 16px;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    word-break: break-all;
}
.prompt_word2LMs1 > div{
    flex: 0 0 auto;
    display: flex;
    align-self: self-start;
    gap: 4px;
}
.prompt_word2LMs1 > div img{
    width: 10px;
    height: 13px;
}
.prompt_word2LMs1 > div span{
    font-size: 12px;
    color: #383C44;
    line-height: 14px;
}
.prompt_word2LMs2{
    width: 100%;
    margin-top: 10px;
    padding: 0 9px;
}
.prompt_word2LMs2_p{
    width: 100%;
    padding: 6px 10px;
    background: #FAF8EB;
    border-radius: 8px;
    font-size: 12px;
    color: #6C7379;
    line-height: 19px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.prompt_word2LMs3{
    width: 100%;
    margin-top: 8px;
    padding: 0 9px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.prompt_word2LMs3_p{
    width: 100%;
    font-size: 14px;
    color: #22304B;
    line-height: 18px;
    height: 54px;
}
.prompt_word2LMs4{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 26px;
    overflow: hidden;
    gap: 10px;
    margin-top: 8px;
    padding: 0 9px;
}
.prompt_word2LMs4s > span{
    font-size: 12px;
    line-height: 26px;
    border-radius: 3px;
    padding: 4px 6px;
}
.prompt_wordtip1 > span{
    color: #8873EF;
    background: #F7F1FF;
    border: 1px solid #C7B9EB;
}
.prompt_wordtip2 > span{
    color: #7A9CAC;
    background: #F3F5F9;
    border: 1px solid #BEDCEA;
}
.prompt_word2LMs5{
    width: 100%;
    height: 32px;
    margin-top: 10px;
    background: #F0F1FD;
    border-radius: 0px 0px 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prompt_word2LMs5_btn > img{
    width: 16px;
    height: auto;
}
.prompt_word2LMs5_btn span{
    display: none;
}
.prompt_word2LMs5:hover{
    padding: 5px 11px;
}
.prompt_word2 .aimain5_sp{
    width: 100%;
    display: flex;
    padding-left: 0;
    margin: 16px 0;
}


.prompt_word2LMs5:hover .prompt_word2LMs5_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 270deg, #9960FF 0%, #4160FF 100%);
    border-radius: 15px;
}
.prompt_word2LMs5:hover .prompt_word2LMs5_btn > img{
    width: 14px;
    height: auto;
}
.prompt_word2LMs5:hover .prompt_word2LMs5_btn span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    display: block;
}
/*  */
.prompt_word2LMs_hide {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;              /*  */
  align-items: center;        /*  */
  justify-content: center;    /*  */
  z-index: 9999;
}

/*  */
.prompt_word2LMs_hide > div {
  background: #fff;
  width: 852px;
  /* height: 557px; */
  /* max-height: 557px; */
  background: #F4F4F4;
  border-radius: 8px;
  padding: 25px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  animation: popupShow 0.2s ease;
}

/*  */
@keyframes popupShow {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/*  */
.prompt_word2LMs_hide_close {
    display: block;
    width: 18px;
    height: 18px;
}
.prompt_word2LMs_hide_close img{
    width: 100%;
    height: 100%;
}


.prompt_word2LMs_hide_top{
    width: 100%;
    background: #FEFEFE;
    border-radius: 8px 8px 0 0;
    padding: 20px;
    border-bottom: 1px solid #D5D4DC;
}
.prompt_word2LMs_hide_top > div{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.prompt_word2LMs_hide_top > div span{
    display: block;
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.prompt_word2LMs_hide_top > div:first-of-type span{
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    font-weight: bold;
}
.prompt_word2LMs_hide_top > div:first-of-type img{
    width: 18px;
    height: auto;
}
.prompt_word2LMs_hide_top > div:last-of-type img{
    width: 11px;
    height: auto;
}
.prompt_word2LMs_hide_top > div:last-of-type span{
    font-size: 14px;
    color: #51546B;
    line-height: 16px;
}
.prompt_word2LMs_hide_top > div img{
    flex: 0 0 auto;
}
.prompt_word2LMs_hide_top > div:last-of-type{
    margin-top: 20px;
}
.prompt_word2LMs_hideM{
    width: 100%;
    padding: 20px;
    background: #FAFAFA;
    max-height: 333px;
    overflow-y: auto;
}
.prompt_word2LMs_hideP1{
    width: 100%;
    padding-left: 10px;
    position: relative;
}
.prompt_word2LMs_hideP1::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #2B37E3;
    border-radius: 3px;
}
.prompt_word2LMs_hideP1 p{
    width: 100%;
    font-size: 14px;
    color: #51546B;
    line-height: 16px;
}
.prompt_word2LMs_hideM1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;

}
.prompt_word2LMs_hideM1 > span{
    font-size: 18px;
    color: #3C3C3C;
    line-height: 20px;
    font-weight: bold;
}
.prompt_word2LMs_hide_copy1{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 5px 13px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 8px;
    border: 1px solid transparent;
}
.prompt_word2LMs_hide_copy1:hover{
    background: #EFF6FF;
    border-radius: 4px;
    border: 1px solid #2B37E3;
}
.prompt_word2LMs_hide_copy1:hover span{
    color: #2B37E3;
}
.prompt_word2LMs_hide_copy1 img{
    width: 12px;
    height: 12px;
}
.prompt_word2LMs_hide_copy1 span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
}
.prompt_word2LMs_hideP2{
    width: 100%;
    margin-top: 15px;
    padding: 16px 23px;
    background: #F0F1FD;
    border-radius: 4px;
}
.prompt_word2LMs_hideP2 p{
    font-size: 18px;
    color: #7C7887;
    line-height: 24px;
    display: inline; 
}
.prompt_word2LMs_hideP2_hide p{
    font-size: 14px;
    color: #51546B;
    line-height: 18px;
    display: inline; 
}
.prompt_word2LMs_hideP2_hide{
    width: 100%;
    margin-top: 11px;
    font-size: 14px;
    color: #51546B;
    line-height: 18px;
}
.prompt_word2LMs_hide_copy2,
.prompt_word2LMs_hide_copy3{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border: 1px solid transparent;
    padding: 2px 8px;
    transform: translateY(2px);
}
.prompt_word2LMs_hide_copy2 img{
    width: 14px;
    height: 14px;
}
.prompt_word2LMs_hide_copy2 span{
    display: none;
}
.prompt_word2LMs_hide_bottom{
    width: 100%;
    background: #FEFEFE;
    border-radius: 0 0 8px 8px;
    padding: 20px;
    border-top: 1px solid #D5D4DC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.prompt_word2LMs_hide_bottom .prompt_word2LMs4{
    margin: 0;
    padding: 0;
    width: auto;
}
.prompt_word2LMs_hide_bottoms{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}
.prompt_word2LMs_hide_bottoms img{
    width: 14px;
    height: auto;
}
.prompt_word2LMs_hide_bottoms span{
    font-size: 16px;
    color: #2B37E3;
    line-height: 18px;
}
.prompt_word2LMs_hide_copy2:hover{
    background: #EFF6FF;
    border-radius: 2px;
    border: 1px solid #2B37E3;
    padding: 2px 8px;
}
.prompt_word2LMs_hide_copy2:hover span{
    display: block;
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
}
.prompt_word2LMs6{
    display: none;
}
.prompt_word2R{
    width: 100%;
}
.prompt_word2R > h2{
    font-size: 18px;
    color: #212329;
    line-height: 20px;
}
.prompt_word2RM{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 15px;
    padding-bottom: 16px;
}
.prompt_word2RMs{
    width: 100%;
    margin-top: 0;
    padding: 13px 18px;
    padding-top: 20px;
    border-radius: 6px;
    border: 1px solid #ffffff;
}
.prompt_word2RMs:hover{
    border: 1px solid #495DEC;
}
.prompt_word2RMs > a{
    width: 100%;
    font-size: 14px;
    color: #0A0A0A;
    line-height: 16px;
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.prompt_word2RMs_p {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  max-height: 32px; 
  overflow: hidden;
  word-break: break-word;
  margin-top: 10px;
}

.prompt_word2RMs_text {
  display: inline;
}

.prompt_word2RMs_p_btn {
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 4px;
}

.prompt_word2RMs_p_btn img {
  width: 12px;
  height: auto;
  display: block;
}
.prompt_word2RMs:nth-of-type(6n+1){
    background-image: url(/assets/images/prompt_word2RMs1.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+2){
    background-image: url(/assets/images/prompt_word2RMs2.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+3){
    background-image: url(/assets/images/prompt_word2RMs3.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+4){
    background-image: url(/assets/images/prompt_word2RMs4.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+5){
    background-image: url(/assets/images/prompt_word2RMs5.png);
    background-size: 100% 100%;
}
.prompt_word2RMs:nth-of-type(6n+6){
    background-image: url(/assets/images/prompt_word2RMs6.png);
    background-size: 100% 100%;
}
.prompt_word2LMs_hideM::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  .prompt_word2LMs_hideM::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 2.5px;
  }
  
  .prompt_word2LMs_hideM::-webkit-scrollbar-thumb {
    background: #E6E7E9;
    border-radius: 2.5px;
  }
  
  .prompt_word2LMs_hideM::-webkit-scrollbar-thumb:hover {
    background: #777;
  }



  .prompt_word1M.limit {
    overflow: hidden;
  }

  .prompt_word1M_more {
    display: flex;
  }
/* =========================
   
========================= */

.prompt_modal {
    position: fixed;
    inset: 0;
    background: #F8FAFC;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
  }
  
  .prompt_modal_box {
    display: block;
    width: 100%;
    height: 100vh;
    background: #F8FAFC;
    overflow-y: auto;
    position: relative;
  }
  
  .prompt_modal_close {
    cursor: pointer;
    width: 20px;
    height: auto;
  }
  .prompt_modal_box_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, #766CFF 0%, #9EBBFF 100%);
    padding: 0 20px;
    height: 50px;
  }

  
  .prompt_modal_list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
  }


    /* prompt_d */
    .prompt_d{
        width: 100%;
        margin: 0 auto;
      }
      .prompt_dM{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 16px;
      }
      .prompt_dML{
        width: 100%;
        background: #FFFFFF;
        border-radius: 8px;
        padding: 22px 24px;
      }
      .prompt_dMR{
        width: 100%;
        margin-top: 20px;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px 0px #E9E9E9;
        border-radius: 8px;
        padding: 16px 20px;
      }
      .prompt_dMR .prompt_word2RM{
        gap: 16px;
      }
       .prompt_dM_btn2 > span{
        display: none !important;
      }
       .prompt_dM_btn3 > span{
        display: none !important;
      }
      .prompt_dML .prompt_d_top1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: self-start;
        flex-direction: column;
        gap: 10px;
      }
      .prompt_dML .prompt_d_top1 h1{
     
        width: auto;
        overflow: auto;
        white-space: wrap;
        text-overflow: initial;
        font-size: 21px;
        color: #333333;
        line-height: 24px;
      }
      .prompt_d_top1 > div{
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .prompt_d_top1 > div > a{
        font-size: 11px;
        color: #8873EF;
        line-height: 21px;
        padding: 0 8px;
        background: #F7F1FF;
        border-radius: 3px;
        border: 1px solid #C7B9EB;
        order: 1;
      }
      .prompt_d_top1s{
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .prompt_d_top1s img{
        width: 14px;
        height: auto;
      }
      .prompt_d_top1s span{
        font-size: 14px;
        color: #51546B;
        line-height: 16px;
      }
      .prompt_word2LMs_hideP1 p{
        font-size: 16px;
        color: #51546B;
        line-height: 19px;
      }
      .prompt_word2LMs_hideP1::after{
        width: 2px;
      }
      .prompt_word2LMs_hideP2{
        padding: 10px;
      }
      .prompt_word2LMs_hideP2 p{
        font-size: 16px;
        line-height: 19px;
      }
      .prompt_dML .prompt_word2LMs_hideM{
        background: none;
        padding: 0;
        margin-top: 20px;
        max-height: none;
        overflow-y: initial;
      }
      .prompt_dML .zxnymainsLsp2{
        margin-top: 11px;
        padding-top: 11px;
        border-top: 1px solid #F0F2F5;
      }
      .zxnymainsL6{
        margin-top: 20px;
      }


      .aiin_sp1{
        width: 100%;
      }
      .aiin_sp1 > span{
        font-size: 18px;
        line-height: 20px;
      }
      .aiin_sp1M{
        width: 100%;
        overflow-x: auto;
        margin-top: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        /* overflow: hidden; */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        flex-wrap: nowrap;
      }
      .aiin_sp1Ms{
        width: 154px;
        flex: 0 0 auto;
        overflow: hidden;
        padding: 10px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        gap: 5px;
        border: 1px solid transparent;
        background: linear-gradient(#F1F2FF, #F4F5FF) padding-box, linear-gradient(to right, #537AF4, #E69CB2) border-box;
      }
      .aiin_sp1Ms:hover{
        box-shadow: 0px 0px 6px 0px rgba(7, 24, 255, 0.33);
        background: linear-gradient(#F1F2FF, #F4F5FF) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
      }
      .aiin_sp1Ms > a{
        display: block;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        overflow: hidden;
      }
      .aiin_sp1Ms > a img{
        width: 100%;
        height: 100%;
      }
      .aiin_sp1Ms > div{
        display: flex;
        width: calc(100% - 47px);
        flex-direction: column;
        justify-content: center;
        gap: 2px;
      }
      .aiin_sp1Ms > div a{
        font-size: 16px;
        color: #000000;
        line-height: 18px;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: wrap;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }
      .aiin_sp1Ms > div p{
        display: none;
      }
      .aiin2{
        margin-top: 20px;
      }
      .aiin_sp2 > span{
        font-size: 18px;
        line-height: 20px;
      }
      .aiin_sp2 .ai-swiper{
        width: 100%;
        margin-top: 10px;
        padding-bottom: 25px;
      }
      .aiin_sp2 .topiclist_Ms > div p{
        -webkit-line-clamp: 2;
        height: 32px;
      }
      .aiin_sp2 .swiper-button-next, 
      .aiin_sp2 .swiper-button-prev{
        display: none;
      }

      .aiin_sp2 .swiper-pagination{
        bottom: 0px !important;
      }
      .aiin_sp2 .swiper-pagination-bullet{
        width: 20px;
        height: 3px;
        border-radius: 3px;
      }

      .toolranking_MR_f{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      .toolranking_MR2{
        width: 100%;
        background: #FFFFFF;
        border-radius: 8px;
        border: 1px solid #E5E7EB;
        padding: 20px;
      }
      .toolranking_MR2 h2{
        font-size: 21px;
        color: #000000;
        line-height: 24px;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .toolranking_MR2M{
        width: 100%;
        margin-top: 18px;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      .toolranking_MR2Ms{
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #F8F8F8;
      }
      .toolranking_MR2Ms.active{
        background: none;
        border-radius: 8px;
        border: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .toolranking_MR2Ms.active > div{
        width: calc(100% - 126px);
      }
      .toolranking_MR2Ms:last-of-type{
        border: none;
      }
      .toolranking_MR2Ms_title{
        font-size: 16px;
        color: #0C0C0C;
        line-height: 20px;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .toolranking_MR2Ms_title:hover{
        color: #004ef8;
      }
      .toolranking_MR2Ms p{
        font-size: 14px;
        color: #747896;
        line-height: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 8px;
      }
      .toolranking_MR2Ms_img{
        display: block;
        width: 116px;
        height: 66px;
        flex: 0 0 auto;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 10px;
      }

      .model_vs_mains2_sp_top > div a,
      .model_vs_mains2_sp_top_more{
        font-size: 12px;
        line-height: 23px;
        padding: 0 7px;
        border-radius: 4px;

      }
      .model_vs_mains2_sp_top > div{
        height: 25px;
      }

      .model_vs_mains2_sp_top > span{
        font-size: 18px;
        line-height: 20px;
      }
      .model-card-title{
        font-size: 20px;
        line-height: 24px;
      }
      .model_vs_mains1_rating{
        margin-left: 10px;
        padding-left: 8px;
        position: relative;
      }
      .model_vs_mains1_rating > span{
        width: 64px;
        height: 29px;
        background: #2B37E3;
        border-radius: 0px 4px 4px 0px;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 20px;
        font-family: 'DIN Alternate Bold', Arial, sans-serif;
        padding: 2px 8px;
        padding-left: 15px;
      }
      .model_vs_mains1_rating img{
        width: 18px;
      }
      .prompt_d_top1_collection_btn img{
        width: 22px;
        height: auto;
      }

      .prompt_collection{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
        overflow: hidden;
        margin-top: 20px;
      }
      .ai_toolsR_bottom_noone{
        /* display: none; */
        width: calc(100vw - 32px);
      }
      .ai_toolsR .aimain5_sp{
        display: block;
        width: 100%;
        padding: 0;
      }
      .ai_toolsR .aimain5_more{
        width: 100%;
      }

      .promptSubmission_btn{
        position: fixed;
        right: 16px;
        bottom: calc(25%);
        left: auto;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-image: url(/assets/images/promptSubmission_m.png);
      }
      .promptSubmission_btn span{
        display: none;

      }
      .promptSubmission_btn img{
        display: none;
      }
      .promptSubmission_hide_f .promptSubmission_hide{
        display: block;
        position: relative;
        z-index: 1;
        background: #F8FAFC;
        border-radius: 0;
      }
      .promptSubmission_hide > div{
        width: 100%;
        padding: 16px;
        max-height: none;
        border-radius: 0;
        height: 100vh;
        background: #F8FAFC;
        overflow-y: auto;
        padding-bottom: 80px;
      }
      .promptSubmission_modal{
        padding: 10px;
        border-radius: 4px;
        max-height: none;
      }
      .promptSubmission_modal1 h2{
        font-size: 18px;
        color: #000000;
        line-height: 21px;
      }
      .promptSubmission_modal1 .promptSubmission_close{
        display: none;
      }
      .promptSubmission_modal2M > span{
        font-size: 14px;
        color: #4E5865;
        line-height: 26px;
        padding: 0 7px;
      }
      .promptSubmission_modal2M > span.active{
        background: #2B37E3;
        color: #ffffff;
      }
      .promptSubmission_modal3{
        margin-top: 15px;
      }
      .promptSubmission_modal3 > span{
        font-size: 14px;
        color: #000000;
        line-height: 16px;
      }
      .promptSubmission_modal3M{
        height: 38px;
        padding: 10px 15px;
        margin-top: 7px;
      }
      .promptSubmission_modal3M input{
        font-size: 12px;
        line-height: 14px;
      }
    .promptSubmission_modal3M span{
        font-size: 12px;
        line-height: 14px;
    }
    .promptSubmission_modal4{
        margin-top: 17px;
    }
    .promptSubmission_modal4 > span{
        font-size: 14px;
        line-height: 16px;
    }
    .promptSubmission_modal4M{
        margin-top: 10px;
        /* height: 68px; */
        height: 128px;
    }
    .promptSubmission_modal4M textarea{
        padding: 14px;
        font-size: 12px;
        line-height: 14px;
    }
    .promptSubmission_modal4M span{
        bottom: 12px;
        right: 12px;
        font-size: 12px;
        line-height: 14px;
    }
    .promptSubmission_modal5{
        margin-top: 17px;
    }
    .promptSubmission_modal5 > span{
        font-size: 14px;
        line-height: 16px;
    }
    .promptSubmission_modal5M{
        margin-top: 10px;
        /* height: 88px; */
        height: 180px;
    }
    .promptSubmission_modal5M textarea{
        padding: 14px;
        font-size: 12px;
        line-height: 14px;
    }
    .promptSubmission_modal5M span{
        bottom: 12px;
        right: 12px;
        font-size: 12px;
        line-height: 14px;
    }
    .promptSubmission_modal6{
        margin-top: 16px;
        gap: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 68px;
        background: #F0F1FD;
        padding: 12px 15px;
        display: flex;
        align-items: center;
        gap: 0;
    }
    .promptSubmission_modal6 .promptSubmission_close{
        width: 50%;
        height: 100%;
        font-size: 14px;
        color: #2B37E3;
        line-height: 44px;
        text-align: center;
        background: #FDFDFD;
        border-radius:  8px  0px 0px 8px ;
        font-weight: bold;
        display: block;
    }
    .promptSubmission_modal6_btn{
        font-size: 12px;
        line-height: 28px;
        border-radius: 4px;
        padding: 0 9px;
    }
    .promptSubmission_modal6_error{
        width: 146px;
        height: 81px;
        background: rgba(250,105,84,0.22);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        margin-top: 18px;
    }
    .promptSubmission_modal6_error img{
        width: 18px;
    }
    .promptSubmission_modal6_error span{
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
    }
    .promptSubmission_hide > div > .promptSubmission_modal6_error.active{
        display: flex;
    }
    .promptSubmission_modal6 .promptSubmission_modal6_btn{
        width: 50%;
        height: 100%;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 44px;
        text-align: center;
        background: #2B37E3;
        border-radius: 0px 8px 8px 0px;
        font-weight: bold;
    }
    .promptSubmission_modal6 .promptSubmission_modal6_error{
        display: none;
    }

    /* ai_toolsR_word */
.ai_toolsR_word{
    margin-top: 20px;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
}
.ai_toolsR_word .prompt_word2LMs5{
    padding: 0 10px;
}
.prompt_word2LMs5R{
    gap: 3px;
    padding: 5px 8px;
    border-radius: 4px;
}
.prompt_word2LMs5R.unuse{
    cursor: not-allowed;
    background: linear-gradient( 180deg, #939AA8 0%, #5A606F 100%);

}
.prompt_word2LMs5R img{
    width: 12px;
    height: auto;
}
.prompt_word2LMs5R span{
    font-size: 12px;
    line-height: 14px;
}
.prompt_word2LMs5L{
    display: flex;
    align-items: center;
    gap: 4px;
}
.prompt_word2LMs5L img{
    width: 14px;
    height: auto;
}
.prompt_word2LMs5L span{
    font-size: 12px;
    color: #6C7379;
    line-height: 14px;
}
.zxnymainsL6_title{
    font-size: 18px;
    line-height: 20px;
}
.zxnymainsL6_bottom{
    margin-top: 10px;
}
.zxnymainsL > h1{
    font-size: 20px;
}
.zxnymainsL1_man > div, .zxnymainsL1_time > div{
    width: 18px;
    height: 18px;
}
.zxnymainsL1_man > div .icon, .zxnymainsL1_time > div .icon{
    font-size: 18px;
}
.zxnymainsL1_times > div{
    width: 18px;
    height: 18px;
}
.zxnymainsL1_times > div .icon{
    font-size: 18px;
}
.zxnymain .ssmain1{
    padding-top: 22px;
}
.zxnymains{
    margin-top: 22px;
}
.zxnymainsL5{
    margin-top: 30px;
}
.aiin_sp2{
    margin-top: 32px;
}
.toolranking_top > h1 span{
    background: linear-gradient(to right, #358AFF, #B173FF);
    background-clip: text;

}
.model_vs_main2{
    padding-top: 0;
}
.model_vs_main2_bottom h2{
    font-size: 18px;
    margin: 16px 0;
}
.model_vs_main2_bottom h3{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.model_vs_main2_bottom p{
    margin: 10px 0;
}
.model-link-btn > div .icon{
    font-size: 12px;
}
.model-link-btn > div{
    width: 12px;
    height: 12px;
}
.aimain5_sp .aimain4L_more2{
    display: flex;
}




/* igpmain */
.igpmain1{
    height: auto;
    padding-top: 30px;
}
.igpmain1 h1{
    font-size: 26px;
    line-height: 37px;
    padding: 0 20px;
}
.igpmain1 p{
    font-size: 12px;
    line-height: 22px;
    margin-top: 7px;
    padding: 0 20px;
}
.igpmain2{
    width: auto;
    background: #F8F9FB;
    box-shadow: 0px 1px 6px 0px rgba(196,196,233,0.34);
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    transform: translateY(0px);
    margin: 0 16px;
    padding: 10px;
    padding-top: 8px;
    margin-top: 10px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.igpmain2 > div{
    width: 100%;
}
.igpmain2L1{
    margin-top:14px;
  }
  .igpmain2L h2{
    font-size: 18px;
    line-height: 20px;
  }
  
  /* tab */
  .imgTab{
    border-radius:4px;
    padding:4px;
    margin-bottom:10px;
  }
  
  .imgTab_btn{
    flex:1;
    text-align:center;
    padding:10px;
    cursor:pointer;
    border-radius:4px;
    font-weight:400;
    color:#555;
  }
  
  .imgTab_btn.active{
    background:#2f3ad7;
    color:#fff;
  }
  
  /*  */
  .imgTab_content{
    display:none;
  }
  
  .imgTab_content.active{
    display:block;
  }
  
  /*  */
  .uploadBox{
    border:1px dashed #F0F1FD;
    border-radius:8px;
    height:128px;
    position:relative;
    text-align:center;
    cursor:pointer;
  }
  .uploadBox:hover{
    background: #F0F1FD;
  }
  
  .uploadBox input{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    top: 0;
    left: 0;
  }
  
  .uploadInner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    gap: 5px;
    width: 100%;
  }
  
  .uploadIcon{
    font-size:30px;
    margin-bottom:6px;
  }
  .uploadIcon img{
    width: 24px;
    height: auto;
  }
  
  .uploadInner p{
    margin:0;
    font-size:14px;
    line-height: 18px;
    width: 370px;
  }
  
  .uploadInner span{
    font-size:14px;
    width: 370px;
    line-height: 18px;
    color: #5D697C;
    white-space: wrap;
  }
  .uploadInner_photo .uploadIcon img{
    width: 26px;
    height: auto;
  }
  .uploadInner_photo b{
    font-size: 14px;
    line-height: 28px;
    padding: 0 14px;
    background: linear-gradient( 270deg, #3664FF 0%, #8A63FF 100%);
    border-radius: 8px;
    font-weight: 400;
    margin-top: 5px;
  }
  .uploadBox_photo{
    height: 195px;
  }
  
  /* link */
  .imgLinkInput{
    width:100%;
    height:38px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    padding:0 20px;
    font-size:12px;
    color: #333333;
    line-height: 14px;
  }
  .imgLinkInput::placeholder{
    color: #707E94;
  }
  .uploadBox{
    border:1px dashed #9D9DFF;
    padding:10px;
    position:relative;
    cursor:pointer;
    transition:.2s;
  }
  
  .uploadBox.dragover{
    border-color:#4da3ff;
    background:#f5faff;
  }
  
  .thumbContainer{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
  }
  
  .thumbContainer .thumb{
    width:80px;
    height:80px;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    border:1px solid #ccc;
    overflow:hidden;
    border-radius:4px;
    cursor:pointer;
  }
  
  .thumbContainer .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  
  .thumbContainer .thumb .removeBtn{
    position:absolute;
    top:2px;
    right:2px;
    background:rgba(0,0,0,0.6);
    color:#fff;
    width:16px;
    height:16px;
    font-size:12px;
    line-height:16px;
    text-align:center;
    border-radius:50%;
    cursor:pointer;
  }

  .imgTab_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  .imgTab_btn img{
    width: 14px;
  }
  .imgTab_btn span{
    font-size: 14px;
    width: auto;
    word-break: break-all;
  }
  .imgTab_btn span{
    font-size: 18px;
    color: #2B37E3;
    line-height: 21px;
    font-weight: 400;
  }
  .imgTab_btn.active span{
    color: #ffffff;
    word-break: break-all;
  }
  .imgTab_btn img.active{
    display: none;
  }
  .imgTab_btn.active img{
    display: none;
  }
  .imgTab_btn.active img.active{
    display: inline-block;
  }
  .igpmain2L_title{
    font-size: 14px;
    line-height: 16px;
    margin-top: 17px;
  }
  .igpmain2L2{
    height: 38px;
    margin-top: 10px;
    padding: 0 15px;
    gap: 10px;
  }
  .igpmain2L2 input{
    font-size: 12px;
    line-height: 14px;
  }
  .igpmain2L2 span{
    font-size: 12px;
    line-height: 14px;
  }
  .igpmain2L3{
    width: 100%;
    margin-top: 10px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .igpmain2L3s{
    border-radius: 4px;
    border: 1px solid #ffffff;
    padding: 7px;
    cursor: pointer;
  }
  .igpmain2L3s span{
    font-size: 14px;
    line-height: 16px;
  }
  .igpmain2L3s p{
    font-size: 12px;
    line-height: 15px;
    margin-top: 2px;
  }
  .igpmain2L4{
    margin-top: 10px;
    gap: 10px;
  }
  .igpmain2L4s{
    height: 50px;
    border-radius: 4px;
  }
  .igpmain2L4s span{
    font-size: 14px;
    line-height: 16px;
  }
  .igpmain2L4s p{
    font-size: 12px;
    line-height: 15px;
    text-align: center;
  }
  .igpmain2R_title{
    border-top: 1px solid #EEEEEE;
    padding-top: 15px;
  }
  .igpmain2R_title h2{
    font-size: 18px;
    line-height: 20px;
  }
  .igpmain2R_title_history{
    gap: 4px;
  }
  .igpmain2R_title_history img{
    width: 14px;
  }
  .igpmain2R_title_history span{
    font-size: 14px;
    line-height: 16px;
  }
  .igpmain2RM{
    margin-top: 10px;
  }
  .igpmain2RM textarea{
    height: 128px;
    padding: 11px 16px;
    font-size: 12px;
    line-height: 18px;
  }
  .igpmain2RM_btn{
    height: 26px;
    border-radius: 4px;
    padding: 0 14px;
    border: none;
    margin-top: 10px;
    gap: 5px;
  }
  .igpmain2RM_btn img{
    width: 12px;
  }
  .igpmain2RM_btn span{
    font-size: 14px;
    line-height: 16px;
  }

  .igpmain2L5{
    position: relative;
    width: 100%;
    margin-top: 15px;
  }
  
  .igpmain2L5M{
    height: 38px;
    padding: 0 15px;
  }
  .igpmain2L5Ms img,
  .igpmain2L5M_hides img{
    width: 22px;
  }
  .igpmain2L5Ms span,
  .igpmain2L5M_hides span{
    font-size: 12px;
    line-height: 14px;
  }
  .igpmain2L5M_hides{
    padding: 10px 15px;
  }
  .igpmain2L5M_btn img{
    width: 8px;
  }

  .igpmain2L6{
    width: 100%;
    margin-top: 20px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 4px;
    gap: 0;

  }
  .igpmain2L_btn{
    margin-top: 20px;
    border-radius: 4px;
    gap: 2px;
    height: auto;
    min-height: 46px;
    padding: 6px 0;
  }

  .igpmain2L_btn img{
    width: 15px;
  }
  .igpmain2L_btn span{
    font-size: 14px;
    line-height: 16px;
  }
  .igpmain2L_buycustom{
    height: auto;
    background: none;
    padding: 6px 0;
  }
  .igpmain2L_buycustom img{
    width: 15px;
    height: auto;
  }
  .igpmain2L_buycustom span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
  }
  .igpmain2L_btn b{
    font-size: 12px;
    color: rgba(43,55,227,0.66);
    line-height: 14px;
  }
  .igpmain3{
    width: 100%;
    margin-top: 10px;
    padding: 0 16px;
  }
  .igpmain3_tips{
    border-radius: 17px;
    font-size: 12px;
    color: #2B37E3;
    line-height: 20px;
    padding: 0 8px;
  }
  .igpmain3 > h2{
    font-size: 21px;
    line-height: 24px;
    margin-top: 8px;
  }
  .igpmain3 > p{
    font-size: 12px;
    line-height: 18px;
    padding: 0;
  }
  .igpmain3M{
    margin-top: 10px;
    gap: 16px;
  }
  .igpmain3Ms{
    width: calc(50% - 8px);
    border-radius: 4px;
    padding: 10px;
  }
  .igpmain3Ms_img{
    width: 46px;
    height: 46px;
    border-radius: 4px;
  }
  .igpmain3Ms_img img{
    width: 24px;
  }
  .igpmain3Ms > span{
    font-size: 18px;
    line-height: 20px;
    margin-top: 7px;
  }
  .igpmain3Ms > p{
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    -webkit-line-clamp: 3; 
  }
  .igpmain4{
    width: 100%;
    margin-top: 28px;

    padding: 0 16px;
    padding-bottom: 60px;
  }
  .igpmain4 > h2{
    font-size: 21px;
    line-height: 24px;
  }
  .igpmain4 > p{
    font-size: 12px;
    line-height: 18px;
    margin-top: 0px;
  }
  .igpmain4M{
    width: 100%;
    margin-top: 9px;
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior:smooth;
           /* overflow: hidden; */
           -webkit-overflow-scrolling: touch;
           scrollbar-width: none;
           /* Firefox */
           flex-wrap: nowrap;
  }
  .igpmain4Ms{
    width: calc(50%);
    border-radius: 4px;
    padding: 10px;
  }
  .igpmain4Ms > div{
    display: flex;
    gap: 10px;
  }
  .igpmain4Ms > div img{
    width: 42px;
    height: auto;
    border-radius: 50%;
  }
  .igpmain4Ms_info{
    width: calc(100% - 52px);
    gap: 5px;
  }
  .igpmain4Ms_info span{
    font-size: 14px;
    line-height: 16px;
  }
  .igpmain4Ms_info p{
    font-size: 12px;
    line-height: 14px;
  }
  .igpmain4Ms > p{
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .igpmain4_dots{
    width:100%;
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:10px;
  }
  
  .igpmain4_dots span{
    width:18px;
    height:4px;
    background:#ddd;
    border-radius:2px;
    cursor:pointer;
    transition:all .3s;
  }
  
  .igpmain4_dots span.active{
    background:#333;
  }



    /* ai_toolsR_picture */
    .ai_toolsR_picture{
        width: 100%;
        margin-top: 16px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
      }
      .ai_toolsR_picture .ai_toolsR_bottoms_p{
        margin-top: 0;
        font-size: 14px;
        color: #686868;
        line-height: 18px;
        height: 54px;
      }
      .ai_toolsR_picture .aai_toolsR_bottoms_infos2{
        padding: 6px 10px;
      }
      .ai_toolsR_bottoms_info_btn {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 5px 10px;
        background: #2B37E3;
        border-radius: 4px;
        padding-right: 9px;
    }
    
    .ai_toolsR_bottoms_info_btn:hover {
        background: #4E46E5;
    }
    
    .ai_toolsR_bottoms_info_btn img {
        width: 14px;
    }
    
    .ai_toolsR_bottoms_info_btn span {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 14px;
    }
    .ai_toolsR_picture_hide.active{
        display: flex;
    }
    .ai_toolsR_picture_hide{
        display: none;
    }
    .ai_toolsR_picture_hide{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.45);
        display: none;
        z-index: 9999;
        align-items: center;
        justify-content: center;
    }
    .ai_toolsR_picture_hide > div{
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        background: #F8FAFC;
        border-radius: 0;
        padding: 16px;
        padding-bottom: 80px;
      }
      .ai_toolsR_picture_hide_M{
        width: 100%;
        background: #FEFEFE;
        border-radius: 4px;
        padding: 10px;
        max-height: 100%;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #CED2DF #ffffff;
      }
      .ai_toolsR_picture_hide_M_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        position: static;
      }
      .ai_toolsR_picture_hide_M_top h2{
        font-size: 18px;
        color: #000000;
        line-height: 20px;
      }
      .ai_toolsR_picture_hide_close{
        display: none;
      }
      .ai_toolsR_picture_hide_M_title{
        font-size: 14px;
        color: #3C3C3C;
        line-height: 16px;
        margin-top: 14px;
        font-weight: bold;
      }
      .ai_toolsR_picture_hide_M_img{
        width: 100%;
        aspect-ratio: 378/212;
        height: auto;
        border-radius: 0;
        margin-top: 14px;
        display: block;
      }
      .ai_toolsR_picture_hide_M > span{
        display: block;
        font-size: 14px;
        color: #3C3C3C;
        line-height: 16px;
        font-weight: bold;
        margin-top: 16px;
      }
      .ai_toolsR_picture_hide .ai_toolsR_picture_hide_M .prompt_word2LMs_hide_copy2{
        display: none;
      }
      .ai_toolsR_picture_hide_ms{
        display: flex;
      }
    

        /* pointsRecharge */
  .pointsRecharge1{
    width: 100%;
    margin-top: 16px;
    width: 100%;
    aspect-ratio: 398/80;
    height: auto;
    background-image: url(/assets/images/pointsRecharge1_m.png);
    background-size: 100% 100%;
    padding: 0 18px;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .pointsRecharge1 > span{
    font-size: 14px;
    line-height: 16px;
  }
  .pointsRecharge1 > p{
    font-size: 12px;
    line-height: 14px;
  }
  .pointsRecharge1 > p span{
    font-size: 25px;
    line-height: 36px;
    font-family: 'Arial_Black';
  }
  .pointsRecharge2{
    width: 100%;
    margin-top: 16px;
    gap: 16px;
  }
  .pointsRecharge2s{
    width: calc(50% - 8px);
    height: 32px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
  }
  .pointsRecharge3{
    width: 100%;
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
  }
  .pointsRecharge3s{
    border-radius: 4px;
    border: 1px solid #2B37E3;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .pointsRecharge3s_title{
    font-size: 14px;
    line-height: 16px;
  }
  .pointsRecharge3s_tips{
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;
  }
  .pointsRecharge3s > div{
    margin-top: 5px;
    height: 24px;
  }
  .pointsRecharge3s > div > span:first-of-type{
    font-size: 12px;
    line-height: 14px;
  }
  .pointsRecharge3s > div > span:last-of-type{
    font-size: 18px;
    line-height: 24px;
  }
  .pointsRecharge3s > p{
    font-size: 12px;
    line-height: 16px;
    margin-top: 1px;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pointsRecharge_buy{
    width: 100%;
    margin-top: 10px;
    background: #F8FBFF;
    border-radius: 16px;
    border: 1px solid #2B37E3;
    font-size: 14px;
    color: #2B37E3;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
  }
  .pointsRecharge3s_customM{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: calc(100% - 50px);
    margin: 0 auto;
    /* border-bottom: 1px solid #2B37E3; */
    border-bottom: 1px solid #617186;
    padding: 0 1px;

    
  }
  .pointsRecharge3s_customML{
    height: 22px;
    background: #D4DAEE;
    border-radius: 2px;
    width: calc(100% - 34px);
    flex: 1;
  }
  .pointsRecharge3s_customML span{
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
    align-self: self-end;
  }
  .pointsRecharge3s_customML input{
    display: block;
    border: none;
    flex: 1;
    width: calc(100% - 20px);
    background-color: transparent;
    font-size: 18px;
    color: #2B37E3;
    line-height: 22px;
    height: auto;
    font-weight: bold;
    padding-left: 5px;
  }
  .pointsRecharge3s_customML input[type="number"]::-webkit-outer-spin-button,
  .pointsRecharge3s_customML input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
  .pointsRecharge3s_customMR{
    display: none;
  }
  .pointsRecharge3s_customML_m,
  .pointsRecharge3s_customMR_m{
    width: 20px;
    height: 22px;
    background: #D4DAEE;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
  }
  .pointsRecharge3s_customMR_m{
    z-index: 1;
  }
  .pointsRecharge3s_bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
  }

  .processingPayment.active{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 999;
  }
  .processingPayment > div{
    width: 100%;
    height: 100vh;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #ECEDF0;
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: linear-gradient( 180deg, #9DBAFF 0%,  #ffffff 30%, #ffffff 100%);
    align-items: center;
  }
  .processingPayment_close img{
    width: 24px;
    height: auto;
  }
  .processingPayment > div > img{
    margin-top: 60px;
    width: 142px;
  }
  .processingPayment > div span{
    font-size: 32px;
    line-height: 37px;
    margin-top: 60px;
  }
  .processingPayment > div > div{
    padding: 0 15px;
    margin-top: 48px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding-bottom: 50px;
    gap: 20px;
  }
  .processingPayment_Cancel{
    width: 100%;
    height: 52px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    font-size: 21px;
    color: #2B37E3;
    line-height: 52px;
    padding: 0 24px;
    text-align: center;
  }
  .processingPayment_been{
    width: 100%;
    height: 52px;
    background: #2B37E3;
    border-radius: 8px;
    border: 1px solid #2B37E3;
    font-size: 21px;
    color: #ffffff;
    line-height: 52px;
    padding: 0 24px;
    text-align: center;
  }
  .processingPayment > div > div.processingPayment_top{
    margin: 0;
    height: 50px;
    background: #9D9DFF;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
  .processingPayment > div > div.processingPayment_top a:first-of-type{
    display: block;
  }
    
    /* points_history */
    .points_history{
        width:100%;
        margin-top: 16px;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #E5E5E5;
        overflow-x: auto;
      }
      
      .points_table{
        width:100%;
        border-collapse:collapse;
        font-size:12px;
        border-radius: 4px;
      }
      
      .points_table thead{
        background: #FFFFFF;
        border-radius: 4px 4px 0 0;
      }
      
      .points_table th{
        text-align:center;
        padding:12px 5px;
        color:#333;
        font-weight:600;
      }
      
      .points_table td{
        padding:12px 10px;
        border-top:1px solid #e5e5e5;
        color:#000000;
        text-align:center;
        white-space: nowrap;
      }
      
      .points_table tbody tr:hover{
        background:#f2f4f7;
      }
      
      .points_table tbody tr.active{
        background:#e8edf3;
      }
      
      /* points */
    
      
      /* status */
      .status{
        display:flex;
        align-items:center;
        justify-content: center;
        gap:2px;
      }
      
      .status .statusimg{
        width:12px;
        height:12px;
        border-radius:50%;
        display:inline-block;
      }



      .coverimg1{
        width: auto;
        margin: 0 16px;
        margin-top: 10px;
        padding: 10px;
      }
      .coverimg1 .igpmain2L1 .imgTab{
        width: 100%;
        margin-bottom: 10px;
      }
      .coverimg1 .igpmain2L1 .imgTab .imgTab_btn{
        padding: 9px;
        align-items: flex-start;
      }
      .coverimg1 .igpmain2L1 .imgTab .imgTab_btn img{
        width: 14px;
        transform: translateY(2px);
      }
      .imgTab_btn span{
        font-size: 14px;
        line-height: 16px;
      }
      .coverimg1_4M{
        flex-direction: column;
        margin-top: 10px;
        gap: 20px;
      }
      .coverimg1_1{
        margin-top: 20px;
      }
      .coverimg2{
        width: auto;
        margin: 0 auto;
        margin-top: 30px;
      }
      .coverimg2 > h2{
        font-size: 21px;
        line-height: 24px;
      }
      .coverimg2 > p{
        font-size: 12px;
        line-height: 18px;
      }
      .coverimg2Ms{
        flex: 0 0 auto;
      }
      .coverimg1_4ML{
        width: 100%;
        border-radius: 4px;
        height: 50px;
        padding: 0 15px;
        gap: 5px;
      }
      .coverimg1_4ML > input{
        width: 12px;
        height: 12px;
      }
      .coverimg1_4ML_point{
        display: none;
      }
      .coverimg1_4ML_info{
        flex: 1;
        overflow: hidden;
      }
      .coverimg1_4ML_info span{
        font-size: 12px;
        line-height: 16px;
      }
      .coverimg1_4ML_info p{
        margin-top: 4px;
        font-size: 12px;
        line-height: 12px;
      }
      .coverimg1_4ML_point_m{
        background: #F0F1FD;
        border-radius: 2px;
        border: 1px solid #2B37E3;
        padding: 2px 4px;
        display: flex !important;
        align-items: center;
        gap: 4px;
      }
      .coverimg1_4ML_point_m img:first-of-type{
        width: 11px;
        height: auto;
      }
      .coverimg1_4ML_point_m img:last-of-type{
        width: 8px;
        height: auto;
      }
      .coverimg1_4ML_point_m p{
        font-size: 10px;
        color: #2B37E3;
        line-height: 11px;
      }
      .coverimg1_4ML_point_m p span{
        font-size: 14px;
        color: #2B37E3;
        line-height: 16px;
      }
      .coverimg2M{
        overflow-x: auto;
        display: none;
      }
      .igpmain1_tips{
        width: auto;
        height: 20px;
        padding: 0 10px;
        gap: 3px;
        margin: 0 auto;
        margin-bottom: 5px;
      }
      .igpmain1_tips img{
        width: 11px;
        height: auto;
      }
      .igpmain1_tips span{
        font-size: 12px;
        color: #2B37E3;
        line-height: 14px;
      }

      .coverimg1_title{
        gap: 4px;
      }
      .coverimg1_title img{
        width: 12px;
      }
      .coverimg1_title h2{
        font-size: 14px;
        line-height: 16px;
      }
      .coverimg1_1 > textarea{
        height: 88px;
        font-size: 12px;
        line-height: 14px;
        padding: 12px 14px;
        margin-top: 10px;
      }
      .coverimg1_2{
        margin-top: 20px;
      }
      .coverimg1_2M{
        margin-top: 10px;
        gap: 10px;
      }
      .coverimg1_2M > button{
        width: 100%;
        height: 32px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 32px;
      }
      .coverimg1_3{
        margin-top: 20px;
      }
      .coverimg1_3_tops > button{
        height: 20px;
        padding: 0 6px;
        gap: 3px;
      }
      .coverimg1_3_tops > button img{
        width: 12px;
        height: auto;
        filter: grayscale(100%);
      }
      .coverimg1_3_tops > button span{
        font-size: 12px;
        line-height: 14px;
      }
      .coverimg1_3M{
        margin-top: 10px;
        gap: 10px;
      }
      .coverimg1_3M > button{
        border-radius: 4px;
        padding: 13px 8px;
        gap: 4px;
      }
      .coverimg1_3M > button > img{
        width: 24px;
        height: 24px;
      }
      .coverimg1_3M > button > div{
        width: calc(100% - 28px);
        gap: 1px;
      }
      .coverimg1_3M > button > div span{
        font-size: 12px;
        line-height: 16px;
      }
      .coverimg1_3M > button > div p{
        font-size: 12px;
        line-height: 12px;
      }
      .coverimg1_4MR{
        width: 100%;
        height: 32px;
        background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
        border-radius: 4px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: none;
        cursor: pointer;
      }
      .coverimg1_4MR > p{
        display: none !important;
      }
      .coverimg1_4MR1 img{
        width: 14px;
        height: auto;
      }
      .coverimg1_4MR1 span{
        font-size: 14px;
        line-height: 16px;
      }
      .coverimg3{

        width: auto;
        margin: 0 16px;
        margin-top: 30px;
    }
    .coverimg3 > h2{
        font-size: 21px;
        line-height: 24px;
      }
      .coverimg3 > p{
        font-size: 12px;
        line-height: 18px;
        margin-top: 5px;
      }
      .coverimg3M{
        margin-top: 10px;
      }
      .coverimg3Ms_title{
        width: 100%;
        height: 30px;
        border-radius: 4px 4px 0px 0px;
        padding: 0 10px;
      }
      .coverimg3Ms_title:hover{
        border-radius: 4px;
      }
      .coverimg3Ms_title span{
        font-size: 14px;
        line-height: 16px;
      }
      .coverimg3Ms_title img{
        width: 14px;
      }
      .coverimg3Ms.active .coverimg3Ms_title{
        border-radius: 4px 4px 0px 0px;
      }
      .coverimg3Ms.active .coverimg3Ms_hide{
        border-radius:0 0 4px 4px;
        padding: 10px;
      }
      .coverimg3Ms.active .coverimg3Ms_hide p{
        font-size: 10px;
        line-height: 12px;
      }

      .coverimg2M_m{
        width: 100%;
        display: block;
        margin-top: 10px;
        padding-bottom: 30px;
      }
      .coverimg2M_m_title{
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        overflow-x: auto;
        gap: 10px;
        scroll-behavior:smooth;
        /* overflow: hidden; */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        flex-wrap: nowrap;
      }
      .coverimg2M_m_title > button{
        flex: 0 0 auto;
        height: 50px;
        display: flex;
        align-items: center;
        gap: 4px;
        background: #FDFDFD;
        border-radius: 4px;
        border: 1px solid #E2E8F1;
        padding: 12px 8px;
      }
      .coverimg2M_m_title > button.active{
        background: #F0F1FD;
        border: 1px solid #2B37E3;
      }
      .coverimg2M_m_title > button img{
        width: 24px;
        height: 24px;
        border-radius: 4px;
      }
      .coverimg2M_m_title > button div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1px;
      }
      .coverimg2M_m_title > button div span{
        font-size: 12px;
        color: #000000;
        line-height: 16px;
        text-align: left;
        font-weight: bold;
      }
      .coverimg2M_m_title > button div p{
        font-size: 12px;
        color: #707E94;
        line-height: 12px;
        text-align: left;
      }
      .coverimg2M_m_center{
        width: auto;
        margin: 0 16px;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .cover_type1{
        width: 100%;
        padding: 10px;
        background: linear-gradient( 180deg, #C0D4FD 0%, #51439F 100%);
        border-radius: 4px;
        display: flex;
        gap: 10px;
      }
      .cover_type1 .coverimg2Ms_1{
        width: 124px;
        height: 269px;
        border-radius: 4px;
        flex: 0 0 auto;
      }
      .cover_type1 .coverimg2Ms_1 .coverimg2Ms3{
        display: block;
        width: 100%;
        height: 100%;
      }

      .cover_type1 .coverimg2Ms3_info{
        padding: 6px;
        padding-top: 15px;
        gap: 3px;
    }
    .cover_type1 .coverimg2Ms3_info img{
        width: 14px;
    }
    .cover_type1 .coverimg2Ms3_info span{
        flex: 1;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
    }
    .cover_type1 .coverimg2Ms3_tk{
        right: 6px;
        bottom: 30px;
        gap: 10px;
    }
    .cover_type1 .coverimg2Ms3_tk1{
        position: relative;
        width: 14px;
        height: 14px;
    }
    .cover_type1 .coverimg2Ms3_tk1_img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #FFFFFF;
    }
    .cover_type1 .coverimg2Ms3_tk1_plus{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -3px;
        width: 6px;
        height: auto;
    }
    .cover_type1 .coverimg2Ms3_tk2,
    .cover_type1 .coverimg2Ms3_tk3,
    .cover_type1 .coverimg2Ms3_tk4,
    .cover_type1 .coverimg2Ms3_tk5{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
    }
    .cover_type1 .coverimg2Ms3_tk2 img,
    .cover_type1 .coverimg2Ms3_tk3 img,
    .cover_type1 .coverimg2Ms3_tk4 img,
    .cover_type1 .coverimg2Ms3_tk5 img{
        width: 12px;
        height: auto;
    }
    .cover_type1 .coverimg2Ms3_tk2 span,
    .cover_type1 .coverimg2Ms3_tk3 span,
    .cover_type1 .coverimg2Ms3_tk4 span,
    .cover_type1 .coverimg2Ms3_tk5 span{
        font-size: 8px;
        color: #FFFFFF;
        line-height: 10px;
    }
    .coverimg2Ms_2{
        width: calc(100% - 134px);
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .coverimg2Ms_2_1{
        flex: 1;
        background: #F1F5FF;
        border-radius: 4px;
        border: 0px solid #8D94F0;
        padding: 8px 10px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #CED2DF #ffffff;
        max-height: 205px;
    }
    .coverimg2Ms_2_1::-webkit-scrollbar {
        width: 2px;
        border-radius: 8px;
    }
    .coverimg2Ms_2_1::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 8px;
    }
    .coverimg2Ms_2_1::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 8px;
    }
    .coverimg2Ms_2_1::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    .coverimg2Ms_2_1 span{
        font-size: 16px;
        color: #000000;
        line-height: 18px;
    }
    .coverimg2Ms_2_1 p{
        width: 100%;
        margin-top: 8px;
        font-size: 12px;
        color: #555555;
        line-height: 13px;
    }
    .coverimg2Ms_2_2{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .coverimg2Ms_2_copy{
        height: 22px;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #2B37E3;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2px;
        cursor: pointer;
    }
    .coverimg2Ms_2_copy img{
        width: 10px;
        height: auto;
    }
    .coverimg2Ms_2_copy span{
        font-size: 12px;
        color: #2B37E3;
        line-height: 14px;
    }
    .cover_type2{
        width: 100%;
        padding: 10px;
        background: linear-gradient( 180deg, #B9E0FA 0%, #306D91 100%);
        border-radius: 4px;
        display: flex;
        gap: 10px;
    }
    .cover_type2 .coverimg2Ms_1{
        width: 201px;
        height: 269px;
        border-radius: 4px;
        flex: 0 0 auto;
    }
    .cover_type2 .coverimg2Ms_2_{
        width: calc(100% - 211px);
    }
    .cover_type2 .coverimg2Ms3{
        display: block;
        width: 100%;
        height: 100%;
    }
    .cover_type3{
        width: 100%;
        padding: 10px;
        background: linear-gradient(180deg, rgba(99, 75, 255, 0.5) 0%, rgba(159, 213, 255, 0.5) 100%);
        border-radius: 4px;
        display: flex;
        gap: 10px;
    }
    .cover_type3{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cover_type3 .coverimg2Ms_1{
        width: 85%;
        aspect-ratio: 304/171;
        /* aspect-ratio: 16/9; */
        height: auto;
        overflow: hidden;
    }
    .cover_type3 .coverimg2Ms3{
        display: block;
        width: 100%;
        height: 100%;
    }
    .cover_type3 .coverimg2Ms_2{
        width: 100%;
    }
    .cover_type3 .coverimg2Ms_2_1{
        max-height: 61px;
    }
    .cover_type3 .coverimg2Ms_2_2{
        flex-direction: row;
    }
    .cover_type3 .coverimg2Ms_2_2 > button{
        width: 50%;
    }
    /*  */
.coverimg2Ms {
    display: none;
  }
  
  /*  */
  .coverimg2Ms.active {
    display: flex;
  }

  .cover_Personals_m{
    margin-top: 10px;
    gap: 10px;
}
.cover_Personals_ms{
    width: calc(50% - 5px);
    height: 44px;
    padding: 0 16px;
}
.cover_Personals_ms > span{
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.cover_Personals_ms > div{
    display: flex;
    align-items: center;
    gap: 3px;
}
.cover_Personals_ms > div img{
    width: 14px;
}
.cover_Personals_ms > div span{
    font-size: 12px;
    line-height: 14px;
}
.cover_Personals_m1{
    margin-top: 10px;
    gap: 10px;
}
.cover_Personals_m1_btn{
    height: 38px;
    padding: 0 15px;
    gap: 6px;
}
.cover_Personals_m1_btn img{
    width: 14px;
    height: auto;
}
.cover_Personals_m1_btn span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    font-weight: bold;
}
.cover_Personals_clear{
    height: 38px;
    padding: 0 15px;
}
.cover_Personals_clear img{
    width: 14px;
    height: auto;
}
.cover_Personals_clear span{
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
    font-weight: bold;
}
.cover_Personals_f{
    display: flex !important;
    gap: 20px;
}
.cover_Personals{
    width: calc(50% - 10px);
}
.ai_toolsR_top_cover{
    background-color: transparent;
    padding: 0;
}
.top-up-pop-up > div{
    width: calc(100% - 32px);
    aspect-ratio: 398/221;
    height: auto;
    background-image: url(/assets/images/top-up-pop-up_m.png);
    padding: 10px;
}
.top-up-pop-up > div > span{
    font-size: 18px;
    line-height: 32px;
    width: 60%;
}
.top-up-pop-up > div > p{
    width: 60%;
    margin-top: 0;
    font-size: 14px;
    color: #2B37E3;
    line-height: 25px;
    height: calc(100% - 90px);
    overflow: hidden;
}
.top-up-pop-up > div > div{
    width: 100%;
    margin-top: 10px;
    padding: 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.top-up-pop-up > div > div > button{
    display: block;
    width: 50%;
    height: 42px;
    border-radius: 24px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
}
.top-up-pop-up-cancel{
    background: #F8FBFF;
    border: 1px solid #2B37E3;
    color: #2B37E3;
}
.top-up-pop-up-buy{
    display: block;
    width: 50%;
    height: 42px;
    border-radius: 24px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    background: linear-gradient( 270deg, #AF69FF 0%, #4160FF 100%);
    color: #FFFFFF;
    border: none;
}
.igpmain1{
    padding-bottom: 33px;
}
.coverimg1_1_textarea > span{
    font-size: 12px;
    color: #707D91;
    line-height: 14px;
    bottom: 10px;
    right: 10px;
}
.coverimg1_4_f{
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
}
.coverimg1_4_f .coverimg1_5{
    width: 100%;
}
.coverimg1_4_f .coverimg1_4{
    width: 100%;
}
.coverimg1_5 .igpmain2L5M{
    height: 50px;
}
body.no-scroll {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0px);
  }

  .coverimg1_2_photo1 .coverimg1_title > span{
    display: none;
  }
.coverimg1_2_photo1 .coverimg1_2M{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.coverimg1_2_photo1 .coverimg1_title > a{
    display: flex;
    align-items: center;
    gap: 5px;
}
.coverimg1_2_photo1 .coverimg1_title > a span{
    font-size: 12px;
    color: #4B4F63;
    line-height: 14px;
}
.coverimg1_2_photo1 .coverimg1_title > a img{
    width: 4px;
    height: auto;
}
.coverimg1_2_photo1 .coverimg1_2M > button{
    display: none;
}
.coverimg1_2_photo1 .coverimg1_2M > button:nth-of-type(1),
.coverimg1_2_photo1 .coverimg1_2M > button:nth-of-type(2),
.coverimg1_2_photo1 .coverimg1_2M > button:nth-of-type(3),
.coverimg1_2_photo1 .coverimg1_2M > button:nth-of-type(4){
    display: block;
}
.coverimg1_2_photo1.active .coverimg1_2M > button{
    display: block;
}
.coverimg1_2_photo1_collapse img{
    width: 11px;
    transform: rotate(180deg);
}
.coverimg1_1  textarea{
    width: 100%;
    height: 148px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    resize: none;
    padding: 18px 20px;
    margin-top: 10px;
  }
  .coverimg1_2_photo3{
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
    margin-top: 20px;
  }
  .coverimg1_2_photoM{
    margin-top: 10px;
  }
  .coverimg1_2_photoM_show{
    width: 100%;
    height: 32px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .coverimg1_2_photoM_show span{
    flex: 1;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
  }
  .coverimg1_2_photoM_show img{
    flex: 0 0 auto;
    width: 10px;
    height: auto;
  }
  .coverimg1_2_photoM_hide{
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgba(96,97,112,0.16), 0px 2px 4px 0px rgba(40,41,61,0.04);
    display: flex;
    flex-direction: column;
  }
  .coverimg1_2_photoM_hide span{
    font-size: 14px;
    color: #000000;
    line-height: 32px;
    padding: 0 10px;
    cursor: pointer;
  }
  .coverimg1_2_photo4{
    width: 100%;
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    column-gap: 10px;
  }
  .coverimg1_2_photo4L{
    width: calc(50% - 5px);
  }
  .coverimg1_2_photo4M{
    width: calc(50% - 5px);
  }
  .coverimg1_2_photo4R{
    width: 100%;
  }
  .coverimg1_2_photo4R_input{
    width: 100%;
    margin-top: 10px;
    width: 100%;
    height: 32px;
    background: #FDFDFD;
    border: 1px solid #E2E8F1;
  }
  .coverimg1_2_photo4R_input input{
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: none;
    font-size: 14px;
    color: #000;
    line-height: 24px;
  }
  .coverimg1_2_photo5_tips{
    display: block;
    background: #FFF7E0;
    border-radius: 4px;
    border: 1px solid #EAE0BC;
    width: 100%;
    margin-top: 10px;
    padding: 8px;
  }
  .coverimg1_2_photo5_tips p{
    width: 100%;
    font-size: 12px;
    color: #968145;
    line-height: 14px;
    word-break: break-all;
  }
  .coverimg1_2_photo5{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .photo_generation_btn{
    width: 78%;
    height: 32px;
    flex: 1;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 4px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
  }
  .photo_generation_btn img{
    width: 14px;
    height: auto;
  }
  .photo_generation_btn span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    font-weight: 400;
  }
  .photo_generation_btn p{
    display: none;
  }
  .coverimg1_2_photo5_clear{
    width: auto;
    flex: 0 0 auto;
    height: 32px;
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px solid #E2E8F1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
  }
  .coverimg1_2_photo5_clear img{
    width: 14px;
    height: auto;
  }
  .coverimg1_2_photo5_clear span{
    font-size: 14px;
    color: #323545;
    line-height: 21px;
    font-weight: 400;
  }
  .coverimg2 .photo_generation_img{
    display: none !important;
  }
  .coverimg2 > p{
    padding: 0 16px;
  }
  .photo_generation_img_m{
    width: auto;
    margin: 0 16px;
    margin-top: 9px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E5E7EB;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
  }
  .photo_generation_img_ms img{
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .photo_generation_img_m.v_horizontal .photo_generation_img_ms{
    width: 100%;
    height: auto;
  }
  .photo_generation_img_m.v_horizontal.grid2 .photo_generation_img_ms{
    width: 70%;
    height: auto;
    flex: 0 0 auto;
  }
  .photo_generation_img_m.grid2{
    justify-content: left;
  }
  .photo_generation_img_m.grid3{
    justify-content: left;
  }
  .photo_generation_img_m.v_portrait .photo_generation_img_ms{
    width: 100%;
    height: auto;
  }
  .photo_generation_img_m.v_portrait.grid2 .photo_generation_img_ms{
    width: 50%;
    height: auto;
  }
  .photo_generation_img_m.v_portrait.grid3 .photo_generation_img_ms{
    width: 70%;
    height: auto;
    flex: 0 0 auto;
  }

  /* 遮罩 */
.img_preview_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 9999;
  }
  
  /* 容器 */
  .img_preview {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  /* 顶部 */
  .img_preview_header {
    height: 60px;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px;
  }
  
  .img_preview_back {
    width: 14px;
    height: 14px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    margin-right: 10px;
    cursor: pointer;
  }
  
  /* 中间图片 */
  .img_preview_content {
    position: absolute;
    top: 60px; /* 顶部header高度 */
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .img_preview_content img {
    max-width: 90%;
    max-height: 60%;
    border-radius: 10px;
  }
  
  /* 底部 */
  .img_preview_footer {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  
  .img_preview_footer button {
    padding: 12px 12px;
    border: none;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    width: calc(50% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .photo_generation_download,
  .photo_generation_proportion{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .img-viewer-img{
    min-height: 0;
  }
  .photo_img_viewer{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .coverimg2  .img-viewer-prev{
    opacity: 0;
  }
  .coverimg2  .img-viewer-next{
    opacity: 0;
  }
  .photo_img_viewer .img_preview_footer{
    display: flex;
  }
  .coverimg1 .igpmain2L1 .imgTab .imgTab_btn img{
    width: 14px;
    height: auto;
  }
  .coverimg1 .igpmain2L1 .imgTab .imgTab_btn:last-of-type img{
    width: 15px;
    height: auto;
  }
  .prompt_word2LMs_hideM1{
    gap: 10px;
  }
  .prompt_word2LMs_hideM1 > div{
    flex: 1;
    display: flex;
    justify-content: right;
    align-items: center;
  }
  .one-click-generation{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    background: linear-gradient(270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 8px;
    border: 1px solid transparent;
  }
  .one-click-generation img{
    width: 12px;
    height: auto;
  }
  .one-click-generation b{
    width: 12px;
    height: 11px;
    background:url(/assets/images/coverimg1_4MR1.png) no-repeat;
    background-size:contain;
  }
  .one-click-generation span{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
  }

    /* skill_body */
    .skill_body .igpmain1_tips{
        margin-top: 30px;
      }
      .skill_body .prompt_h1{
        margin-top: 0;
      }
      .skill_body .prompt_word_top{
        padding-bottom: 30px;
      }
      .skilllist{
        width: 100%;
        padding: 0 16px;
        margin: 0 auto;
        transform: none;
      }
      .skilllist .prompt_word1{
        margin-top: 0;
      }
      .skilllist .prompt_word1M.ready{
        margin-top: 0;
      }
      .skilllist .prompt_word1M > a.active img{
        opacity: 1;
      }
      .skilllist1{
        width: 100%;
        display: flex;
        justify-content: right;
        align-items: center;
        margin-top: 20px;
      }
      .skilllist1 .aimain4L_top_dropdown{
        width: 100%;
      }
      .skilllist1 .aimain4L_top_dropdown_menu{
        width: 100%;
      }
      .skilllist2{
        width: 100%;
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
      }
      .skilllist2s{
        width: 100%;
        overflow: hidden;
        background: #FFFFFF;
        box-shadow: 0px 0px 6px 0px rgba(28,35,136,0.33);
        border-radius: 4px;
        padding: 0px;
        border: 1px solid transparent;
      }
      .skilllist2s:hover{
        border: 1px solid transparent;
        background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #1D54FF, #A344FF) border-box;
      }
      .skilllist2s1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        gap: 10px;
      }
      .skilllist2s1_title{
        flex: 1;
        width: auto;
        font-size: 14px;
        color: #333333;
        line-height: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 9px;
        gap: 10px;
        margin-top: 8px;
        min-width: 100%;
      }
      .skilllist2s1_title span{
        flex: 1;
        width: auto;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .skilllist2s1_title b{
        flex: 0 0 auto;
        display: block;
    }
      .skilllist2s1_class{
        display: none;
      }
      .skilllist2s > p{
        width: 100%;
        margin-top: 7px;
        font-size: 14px;
        color: #51546B;
        line-height: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 54px;
        padding: 0 9px;
      }
      .skilllist2s2{
        width: 100%;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F0F1FD;
        border-radius: 0px 0px 4px 4px;
        height: 32px;
        padding: 0 10px;
        gap: 10px;
      }
      .skilllist2s2_time{
        display: flex;
        align-items: center;
        gap: 6px;
        width: auto;
        overflow: hidden;
      }
      .skilllist2s2_time img{
        width: 12px;
        height: 12px;
      }
      .skilllist2s2_time span{
        font-size: 12px;
        color: #6B7280;
        line-height: 14px;
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        transform: translateY(-1px);
      }
      .xix_star{
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
      }
      .xix_star b{
        width: 14px;
        height: 14px;
        background: url(/assets/images/star.png) no-repeat;
        background-size: contain;
    }
    .xix_star span{
        font-size: 14px !important;
        color: #6B7280;
        line-height: 16px !important;
    }
    .xix_star:hover b{
        background: url(/assets/images/star_hover.png) no-repeat;
        background-size: contain;
    }
    .xix_star:hover span,
    .xix_star.active span{
        color: #2B37E3;
    }
    .xix_star.active b{
        background: url(/assets/images/star_active.png) no-repeat;
        background-size: contain;
    }
    .skill_body .prompt_modal{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* .skilldetails_main  */
.skilldetails_main{
    width: 100%;
    margin: 0 auto;
    background: #F8F9FB;
    padding-top: 20px;
    padding-bottom: 40px;
}
.skilldetails_main .ssmain1{
    gap: 10px;
    margin: 0;
}
.skilldetails{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 16px;
}
.skilldetailsL{
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
}
.skilldetailsL_title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.skilldetailsL_title h1{
    font-size: 21px;
    color: #191919;
    line-height: 24px;
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.skilldetailsL_title a{
    flex: 0 0 auto;
    display: flex;
}
.skilldetailsL_p{
    width: 100%;
    padding-left: 10px;
    position: relative;
    margin-top: 10px;
}
.skilldetailsL_p.active p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.skilldetailsL_p p{
    width: 100%;
    font-size: 16px;
    color: #51546B;
    line-height: 21px;
    display: inline;
}
.skilldetailsL_p_expand{
    display: inline;
    font-size: 16px;
    color: #4D6BFE;
    line-height: 21px;
}
.skilldetailsL_p.active .skilldetailsL_p_expand{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ffffff;
    padding-left: 10px;
    font-size: 16px;
    color: #4D6BFE;
    line-height: 21px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.skilldetailsL_p::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #2B37E3;
    border-radius: 3px;
}
.skilldetailsL_info{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.skilldetailsL_info > div{
    display: flex;
    align-items: center;
    gap: 4px;
}
.skilldetailsL_info span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}
.skilldetailsL_times b{
    width: 13px;
    height: 10px;
}
.skilldetailsL_time b{
    width: 12px;
    height: 12px;
    opacity: 0.7;
}
.skilldetailsL_class{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 10px;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.skilldetailsL_class a{
    font-size: 12px;
    color: #191919;
    line-height: 26px;
    padding: 0 8px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D5D5D5;
    flex: 0 0 auto;
}
.skilldetailsL1{
    width: 100%;
    margin-top: 20px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADCE0;
    position: relative;
}
.skilldetailsL1_body > div {
    display: none;
}
.skilldetailsL1_header{
    width: 100%;
    height: 48px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #E5E7EB;
}
.skilldetailsL1_header > button{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D5D5D5;
    padding: 0 10px;
    cursor: pointer;
}
.skilldetailsL1_header > button span{
    font-size: 16px;
    color: #191919;
    line-height: 28px;
}
.skilldetailsL1_header > button:nth-of-type(1) b{
    width: 14px;
    height: 14px;
    background: url(/assets/images/skilldetailsL1_header1.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(1).layui-this b{
    background: url(/assets/images/skilldetailsL1_header1s.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(2) b{
    width: 14px;
    height: 14px;
    background: url(/assets/images/skilldetailsL1_header2.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header > button:nth-of-type(2).layui-this b{
    background: url(/assets/images/skilldetailsL1_header2s.png) no-repeat;
    background-size: contain;
}
.skilldetailsL1_header button.layui-this {
    border-color: #2B37E3;
    background: #2B37E3;
}
.skilldetailsL1_header button.layui-this span{
    color: #ffffff;
}
.skilldetailsL1_details{
    width: 100%;
    padding: 10px;
    padding-top: 0;
}
.skilldetailsL1_details h2{
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    margin: 15px 0;
}
.skill_score{
    width: 100%;
    margin-top: 15px;
}
.skill_score_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.skill_score1{
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border-radius: 23px;
}
.skill_score.score80-100 .skill_score1{
    background: #DBFAEE;
}
.skill_score.score50-80 .skill_score1{
    background: #FFF8CE;
}
.skill_score.score10-50 .skill_score1{
    background: #FFE5CE;
}
.skill_score.score0-10 .skill_score1{
    background: #FADBDB;
}
.skill_score.score80-100 .skill_score1 img{
    width: 12px;
    height: 14px;
}
.skill_score.score50-80 .skill_score1 img{
    width: 14px;
    height: 14px;
}
.skill_score.score10-50 .skill_score1 img{
    width: 14px;
    height: 13px;
}
.skill_score.score0-10 .skill_score1 img{
    width: 12px;
    height: 14px;
}
.skill_score1 span{
    font-size: 16px;
    line-height: 28px;
}
.skill_score.score80-100 .skill_score1 span{
    color: #009563;
}
.skill_score.score50-80 .skill_score1 span{
    color: #EAAB02;
}
.skill_score.score10-50 .skill_score1 span{
    color: #FD5F05;
}
.skill_score.score0-10 .skill_score1 span{
    color: #F93333;
}
.skill_score2{
    width: 100%;
    margin-top: 10px;
    display: none;
}
.skill_score2.skill_score2_m{
    display: block;
}
.skill_score2_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.skill_score2_top span{
    font-size: 12px;
    line-height: 14px;
}
.skill_score2_top span:first-of-type{
    color: #51546B;
}
.skill_score.score80-100 .skill_score2_top span:last-of-type{
    color: #009563;
}
.skill_score.score50-80 .skill_score2_top span:last-of-type{
    color: #EAAB02;
}
.skill_score.score10-50 .skill_score2_top span:last-of-type{
    color: #F97317;
}
.skill_score.score0-10 .skill_score2_top span:last-of-type{
    color: #F91717;
}
.skill_score2_progress{
    width: 100%;
    height: 10px;
    background: #E3E4E8;
    border-radius: 8px;
    margin-top: 10px;
    position: relative;
}
.skill_score2_progress span{
    display: block;
    height: 10px;
    position: absolute;
    border-radius: 8px;
    left: 0;
    top: 0;
}
.skill_score.score80-100 .skill_score2_progress span{
    background: linear-gradient( 270deg, #7FFFB7 0%, #22C55E 100%);
}
.skill_score.score50-80 .skill_score2_progress span{
    background: linear-gradient( 270deg, #FFDB3D 0%, #FFCD30 100%);
}
.skill_score.score10-50 .skill_score2_progress span{
    background: linear-gradient( 270deg, #FFC53D 0%, #FDA000 100%);
}
.skill_score.score0-10 .skill_score2_progress span{
    background: linear-gradient( 270deg, #B91C1D 0%, #FD0000 100%);
}
.skill_score_bottom{
    width: 100%;
    margin-top: 15px;
}
.skill_score_bottom > span{
    font-size: 16px;
    color: #51546B;
    line-height: 18px;
}
.skill_score_bottom > div{
    width: 100%;
    display: flex;
    gap: 6px;
    margin-top: 6px;
}
.skill_score_bottom > div img{
    width: 14px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 3px;
}
.skill_score_bottom > div p{
    width: auto;
    flex: 1;
    font-size: 16px;
    color: #303437;
    line-height: 18px;
}
.skill_score_bottom > div p span{
    color: #7B7E92;
}
.skilldetailsL1_details > p{
    font-size: 16px;
    color: #3A4045;
    line-height: 22px;
    margin: 15px 0;
    word-break: break-all;
}
.skill_FAQ > div{
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADCE0;
    padding: 6px 10px;
    margin-top: 10px;
}
.skill_FAQ > div span{
    font-size: 16px;
    color: #333333;
    line-height: 18px;
}
.skill_FAQ > div p{
    font-size: 14px;
    color: #58667E;
    line-height: 22px;
    margin-top: 5px;
}
.skilldetails_toGitHub{
    position: absolute;
    right:  10px;
    top: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.skilldetails_toGitHub > span{
    font-size: 12px;
    color: #51546B;
    line-height: 14px;
}
.skilldetails_toGitHub > b{
    width: 11px;
    height: 9px;
}
.skilldetailsL1_skillmd{
    width: 100%;
    padding: 10px;
    padding-top: 0;
}
.skilldetailsL1_skillmd h2{
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    margin: 15px 0;
}
.skilldetailsL1_skillmd p{
    font-size: 16px;
    color: #3A4045;
    line-height: 22px;
    margin: 15px 0;
    word-break: break-all;
}
.skilldetailsL1_skillmd li{
    font-size: 16px;
    color: #58667E;
    line-height: 22px;
    padding-left: 16px;
    position: relative;
    margin: 10px 0;
}
.skilldetailsL1_skillmd li::after{
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 8px;
    height: 8px;
    background: #58667E;
    border-radius: 50%;
}
.skilldetailsL2{
    width: 100%;
    margin-top: 20px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADCE0;
}
.skilldetailsL2_title{
    width: 100%;
    height: 34px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.skilldetailsL2_title h2{
    font-size: 18px;
    color: #000000;
}
.skilldetailsL2_title span{
    font-size: 16px;
    color: #58667E;
    line-height: 18px;
}
.skillFiles{
    width: 100%;
    height: 36px;
    border-top: 1px solid #E5E7EB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    gap: 10px;
}
.skillFiles > a{
    font-size: 16px;
    color: #482DE1;
    flex: 0 0 auto;
}
.skillFilesL{
    flex: 1;
    width: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 8px;
}
.skillFilesL > b{
    width: 12px;
    height: 15px;
    background: url(/assets/images/skillFilesL.png) no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.skillFilesL > a{
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #3A4045;
    line-height: 18px;
}
.skillFilesL > span{
    color: #7B8CA9;
    font-size: 16px;
    line-height: 18px;
    flex: 0 0 auto;
}
.skilldetailsR{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.skilldetailsR2{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 10px;
}
.skilldetailsR2 h2{
    font-size: 18px;
    color: #000000;
    line-height: 22px;
}
.skilldetailsR2 > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}
.skilldetailsR2s{
    background: #EFF2F5;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #EFF2F5;
}
.skilldetailsR2s:hover{
    border: 1px solid #2B37E3;
}
.skilldetailsR2s > a{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}
.skilldetailsR2s > div{
    width: 100%;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.skilldetailsR2s_time{
    display: flex;
    align-items: center;
    gap: 5px;
}
.skilldetailsR2s_time b{
    width: 12px;
    height: 12px;
    background: url(/assets/images/aiin1_2_time.png) no-repeat;
    background-size: contain;
    opacity: 0.7;
}
.skilldetailsR2s_time span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
}
.skilldetailsR2s .xix_star b{
    width: 14px;
    height: 14px;
}
.skilldetailsR2s .xix_star span{
    font-size: 12px;
    line-height: 14px;
}
.skilldetailsR1s_body > div {
    display: none;
}
.skilldetailsR1s{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px #E9E9E9;
    border-radius: 8px;
    padding: 10px;
}
.skilldetailsR1s h2{
    font-size: 18px;
    color: #000000;
    line-height: 22px;
}
.skilldetailsR1s_header{
    width: 100%;
    margin-top: 10px;
    height: 34px;
    background: #EFF6FF;
    border-radius: 4px;
    padding: 2px;
    display: flex;
    align-items: center;
}
.skilldetailsR1s_header button{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    gap: 4px;
    cursor: pointer;
}
.skilldetailsR1s_header button:first-of-type b{
    width: 12px;
    height: 11px;
    background: url(/assets/images/skilldetailsR1s_header1.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button:first-of-type.layui-this b{
    background: url(/assets/images/skilldetailsR1s_header1s.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button span{
    font-size: 14px;
    color: #2B37E3;
    line-height: 16px;
}
.skilldetailsR1s_header button:last-of-type b{
    width: 12px;
    height: 11px;
    background: url(/assets/images/skilldetailsR1s_header2.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button:last-of-type.layui-this b{
    background: url(/assets/images/skilldetailsR1s_header2s.png) no-repeat;
    background-size: contain;
}
.skilldetailsR1s_header button.layui-this {
    background: #2B37E3;
    border-radius: 4px;
}
.skilldetailsR1s_header button.layui-this span{
    color: #FFFFFF;
}
.skilldetailsR1s_body1 p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-top: 10px;
}
.skilldetailsR1s_body1 p span{
    background: #EFF2F5;
    border-radius: 2px;
}
.skill_downloadzip{
    display: block;
    width: 100%;
    height: 34px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 12px;
}
.skill_downloadzip > b{
    width: 12px;
    height: 11px;
    background: url(/assets/images/skilldetailsR1s_header1s.png) no-repeat;
    background-size: contain;
}
.skill_downloadzip span{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
}
.skilldetailsR1s_body2 > p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-top: 10px;
}
.skill_clone{
    width: 100%;
    margin-top: 10px;
    background: #F0F1FD;
    border-radius: 4px;
    padding: 10px;
    overflow-y: auto;
    max-height: 140px;
    scrollbar-width: thin;
    scrollbar-color: #CED2DF #F0F1FD;
}
.skill_clone::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px;
}
.skill_clone::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}
.skill_clone::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}
.skill_clone::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.skill_clone p{
    display: inline;
    font-size: 14px;
    color: #7C7887;
    line-height: 20px;
}
.skill_clone_copy{
    width: auto;
    height: 18px;
    align-items: center;
    gap: 5px;
    display: inline-flex;
    background: #EFF6FF;
    border-radius: 2px;
    border: 1px solid #2B37E3;
    padding: 0 5px;
    transform: translateY(2px);
}
.skill_clone_copy.active{
    width: auto;
    height: 18px;
}
.skill_clone_copy img{
    width: 12px;
    height: 14px;
}
.skill_clone_copy.active img{
    width: 14px;
    height: 14px;
}
.skill_clone_copy span{
    display: block;
    font-size: 12px;
    color: #2B37E3;
    line-height: 18px;
}
.skilldetailsR1s_info{
    width: 100%;
    margin-top: 5px;
    padding: 5px 0;
    border-top: 1px solid #DADCE0;
    border-bottom: 1px solid #DADCE0;
    display: flex;
    flex-direction: column;
}
.skilldetailsR1s_info > span,
.skilldetailsR1s_info > p{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.skilldetailsR1s_info > p span{
    background: #EFF2F5;
    border-radius: 2px;
}
.skilldetailsR1s_repository{
    width: 100%;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
.skilldetailsR1s_repository span{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.skilldetailsR1s_repository a{
    font-size: 14px;
    color: #2B37E3;
    line-height: 20px;
}
.skilllist .aimain5_sp{
    display: flex;
    width: 100%;
    margin: 20px 0;
}
.skilllist{
    padding-bottom: 1px;
}
.aimain2f{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.aimain2f_L{
    width: 100%;
}
.aimain2f_R{
    width: 100% !important;
    padding-bottom: 20px;
    position: static !important;
}
.aimain2f_R > div{
    padding: 16px;
}
.indexR1_main{
    display: none;
}
.aimain2f_R_more{
    display: none;
}
.indexR1_main_m{
    height:  400px;
    margin-top: 10px;
    padding-bottom: 37px !important;
}
.indexR1_main_m .swiper-pagination-bullet,
.indexR2_main_m .swiper-pagination-bullet,
.indexR4_m .swiper-pagination-bullet{
    width: 3px;
    height: 3px;
}
.indexR1_main_m .swiper-pagination-bullet-active,
.indexR2_main_m .swiper-pagination-bullet-active,
.indexR4_m .swiper-pagination-bullet-active{
    width: 16px;
    height: 3px;
    background: #2B37E3;
    border-radius: 2px;
}
.indexR_title h2{
    font-size: 18px;
    line-height: 20px;
}
.indexR1_main_m.swiper{
    display: block;
}
.indexR_title h2{
    flex: 1;
}
.indexR_title > a{
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}
.indexR_title > a span{
    font-size: 12px;
    color: #2B37E3;
    line-height: 14px;
}
.indexR_title > a b{
    width: 12px;
    height: 10px;
    background: url(/assets/images/skilldetails_toGitHubs.png) no-repeat;
    background-size: contain;
}
.indexR2s{
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.indexR2s > span{
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    flex: 0 0 auto;
    min-width: 16px;
    text-align: right;
    background-image: linear-gradient(to bottom, #B8B8B8 0%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.indexR2s:nth-of-type(1) > span{
    background-image: linear-gradient(to bottom, #B8B8B8 0%, #999999 100%);
}
.indexR2_main_m .swiper-slide:nth-of-type(1) .indexR2s > span{
    background-image: linear-gradient(to bottom, #FFBD39 0%, #E3AF2B 100%);
}
.indexR2_main_m .swiper-slide:nth-of-type(2) .indexR2s > span{
    background-image: linear-gradient(to bottom, #FF7439 0%, #FF4E31 100%);
}
.indexR2_main_m .swiper-slide:nth-of-type(3) .indexR2s > span{
    background-image: linear-gradient(to bottom, #399DFF 0%, #2B37E3 100%);
}
.indexR2s > div{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}
.indexR2s:first-of-type > div{
    flex-direction: row;
    gap: 5px;
    border-radius: 0;
    border:none;
}
.indexR2s:first-of-type .indexR2s_img{
    display: block;
    width: 120px;
    height: 74px;
    border-radius: 4px;
    flex: 0 0 auto;
    overflow: hidden;
}
.indexR2s_img{
    display: block;
    width: 90px;
    height: 50px;
    border-radius: 4px;
    flex: 0 0 auto;
    overflow: hidden;
}
.indexR2s_img img{
    width: 100%;
    height: 100%;
}
.indexR2s_info{
    flex: 1;
    width: auto;
    height: 74px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    
}
.indexR2s:first-of-type .indexR2s_info{
    width: 100%;
    height: 74px;
    background: none;
    border-radius: 0;
    padding: 0;
}
.indexR2s_info > a{
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
}
.indexR2s:first-of-type .indexR2s_info > a{
    -webkit-line-clamp: 1;
}
.indexR2s_info > p{
    display: none;
}
.indexR2s:first-of-type .indexR2s_info > p{
    font-size: 12px;
    color: #51546B;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
}
.indexR2s_info > div{
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    overflow: hidden;
    gap: 20px;
}
.indexR2s:first-of-type .indexR2s_info > div{
    margin-top: 0;
}
.indexR2s_time,
.indexR2s_hot{
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
}
.indexR2s_time b{
    width: 12px;
    height: 12px;
    background: url(/assets/images/skilllist2s2_time.png) no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.indexR2s_hot b{
    display: block;
    width: 12px;
    height: 11px;
    background: url(/assets/images/indexR2s_hot.png) no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}
.indexR2s_info > div > div > span{
    font-size: 12px;
    color: #6B7280;
    line-height: 14px;
    flex: 1;
    width: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: translateY(1px);
}
.indexR2s_info .indexR2s_hot > span{
    transform: translateY(1px);
}
.indexR2_main{
    display: none;
}
.indexR2_main_m{
    width: 100%;
    margin-top: 10px;
    height: 280px;
    padding-bottom: 37px !important;
}
.indexR4 .prompt_word2RMs_p{
    display: flex;
    gap: 5px;
}
.indexR4 .prompt_word2RMs_p_btn{
    display: flex;
    align-items: center;
    gap: 3px;
    flex: 0 0 auto;
    padding: 0 13px;
    background: linear-gradient( 270deg, #2160FF 0%, #9A60FF 100%);
    border-radius: 4px;
    border: 1px solid transparent;
}
.indexR4 .prompt_word2RMs_p_btn b{
    width: 12px;
    height: 12px;
    background: url(/assets/images/prompt_word2LMs5_btn_hover.png) no-repeat;
    background-size: contain;
}
.indexR4 .prompt_word2RMs_p_btn span{
    display: block;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.indexR4 .prompt_word2RMs_p_btn.active{
    background: #EFF6FF;
    border-radius: 4px;
    border: 1px solid #2B37E3;
}
.indexR4 .prompt_word2RMs_p_btn.active b{
    background: url(/assets/images/tjmain2sRs.png) no-repeat;
    background-size: contain;
}
.indexR4 .prompt_word2RMs_p_btn.active span{
    color: #2B37E3;
}
.indexR2_main_m.swiper{
    display: block;
}
.indexR4_m{
    width: 100%;
    margin-top: 10px;
    height: 310px;
    padding-bottom: 37px !important;
}
.indexR4 .prompt_word2RM{
    display: none;
}
.indexR4_m.swiper{
    display: block;
}
.indexR4_m .swiper-slide:nth-of-type(6n+1) .prompt_word2RMs{
    background-image: url(/assets/images/prompt_word2RMs1.png);
    background-size: 100% 100%;
}
.indexR4_m .swiper-slide:nth-of-type(6n+2) .prompt_word2RMs{
    background-image: url(/assets/images/prompt_word2RMs2.png);
    background-size: 100% 100%;
}
.indexR4_m .swiper-slide:nth-of-type(6n+3) .prompt_word2RMs{
    background-image: url(/assets/images/prompt_word2RMs3.png);
    background-size: 100% 100%;
}
.indexR4_m .swiper-slide:nth-of-type(6n+4) .prompt_word2RMs{
    background-image: url(/assets/images/prompt_word2RMs4.png);
    background-size: 100% 100%;
}
.indexR4_m .swiper-slide:nth-of-type(6n+5) .prompt_word2RMs{
    background-image: url(/assets/images/prompt_word2RMs5.png);
    background-size: 100% 100%;
}
.indexR4_m .swiper-slide:nth-of-type(6n+6) .prompt_word2RMs{
    background-image: url(/assets/images/prompt_word2RMs6.png);
    background-size: 100% 100%;
}
}

/********************************************************************/
@font-face {
    font-family: "xingxing";
    /* Project id  */
    src: url('../font/iconfont2.ttf') format('truetype');
}

.xingxing {
    font-family: "xingxing" !important;
    font-size: 14px;
    font-style: normal;



}

.xingxing:before {
    content: "\e60f";
}