.page-other .banner-other .banner-box{

    position: relative;
    height: 377px;
    width: 100%;
    background-image: url(/images/apipage/banner.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.page-other .banner-other{
    background-color: #000E31;
}

 #rt-main .rt-grid-12{
     width: 100%;
 }
#rt-main .rt-grid-12 .rt-block{
    margin: 0px;
    padding: 0px;
}
.price_all span{
    float: none !important;
    min-height: 0px !important;
    margin-left: 0px !important;
}

 .rt-container{
     width: 1140px;
     margin: 0 auto;
 }
.price_3 .price_list{
    width: 330px;
    height: 99px;
    border-radius: 16px;
    background: rgb(228, 243, 255);
    margin-right: 40px;
    background: rgb(228, 243, 255) url("/images/apipage/doc-net.png") no-repeat;
    background-position: 20px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    line-height: 103px;
    border: 2px solid rgb(228, 243, 255);
}
.price_3 .price_list.doc-java{
    background: rgb(228, 243, 255) url("/images/apipage/doc-java.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.xls-net{
    background: rgb(228, 243, 255) url("/images/apipage/xls-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.xls-java{
    background: rgb(228, 243, 255) url("/images/apipage/xls-java.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.pdf-net{
    background: rgb(228, 243, 255) url("/images/apipage/pdf-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.pdf-java{
    background: rgb(228, 243, 255) url("/images/apipage/pdf-java.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.ppt-net{
    background: rgb(228, 243, 255) url("/images/apipage/ppt-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.ppt-java{
    background: rgb(228, 243, 255) url("/images/apipage/ppt-java.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.bc-net{
    background: rgb(228, 243, 255) url("/images/apipage/barcode-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.bc-java{
    background: rgb(228, 243, 255) url("/images/apipage/barcode-java.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.officeviewer-net{
    background: rgb(228, 243, 255) url("/images/apipage/officeviewer-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.docviewer-net{
    background: rgb(228, 243, 255) url("/images/apipage/docviewer-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.spreadsheet-net{
    background: rgb(228, 243, 255) url("/images/apipage/spreadsheet-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list.pdfviewer-net{
    background: rgb(228, 243, 255) url("/images/apipage/pdfviewer-net.png") no-repeat;
    background-position: 20px 20px;
}
.price_3 .price_list span{
    width: 100%;
    height: 63px;
    color: rgb(0, 12, 37);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 108px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.price_lists{
    /*padding-top: 22px;*/
    /*margin-bottom:66px;*/
}
.price_list{
    cursor: pointer;
}
.price_3{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;

}
.price_intro{
    /* Spire.Doc 包括以下API参考资料 */
    width: auto;
    height: 19px;
    display: flex;
    flex-direction: row;
    align-items: center;

    color: rgb(105, 125, 168);
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 20px;
}
/*.price_3 .price_list{*/
/*    margin-top: 20px;*/
/*}*/







.price_list_div{
    /*margin-top: 36px;*/
    /*border-right: 1px solid silver;*/
    /*height: 100px;*/
}

.price_list_three .price_list_div{
    border-right: none;
}
.price_title h3{
    /* Spire.Doc */
    width: auto;
    height: 35px;
    display: flex;
    flex-direction: row;
    align-items: center;

    color: rgb(0, 12, 37);
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
    padding-top: 40px;
    margin-bottom: 18px;

}
.price_list_div .price_list1{
    color: #333;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}
.price_list_div .price_list2{
    color: #333;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}

.price_list_div .price_list3{
    color: #333;
    /*font-size: 22px;*/
    font-weight: bold;
    text-align: center;
}

.price_list3{
    font-size: 20px;
    letter-spacing:-3px;
}
.form_span{
    font-size: 16px;
    margin-right: 5px;
    letter-spacing:0px;
    vertical-align: 2px;

}
.price_all .form_span2{
    font-size: 16px;
    margin-left: 10px !important;
    letter-spacing:0px;
    vertical-align: 1px;
}
.money_span{
    font-size: 20px;
    letter-spacing:0px;
    display: inline-block;
    position: relative;
}
.price_lists1  .money_span{
    margin-right:-3px;
}
.price_lists1{padding-top:0px;}




 .api_left{
     /*float: left;*/
     width: 252px;
     margin-right: 66px;
     margin-top: 40px;
     position: relative;
 }
.api_right{
    float: right;
    width: 1082px;
    margin-bottom:66px;
}
.api_left ul li{
    list-style: none;
    width: 240px;
    height: 40px;
    /*background-color: #F7F7F7;*/
    color: #303030;
    /*margin-bottom: 2px;*/
    line-height: 40px;
    padding-left: 10px;
    cursor: pointer;
    border-bottom: 1px solid #c0c0c0;
    font-size: 14px;

}
.api_left ul li:hover{color:#0068b7;}
.api_left ul{
    padding-left: 0px;
    margin-top:0px;
}
.api_left ul a{
    text-decoration: none;
}
hr{
    margin-top: 20px;
}
.price_all{
    position: relative;
    height: 100%;
    /*margin-top: 40px;*/
}
.price_all .rt-container{
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;

}

.price_all .rt-container .api_left #api_left_ul{
    width: 252px;
    height: fit-content;
    border-radius: 16px;
    box-shadow: 0px 0px 60px 5px rgba(211, 216, 239, 0.4);
    background: rgb(255, 255, 255);
    padding: 30px 0;

}
.price_all .rt-container .api_left #api_left_ul ul{
    margin: 0px;
}
.price_all .rt-container .api_left #api_left_ul ul a
{
    width: 100%;
    height: 50px;
    /*background: linear-gradient(270.00deg, rgba(233, 237, 255, 0.2),rgb(212, 220, 255) 48.822%,rgba(233, 237, 255, 0.2) 98.473%);*/
    display: flex;
line-height: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.price_all .rt-container .api_left #api_left_ul ul a li{
    width: auto;
    height: 21px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(129, 144, 214);
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    border-bottom: none;
}
.price_all .rt-container .api_left #api_left_ul ul .active
{
    width: 100%;
    height: 50px;
    background: linear-gradient(270.00deg, rgba(233, 237, 255, 0.2),rgb(212, 220, 255) 48.822%,rgba(233, 237, 255, 0.2) 98.473%);
    display: flex;
    line-height: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.price_all .rt-container .api_left #api_left_ul ul .active li{
    color: rgb(14, 52, 228);
}
.price_3 .price_list:hover{
    /*box-sizing: border-box;*/
    border-color: rgb(0, 137, 255);
    border-radius: 16px;
    background-color: rgb(228, 243, 255);
}
.price_3 .price_list:hover span{
    /*box-sizing: border-box;*/
    color: rgb(0, 137, 255);
}
.api-hr{
    height: 0px;
    width: 100%;
    margin-top: 40px;
    border: 2px solid rgb(205, 214, 235);
}
.price_lists1 .price_title h3{

}