body, div, h1, h2, h3, h4, h5, h6, p, td, th, span, a, button {
    /*font-family: '思源黑体', sans-serif !important;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif", "微软雅黑";
}


.productintro-content-2024 .introtab .intro-title{
    height: 57px;
    width: 1140px;
}
.productintro-content-2024 .introtab .intro-title .tab-left{
    padding-top: 19px;
}
.productintro-content-2024 {
    font-family: '思源黑体', sans-serif !important;
}

.productintro-content-2024 .introtab .intro-title .tab_list ul li{
    color:#868B97;
    font-size: 16px;
    padding-bottom: 17px;
    margin-top: 22px;
    height: 22px;
}
.productintro-content-2024 .introtab .intro-title .tab_list ul li.active {
    border-bottom: 3px solid #138DFF;
    color: #138DFF;
}
.productintro-content-2024 .introtab .intro-title button {
    float: right;
    border: none;
    border-radius: 16px;
    background: rgb(19, 141, 255);
    width: 90px;
    height: 32px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    margin: 16px 0 0 16px;
}
#productintro .productintro-content-2024.javascript .introtab .introbanner-box .introbanner{
    width: 100%; /* 浣� div 瀹藉害鍗犳弧鐖跺鍣� */
    height: 100vh; /* 楂樺害璁剧疆涓鸿鍙ｉ珮搴︼紝鍙互鏍规嵁闇€瑕佽皟鏁� */
    background: unset;
    background: url('/images/js/xls/xls-js-inrto-banner.png');
    /*background-size: cover; !* 浣胯儗鏅浘瑕嗙洊鏁翠釜 div *!*/
    /*background-position: center; !* 鑳屾櫙鍥惧眳涓樉绀� *!*/
    background-repeat: no-repeat; /* 涓嶉噸澶嶈儗鏅浘 */
	background-position: center top;

}
.productintro-content-2024 .introtab .introbanner-box{
    /*height: 100%;*/
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text {
    width: 1140px;
    margin: auto;
    display: flex;
    /* padding: 50px 0 43px; */
    padding: 50px 0 60px;
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div .introbannertitle {
    font-size: 30px;
    font-weight: 400;
    /*width: 646px;*/
    height: 87px;
    margin-bottom: 36px;
    line-height: 43px;
    margin-top: 24px;
}
.productintro-content-2024 .introbanner-box .introbanner-text div span{
    font-weight:700;
    font-size:60px;
    line-height:87px;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button1{
    /* 鐭╁舰 4 */
    /*position: absolute;*/
    width: 189px;
    height: 66px;
    border-radius: 33px;
    box-shadow: 0px 16px 22px -6px rgba(93, 5, 203, 0.2);
    background: rgb(133, 68, 255);
    margin-right: 50px;
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2{

    width: 189px;
    height: 66px;
    border-radius: 33px;
    box-shadow: 0px 16px 22px -6px rgba(93, 5, 203, 0.2);
    background: rgb(19, 141, 255);
}
.introtab{
    display: flex;
    flex-direction: column; /* 鍨傜洿鎺掑垪 */
    /*height: 100vh; !* 鍗犳弧瑙嗗彛楂樺害 *!*/
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div button{
    float: left;
}
.productintro-content-2024 .introtab .tab-contss {
    position: absolute; /* 缁濆瀹氫綅 */
    top: 80vh; /* 浠庤鍙ｉ珮搴︾殑 50% 寮€濮� */
    height: 40vh; /* 涓嬮儴 div 鍗犵敤瑙嗗彛楂樺害鐨� 50% */
    width: 100%; /* 瀹藉害鍗犳弧 */
    background-color: transparent; /* 閫忔槑鑳屾櫙 */
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box,.productintro-content-2024 .introtab .tab-cont .item .Overview-cardB{
    background-color: transparent;
}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text p{
    font-weight:700;
    font-size:18px;
    color: #606D87;

}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text p strong{
    color: #000C25;
}
.product_icon1{
    background: url("/images/js/xls/Circle-big.png");
    width: 248px;
    height: 248px;
    /* position: relative; */
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
}
.product_icon2{
    background: url("/images/js/xls/Circle-small.png") no-repeat;
    width: 125px;
    height: 125px;
    /* margin: 0 auto; */
    text-align: center;
    /* position: relative; */
}

.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside{
    width: 1140px;
    box-shadow: 0px 4px 24px -3px rgba(93, 5, 203, 0.2);
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1{
    width: auto;
    padding: 30px 29px 28px 35px;
}
.Overview-outside .product_name{
    position: absolute;
    margin-top: 26px;
    margin-left: 63px;
}
.Overview-outside .platform{
    position: absolute;
    margin-top: 204px;
    margin-left: 238px;

}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-images{
    padding: unset;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text{
    padding: unset;
    line-height: 125%;
    width: 742px;
    float: right;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 {
    display: flex;
    margin: auto;
    justify-content: space-between;
}
.productintro-content-2024 .card_list{
    width:1140px;
    height:auto;
    background: rgb(241, 248, 255);
    border-radius:76px;
    padding-top: 25px;

}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card{
    width: 1140px;
    padding-top: 25px;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul{
    border-bottom: unset;
    margin-left: 57px;
    margin-right: 52px;
    /*gap: 62px;*/
    padding: unset;


}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li{
    width: auto;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li.actives p{
    height:24px;
    font-weight:700;
    font-size:16px;
    line-height:23px;
    color: rgb(19, 141, 255);
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li img{
    margin-bottom: 18px;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li{
    padding-bottom: 0px;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li p{
    color:#000C25;
    height:24px;
    font-weight:400;
    font-size:16px;
    line-height:23px;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items .card-text h3{
    font-weight:700;
    font-size:30px;
    line-height:43px;
    color: #000c25;

}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items .card-text p{
    font-weight:400;
    font-size:17px;
    line-height:25px;
    color: #000c25;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items .card-text button{
    width:215px;
    height:65px;
    border-radius:32.5px;
    background: rgb(19, 141, 255);
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items .card-text button a{
    font-weight:700;
    font-size:20px;
    line-height:29px;
    color: rgb(255, 255, 255);
}
.productintro-content-2024 .carditems .card-frame .card-picture{
    /* image.png */
    width: 762px;
    height: 495px;
    border-radius: 30px;
    box-shadow: 0px 7px 24px 4px rgba(44, 143, 236, 0.16);
    float: right;

}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .carditems .card-frame{
    justify-content: space-between;
    padding: 49px 0 156px 0;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items div img{
    width: 100%;
    height: 100%;
    box-shadow:none;
    border-radius: 30px;
}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items .card-text{
    width: 303px;
}
.productintro-content-2024 .card-cont{
    width: 1140px;
    margin: 0 auto;


}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-L h1{
    /* 鐭╁舰 12 */
    color: rgb(19, 141, 255) !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    text-align: left;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text p{
    color: #000c25;
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
}
.productintro-content-2024 .introtab .tab-contss .item .about{
    background: linear-gradient(to right, rgb(196, 225, 255) 50%, rgb(145, 87, 255) 50%);
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text{
    height: 330px;
    width: 1140px;
    padding: 50px 0 0px 0px;
}
.productintro-content-2024 .about-text-L img{
    position: absolute;
    right: 26px;
    bottom: -20px;
    z-index: 9999;
}
.productintro-content-2024 .productintro-content .introtab .tab-contss .item .about .about-text .about-text-L {
    width: 50%;
    position: relative;
    overflow: hidden; /* 闅愯棌瓒呭嚭閮ㄥ垎 */
}
.productintro-content-2024 .about-text-R{
    width: 50%;
    position: relative;
    /*overflow: hidden; !* 闅愯棌瓒呭嚭閮ㄥ垎 *!*/
}
.productintro-content-2024 .about-text-R img{
    position: absolute;
    left: 188px;
    bottom: -45px;
    z-index: 9999;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right{
    margin-left: 93px;
}
#productintro .productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul{
    list-style: none;
}
#productintro .productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li{
    list-style: none;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    width: 157px !important;
    margin-left: 2px;
    margin-bottom: 22px;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li::before{
    display: none;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title h1{
    color: #000c25 !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0px !important;

}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li{
    width:268px;
    height:217px;

    border-radius:30px;
    background: rgb(245, 250, 255);
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li p{
    font-weight:700;
    font-size:18px;
    line-height:26px;
    color: #000C25;
    padding: 0px !important;

}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li:hover p{
    color: rgb(19, 141, 255);
}

.productintro-content-2024 .introtab .tab-contss .operation .operation-text{
    width: 1140px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title {
    position: relative;
    clear: both;
    margin-bottom: 40px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card {
    position: relative;
    clear: both;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title .button{
    /* 缁勫悎 19 */
    width: 176px;
    height: 44px;
    background: url("/images/js/xls/read_more_black.png") no-repeat;
    font-size: 0px;
    position: relative;
    display: block;
    margin: 0px;
    bottom: unset;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title .button a{
    color: #000c25;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: right;
    font-size: 0px;
    bottom: unset;

}
.productintro-content-2024 .operation-title div:first-child{
    float: left;
}
.productintro-content-2024 .operation-title div:nth-child(2){
    float: right;
}
.productintro-content-2024 .operation-title{
    height: 45px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li:hover{
    background: rgb(213, 234, 255);
    border-radius: 30px;
    cursor: pointer;

    box-shadow: 0px 13px 16px -5px rgba(14, 110, 199, 0.24);

}
.productintro-content-2024 .introtab .tab-contss .conversion{
    width: 100%;
    height: auto;
    background: unset;
    /*background-image: url(/images/js/xls/conversion_background.png);*/
    /*background: url('/images/js/xls/conversion_background.png'), linear-gradient(270deg, rgb(227, 233, 238), rgb(237, 240, 244) 100%);*/
    background: url('/images/js/xls/conversion_background.png') no-repeat center top, #E8E8FE;
    background-repeat: no-repeat;
    padding-top: 74px;
    padding-bottom: 50px;
    background-position: center;
}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1{
    /* 鐭╁舰 32 */
    /*    position: absolute;*/
    width: 1140px;
    height: auto;
    /*left: 290px;*/
    /*top: 4094px;*/
    border: 6px solid rgba(255, 255, 255, 0.72);
    border-radius: 30px;

    backdrop-filter: blur(50px);
    background: rgba(0, 44, 135, 0.22);
    padding: 49px 49px 59px 58px;
    /*margin-top: 74px;*/
}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1 .conversion-title h1{
    color: rgb(255, 255, 255) !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    float: left;
    width: 195.59px;
    height: 44px;
    margin: 0px;
}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1 .conversion-title a{
    float: right;
    width: 176px;
    height: 44px;
    background: url("/images/js/xls/readf more.png");
    font-size: 0px;

}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1 .conversion-title p{
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
}
.productintro-content-2024 .conversion-title div{
    display: block;
    height: 44px;
}
.productintro-content-2024 .conversion-img {
    /*background: url("/images/js/xls/conversion_all.png");*/
    width: 1041px;
    height: 335px;

    margin: 0 auto;
    margin-top: 40px;

}
.productintro-content-2024 .introtab .tab-contss .edit{
    display: none;
}

.productintro-content .introtab .tab-contss .main-function .containers1 h1{
    color: #000c25 !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    float: left;
    margin: 0px !important;
}
.productintro-content .introtab .tab-contss .main-function .containers1 a{
    float: right;
    width: 176px;
    height: 44px;
    background: url("/images/js/xls/readf more.png");

}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-title {
    display: block;
    height: 44px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card{
    clear: both;
    /*border-radius: 30px;*/

    /*background: rgb(245, 250, 255);*/
}
.productintro-content-2024 .introtab .tab-contss .main-function .containers1 .function-title a {
    float: right;
    width: 176px;
    height: 44px;
    background: url("/images/js/xls/readf more.png");
    font-size: 0px;
}
#productintro .productintro-content.xls .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg{
    /* 鐭╁舰 112 */
    width: 341px;
    height: 219px;
    border-radius: 30px 30px 0px 0px;

    background: rgb(224, 240, 255);
}
.productintro-content .introtab .tab-contss .main-function .containers1{
    width: 1140px;
    padding-bottom: 0px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 p{
    color: rgb(19, 141, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
    height: 44px !important;
    margin: 0px 0px 16px 0px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1{
    width: 341px;
    border-radius: 30px;
    /*height: 621px;*/

    background:rgb(245, 250, 255);
    margin-bottom: 0px;
    margin-top: 60px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardtext{
    padding: 18px 16px 0 16px;
}
#productintro .productintro-content .main-function .cardtext span{
    color: #000c25;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 18px;
}

.productintro-content-2024 .bottom_circle_1{
    width: 495px;height: 495px;line-height: 495px;background: url('/images/js/xls/bottom_circle_1.png') no-repeat;margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .bottom_circle_2{
    width: 805px;height: 805px;line-height: 1461px;background: url('/images/js/xls/bottom_circle_2.png');margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .bottom_circle_3{
    width: 1135px;height: 1135px;line-height: 1461px;background: url('/images/js/xls/bottom_circle_3.png');margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .bottom_circle_4{
    width: 1461px;height: 1461px;line-height: 1461px;background: url('/images/js/xls/bottom_circle_4.png');margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .introtab .tab-contss .FrameWorks{
    /*position: absolute;*/
    /*top: 80vh;*/
    /*height: 40vh;*/
    /*width: 100%;*/
    /*background-color: transparent;*/
    position: relative;
    z-index: 1;
    height: 1461px;
}

.productintro-content-2024 .FrameWorks .containers1{
    width: 1461px;
    height: 100%;
    position:relative;
    margin: 0 auto;
    /*margin-top: -100px;*/
    z-index: 999;
}

.productintro-content-2024 .introtab .tab-contss .main-function{
    background: white;
    margin-bottom: -20px;
    position: relative;
    z-index: 2;
}
.productintro-content-2024 .platform-bottom{
    width: 1140px;
    height: 500px;
    /*background: red;*/
    position: absolute;
    bottom: 60px;
    /*left: 27px;*/
}
.productintro-content-2024 .platform-all{
    /*padding: 0px 33px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.productintro-content-2024 .introtab .tab-contss .started{
    border-radius: 30px;

    background: rgb(133, 68, 255);
    /* 鐭╁舰 156 */
    position: absolute;
    width: 1140px;
    height: 182px;
    padding: 47px 44px 0 44px;
}
.productintro-content-2024 .introtab .tab-contss .started .started-back{
    width:100%;
    background: unset;
    border-radius: unset;
}
.productintro-content-2024 .started .containers2 h1{
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    /* GET STARTED */

    /*width: 200px;*/
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;

}
.productintro-content-2024 .started .containers2 .started-text{
    /* Free Trials for All Progress Solutions */
    /*    width: 543px;*/
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;


    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 37px;
}
.productintro-content-2024 .CONTACT{
    /* 鐭╁舰 158 */
    position: absolute;
    width: 229px;
    height: 74px;
    right: 295px;
    top: 73px;
    box-sizing: border-box;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 37px;

    background: rgb(133, 68, 255);

}

.productintro-content-2024 .CONTACT a{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
}
.productintro-content-2024 .TRY{
    border-radius: 37px;
    width: 229px;
    box-shadow: 0px 12px 34px -6px rgba(0, 0, 0, 0.25);
    background: rgb(255, 255, 255);
    /* 鐭╁舰 156 */
    position: absolute;
    height: 74px;
    right: 36px;
    top: 73px;
    border: none;

}
.productintro-content-2024 .TRY a{
    color: rgb(133, 68, 255);
    font-size: 30px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;

}

.productintro-content-2024 .introtab .tab-contss .FrameWorks {
    position: relative; /* 淇濇寔鐩稿瀹氫綅 */
    z-index: 1;
    height: 861px; /* 鐖剁骇楂樺害 */
    overflow: hidden; /* 闅愯棌瓒呭嚭閮ㄥ垎 */
}
.productintro-content-2024 .FrameWorks .containers1 {
    width: 1461px;
    height: 100%; /* 淇濇寔100%楂樺害 */
    position: relative;
    margin: 0 auto;
    z-index: 999;
    /*transform: translateY(-30%); !* 鍚戜笂绉诲姩30% *!*/
    /*height: 130%; !* 澧炲姞楂樺害浠ヨˉ鍋垮悜涓婄Щ鍔ㄧ殑閮ㄥ垎 *!*/
}


.productintro-content-2024 .introtab .tab-contss{display: contents;}
.productintro-content .introtab .tab-cont>.item{margin-top: -120px;z-index:2;}
.productintro-content-2024 .introtab .introbanner-box{
    height: unset !important;
    background: linear-gradient(270.00deg, rgb(227, 233, 238),rgb(237, 240, 244) 100%);

    /*background: rgb(227, 233, 238);*/

}
#productintro .productintro-content-2024.javascript .introtab .introbanner-box .introbanner{
    height: 738px !important;
    position: relative;
}

/*.your-div {*/
/*    position: relative;*/
/*    height: 738px;*/
/*    !* 其他样式 *!*/
/*}*/

#productintro .productintro-content-2024.javascript .introtab .introbanner-box .introbanner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 122px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 7.419%, rgba(255, 255, 255, 0) 100%);
}





@media (min-width: 1200px) {
    .containers1 {
        max-width: unset !important;
    }
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-L{
    position: relative;
    overflow: hidden;
}
.productintro-content-2024 .introtab .tab-contss .started{bottom:0px;}
.productintro-content-2024 .platform-bottom{top: 380px;}
.productintro-content-2024 .started .containers2 h1 {
    color: rgb(255, 255, 255) !important;
}
.productintro-content-2024 .introtab .tab-contss .started{width:1052px !important;}
#toolbar .wrapper{width:1140px !important;}
#toolbar .wrapper {
    width: 1140px !important;
    margin: auto;
    /* display: flex; */
}
.productintro-content-2024 .introtab .intro-title .tab_list ul li{

    color: rgb(19, 141, 255) !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    width: 71px;
    height: 24px !important;
    margin-top:20px !important;
    padding-bottom: 18px !important;
}
.productintro-content-2024 .introtab .intro-title .tab-left p{
    width: auto;
    height: 29px;
    color: #000c25;
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    margin-top:0px !important;
}
.productintro-content-2024 .introtab .intro-title .tab-left {
    padding-top: 18px !important;
}
.productintro-content .introtab .introbanner-box .introbanner .introbanner-text div div a button {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardtext {
    padding: 18px 16px 30px 16px !important;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R h1{
    color: rgb(255, 255, 255) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;


}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text{
    padding:0px !important;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div .introbannertitle{
    margin-top:88px !important;
    margin-bottom:12px !important;
}
.productintro-content-2024 .introbanner-box .introbanner-text div span {
    font-weight: 700;
    font-size: 60px;
    line-height: 87px;
    display: block;
    height: 166px;
    padding: 22px 0;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button1{margin-top:54px !important;}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2{margin-top:54px !important;}
.productintro-content .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    letter-spacing: 0px;
    text-align: left;

}
.Overview-images .product_icon {
    width: 307px;
    height: 309px;
    background: url('/images/js/xls/XLS for JavaScript.png');
    margin: 0 auto;
    text-align: center;
    line-height: 100%;
    /* height: 100%; */
    display: inline-block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-images{
    /*margin-left: 15px !important;*/
    margin-top: 0px;
    line-height: 100%;
    text-align: center;
    position: relative;
    /* height: 100vh; */
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;


}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside{
    box-shadow: 0px 4px 24px -3px rgba(44, 143, 236, 0.16) !important;


}
.productintro-content-2024 .card_list{height:128px;}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li.actives p{margin-top:0px !important;margin-bottom:0px !important;}
/*.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li{padding-bottom:0px !important;}*/
.productintro-content-2024 .introtab .tab-contss .item .about .about-text{padding: 78px 0 0px 0px !important;}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-R h1{margin-bottom:35px !important;}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-L h1{
    margin-bottom:27px !important;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text {
    height: 352px !important;}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li{border:none !important;}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul{margin:0px !important;}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text{padding: 156px 0 124px 0 !important;}
.productintro-content .introtab .tab-contss .main-function .containers1{padding: 156px 0px 0px 0px !important;}

#productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > div.FrameWorks_title{
    width: 1140px;
    margin: 0 auto;
    position: relative;
}
/*#productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > h1{*/
#productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > div.FrameWorks_title > h1{

    color: #000c25;
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    margin:0px;
    position: absolute;
    width: 401px;
    top:145px;
    left: 0px;

}
#productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > div:nth-child(2) > div.FrameWorks_bottom{
    width: 1140px;
    margin: 0 auto;
    /*position: relative;*/
}



.productintro-content-2024 .platform-bottom{
    top: 281px !important;
    bottom:unset !important;


}
.productintro-content-2024 .introtab .tab-contss .started{
    top: 306px !important;
    bottom:unset !important;

}
.productintro-content-2024 .started .containers2 .started-text p{
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 300;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;


}
.productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li{
    width:89px !important;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2{
    border-radius: 33px;
    box-shadow: 0px 16px 22px -6px rgba(37, 107, 255, 0.2) !important;
    background: rgb(19, 141, 255);


}
.productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", "Verdana", "sans-serif" !important;}

.productintro-content-2024 .introtab .tab-cont .item .Overview-box{
    padding-bottom: 108px;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text p:first-child{
    margin-bottom: 30px;
}

.productintro-content-2024 .introtab .tab-contss .main-function .function-text .button{
    /* 缁勫悎 19 */
    width: 176px;
    height: 44px;
    background: url("/images/js/xls/read_more_black.png") no-repeat;
    font-size: 0px;
    position: relative;
    display: block;
    margin: 0px;
    bottom: unset;
}
.productintro-content-2024 .introtab .tab-contss .main-function .function-text .button{
    color: #000c25;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: right;
    font-size: 0px;
    bottom: unset;

}
.productintro-content-2024 .function-title {
    float: left;
}
.productintro-content-2024 .function-text {
    float: right;
}
.xls.javascript .TEXT{
    /* 矩形 149 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: 0px;
    top: 0px;
    width: 78.71px;
    height: 59.89px;


}
.xls.javascript .XPS{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px + 78.71px);
    top: 0px;
    width: 78.71px;
    height: 59.89px;
}
.xls.javascript .SVG{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px + 78.71px + 21.55px + 78.71px);
    top: 0px;
    width: 78.71px;
    height: 59.89px;
}

.xls.javascript .PDF{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px + 78.71px + 21.55px + 78.71px + 21.55px + 78.71px);
    top: 0px;
    width: 78.71px;
    height: 59.89px;
}


.xls.javascript .XML{
    /* 矩形 149 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: 0px;
    top: calc(59.89px + 29.01px);
    width: 78.71px;
    height: 59.89px;


}
.xls.javascript .Image{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px + 78.71px);
    top: calc(59.89px + 29.01px);
    width: 78.71px;
    height: 59.89px;
}

.xls.javascript .Postscript{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052FF;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px + 78.71px + 21.55px + 78.71px);
    top: calc(59.89px + 29.01px);
    width: 177.09px;
    height: 59.89px;
}
.xls.javascript .arrow2{
    /* 箭头 2 */
    position: absolute;
    width: 83.39px;
    height: auto;
    left: 423.52px;
    top: 71.9px;
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/

}
.xls.javascript  .product-image{
    /* image.png */
    position: absolute;
    width: 119px;
    height: 118.84px;
    left: 558.45px;

    top: 0px;

}
.xls.javascript .arrow3{
    /* 箭头 2 */
    position: absolute;
    width: 91.83px;
    height: auto;
    left: 728.98px;
    top: 71.9px;
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/

}
.xls.javascript .product-word{
    /* XLsx,XLSM,XLSB,ODS */
    position: absolute;
    width: 215px;
    height: 27px;
    left: 514px;
    top: 135px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;

}
.xls.javascript .CSV{
/* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    right: 114.31px;
    top: 59.85px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */



}
.xls.javascript .HTML{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    right: 0px;
    top: 59.85px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */



}
.xls.javascript .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(193.02px - 24.39px);
    top: calc(175.86px + 21.39px);
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
    transform: rotate(90.00deg);
    /* border-left: 5px solid rgb(255, 255, 255); */
    /* border-right: 5px solid rgb(255, 255, 255); */
    border-radius: 10px;
}
.xls.javascript .rectangle160{
    /* 矩形 160 */
    position: absolute;
    width: 381.36px;
    height: 87.96px;
    left: 0px;
    top: 247.04px;
    box-sizing: border-box;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 49px;

}
.xls.javascript .PNG{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: 15.93px;
    bottom: 14.04px;


}
.xls.javascript .BMP{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px + 11.24px + 61.84px);
    bottom: 14.04px;


}
.xls.javascript .JPEG{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px + 11.24px + 61.84px + 11.24px + 61.84px);
    bottom: 14.04px;


}

.xls.javascript .EMF{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px + 11.24px + 61.84px + 11.24px + 61.84px + 11.24px + 61.84px);
    bottom: 14.04px;


}
.xls.javascript .TIFF{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px + 11.24px + 61.84px + 11.24px + 61.84px + 11.24px + 61.84px + 11.24px + 61.84px);
    bottom: 14.04px;


}
/*{*/
/*!* 箭头 5 *!*/
/*    position: absolute;*/
/*    width: 83.39px;*/
/*    height: 0;*/
/*    left: 945.91px;*/
/*    top: 4312.02px;*/
/*    transform: rotate(180.00deg);*/
/*    border: 5px solid rgb(255, 255, 255);*/
/*}*/

.xls.javascript .arrow5 {
    position: absolute;
    width: 83.39px;
    height: auto;
    left: 422.52px;
    bottom: 26.98px;
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
}
.xls.javascript .Chart{
/* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: 563.13px;
    bottom: 14.04px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}


.xls.javascript .Excel{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: 677.45px;
    bottom: 14.04px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* CSV */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

/**
doc product
 */
#productintro .productintro-content-2024.doc_javascript .introtab .introbanner-box .introbanner {
    background: url('/images/js/doc/js-doc-intro-banner.png');
	background-repeat: no-repeat;
    background-position: center top;
}

#productintro .productintro-content-2024.doc_javascript .Overview-images .product_icon {
    width: 308px;
    height: 308px;
    background: url('/images/js/doc/DOC for JavaScript.png');
}
#productintro .productintro-content-2024.doc_javascript .introtab .tab-contss .item .about {
    background: linear-gradient(to right, #C4F3FF 50%, #6071FF 50%);
}
#productintro .productintro-content-2024.doc_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li {
    height: 200px;
}
#productintro .productintro-content-2024.doc_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li p{
    margin-top: 0px;
}
.doc_javascript .conversion .TEXT {
    width: 130px;
}
.doc_javascript .conversion .XPS {
    width: 130px;
    left: calc(20px + 130px);
}
.doc_javascript .conversion .SVG {
    width: 130px;
    left: calc(40px + 260px);
}
.doc_javascript .conversion .PDF {
    width: 130px;
    left: 0px;
    top: calc(50px + 30px);
}
.doc_javascript .conversion .XML {
    width: 130px;
    top: calc(50px + 30px);
    left: calc(20px + 130px);
}
.doc_javascript .conversion .Image {
    width: 130px;
    top: calc(50px + 30px);
    left: calc(40px + 260px);
}
.doc_javascript .conversion .arrow2 {
    /* 箭头 2 */
    position: absolute;
    width: 60px;
    height: auto;
    left: calc(516px - 64px);
    top: 60px;
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/
}
.doc_javascript .conversion .product-image {
    position: absolute;
    width: 119px;
    height: 119px;
    left: calc(600px - 64px);
    top: 21px;
}
.doc_javascript .conversion .arrow3 {
    position: absolute;
    width: 68px;
    height: auto;
    left: calc(741px - 64px);
    top: 60px;
}
.doc_javascript .conversion .ODT
{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(820px - 64px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .XML2
{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(918px - 64px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .HTML
{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(1016px - 64px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .RTF
{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(872px - 64px);
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .TXT
 {
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(970px - 64px);
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
 }
.doc_javascript .conversion .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(260px - 64px);
    top: calc(175.86px + 21.39px);
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
    transform: rotate(90.00deg);
    /* border-left: 5px solid rgb(255, 255, 255); */
    /* border-right: 5px solid rgb(255, 255, 255); */
    border-radius: 10px;
}
.doc_javascript .conversion .product-word {
    left: calc(598px - 64px);
    top: calc(353px - 197px);
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: center;
    width: 123px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.doc_javascript .conversion .arrow5 {
    /* 箭头 5 */
    position: absolute;
    width: 139px;
    height: 60px;
    left: calc(520px - 64px);
    top: calc(404px - 157px);
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/
}
#productintro .productintro-content-2024.doc_javascript .main-function .cardtext span ul li{
    margin-left: 0px !important;
    padding-left: 0px !important;
}
#productintro .productintro-content-2024.doc_javascript .main-function .cardtext span ul li::before{
    display: none;
}

#productintro .productintro-content-2024.ppt_javascript .introtab .introbanner-box .introbanner{

    background: url('/images/js/ppt/PPT-JS-Banner.png');


}
.productintro-content-2024 .introbanner-box .introbanner-text div span {
    color: rgb(0, 12, 37);
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: 0px;
    text-align: left;
}
.productintro-content-2024.ppt_javascript .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-images{
    align-items: unset;
    padding-top: 28px;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .item .about {
    background: linear-gradient(to right, #8FE8FF 50%, #FD8445 50%);
}
#productintro .productintro-content-2024.ppt_javascript .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li{
    width: 477px !important;
    margin-bottom: 13px;
    line-height: 26px;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li{
    background: #F0FCFF;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover {
    background: #CBF6FF;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 13px 16px -5px rgba(14, 110, 199, 0.24);
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .conversion {
    background: url(/images/js/ppt/conversion-bg.png) no-repeat center top, #E8E8FE;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .conversion .containers1{
    border: 6px solid rgba(255, 255, 255, 0.72);
    border-radius: 30px;
    padding: 49px 45px 45px 45px;
    backdrop-filter: blur(50px);
    background: rgba(114, 28, 0, 0.22);
}
.xls.ppt_javascript .TEXT {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;



    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    top: 0px;

    width: 130px;
    height: 50px;
}

.xls.ppt_javascript .HTML {
    position: absolute;
    width: 130px;
    height: 50px;
    left: calc(130px + 20px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(255, 98, 51);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xls.ppt_javascript .XPS {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(260px + 40px);
    top: 0px;
    width: 130px;
    height: 50px;
}
.xls.ppt_javascript .SVG {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 75px;
    top: calc(50px + 30px);
    width: 130px;
    height: 50px;
}
.xls.ppt_javascript .XML {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(75px + 170px);
    top: 80px;
    width: 130px;
    height: 50px;
}
.xls.ppt_javascript .product-image {
    position: absolute;
    width: 119px;
    height: 119px;
    left: 600px;
    top: 21px;
}
.xls.ppt_javascript .arrow2 {
    position: absolute;
    width: 60px;
    height: auto;
    left: 516px;
    top: 60px;
}

.ppt_javascript .conversion .ODT {
    position: absolute;
    width: 259px;
    height: 60px;
    right: 0px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 12, 37);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}

.ppt_javascript .conversion .XML2 {
    position: absolute;
    width: 259px;
    height: 60px;
    right: 0px;
    top: 79px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 12, 37);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.xls.ppt_javascript .product-word {
    position: absolute;
    width: 240px;
    height: 27px;
    left: 540px;
    top: calc(353px - 197px);
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
}
.xls.ppt_javascript .arrow5 {
    position: absolute;
    width: 423px;
    height: auto;
    left: 520px;
    bottom: 30px;
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
}

.ppt_javascript .conversion .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(260px - 64px);
    top: calc(175.86px + 21.39px);
    transform: rotate(90.00deg);
    border-radius: 10px;
}
.xls.ppt_javascript .PNG,.xls.ppt_javascript .BMP,.xls.ppt_javascript .JPEG,.xls.ppt_javascript .EMF,.xls.ppt_javascript .TIFF{
    color: #138DFF;
}
#productintro .ppt_javascript .main-function .cardtext span ul li{
    padding-left: 0px;
    list-style: none;

}
#productintro .ppt_javascript .main-function .cardtext span ul li::before{
display: none;
}
.ppt_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover p{
    color: #FF803C;
}
.ppt_javascript .Overview-images .product_icon {
    background: url(/images/js/ppt/ppt1.png);
    width: 308px;
    height: 308px;
}
/* pdf javascript*/
#productintro .productintro-content-2024.pdf_javascript .introtab .introbanner-box .introbanner {
    background: url(/images/js/pdf/banner.png);
}
.pdf_javascript .Overview-images .product_icon {
    background: url(/images/js/pdf/pdf.png);
    width: 312px;
    height: 308px;
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about {
    background: linear-gradient(to right, #9380D0 50%, #D96B6B 50%);
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-L h1.javascript-h1{
    color:#ffffff !important;
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text p{
    color:#ffffff;
}
.productintro-content-2024.pdf_javascript .introtab .tab-cont .about .about-text-L div {
    font-size: 16px;
    line-height: 150%;
    z-index: 10000;
    position: relative;
    padding-right: 39px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul{
    justify-content: flex-start;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li{
    width: auto !important;
    margin-right: 31px;
    margin-bottom: 12px;
    line-height: 24px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R h1 {
    margin-bottom: 18px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text {
    padding: 50px 0 0px 0px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R .abut-right{
    margin-left: 49px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text
{
    width: 1200px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul:nth-child(2) li:nth-child(5){
    width: 181.84px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul:nth-child(4) li:nth-child(4){
    width: 136.5px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-L h1{
    line-height: 35px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-R h1{
    line-height: 35px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-title p
{
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #000C25;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li {
    background: #F7F5FF;
}

#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover {
    background: #F0EBFF;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 23px 40px -15px rgb(201, 190, 255);

}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover p {
    color: #FF6857;
}

#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .conversion {
    background: url(/images/js/pdf/conversion-bg.png) no-repeat center top, #E8E8FE;
}
#productintro .productintro-content-2024.pdf_javascript .conversion-img .top div{
    width: 80px;
}
.xls.pdf_javascript .TEXT{
    /*left: 24px;*/
}
.xls.pdf_javascript .HTML{
    left: calc(80px + 27px);
}
.xls.pdf_javascript .XPS{
    left: calc(160px + 54px);
}
.xls.pdf_javascript .SVG{
    left: 51px;
}
.xls.pdf_javascript .XML{
    left: calc(80px + 78px);
}
.xls.pdf_javascript .arrow2 {
    position: absolute;
    width: 123px;
    height: auto;
    left: 313px;
    top: 55px;
}
.xls.pdf_javascript .product-image {
    position: absolute;
    width: 119px;
    height: 119px;
    left: 460px;
    top: 16px;
}
.xls.pdf_javascript .arrow5 {
    position: absolute;
    width: 83px;
    height: auto;
    left: calc(484px + 116px);
    top: 55px;
}

.pdf_javascript .conversion .ODT
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 232px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .XML2
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 116px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .HTML2
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .RTF
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 232px;
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .TXT
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 116px;
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.pdf_javascript .conversion .PostScript
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0px;
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.xls.pdf_javascript .product-word {
    left: 460px;
    width: 119px;
    height: 27px;
    text-align: center;
    justify-content: center;
}

.pdf_javascript .conversion .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(260px - 150px);
    top: calc(175.86px + 21.39px);
    transform: rotate(90.00deg);
    border-radius: 10px;
}
.xls.pdf_javascript .PNG, .xls.pdf_javascript .BMP, .xls.pdf_javascript .JPEG, .xls.pdf_javascript .EMF, .xls.pdf_javascript .TIFF {
    color: #9372FF;
}
.productintro-content.pdf_javascript .introtab .tab-contss .main-function .containers1 .function-card .function-card1 p{
color: #9372FF;
}
.productintro-content.pdf_javascript .introtab .tab-contss .main-function .containers1 .function-card .function-card1{
background:#F7F5FF;
}