* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img {
    object-fit: cover;
}
a {
    text-decoration: none;
    color: #000000;
}
li {
    list-style: none;
}
body{
    overflow-x: hidden;
}
/* index2 */
.index2body header{
    width: 100%;
    height: 80px;
    border: none;
    border-bottom: 1px solid #F3F3F3;
    box-shadow: 0px 0px 15px 0px rgba(198,198,198,0.35);
    background-color: #ffffff;
}
.index2body .header{
    width: 1366px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index2body .header_L{
    display: block;
    width: 183px;
    height: 62px;
}
.index2body .header_L img{
    width: 100%;
    height: 100%;
}
.index2body .header_M{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    height: 100%;
}
.index2body .header_nav{
    display: flex;
    align-items: center;
    gap: 3px;
}
.index2body .header_nav > span{
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
}
.index2body .header_nav > b{
    background:url(../images/header_Ms.png) no-repeat;
    background-size: contain;
    width:11px;
    height:7px;
    transform: translateY(3px);
}
.index2body .header_Ms:hover .header_nav > span{
    color: #E74237;
}
.index2body .header_Ms:hover .header_nav > b{
    background:url(../images/header_Ms_hover.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hide{
    display: none;
    opacity: 0;
    z-index: 2;
}
.index2body .header_Ms:hover .header_nav > span,
.index2body .header_Ms.active .header_nav > span{
    position: relative;
}
.index2body .header_Ms:hover .header_nav > span::after,
.index2body .header_Ms.active  .header_nav > span::after{
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 50%;
    height: 5px;
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
    border-radius: 3px;
    min-width: 40px;
}
.index2body .header_Ms.active .header_nav > span{
    color: #E74237;
}
.index2body .header_Ms.active .header_nav > b{
    background:url(../images/header_Ms_hover.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.index2body .header_Ms:hover > .header_Ms_hide{
    display: flex;
    opacity: 1;
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px #F1F1F1;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #F3F3F3;
    min-width: 205px;
    padding: 20px;
    display: flex;
    gap: 24px;
}
.index2body .header_Ms_hides{
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.index2body .header_Ms_hides > span{
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
    padding-left: 4px;
    padding-bottom: 5px;
}
.index2body .header_Ms_hides > a{
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 165px;
    height: 41px;
    border-radius: 5px;
}
.index2body .header_Ms_hides > a:hover{
    background: #F3F3F3;
}
.index2body .header_Ms_hides > a b{
    width: 32px;
    height: 32px;
    margin: 0;
}
.index2body .header_Ms_hides > a span{
    font-size: 16px;
    color: #333333;
    line-height: 18px;
}
.index2body .header_Ms_hides > a:hover span{
    color: #E74237;
}
.index2body .header_Ms_hides > a.tselecta-word-to-pdf b{
    background:url(../images/header_Ms_hides1.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-ppt-to-pdf b{
    background:url(../images/header_Ms_hides2.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-excel-to-pdf b{
    background:url(../images/header_Ms_hides3.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-image-to-pdf b{
    background:url(../images/header_Ms_hides4.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-html-to-pdf b{
    background:url(../images/header_Ms_hides5.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-to-word b{
    background:url(../images/header_Ms_hides6.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-to-ppt b{
    background:url(../images/header_Ms_hides7.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-to-excel b{
    background:url(../images/header_Ms_hides8.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-to-image b{
    background:url(../images/header_Ms_hides9.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-to-pdfa b{
    background:url(../images/header_Ms_hides10.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-merge b{
    background:url(../images/header_Ms_hides11.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-split b{
    background:url(../images/header_Ms_hides12.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-delete b{
    background:url(../images/header_Ms_hides13.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-extract b{
    background:url(../images/header_Ms_hides14.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-arrange b{
    background:url(../images/header_Ms_hides15.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-scan b{
    background:url(../images/header_Ms_hides16.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-compress b{
    background:url(../images/header_Ms_hides17.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-repair b{
    background:url(../images/header_Ms_hides18.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-OCR b{
    background:url(../images/header_Ms_hides19.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-rotate b{
    background:url(../images/header_Ms_hides20.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-add-page-number b{
    background:url(../images/header_Ms_hides21.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-add-watermark b{
    background:url(../images/header_Ms_hides22.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-crop b{
    background:url(../images/header_Ms_hides23.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-edit b{
    background:url(../images/header_Ms_hides24.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-form b{
    background:url(../images/header_Ms_hides25.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-unlock b{
    background:url(../images/header_Ms_hides26.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-encryption b{
    background:url(../images/header_Ms_hides27.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-signature b{
    background:url(../images/header_Ms_hides28.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-marked-ciphertext b{
    background:url(../images/header_Ms_hides29.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-compare b{
    background:url(../images/header_Ms_hides30.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-AI-summary b{
    background:url(../images/header_Ms_hides31.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_hides > a.tselecta-pdf-translation b{
    background:url(../images/header_Ms_hides32.png) no-repeat;
    background-size: contain;
}
.index2body .header_Ms_sp.header_Ms{
    position: static;
}
.index2body .header_Ms_sp.header_Ms .header_Ms_hide{
    width: 1366px;
    justify-content: space-between;
    z-index: 2;
}
.index2body .header_nav strong{
    font-size: 10px;
    color: #FFFFFF;
    line-height: 15px;
    padding: 0 2px;
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
    border-radius: 5px;
    color: #ffffff;
    position: absolute;
    right: -23px;
    top: -4px;
}
.index2body .header_Ms_new .header_nav{
    position: relative;
}
.index2body .header_R{
    display: flex;
    align-items: center;
    gap: 15px;
}
.index2body .header_R_vip,
.index2body .header_R_login{
    display: flex;
    align-items: center;
    gap: 2px;
}
.index2body .header_R_vip > b{
    background:url(../images/header_R_vip.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    margin-right: 5px;
}
.index2body .header_R_login > b{
    background:url(../images/header_R_login.png) no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    margin-right: 5px;
}
.index2body .header_R_login a{
    margin: 0;
}
.index2body .header_R_vip:hover > b{
    background:url(../images/header_R_vip_hover.png) no-repeat;
    background-size: contain;
}
.index2body .header_R_login:hover > b{
    background:url(../images/header_R_login_hover.png) no-repeat;
    background-size: contain;
}
.index2body .header_R_vip:hover > span{
    color: #E74237;
}
.index2body .header_R_login > a:hover {
    color: #E74237;
}
.index2body .indexmain1{
    width: 100%;
    background-image: url(../images/indexmain1L.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 390px;
    display: flex;
    align-items: center;
}
.index2body .indexmain1 > div{
    width: 1366px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index2body .indexmain1R{
    width: 652px;
    height: 357px;
}
.index2body .indexmain1R img{
    width: 100%;
    height: 100%;
}
.index2body .indexmain1L{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 28px;
}
.index2body .indexmain1L h2{
    font-size: 52px;
    color: #333333;
    line-height: 55px;
    font-weight: 700;
}
.index2body .indexmain1L h2 span{
    background: linear-gradient(to right, #F13536, #FD4A20, #F73E61, #FB2C8E, #7403FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.index2body .indexmain1L > span{
    font-size: 18px;
    color: #8B8B8B;
    line-height: 20px;
}
.index2body .indexmain1L_search{
    width: 631px;
    height: 60px;
    box-shadow: 0px 0px 15px 0px #FDCACA;
    border: 3px solid transparent;
    background: linear-gradient(136deg, #ffffff) padding-box, linear-gradient(to right, #E74237, #FE6B53, #FA2B7A) border-box;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index2body .indexmain1L_search:hover{
    box-shadow: 0px 0px 15px 0px #FD9C9C;
    border: 3px solid #E74237;
}
.index2body .indexmain1L_search input::placeholder{
    color: #999999;
}
.index2body .indexmain1L_search input{
    flex: 1;
    font-size: 16px;
    color: #000;
    padding: 0 15px;
}
.index2body .indexmain1L_search button{
    flex: 0 0 auto;
    border: none;
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
    height: 100%;
    padding: 0 15px;
    cursor: pointer;
}
.index2body .indexmain1L_search button:hover{
    background: linear-gradient(to right, #FC1E1E, #F20172);
}
.index2body .indexmain1L_search button img{
    width: 24px;
    height: 23px;
}
.index2body .indexmain1L_search button span{
    font-size: 20px;
    color: #FFFFFF;
    line-height: 22px;
    font-weight: bold;
}
.index2body .indexmain1L_suggestion{
    display: flex;
    align-items: center;
    gap: 17px;
}
.index2body .indexmain1L_suggestion a{
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    padding: 0 13px;
    background: #FFFFFF;
    border-radius: 5px;
}
.index2body .indexmain1L_suggestion a:hover{
    color: #E74237;
    background: #FDDADA;
}
.index2body .indexmain1L_download{
    display: flex;
    align-items: center;
    gap: 17px;

}
.index2body .indexmain1L_download button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    border-radius: 21px;
    height: 45px;
    border: none;
    cursor: pointer;
    min-width: 145px;
}
.index2body .indexmain1L_download button span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    font-weight: bold;
}
.index2body .indexmain1L_download_win{
    background: linear-gradient(to right, #E74237, #FE6B53);
}
.index2body .indexmain1L_download_mac{
    background: linear-gradient(to right, #FE6B53, #F73E61);
}
.index2body .indexmain1L_download_android{
    background: linear-gradient(to right, #F73E61, #FB2C8E);
}
.index2body .indexmain1L_download_ios{
    background: linear-gradient(to right, #FD0290, #7403FF);
}
.index2body .indexmain1L_download_win:hover{
    background: linear-gradient(to right, #FF1000, #FD4F33);
    box-shadow: 0px 0px 15px 0px #FD6C6D;
}
.index2body .indexmain1L_download_mac:hover{
    background: linear-gradient(to right, #FE553A, #FE2769);
    box-shadow: 0px 0px 15px 0px #FD6C6D;
}
.index2body .indexmain1L_download_android:hover{
    background: linear-gradient(to right, #FE2769, #FE00AD);
    box-shadow: 0px 0px 15px 0px #FD6C6D;
}
.index2body .indexmain1L_download_ios:hover{
    background: linear-gradient(to right, #E40282, #5C00CE);
    box-shadow: 0px 0px 15px 0px #FD6C6D;
}
.index2body .indexmain1L_download_win img{
    width: 20px;
    height: 18px;
}
.index2body .indexmain1L_download_mac img{
    width: 16px;
    height: 20px;
}
.index2body .indexmain1L_download_android img{
    width: 17px;
    height: 21px;
}
.index2body .indexmain1L_download_ios img{
    width: 16px;
    height: 20px;
}
.index2body .indexmain2{
    width: 100%;
}
.index2body .indexmain2 > div{
    width: 1366px;
    margin: 0 auto;
}
.index2body #indexmain21_body .indexmain21s {
    display: none;
}
.index2body #indexmain21_body .indexmain21s.active {
    display: grid;
}
.index2body .indexmain21{
    width: 100%;
    margin-top: 40px;
}
.index2body .indexmain21_title{
    width: 100%;
    height: 60px;
    box-shadow: 0px 0px 15px 0px #EEEEEE;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 24px;
}
.index2body .indexmain21_title button{
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
    padding: 0 13px;
    border: none;
    background-color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
}
.index2body .indexmain21_title button:hover{
    color: #E74237;
}
.index2body .indexmain21_title button.active{
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
    color: #ffffff;
}
.index2body .indexmain21_body{
    width: 100%;
    margin-top: 30px;
}
.index2body .indexmain21s{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}
.index2body .indexmain21_bodys{
    width: 100%;
    padding: 23px 20px;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    gap: 16px;
}
.index2body .indexmain21_bodys:hover{
    border: 1px solid #E74237;
    box-shadow: 0px 0px 15px 0px #E6E6E6;
}
.index2body .indexmain21_bodys > a{
    display: block;
    width: 69px;
    height: 69px;
    flex: 0 0 auto;
}
.index2body .indexmain21_bodys > a img{
    width: 100%;
    height: 100%;
}
.index2body .indexmain21_bodys > div{
    flex: 1;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.index2body .indexmain21_bodys > div a{
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
}
.index2body .indexmain21_bodys > div a:hover{
    color: #E74237;
}
.index2body .indexmain21_bodys > div p{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index2body .indexmain22{
    width: 100%;
    margin-top: 40px;
}
.index2_title{
    display: flex;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index2_title  h2{
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
}
.index2_title  h2 span{
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.index2_title > a{
    display: flex;
    align-items: center;
    gap: 4px;
}
.index2_title > a span{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
}
.index2_title > a b{
    background:url(../images/icon27.png) no-repeat;
    background-size: contain;
    width: 6px;
    height: 11px;
}
.index2_title > a:hover b{
    background:url(../images/icon28.png) no-repeat;
    background-size: contain;
}
.index2_title > a:hover span{
    color: #E74237;
}
.index2body .indexmain22M{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index2body .indexmain22s{
    width: 250px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    padding: 7px;
}
.index2body .indexmain22s:hover{
    border: 1px solid #E74237;
    box-shadow: 0px 0px 15px 0px #E6E6E6;
}
.index2body .indexmain22s > a{
    width: 100%;
    aspect-ratio: 236/141;
    height: auto;
    display: block;
}
.index2body .indexmain22s > a img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.index2body .indexmain22s > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 13px;
    padding: 0 10px 8px 10px ;
}
.index2body .indexmain22s > div a{
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .indexmain22s > div a:hover{
    color: #E74237;
}
.index2body .indexmain22s > div p{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    margin-top: 10px;
}
.index2body .indexmain22s_info{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 26px;
}
.index2body .indexmain22s_info > div{
    display: flex;
    align-items: center;
    gap: 4px;
}
.index2body .indexmain22s_info > div:first-of-type img{
    width: 16px;
    height: 16px;
}
.index2body .indexmain22s_info > div:last-of-type img{
    width: 18px;
    height: 13px;
}
.index2body .indexmain22s_info > div span{
    font-size: 12px;
    color: #999999;
    line-height: 14px;
}
.index2body .indexmain23{
    width: 100%;
    margin-top: 40px;
}
.index2body .indexmain23 .index2_title{
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 5px solid #F9F9F9;
}
.index2body .indexmain23 .index2_titleL p{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    margin-top: 13px;
}
.index2body .index2_titleR{
    width: 350px;
    height: 40px;
    background: #F7F7F7;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    display: flex;
    align-items: center;
    padding: 0 13px;
}
.index2body .index2_titleR:hover{
    border: 1px solid #E74237;
}
.index2body .index2_titleR input{
    flex: 1;
    border: none;
    color: #000;
    font-size: 16px;
    line-height: 35px;
    background-color: #F7F7F7;
}
.index2body .index2_titleR input::placeholder{
    color: #999999;
}
.index2body .index2_titleR button{
    border: none;
    background-color: #F7F7F7;
    width: 20px;
    height: 20px;
    background:url(../images/index2_titleR.png) no-repeat;
    cursor: pointer;
    background-size: contain;
}
.index2body .index2_titleR button:hover{
    background:url(../images/index2_titleR_hover.png) no-repeat;
    background-size: contain;
}
.index2body .indexmain23M{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.index2body .indexmain23ML{
    width: 976px;
    display: flex;
    flex-direction: column;
}
.index2body .indexmain23MLs{
    border-bottom: 1px solid #F3F3F3;
    width: 100%;
    padding: 25px 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.index2body .indexmain23MLs:hover{
    background: #F7F7F7;
}
.index2body .indexmain23MLs:hover  > div > a{
    color: #E74237;
}
.index2body .indexmain23MLs:hover .indexmain23MLs_info1 a{
    background: #FFFFFF;
    color: #666666;
}
.index2body .indexmain23MLs:hover .indexmain23MLs_info1 a:hover{
    background: #FEE1E1;
    color: #E74237;
}
.index2body .indexmain23MLs > a{
    display: block;
    width: 187px;
    height: 110px;
    flex: 0 0 auto;
}
.index2body .indexmain23MLs > a img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.index2body .indexmain23MLs > div{
    flex: 1;
    display: flex;
    width: auto;
    flex-direction: column;
    gap: 8px;
}
.index2body .indexmain23MLs > div > a{
    font-size: 18px;
    color: #333333;
    display: block;
    width: 100%;
    line-height: 19px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .indexmain23MLs > div > a:hover{
    color: #E74237;
}
.index2body .indexmain23MLs > div p{
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}
.index2body .indexmain23MLs_info{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.index2body .indexmain23MLs_info1{
    flex: 1;
    width: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 25px;
    overflow: hidden;
    gap: 12px;
}
.index2body .indexmain23MLs_info1 a{
    font-size: 12px;
    color: #999999;
    line-height: 25px;
    padding: 0 10px;
    background: #F7F7F7;
    border-radius: 5px;
}

.index2body .indexmain23MLs_info2{
    flex: 0 0 auto;
    width: auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-right: 20px;
}
.index2body .indexmain23MLs_info2 > div{
    display: flex;
    align-items: center;
    gap: 4px;
}
.index2body .indexmain23MLs_info2 > div span{
    font-size: 12px;
    color: #999999;
    line-height: 14px;
}
.index2body .indexmain23MLs_info2 > div:first-of-type img{
    width: 16px;
    height: 15px;
}
.index2body .indexmain23MLs_info2 > div:last-of-type img{
    width: 18px;
    height: 13px;
}
.index2body .indexmain23ML_more{
    width: 100%;
    margin-top: 30px;
    height: 53px;
    background: #F7F7F7;
    border-radius: 5px 5px 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: none;
    cursor: pointer;
}
.index2body .indexmain23ML_more span{
    font-size: 16px;
    color: #999999;
    line-height: 18px;
}
.index2body .indexmain23ML_more b{
    width: 20px;
    height: 20px;
    background:url(../images/icon36.png) no-repeat;
    background-size: contain;
}
.index2body .indexmain23ML_more:hover{
    background: #FEEBEB;
}
.index2body .indexmain23ML_more:hover span{
    color: #E74237;
}
.index2body .indexmain23ML_more:hover b{
    background:url(../images/icon37.png) no-repeat;
    background-size: contain;
}
.indexmain23MR{
    width: 350px;
}
.index2body .indexmain23MR .index2_title{
    border: none;
    padding: 0;
}
.index2body .indexmain23MR1{
    width: 100%;
    margin-top: 24px;
}
.index2body .indexmain23MR1M{
    width: 100%;
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 20px;
    row-gap: 24px;
}
.index2body .indexmain23MR1M > a{
    width: 100%;
    height: 46px;
    background: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
}
.index2body .indexmain23MR1M > a span{
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .indexmain23MR1M > a b{
    flex: 0 0 auto;
    background:url(../images/icon27.png) no-repeat;
    background-size: contain;
    width: 8px;
    height: 13px;
}
.index2body .indexmain23MR1M > a:hover{
    border: 1px solid #E74237;
}
.index2body .indexmain23MR1M > a:hover span{
    color: #E74237;
}
.index2body .indexmain23MR1M > a:hover b{
    background:url(../images/icon28.png) no-repeat;
    background-size: contain;
}
.index2body .indexmain23MR2{
    width: 100%;
    margin-top: 40px;
}
.index2body .indexmain23MR2M{
    width: 100%;
    margin-top: 11px;

}
.index2body .indexmain23MR2Ms{
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
}
.index2body .indexmain23MR2Ms:first-of-type > div::before{
    width: 10px;
    height: 13px;
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
}
.index2body .indexmain23MR2Ms:last-of-type > div::before{
    width: 10px;
    height: 13px;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
}
.index2body .indexmain23MR2Ms > div img.hoverimg{
    display: none;
}
.index2body .indexmain23MR2Ms:hover > div img{
    display: none;
}
.index2body .indexmain23MR2Ms:hover > div img.hoverimg{
    display: block;
}
.index2body .indexmain23MR2Ms:hover > a{
    color: #E74237;
}
.index2body .indexmain23MR2Ms > div{
    flex: 0 0 auto;
    width: 1px;
    height: 40px;
    background: #E9E9E9;
    position: relative;
    margin-left: 7px;
    margin-right: 6px;
}
.index2body .indexmain23MR2Ms > div img{
    position: absolute;
    top: 50%;
    left: 100%;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
    filter: grayscale(0%);
}
.index2body .indexmain23MR2Ms > a{
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    display: block;
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .indexmain24{
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index2body .indexmain24s{
    width: 318px;
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    border-radius: 5px 5px 5px 5px;
    padding: 23px;
    background: #FAFAFA;
}
.index2body .indexmain24s:hover{
    border: 1px solid #E74237;
    box-shadow: 0px 0px 15px 0px #E6E6E6;
}
.index2body .indexmain24s > div{
    display: flex;
    align-items: center;
    gap: 10px;
}
.index2body .indexmain24s > div span{
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
}
.index2body .indexmain24s > p{
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    height: 36px;
}
.index2body .indexmain24s:nth-of-type(1) > div img{
    width: 20px;
    height: auto;
}
.index2body .indexmain24s:nth-of-type(2) > div img{
    width: 30px;
    height: auto;
}
.index2body .indexmain24s:nth-of-type(3) > div img{
    width: 25px;
    height: auto;
}
.index2body .indexmain24s:nth-of-type(4) > div img{
    width: 29px;
    height: auto;
}
.index2body footer{
    width: 100%;
    margin-top: 30px;
    background: #2B2B2B;
    height: auto;
}
.index2body .footer{
    width: 1366px;
    margin: 0 auto;
}
.index2body .footer1{
    width: 100%;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}
.index2body .footer1L{
    display: flex;
    flex: 1;
    width: auto;
    gap: 65px;
    justify-content: space-between;
}
.index2body .footer1Ls{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index2body .footer1Ls span{
    font-size: 18px;
    color: #FEFEFE;
    font-weight: bold;
    line-height: 20px;
}
.index2body .footer1Ls a{
    font-size: 16px;
    color: #999999;
    line-height: 18px;
}
.index2body .footer1Ls a:hover{
    color: #ffffff;
}
.index2body .footer1R{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index2body .footer1R > span{
    font-size: 18px;
    color: #FEFEFE;
    font-weight: bold;
    line-height: 20px;
}
.index2body .footer1R > a{
    width: 165px;
    height: 40px;
    background: #3C3C3C;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.index2body .footer1R > a:hover{
    background: #4E4E4E;
}
.index2body .footer1R > a:hover span{
    color: #ffffff;
}
.index2body .footer1R > a span{
    font-size: 16px;
    color: #999999;
    line-height: 18px;
}
.index2body .footer1R_win b{
    background:url(../images/footer1R_win.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
}
.index2body .footer1R > a.footer1R_win:hover b{
    background:url(../images/footer1R_win_hover.png) no-repeat;
    background-size: contain;
}
.index2body .footer1R_mac b{
    background:url(../images/footer1R_mac.png) no-repeat;
    background-size: contain;
    width: 16px;
    height: 20px;
}
.index2body .footer1R > a.footer1R_mac:hover b{
    background:url(../images/footer1R_mac_hover.png) no-repeat;
    background-size: contain;
}
.index2body .footer1R_qrcode{
    display: flex;
    align-items: center;
    gap: 16px;
    width: 165px;
}
.index2body .footer1R_qrcode > div{
    width: 75px;
    height: 75px;
    background: #3C3C3C;
    border-radius: 5px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index2body .footer1R_qrcode > div > div{
    width: 64px;
    height: 64px;
    padding: 5px;
    background-color: #ffffff;
}
.index2body .footer1R_qrcode img{
    width: 100%;
    height: 100%;
}
.index2body .footer1R_qrcode span{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.index2body .footer2{
    width: 100%;
    height: 76px;
    border-top: 1px solid #3C3C3C;
    display: flex;
    align-items: center;
    justify-content: center;

}
.index2body .footer2 p{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index2body .footer2 p b{
    background: url(../images/icon34.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    margin: 0 8px;
    display: inline-block;
}
.pdft-right{
    margin-left: 20px;
}
.index2body .articlelist_main{
    width: 1366px;
    margin: 0 auto;
    margin-top: 30px;
}
.index2body .articlelist_main1{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.index2body .articlelist_main1L{
    width: 976px;
}
.index2body .atcl_class{
    gap: 18px;
    margin-bottom: 0;
}
.index2body .atcl_class a{
    font-size: 16px;
    color: #333333;
    box-shadow: none;
    background: #FAFAFA;
    border: 1px solid #F3F3F3;
}
.index2body .atcl_class > a.active{
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
    font-weight: bold;
    color: #ffffff;
    border-color: #E74237;
}
.index2body .atcl_class_btn:hover{
    background: linear-gradient(to right, #F74D4D, #FB2C8E) ;
    border-color: #E74237;
}
.index2body .articlelist_main1R{
    width: 350px;
}
.index2body .articlelist_main1R1M{
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index2body .articlelist_main1R1Ms{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
}
.index2body .articlelist_main1R1Ms > a{
    width: 160px;
    height: 96px;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.index2body .articlelist_main1R1Ms > a img{
    width: 100%;
    height: 100%;
}
.index2body .articlelist_main1R1Ms > div{
    width: calc(100% - 178px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
.index2body .articlelist_main1R1Ms > div a{
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .articlelist_main1R1Ms > div p{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .articlelist_main1R1Ms_info{
    display: flex;
    align-items: center;
    gap: 14px;
}
.index2body .articlelist_main1R1Ms_info > div{
    display: flex;
    align-items: center;
    gap: 2px;
}
.index2body .articlelist_main1R1Ms_info > div:first-of-type img{
    width: 17px;
    height: 12px;
}
.index2body .articlelist_main1R1Ms_info > div:last-of-type img{
    width: 14px;
    height: 14px;
}
.index2body .articlelist_main1R1Ms_info > div span{
    font-size: 12px;
    color: #999999;
    line-height: 14px;
}
.index2body .articlelist_main1R1Ms:hover > div > a{
    color: #E74237;
}
.index2body .freeSize .lastbreada:hover{
    color: #333333;
}
.index2body .articlelist_main1R2{
    width: 100%;
    margin-top: 30px;
}
.index2body .articlelist_main1R2M{
    width: 100%;
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    row-gap: 24px;
}
.index2body .articlelist_main1R2M a{
    width: 100%;
    height: 46px;
    border: 1px solid #F3F3F3;
    background: #ffffff;
    border-radius: 5px 5px 5px 5px;
    padding: 7px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.index2body .articlelist_main1R2M a img{
    width: 32px;
    height: 32px;
}
.index2body .articlelist_main1R2M a span{
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    width: calc(100% - 39px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .articlelist_main1R2M a:hover{
    border: 1px solid #E74237;
}
.index2body .articlelist_main1R2M a:hover span{
    color: #E74237;
}
.index2body .article_main{
    width: 1366px;
    margin: 0 auto;
    margin-top: 30px;
}
.index2body .article_main1{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.index2body .article_main1L{
    width: 976px;
}
.index2body .atc-left{
    width: 100%;
    margin: 0;
}
.index2body .artdesc{
    width: 100%;
}
.index2body .article_main1R{
    width: 350px;
}
.index2body .mtbsa{
    margin: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}
.index2body .mtbs{
    display: flex;
    align-items: center;
    gap: 10px;
}
.index2body .mtbsa:hover{
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
}
.index2body .lastanext{
    margin-top: 30px;
}
.index2body .article_main1L_more{
    width: 100%;
    margin-top: 40px;
}
.index2body .article_main1L_moreM{
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 25px;
    column-gap: 30px;
}
.index2body .article_main1L_moreM a{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index2body .article_main1L_moreM a:hover span{
    color: #E74237;
}
.index2body .article_main1L_moreM a img{
    width: 100%;
    aspect-ratio: 220/130;
    height: auto;
    border-radius: 5px;
}
.index2body .article_main1L_moreM a span{
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 44px;
}
.index2body .personal{
    width: 1366px;
}
.index2body .personal_R{
    width: 1076px;
}
.index2body .personal_Ls.active{
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
}
.index2body .personal_Ls.active:hover{
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
}
.index2body .personal_Ls.active span{
    color: #ffffff;
}
.index2body .personal_Ls.active > b:last-of-type{
    background: url(../images/icon72.png) no-repeat;
    background-size: contain;
}
.index2body .personal_Ls:hover{
    background: #FEECEC;
}
.index2body .safety_R{
    width: 1076px;
}
.index2body .personal_order{
    width: 1076px;
}
.index2body .aboutus{
    width: 1366px;
}
.index2body .sundriesR{
    width: 1126px;
}
.index2body .transformation{
    width: 1366px;
}
.index2body .transformationR{
    width: 944px;
    align-self: start;
}
.index2body .transformationR_tip2s{
    width: 277px;
    padding: 15px 11px;
}
.index2body .transformationL_2{
    width: 382px;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-self: start;
}
.index2body .transformationL_2s > span{
    font-size: 20px;
    color: #333333;
    line-height: 2px;
    font-weight: 700;
}
.index2body .transformationL_2s > div{
    width: 100%;
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.index2body .transformationL_2 > div a{
    width: 100%;
    height: 45px;
    background: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}
.index2body .transformationL_2 > div a:hover{
    border: 1px solid #E74237;
}
.index2body .transformationL_2 > div a img{
    width: 31px;
    height: 31px;
    border-radius: 5px;
}
.index2body .transformationL_2 > div a span{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    width: calc(100% - 41px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index2body .transformationL_2 > div a.active{
    box-shadow: 0px 0px 15px 0px rgba(254,189,190,0.35);
    background: linear-gradient(to right, #F74D4D, #FB2C8E);
}
.index2body .transformationL_2 > div a.active span{
    color: #ffffff;
    font-weight: bold;
}
.index2body .preview{
    width: 1366px;
}
.index2body .previewL.model4{
    column-gap: 20px;
}
.topicL_top{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 28px;
    padding-bottom: 30px;
    position: relative;
}
.topicL_top::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #F3F3F3;
    border-radius: 3px;
}
.topicL_top > img{
    width: 330px;
    height: 195px;
    border-radius: 5px;
}
.topicL_top > div{
    width: calc(100% - 358px);
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.topicL_top > div h2{
    font-size: 24px;
    color: #333333;
    line-height: 26px;
    font-weight: 700;
}
.topicL_top > div p{
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 88px
}
.topicL_top_class{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.topicL_top_class > a{
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    padding: 0 10px;
    background: #F7F7F7;
    border-radius: 5px;
}
.topicL_top_class > a:hover{
    color: #E74237;
    background: #FEE1E1;
}
.topicL_top_info{
    display: flex;
    align-items: center;
    gap: 25px;
}
.topicL_top_info > div{
    display: flex;
    align-items: center;
    gap: 8px;
}
.topicL_top_info > div span{
    font-size: 12px;
    color: #999999;
    line-height: 14px;
}
.topicL_top_info > div:first-of-type img{
    width: 14px;
    height: 15px;
}
.topicL_top_info > div:last-of-type img{
    width: 18px;
    height: 13px;
}
.index2body main{
    min-height: calc(100vh - 450px);
}