@keyframes slideDownIn-8ab844ab {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-8ab844ab {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.first_title[data-v-8ab844ab] {
    color: #19191a;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 40px;
    word-break: break-word
}

@keyframes slideDownIn-3f0370a1 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-3f0370a1 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.second_title[data-v-3f0370a1] {
    color: #19191a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 24px;
    word-break: break-word
}

@keyframes slideDownIn-855e771f {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-855e771f {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.third_title[data-v-855e771f] {
    color: #19191a;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    word-break: break-word
}

@keyframes slideDownIn-b47db9ba {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-b47db9ba {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.text_box .text_cont[data-v-b47db9ba] {
    color: #19191a
}

.text_box .text_cont[data-v-b47db9ba],.text_box .text_link[data-v-b47db9ba] {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.text_box a[data-v-b47db9ba] {
    color: #0060bf
}

.text_box a[data-v-b47db9ba]:hover {
    text-decoration: underline!important
}

@keyframes slideDownIn {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.youtobe_iframe {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.youtobe_iframe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fs_video_item {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.fs_video_item .fs-video-view {
    background-color: #fff;
    height: 474px!important
}

@media screen and (max-width: 768px) {
    .fs_video_item .fs-video-view {
        background-color:#fff;
        height: 234px!important
    }
}

@keyframes slideDownIn-4b40c8e9 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-4b40c8e9 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.ullist[data-v-4b40c8e9] {
    color: #19191a;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.ullist[data-v-4b40c8e9],.ullist .txt[data-v-4b40c8e9] {
    padding-left: 20px;
    position: relative
}

.ullist .txt[data-v-4b40c8e9] {
    margin-top: 8px
}

.ullist .txt .cir[data-v-4b40c8e9] {
    border: 1px solid #707070
}

.ullist .dot[data-v-4b40c8e9],.ullist .txt .cir[data-v-4b40c8e9] {
    border-radius: 50%;
    height: 4px;
    left: 8px;
    position: absolute;
    top: 9px;
    width: 4px
}

.ullist .dot[data-v-4b40c8e9] {
    background: #707070
}

.ullist a[data-v-4b40c8e9] {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@keyframes slideDownIn-e325a91e {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-e325a91e {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.ollist[data-v-e325a91e] {
    color: #19191a;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 8px
}

.ollist .txt[data-v-e325a91e] {
    margin-top: 8px;
    padding-left: 24px
}

.ollist a[data-v-e325a91e] {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@keyframes slideDownIn-d01ab0c6 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-d01ab0c6 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.high_light .high_cont[data-v-d01ab0c6] {
    background: #f7f7f7;
    border-left: 2px solid #0060bf;
    color: #707070;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 12px 16px
}

.high_light .high_cont.pink[data-v-d01ab0c6] {
    background: #c000000a;
    border-color: #c00000
}

.high_light .high_cont.pink .left .notice .iconfont[data-v-d01ab0c6] {
    color: #c00000
}

.high_light .high_cont.orange[data-v-d01ab0c6] {
    background: #f563000a;
    border-color: #f56300
}

.high_light .high_cont.orange .left .notice .iconfont[data-v-d01ab0c6] {
    color: #f56300
}

.high_light .high_cont .left[data-v-d01ab0c6] {
    margin-right: 12px
}

.high_light .high_cont .left .notice[data-v-d01ab0c6] {
    align-items: center;
    color: #191910;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.high_light .high_cont .left .notice .iconfont[data-v-d01ab0c6] {
    align-items: center;
    color: #0060bf;
    display: flex;
    font-weight: 400;
    height: 16px;
    justify-content: center;
    margin-right: 8px;
    width: 16px
}

.high_light .high_cont .right[data-v-d01ab0c6] {
    flex: 1;
    flex-shrink: 0
}

.high_light .high_cont .right>div[data-v-d01ab0c6]:not(:first-child) {
    margin-top: 8px
}

.high_light .high_cont .right .list[data-v-d01ab0c6] :v-deep(.ullist) {
    color: #707070
}

.overlay[data-v-b97bb436] {
    background: #0000004d;
    left: 0;
    position: fixed;
    top: 0
}

.image-container[data-v-b97bb436],.overlay[data-v-b97bb436] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 300
}

.image-container[data-v-b97bb436] {
    overflow: hidden;
    position: relative
}

.image[data-v-b97bb436] {
    max-height: 100%;
    max-width: 100%;
    min-width: 80%;
    transition: transform .3s
}

.close-button[data-v-b97bb436] {
    align-items: center;
    background-color: #00000080;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 36px;
    z-index: 301
}

@keyframes slideDownIn-0649bf0d {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-0649bf0d {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.img_box img[data-v-0649bf0d] {
    cursor: zoom-in;
    display: block;
    height: auto;
    width: 100%
}

.img_box img[data-v-0649bf0d],.img_box img.img_blog[data-v-0649bf0d] {
    max-width: 100%
}

@media (max-width: 768px) {
    .img_box img[data-v-0649bf0d] {
        max-width:100%
    }
}

@keyframes slideDownIn-2be88233 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-2be88233 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.colum_box[data-v-2be88233] {
    color: #19191a;
    display: grid;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    grid-auto-flow: column;
    line-height: 22px
}

.colum_box .colum_item[data-v-2be88233]:first-child {
    font-weight: 600
}

.colum_box .colum_item.text_item[data-v-2be88233]:not(:first-child),.colum_box .right_item[data-v-2be88233] {
    flex: 1
}

.colum_box .right_item[data-v-2be88233]:not(:first-child) {
    margin-top: 8px
}

.colum_box.colum_img[data-v-2be88233] {
    flex-wrap: wrap
}

.colum_box.colum_img[data-v-2be88233] .right_item .img_box img {
    height: 62px;
    max-width: 62px!important;
    width: 62px
}

@keyframes slideDownIn-6369e655 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-6369e655 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.table_box[data-v-6369e655] {
    max-width: calc(min(84vw,1200px) - 320px);
    overflow: auto;
    width: 100%
}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    .table_box[data-v-6369e655] {
        max-width:calc(94vw - 320px)
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .table_box[data-v-6369e655] {
        max-width:calc(100vw - 312px)
    }
}

@media screen and (max-width: 768px) {
    .table_box[data-v-6369e655] {
        max-width:unset
    }
}

.table_box .shadow[data-v-6369e655] {
    display: none
}

.table_box table[data-v-6369e655] {
    font-size: 14px;
    line-height: 22px;
    width: max(100%,var(--68ec8909))
}

.table_box table tr[data-v-6369e655]:first-child {
    background: #e5e5e5
}

.table_box table tr[data-v-6369e655]:first-child div,.table_box table tr[data-v-6369e655]:first-child div span {
    font-weight: 600!important
}

.table_box table tr td[data-v-6369e655] {
    border: 1px solid #dfdfdf;
    padding: 10px 12px;
    vertical-align: middle
}

.table_box table tr td>div[data-v-6369e655] {
    margin-top: 8px
}

.table_box table tr td>div[data-v-6369e655]:first-child {
    margin-top: 0
}

@media (max-width: 768px) {
    .table_box[data-v-6369e655] {
        overflow:auto
    }

    .table_box table[data-v-6369e655] {
        width: -moz-max-content;
        width: max-content
    }

    .table_box[data-v-6369e655] {
        position: relative
    }

    .table_box .shadow[data-v-6369e655] {
        background: linear-gradient(270deg,#fff,#fff0);
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        width: 41px
    }

    .table_contain[data-v-6369e655] {
        overflow: auto;
        width: calc(100vw - 32px)
    }
}

@keyframes slideDownIn-565f669e {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-565f669e {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.code_box[data-v-565f669e] {
    background: #0060bf0a;
    padding: 16px
}

.code_box .code_cont[data-v-565f669e] {
    background: #fff;
    color: #707070;
    font-size: 14px;
    line-height: 22px;
    overflow: auto;
    padding: 16px
}

@keyframes slideDownIn-92ae7bc0 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-92ae7bc0 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.line[data-v-92ae7bc0] {
    border-bottom: 1px solid #e5e5e5;
    margin: 24px 0
}

@keyframes slideDownIn-a8403c08 {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-a8403c08 {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.datasheet_preview .component_item[data-v-a8403c08] {
    margin-bottom: 16px
}

.datasheet_preview .component_item[data-v-a8403c08]:first-child {
    margin-top: 16px
}

.datasheet_preview .component_item[data-v-a8403c08]:first-child .first_title {
    margin-top: 0
}

.datasheet_preview .mb_8[data-v-a8403c08] {
    margin-bottom: 8px
}