@media screen and (max-width: 750px) {

    .featrures_tit_img_odd,
    .featrures_tit_img,
    .specification_content {
        padding-top: calc(var(--alink-m-padding) / 2);
        padding-bottom: calc(var(--alink-m-padding) / 2)
    }
}

@media screen and (min-width: 750px) {
    .featrures_video {
        padding: 0 100px;
        display: flex;
        justify-content: center
    }

    .featrures_video ifram {
        margin: 0 auto
    }
}

@media screen and (min-width: 750px) and (max-width: 1200px) {
    .featrures_video iframe {
        width: 768px;
        height: 432px
    }
}

@media only screen and (min-width: 1200px) {
    .details-tab {
        background: #F1F1F1;
        position: sticky;
        top: 79px;
        z-index: 2
    }

    .details_tabList {
        display: flex
    }

    .tab_title {
        width: 25%;
        text-align: center;
        font-size: var(--alink-text-l);
        font-weight: 500;
        color: #000;
        line-height: 1.5;
        padding: 20px 10px;
        cursor: pointer;
        position: relative
    }

    .tab_title::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 1px
    }

    .tab_title:last-child::after {
        display: none
    }

    .details_tabList .tab_title1 {
        background: #2878FF;
        color: #fff !important
    }

    .details_tabConter_list:first-of-type {
        display: block
    }

    .details_tabConter_list {
        display: none
    }

    .top_height {
        margin-top: calc(var(--alink-pc-d-padding) / 2);
    }

    .featrures_video {
        padding: 0 100px
    }

    .top_height h2 {
        font-size: var(--alink-h2);
        line-height: 1.3;
        font-weight: 500
    }

    .featrures_tit_img .title {
        width: 80%;
        margin: 0 auto
    }

    .top_height .desc {
        font-size: var(--alink-text-l);
        line-height: 1.5;
        padding: 14px 0 44px
    }

    .featrures_tit_img h2,
    .featrures_tit_img .desc {
        text-align: center
    }

    .top_height img {
        width: 100%
    }

    .featrures_tit_img_odd {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center
    }

    .featrures_tit_img_odd .title {
        margin-right: 167px
    }

    .featrures_tit_img_odd:last-child .title {
        margin-left: 167px;
        margin-right: 0
    }

    .specification_content {
        border-bottom: 1px solid #AAAAAA;
        display: grid;
        grid-template-columns: 30% 60%;
        padding: 66px 0
    }

    .specification_content .left_title {
        font-size: var(--alink-text-l);
        font-weight: 500
    }

    .specification_content .left_specification {
        font-size: var(--alink-text-l);
        font-weight: 400
    }

    .specification_content img {
        width: 100%
    }

    .specification_key_value {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 24px
    }

    .specification_key_value:last-child {
        margin-bottom: 0
    }

    .left_specification.optional a {
        color: #0006FF;
        margin-bottom: 28px;
        display: block;
        line-height: 1.5
    }

    .left_specification.optional a:last-child {
        margin-bottom: 0
    }

    .specification_image {
        grid-template-columns: 20% 80%
    }

    .specification_image:nth-child(1) {
        margin-top: 34px
    }

    .specification_image .left_specification {
        margin-top: 58px;
        width: 72%
    }

    .detail_how_to_video {
        display: flex
    }

    .detail_how_to_video .video {
        margin-right: 20px;
        width: 100%
    }

    .detail_how_to_video .video:last-child {
        margin-right: 0
    }

    .detail_faq,
    .detail_faq_title {
        font-size: var(--alink-text-l);
        font-weight: 500
    }

    .detail_faq .faq_question {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #E3E3E3;
        font-weight: 500;
        padding: 49px 0 15px;
        cursor: pointer
    }

    .detail_faq .faq_answer {
        display: none;
        font-weight: 400;
        padding: 30px 0 50px
    }
}

.answer-open {
    display: block !important
}

.panel-open.faq_question {
    border-bottom: none
}

.panel-open .jd-animated-plus::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.panel-open .jd-animated-plus::before {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg)
}

.featrures_tit_img .desc,
.top_height .desc {
    color: #010101
}

.specification_content:last-child {
    border-bottom: none
}

@media only screen and (max-width: 740px) {
    .details_tabList {
        display: flex;
        flex-direction: column
    }

    .tab_title {
        font-size: var(--alink-m-normal-text);
        font-weight: 500;
        color: #000;
        border-bottom: 1px solid #000;
        line-height: 1.5;
        padding: 20px 0 10px;
        cursor: pointer;
        position: relative;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .detail_faq .jd-animated-plus {
        margin-left: 10px
    }

    .tab_title1 .jd-animated-plus::after {
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .tabConter-open {
        display: block !important
    }

    .tab_title1 .tab_title {
        border-bottom: none
    }

    .tab_title1 .jd-animated-plus::before {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .details_tabConter_list:first-of-type {
        display: block
    }

    /* .details_tabConter_bottom {
        display: none
    } */

    .top_height h2 {
        font-size: var(-alink-m-d-h2);
        line-height: 1.3;
        font-weight: 500
    }

    .featrures_tit_img .title {
        margin: 0 auto
    }

    .top_height .desc {
        font-size: var(--alink-m-s-text);
        padding: 12px 0 20px;
        line-height: 1.4
    }

    .featrures_tit_img h2,
    .featrures_tit_img .desc,
    .featrures_tit_img_odd h2,
    .featrures_tit_img_odd .desc {
        text-align: center
    }

    .featrures_tit_img_odd:last-child {
        display: flex;
        flex-direction: column-reverse
    }

    .top_height img {
        width: 100%
    }

    .specification_content {
        border-bottom: 1px solid #AAAAAA
    }

    .specification_content .left_title {
        font-size: var(--alink-m-normal-text);
        font-weight: 500;
        margin-bottom: 18px
    }

    .specification_content .left_specification {
        font-size: var(--alink-m-s-text);
        font-weight: 400
    }

    .specification_content img {
        width: 100%
    }

    .specification_key_value {
        display: grid;
        grid-template-columns: 40% 60%;
        margin-bottom: 18px
    }

    .specification_key_value:last-child {
        margin-bottom: 0
    }

    .left_specification.optional a {
        color: #0006FF;
        margin-bottom: 28px;
        display: block;
        line-height: 1.5
    }

    .left_specification.optional a:last-child {
        margin-bottom: 0
    }

    .specification_image {
        grid-template-columns: 20% 80%
    }

    .detail_how_to_video .video {
        width: 100%;
        margin-bottom: 25px
    }

    .detail_how_to_video .video:last-child {
        margin-right: 0
    }

    .detail_faq,
    .detail_faq_title {
        font-size: var(--alink-m-s-text);
        font-weight: 500
    }

    .detail_faq .faq_question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #E3E3E3;
        font-weight: 500;
        padding: 24px 0 12px;
        cursor: pointer;
        line-height: 1.5
    }

    .panel-open.faq_question {
        border-bottom: none
    }

    .detail_faq .faq_answer {
        display: none;
        font-weight: 400;
        padding: 22px 0 10px
    }
}

@media (min-width: 741px) and (max-width: 1200px) {
    .detailsTab-conter {
        margin-top: 40px
    }

    .details-tab {
        background: #F1F1F1;
        position: sticky;
        top: 72px;
        z-index: 2
    }

    .hidden-phone {
        display: block !important
    }

    .hidden-lap-and-up {
        display: none
    }

    .details_tabList {
        display: flex
    }

    .tab_title {
        width: 25%;
        text-align: center;
        font-size: var(--alink-text-l);
        font-weight: 500;
        color: #000;
        line-height: 1.5;
        padding: 20px 10px;
        cursor: pointer;
        position: relative
    }

    .tab_title::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 1px
    }

    .tab_title:last-child::after {
        display: none
    }

    .tab_title1 {
        background: #2878FF;
        color: #fff !important
    }

    .details_tabConter_list:first-of-type {
        display: block
    }

    .details_tabConter_list {
        display: none
    }

    .top_height {
        margin-top: calc(var(--alink-pc-d-padding) / 2);
    }

    .top_height h2 {
        font-size: var(--alink-h2);
        line-height: 1.3;
        font-weight: 500
    }

    .featrures_tit_img .title {
        width: 80%;
        margin: 0 auto
    }

    .top_height .desc {
        font-size: var(--alink-text-l);
        line-height: 1.5;
        padding: 14px 0 44px
    }

    .featrures_tit_img h2,
    .featrures_tit_img .desc {
        text-align: center
    }

    .top_height img {
        width: 100%
    }

    .featrures_tit_img_odd {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center
    }

    .featrures_tit_img_odd .title {
        margin-right: 72px
    }

    .featrures_tit_img_odd:last-child .title {
        margin-left: 72px;
        margin-right: 0
    }

    .specification_content {
        border-bottom: 1px solid #AAAAAA;
        display: grid;
        grid-template-columns: 30% 60%;
        padding: 66px 0
    }

    .specification_content .left_title {
        font-size: var(--alink-text-l);
        font-weight: 500
    }

    .specification_content .left_specification {
        font-size: var(--alink-text-l);
        font-weight: 400
    }

    .specification_content img {
        width: 100%
    }

    .specification_key_value {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 24px
    }

    .specification_key_value:last-child {
        margin-bottom: 0
    }

    .left_specification.optional a {
        color: #0006FF;
        margin-bottom: 28px;
        display: block;
        line-height: 1.5
    }

    .left_specification.optional a:last-child {
        margin-bottom: 0
    }

    .specification_image {
        grid-template-columns: 20% 80%;
        margin-top: 34px
    }

    .specification_image:last-child {
        margin-top: 0
    }

    .specification_image .left_specification {
        margin-top: 58px;
        width: 72%
    }

    .detail_how_to_video {
        display: flex
    }

    .detail_how_to_video .video {
        margin-right: 20px;
        width: 100%
    }

    .detail_how_to_video .video:last-child {
        margin-right: 0
    }

    .detail_faq,
    .detail_faq_title {
        font-size: var(--alink-text-l);
        font-weight: 500
    }

    .panel-open.faq_question {
        border-bottom: none
    }

    .detail_faq .faq_question {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #E3E3E3;
        font-weight: 500;
        padding: 49px 0 15px;
        cursor: pointer
    }

    .detail_faq .faq_answer {
        display: none;
        font-weight: 400;
        padding: 30px 0 50px
    }
}

/*# sourceMappingURL=detail-pageTab.min.css.map */