*,
p {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.main {
    position: relative;
    overflow: hidden;
    background-color: #000
}

.screen {
    width: 100vw;
    /* height: 100vh; */
    position: relative
}

.data-megabook_pc {
    display: block
}

.data-megabook_m {
    display: none
}

.imgbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.imgbox img {
    width: 100%
}

.screen1 {
    height: fit-content
}

.screen1 .megabook_imgbox {
    width: 100%
}

.screen1 .megabook_imgbox .megabook_img {
    width: 100%
}

.screen1 .megabook_desbox {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    left: 13.2813vw;
    top: 22.2266vw
}

.screen1 .megabook_desbox .megabook_brandimg {
    width: 26.1328vw;
    height: 7.2656vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.screen1 .megabook_desbox .megabook_brandimg img {
    width: 100%
}

.screen1 .megabook_desbox .megabook_brandimg .amdbrand {
    left: 105%;
    top: 4%;
    position: absolute;
    width: 5vw
}

.screen1 .megabook_desbox .megabook_des1 {
    color: #1a1a1a;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 600;
    font-family: 'Semibold';
    margin-top: 1.25vw;
    text-shadow: 2px 2px .5px #fff
}

.screen1 .megabook_desbox .megabook_des2 {
    margin-top: 1.7188vw;
    display: flex
}

.screen1 .megabook_desbox .megabook_des2 .megabook_desinner {
    text-shadow: 1px 1px .5px #fff;
    color: #1a1a1a;
    font-size: 1vw;
    line-height: 1.2vw;
    font-weight: 700;
    display: flex;
    align-items: center
}

.screen1 .megabook_desbox .megabook_des2 .megabook_desinner:not(:last-child)::after {
    display: block;
    content: '';
    border-radius: 2px;
    width: 2px;
    height: 100%;
    margin: 0 .5208vw;
    background-image: linear-gradient(to bottom, #c1c5cb, #000, #c1c5cb)
}

.tips {
    font-weight: 400;
    font-size: .9375vw;
    line-height: 100%;
    text-align: right;
    position: absolute;
    bottom: .9375vw;
    right: .9375vw;
    opacity: .4
}

.screen2 {
    background-color: #f5f5f5;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 56.40625vw
}

.screen2 img {
    height: 100%
}

.screen2 .disclaimers {
    position: absolute;
    bottom: 0;
    right: 12vw;
    display: flex;
    flex-direction: column
}

.screen2 .disclaimers span {
    font-size: .8vw;
    font-family: 'Semibold'
}

.screen2 .overview {
    display: flex;
    gap: .9375vw
}

.screen2 .overview .overview_left {
    display: flex;
    flex-direction: column;
    gap: .9375vw
}

.screen2 .overview .overview_left .overview_left_top {
    display: flex;
    gap: .9375vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl {
    display: flex;
    flex-direction: column;
    gap: .9375vw;
    width: 19.140625vw;
    align-items: center
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox1 {
    height: 15.625vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox1 div {
    position: absolute;
    top: .9375vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox1 div .f28 {
    font-family: 'Semibold';
    font-size: 1.09375vw;
    font-weight: 600;
    line-height: 1.3125vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox1 div .f20 {
    font-size: .78125vw;
    font-weight: 600;
    line-height: .9375vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox1 div ul {
    display: flex;
    flex-flow: column;
    gap: 1.5625vw;
    margin: 1.953125vw 0 0
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox1 div ul li {
    display: flex;
    flex-flow: column
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox2_new {
    display: flex;
    justify-content: space-between
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox2_new .overview_imgbox4 {
    width: 9.1015625vw;
    height: 12.3046875vw
}

.screen2 .overview_imgbox2_new_new .imgbox {
    width: 9.1015625vw !important;
    height: 10vw !important
}

.screen2 .overview_imgbox2_new_new .imgbox>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column
}

.screen2 .overview_imgbox2_new_new .imgbox>div span {
    position: relative !important
}

.screen2 .overview_imgbox2_new_new .imgbox>div span:nth-child(1) {
    font-weight: 600;
    font-size: 1.09375vw;
    text-align: center
}

.screen2 .overview_imgbox2_new_new .imgbox>div span:nth-child(2) {
    font-weight: 600;
    font-size: .78125vw !important;
    font-family: 'HurmeGeometricSans_No3_4_Regular'
}

.screen2 .overview_imgbox2_new_new .imgbox span {
    top: .3125vw !important
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox2_new .overview_imgbox4 span {
    top: .3125vw;
    position: absolute;
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: 'Semibold';
    text-align: center
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox2_new .overview_imgbox5 {
    width: 9.1015625vw;
    height: 12.3046875vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topl .overview_imgbox2_new .overview_imgbox5 span {
    text-align: center;
    top: .3125vw;
    position: absolute;
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: 'Semibold'
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .9375vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprt {
    display: flex;
    align-items: center;
    gap: .9375vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprt .overview_imgbox3 {
    width: 15.9765625vw;
    height: 8.828125vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprt .overview_imgbox3 span {
    top: .390625vw;
    position: absolute;
    text-align: center;
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: 'Semibold'
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprt .overview_imgbox2 {
    width: 15.9765625vw;
    height: 8.828125vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprt .overview_imgbox2 span {
    top: .390625vw;
    position: absolute;
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: 'Semibold';
    text-align: center
}

.screen2 .amd_new {
    display: grid;
    grid-template-columns: 16.171875vw 16.0546875vw;
    gap: .9375vw
}

.screen2 .amd_new .imgbox {
    height: 8.828125vw
}

.screen2 .amd_new .imgbox>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: .3125vw;
    text-align: center
}

.screen2 .amd_new .imgbox>div>div {
    font-size: 1.09375vw;
    font-weight: 700;
    font-family: 'Semibold';
    margin-bottom: 1.3671875vw
}

@media(max-width:1080px) {
    .screen2 .amd_new .imgbox>div>div {
        margin-bottom: 0
    }
}

.screen2 .amd_new .imgbox>div span {
    font-size: .78125vw;
    font-weight: 700;
    font-family: 'Semibold';
    margin-top: 1.25vw
}

.screen2 .amd_new .imgbox>div span:nth-child(2) {
    margin: 0 1.3671875vw 0 0
}

.screen2 .amd_new .imgbox>div span:nth-child(3) {
    margin: 0 1.25vw 0 0
}

.screen2 .amd_new .imgbox>div span:nth-child(4) {
    margin: 0 0 0 1.25vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprb {
    width: 33.1641vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprb .overview_imgbox6 {
    height: 20.3125vw
}

.screen2 .overview .overview_left .overview_left_top .overview_left_topr .overview_left_toprb .overview_imgbox6 ._15_logo {
    width: 13.515625vw;
    height: 2.8125vw;
    position: absolute;
    top: 8.75vw;
    left: .625vw
}

.screen2 .overview .overview_left .overview_left_bottom {
    display: flex;
    align-items: center;
    gap: .9375vw
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox7 {
    width: 20.8203vw;
    height: 8.8281vw
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox7 div {
    position: absolute;
    top: 2vw;
    left: 1vw;
    display: flex;
    flex-direction: column;
    text-align: left
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox7 div span {
    font-size: 1.09375vw;
    font-weight: 600;
    line-height: 1.3125vw;
    text-align: left;
    font-family: 'Semibold'
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox8 {
    width: 18.3984vw;
    height: 8.8281vw
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox8 .sec8box {
    position: absolute;
    top: 1.0156vw;
    width: 100%
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox8 .sec8box div:first-child {
    text-align: center;
    font-size: 1.09375vw;
    font-weight: 600;
    line-height: 1.3125vw;
    margin-bottom: .9375vw;
    font-family: 'Semibold'
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox8 .sec8box span {
    width: 33.33%;
    text-align: center;
    float: left;
    font-weight: 600;
    font-size: .78125vw
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox9 {
    width: 12.1484vw;
    height: 8.8281vw
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox9 div {
    position: absolute;
    top: 1.0156vw;
    display: flex;
    flex-direction: column
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox9 div span {
    text-align: center
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox9 div span:first-child {
    font-size: 1.0938vw;
    font-weight: 700;
    font-family: 'Semibold'
}

.screen2 .overview .overview_left .overview_left_bottom .overview_imgbox9 div span:last-child {
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen2 .overview .overview_left .overview_left_bottom .imgbox {
    position: relative
}

.screen2 .overview .overview_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 19.140625vw
}

.screen2 .overview .overview_right .overview_imgbox10 {
    height: 13.59375vw
}

.screen2 .overview .overview_right .overview_imgbox10>div .f20 {
    font-size: .78125vw;
    font-family: 'HurmeGeometricSans_No3_4_Regular'
}

.screen2 .overview .overview_right .overview_imgbox10>div .list {
    top: 4vw;
    left: 0
}

.screen2 .overview .overview_right .overview_imgbox10>div .list .f20 {
    display: block;
    font-family: 'HurmeGeometricSans_No3_4_Regular'
}

.screen2 .overview .overview_right .overview_imgbox10 div {
    position: absolute;
    left: 1vw;
    top: .390625vw;
    display: flex;
    flex-direction: column
}

.screen2 .overview .overview_right .overview_imgbox10 div span {
    font-size: 1.09375vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen2 .overview .overview_right .overview_imgbox10 div span.titweight {
    font-size: 1.2vw;
    font-weight: 700;
    font-family: 'Semibold'
}

.screen2 .overview .overview_right .overview_imgbox10 div span.tit:not(:first-child) {
    margin-top: .5vw
}

.screen2 .overview .overview_right .overview_imgbox11 {
    height: 11.71875vw
}

.screen2 .overview .overview_right .overview_imgbox11 span {
    font-family: 'Semibold';
    position: absolute;
    top: 1vw;
    left: 1.5vw;
    font-size: 1.09375vw;
    font-weight: 600;
    line-height: 1.3125vw;
    text-align: left
}

.screen2 .overview .overview_right .overview_imgbox11 span:last-child {
    top: 4.2vw;
    font-size: .78125vw;
    font-weight: 600;
    line-height: .9375vw;
    text-align: left
}

.screen2 .overview .overview_right .overview_imgbox12 {
    height: 12.65625vw
}

.screen2 .overview .overview_right .overview_imgbox12 .oneleaptit {
    position: absolute;
    left: 1.5vw;
    top: .2734375vw;
    font-size: 1.09375vw;
    font-weight: 600;
    line-height: 1.3125vw;
    text-align: left;
    font-family: 'Semibold'
}

.screen2 .overview .overview_right .overview_imgbox12 .oneleapdes {
    position: absolute;
    right: 1vw;
    display: flex;
    flex-direction: column;
    text-align: right;
    top: .2734375vw
}

.screen2 .overview .overview_right .overview_imgbox12 .oneleapdes span {
    font-size: .78125vw;
    font-weight: 600;
    line-height: .9375vw;
    text-align: right
}

.screen2 .overview .overview_right .overview_imgbox12 .oneleap_other {
    position: absolute;
    left: .8vw;
    bottom: .5vw;
    font-size: .390625vw;
    line-height: 1.2;
    color: #fff
}

.screen2 .overview .overview_right .imgbox {
    margin: 0 0 .9375vw 0
}

.screen2 .overview .overview_right .imgbox .tips {
    font-size: .546875vw;
    bottom: .390625vw
}

.screen2 .overview .overview_right .imgbox:last-child {
    margin: 0
}

.screen2 .overview .imgbox {
    position: relative
}

.screen2 .overview .overview_imgbox6 {
    z-index: -1
}

.screen2 .set2tip {
    display: flex;
    align-self: flex-end;
    margin: 1.5625vw 13.28125vw 0;
    color: #666;
    bottom: unset;
    position: relative
}

.screen3 {
    height: fit-content
}

.screen3 .imgbox {
    height: 100%
}

.screen3 .megabook_desbox {
    position: absolute;
    top: 3.125vw;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #fff
}

.screen3 .megabook_desbox .megabook_tit {
    font-size: 2.8125vw;
    line-height: 3.375vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen3 .megabook_desbox .megabook_des {
    margin-top: 2.3438vw;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400
}

.screen4 {
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #000;
    padding-top: 12.5vw;
    padding-bottom: 2vw
}

.screen4 .megabook_container {
    padding-left: 13.2813vw;
    display: flex;
    justify-content: space-between
}

.screen4 .megabook_container .megabook_container_l {
    display: flex;
    flex-direction: column;
    color: #fff
}

.screen4 .megabook_container .megabook_container_l .megabook_tit {
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    width: 36.7188vw
}

.screen4 .megabook_container .megabook_container_l .megabook_des {
    margin-top: 2.3438vw;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    width: 36.7188vw
}

.screen4 .megabook_container .megabook_container_l .imgbox {
    width: 36.7188vw
}

.screen4 .megabook_container .megabook_container_r {
    flex: 1
}

.screen4 .otherdes {
    position: absolute;
    bottom: 1vw;
    right: 11vw;
    color: #fff;
    opacity: .4
}

.screen5 {
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.screen5 .imgbox {
    position: relative
}

.screen5 .imgbox .megabook_desbox {
    position: absolute;
    left: 13.2031vw;
    top: 6.25vw;
    display: flex;
    flex-direction: column;
    color: #fff
}

.screen5 .imgbox .megabook_desbox .megabook_tit {
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen5 .imgbox .megabook_desbox .megabook_tit_s {
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 600;
    font-family: 'Semibold';
    margin-top: 2.3438vw
}

.screen5 .imgbox .megabook_desbox .megabook_des {
    margin-top: 1.5625vw;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    width: 30.7813vw
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes {
    margin-top: 16.3672vw;
    display: flex;
    align-items: center
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner {
    display: flex;
    flex-direction: column
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner:first-child .imgbox {
    width: 5.4621vw;
    height: 4.1406vw
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner:last-child {
    margin-left: 5.4688vw
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner:last-child .imgbox {
    width: 6.2238vw;
    height: 3.7719vw
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner .megabook_tech {
    margin-top: 1.5625vw;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400
}

.screen5 .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner .megabook_tech span {
    font-size: 2.3438vw;
    line-height: 2.8125vw;
    font-weight: 700;
    font-family: 'Semibold'
}

.screen5 .tips {
    color: white;
    opacity: .4;
    position: absolute;
    right: 13.28125vw;
    bottom: 4.0234375vw
}

.screen6 {
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #000
}

.screen6 .megabook_container {
    margin-top: 12.5vw;
    padding-left: 13.2813vw;
    display: flex
}

.screen6 .megabook_container .megabook_container_l {
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: #fff;
    padding-top: 6.6797vw
}

.screen6 .megabook_container .megabook_container_l .megabook_tit {
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    width: 36.7188vw
}

.screen6 .megabook_container .megabook_container_l .megabook_tit_s {
    margin-top: 2.3438vw;
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 600;
    font-family: 'Semibold';
    width: 25.1563vw
}

.screen6 .megabook_container .megabook_container_l .megabook_des {
    margin-top: 3.125vw;
    font-size: 1.0938vw;
    line-height: 1.3125vw;
    font-weight: 400;
    width: 28.2031vw
}

.screen6 .megabook_container .megabook_container_r {
    transform: translateX(-10vw);
    z-index: 1;
    width: 51.5625vw
}

.screen6 .megabook_container .megabook_container_r .imgbox {
    align-items: flex-start;
    height: 41.6796875vw
}

.screen6 .megabook_container .megabook_container_r .imgbox img {
    height: 100%
}

.screen7 {
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    padding: 0 0 13.3203vw
}

.screen7 .megabook_techbox {
    width: 80vw;
    height: 8.5938vw;
    display: flex;
    justify-content: space-between
}

.screen7 .megabook_techbox .megabook_techitem {
    padding: 0 2.3438vw;
    background-color: #1a1a1a;
    border-radius: .7813vw;
    width: 25vw;
    display: flex;
    align-items: center;
    gap: 1vw
}

.screen7 .megabook_techbox .megabook_techitem .imgbox {
    width: 4.6094vw;
    height: 4.6094vw
}

.screen7 .megabook_techbox .megabook_techitem .megabook_tech {
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 600;
    color: #fff;
    font-family: 'Semibold'
}

.screen7 .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
    width: 3.9453vw;
    height: 4.1406vw
}

.screen7 .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
    width: 4.6094vw;
    height: 4.0625vw
}

.screen7 .megabook_techbox .megabook_techitem:nth-child(3) .imgbox img {
    width: 4.0625vw;
    height: 4.1016vw
}

.screen7 .tips {
    color: white;
    opacity: .4;
    position: absolute;
    right: 13.28125vw;
    bottom: 11vw
}

.screen8 {
    height: fit-content;
    align-items: center;
    justify-content: center;
    background-color: #000;
    padding-bottom: 1.5625vw
}

.screen8 ._35w {
    position: absolute;
    right: 10vw;
    top: 17.578125vw;
    text-align: center
}

.screen8 ._35w>b {
    font-weight: 600;
    font-size: 4.6875vw;
    line-height: 100%;
    color: #7377fd;
    text-align: center
}

.screen8 ._35w>p {
    font-weight: 400;
    font-size: 1.4453125vw;
    line-height: 100%;
    text-align: center;
    color: white
}

.screen8 .tips {
    position: relative;
    color: #fff;
    right: 10vw;
    bottom: -1.5625vw
}

.screen8 .imgbox {
    position: relative;
    padding-top: 8.203125vw
}

.screen8 .megabook_titbox {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff
}

.screen8 .megabook_titbox .megabook_tit {
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen8 .megabook_titbox .megabook_tits {
    margin-top: 2.34375vw;
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen8 .megabook_titbox .megabook_tit_s {
    margin-top: 2.3438vw;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    width: 59vw
}

.screen9 {
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    padding: 0 0 11.6406vw
}

.screen9 .megabook_techbox {
    width: 62.5vw;
    height: 8.5938vw;
    display: flex;
    justify-content: space-between
}

.screen9 .megabook_techbox .megabook_techitem {
    transform: translateY(-50%);
    padding: 0 3.125vw;
    background-color: #1a1a1a;
    border-radius: .7813vw;
    width: 26.5625vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.screen9 .megabook_techbox .megabook_techitem .imgbox {
    width: 3.9063vw;
    height: 3.9063vw
}

.screen9 .megabook_techbox .megabook_techitem .megabook_tech {
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 600;
    color: #fff;
    font-family: 'Semibold';
    text-align: center
}

.screen9 .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
    width: 3.9063vw;
    height: 3.8281vw
}

.screen9 .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
    width: 3.8281vw;
    height: 3.8281vw
}

.screen10 {
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10.9375vw 0 16.328125vw 0
}

.screen10 .tips {
    color: white;
    bottom: 10.9375vw;
    right: 10vw
}

@media(max-width:1080px) {
    .screen10 {
        padding: 0 0 29.63vw 0;
        height: 120.37vw
    }

    .screen10 .tips {
        bottom: 23.148vw;
        right: 5.926vw
    }
}

.screen10 .megabook_tit {
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff;
    z-index: 3
}

@media(max-width:1080px) {
    .screen10 .megabook_tit {
        font-size: 6.667vw;
        line-height: 100%;
        text-align: left;
        padding: 0 5.926vw
    }
}

.screen10 .megabook_desitem_des {
    margin-top: 2.3438vw;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    text-align: center;
    color: white
}

@media(max-width:1080px) {
    .screen10 .megabook_desitem_des {
        font-size: 3.426vw;
        line-height: 100%;
        text-align: left;
        position: absolute;
        bottom: 30.556vw;
        padding: 0 5.926vw
    }

    .screen10 .megabook_desitem_des .pc {
        display: none
    }
}

.screen10 .megabook_desbox {
    margin-top: 4.6875vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12.5vw;
    text-align: center
}

.screen10 .megabook_desbox>div img {
    width: 10.15625vw;
    height: 10.15625vw
}

@media(max-width:1080px) {
    .screen10 .megabook_desbox>div img {
        width: 20.37vw;
        height: 20.37vw
    }
}

.screen10 .megabook_desbox>div .text p:nth-child(1) {
    font-weight: 600;
    font-size: 4.6875vw
}

@media(max-width:1080px) {
    .screen10 .megabook_desbox>div .text p:nth-child(1) {
        font-size: 8.333vw
    }
}

.screen10 .megabook_desbox>div .text p:nth-child(2) {
    font-weight: 400;
    font-size: 1.4453125vw;
    color: white
}

@media(max-width:1080px) {
    .screen10 .megabook_desbox>div .text p:nth-child(2) {
        font-size: 3.426vw
    }
}

.screen10 .megabook_desbox>div:nth-child(1) .text p:nth-child(1) {
    color: #6bc362
}

.screen10 .megabook_desbox>div:nth-child(2) .text p:nth-child(1) {
    color: #5187e0
}

.screen10 .megabook_desbox>div:nth-child(3) .text p:nth-child(1) {
    color: #f46c5c
}

.screen10 .megabook_desbox .megabook_desitem {
    border-radius: .4688vw;
    background-color: #2f2f2f;
    width: 28.125vw;
    height: 100%;
    position: relative;
    color: #fff
}

.screen10 .megabook_desbox .megabook_desitem .megabook_desitem_tit {
    position: absolute;
    top: 1.25vw;
    width: 100%;
    text-align: center;
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 600;
    font-family: 'Semibold';
    z-index: 2
}

.screen10 .megabook_desbox .megabook_desitem .megabook_desitem_des {
    position: absolute;
    width: 100%;
    top: 5vw;
    text-align: center;
    font-size: 1.2vw;
    line-height: 1.7344vw;
    font-weight: 400;
    z-index: 2
}

.screen10 .megabook_desbox .megabook_desitem .imgbox {
    z-index: 1
}

.screen11 {
    height: fit-content;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 12.5vw
}

.screen11 .imgbox {
    position: relative
}

.screen11 .imgbox .megabook_tit {
    position: absolute;
    top: 2.3438vw;
    width: 100%;
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen11 .imgbox .megabook_des {
    position: absolute;
    top: 7.9297vw;
    width: 46.953125vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen11 .imgbox .megabook_techs {
    top: 13.7109vw;
    position: absolute;
    width: 75vw;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.screen11 .imgbox .megabook_techs span {
    background-image: linear-gradient(to bottom, #90b6eb, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 2.8125vw;
    line-height: 3.375vw;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen12 {
    height: fit-content;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 12.5vw
}

.screen12 .megabook_tit {
    position: absolute;
    top: 3.125vw;
    width: 65vw;
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen12 .k16video {
    width: 100%
}

.screen13 {
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5.3906vw
}

.screen13 .megabook_tit {
    z-index: 2;
    margin-top: 4.6875vw;
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen13 .megabook_des {
    z-index: 2;
    margin-top: 2.3438vw;
    width: 59.2578vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen13 .imgbox {
    margin-top: 4.6875vw
}

.new70w {
    height: 78.0078125vw
}

@media(max-width:1080px) {
    .new70w {
        height: 111.111vw
    }
}

.new70w .megabook_tit {
    margin-top: 3.6328125vw;
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

@media(max-width:1080px) {
    .new70w .megabook_tit {
        font-size: 6.667vw;
        line-height: 100%;
        text-align: left;
        padding: 0 5.926vw;
        z-index: 1;
        position: relative
    }
}

.new70w .megabook_des {
    margin-top: 2.3438vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

@media(max-width:1080px) {
    .new70w .megabook_des {
        font-size: 3.426vw;
        line-height: 100%;
        text-align: left;
        position: absolute;
        bottom: 35vw;
        left: 5.926vw
    }
}

.new70w ._70 {
    position: absolute;
    left: 13.28125vw;
    top: 32.8984375vw;
    z-index: 1
}

.new70w ._70 b {
    color: #7377fd;
    font-weight: 600;
    font-size: 7.03125vw;
    line-height: 100%
}

.new70w ._70 p {
    color: white;
    font-weight: 400;
    font-size: 1.4453125vw;
    line-height: 100%
}

.new70w .tips {
    color: white;
    right: 10vw;
    bottom: 20vw
}

@media(max-width:1080px) {
    .new70w .imgbox {
        height: 61.111vw
    }

    .new70w ._70 {
        position: absolute;
        left: 5.926vw;
        top: 32.963vw;
        z-index: 1
    }

    .new70w ._70 b {
        font-size: 11.111vw
    }

    .new70w ._70 p {
        font-size: 2.593vw
    }

    .new70w .tips {
        bottom: 26.852vw
    }
}

.screen_add_19 {
    height: 65vw
}

@media(max-width:1080px) {
    .screen_add_19 {
        height: 111.111vw
    }
}

.screen_add_19 .megabook_tit {
    margin-top: 3.6328125vw;
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

@media(max-width:1080px) {
    .screen_add_19 .megabook_tit {
        font-size: 6.667vw;
        line-height: 100%;
        text-align: left;
        padding: 0 5.926vw;
        z-index: 1;
        position: relative
    }
}

.screen_add_19 .megabook_des {
    margin-top: 2.3438vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

@media(max-width:1080px) {
    .screen_add_19 .megabook_des {
        font-size: 3.426vw;
        line-height: 100%;
        text-align: left;
        position: absolute;
        bottom: 35vw;
        left: 5.926vw
    }
}

.screen_add_19>p {
    font-weight: 400;
    font-size: 1.640625vw;
    line-height: 100%;
    text-align: right;
    position: absolute;
    right: 4.5703125vw;
    bottom: 18vw;
    z-index: 1;
    color: white
}

@media(max-width:1080px) {
    .screen_add_19>p {
        font-size: 2.593vw;
        bottom: 51vw
    }
}

.screen14 {
    padding-bottom: 6.1719vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center
}

.screen14 .megabook_container {
    position: relative
}

.screen14 .megabook_container .megabook_desboxl {
    width: 86.5625vw;
    transform: translateX(0)
}

.screen14 .megabook_container .megabook_r {
    position: absolute;
    right: 0;
    top: 7.3828125vw
}

.screen14 .megabook_container .megabook_r .megabook_tit {
    z-index: 2;
    text-align: left;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen14 .megabook_container .megabook_r .megabook_des {
    z-index: 2;
    margin-top: 2.3438vw;
    width: 33.75vw;
    text-align: left;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen14 .megabook_techbox {
    margin-top: -8vw;
    width: 73.4375vw;
    display: flex;
    justify-content: space-between;
    height: 8.5938vw
}

.screen14 .megabook_techbox .megabook_techitem {
    transform: translateY(-80%);
    padding: 0 3.125vw;
    background-color: #191919;
    border-radius: .7813vw;
    width: 23.4375vw;
    height: 8.5938vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.screen14 .megabook_techbox .megabook_techitem .imgbox {
    width: 5.9375vw;
    height: 5.9375vw
}

.screen14 .megabook_techbox .megabook_techitem .megabook_tech {
    text-align: center;
    font-size: 1.3vw;
    line-height: 1.7344vw;
    font-weight: 600;
    color: #fff;
    font-family: 'Semibold'
}

.screen14 .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
    width: 4.7656vw;
    height: 3.9063vw
}

.screen14 .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
    width: 5.8203vw;
    height: 3.9063vw
}

.screen14 .megabook_techbox .megabook_techitem:nth-child(3) .imgbox img {
    width: 5.9375vw;
    height: auto
}

.screen15 {
    height: fit-content;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 12.5vw
}

.screen15 .imgbox {
    position: relative
}

.screen15 .imgbox .megabook_tit {
    position: absolute;
    top: 4.6875vw;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen15 .imgbox .megabook_des {
    position: absolute;
    top: 11.0547vw;
    width: 73.4375vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen15 .imgbox .megabook_icon {
    position: absolute;
    top: 21.5vw;
    right: 23vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.screen15 .imgbox .megabook_icon .imgbox {
    width: 8vw;
    height: 8vw
}

.screen15 .imgbox .megabook_icon .imgbox img {
    width: 100%;
    height: 100%
}

.screen15 .imgbox .megabook_icon .des {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff
}

.screen15 .imgbox .megabook_icon .des span:first-child {
    font-family: 'Semibold';
    font-weight: 700;
    font-size: 3vw
}

.screen15 .imgbox .megabook_icon .des span:last-child {
    font-weight: 400;
    font-size: 1.2vw
}

.screen15 .imgbox .megabook_techbox {
    position: absolute;
    bottom: 4.6875vw;
    width: 73.4375vw;
    height: 8.5938vw;
    display: flex;
    justify-content: space-between
}

.screen15 .imgbox .megabook_techbox .megabook_techitem {
    padding: 0 3.125vw;
    background-color: #1a1a1a;
    border-radius: .7813vw;
    width: 23.4375vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.screen15 .imgbox .megabook_techbox .megabook_techitem .imgbox {
    width: 6.1719vw;
    height: 6.1719vw
}

.screen15 .imgbox .megabook_techbox .megabook_techitem .megabook_tech {
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 600;
    color: #fff;
    font-family: 'Semibold';
    text-align: center
}

.screen15 .imgbox .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
    width: 4.6875vw;
    height: 4.6875vw
}

.screen15 .imgbox .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
    width: 6.1719vw;
    height: 6.1719vw
}

.screen15 .imgbox .megabook_techbox .megabook_techitem:nth-child(3) .imgbox img {
    width: 5.4688vw;
    height: 5.4688vw
}

.screen15_add1 {
    height: fit-content;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 12.5vw
}

.screen15_add1 .imgbox {
    position: relative
}

.screen15_add1 .imgbox .megabook_tit {
    position: absolute;
    color: #fff;
    font-size: 7vw;
    font-family: 'Semibold'
}

.screen15_add2 {
    padding-top: 2.843vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 12.5vw
}

.screen15_add2 .megabook_tit {
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen15_add2 .megabook_des {
    margin-top: 2.3438vw;
    width: 73.4375vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen15_add2 .desbox {
    margin-top: 4vw;
    width: 62vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.screen15_add2 .desbox .desitem {
    width: 20vw;
    position: relative;
    text-align: center
}

.screen15_add2 .desbox .desitem img {
    width: 100%
}

.screen15_add2 .desbox .desitem span {
    top: 2vw;
    left: 0;
    width: 100%;
    position: absolute;
    font-weight: 600;
    font-size: 1.2vw;
    font-family: 'Semibold';
    color: #fff
}

.screen15_add3 {
    height: fit-content;
    background-color: #000;
    padding-bottom: 12.5vw
}

.screen15_add3 .swiper-button-prev,
.screen15_add3 .swiper-rtl .swiper-button-next {
    left: 10vw;
    padding: 1.5vw;
    border-radius: 1.5vw;
    background-color: rgba(0, 0, 0, 0.5)
}

.screen15_add3 .swiper-button-prev:after,
.screen15_add3 .swiper-rtl .swiper-button-next:after {
    font-size: 1.5vw
}

.screen15_add3 .swiper-button-next:hover:after,
.screen15_add3 .swiper-button-prev:hover:after {
    color: #fff !important
}

.screen15_add3 .swiper-button-next,
.screen15_add3 .swiper-rtl .swiper-button-prev {
    right: 10vw;
    padding: 1.5vw;
    border-radius: 1.5vw;
    background-color: rgba(0, 0, 0, 0.5)
}

.screen15_add3 .swiper-button-next:after,
.screen15_add3 .swiper-rtl .swiper-button-prev:after {
    font-size: 1.5vw
}

.screen15_add3 .megabook_img {
    position: relative;
    text-align: center;
    width: 100%
}

.screen15_add3 .megabook_img .megabook_tit {
    position: absolute;
    top: 4vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen15_add3 .megabook_img .megabook_tit img {
    width: 4vw;
    margin-right: 2vw
}

.screen15_add3 .megabook_img .megabook_des {
    position: absolute;
    top: 10vw;
    left: 50%;
    transform: translateX(-50%);
    width: 73.4375vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen15_add3 .megabook_img img {
    width: 100%
}

.screen16 {
    padding-bottom: 12.5vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center
}

.screen16 .megabook_tit {
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen16 .megabook_des {
    margin-top: 2.3438vw;
    text-align: center;
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 400;
    font-family: 'Semibold';
    color: #fff
}

.screen16 .megabook_desbox {
    margin-top: 4.6875vw;
    display: flex;
    align-items: center
}

.screen16 .megabook_desbox .megabook_desboxl {
    width: 33.2031vw;
    display: flex;
    flex-direction: column;
    height: fit-content
}

.screen16 .megabook_desbox .megabook_desboxl .cameraitembox:not(:last-child) {
    margin-bottom: 3.125vw
}

.screen16 .megabook_desbox .megabook_desboxl .cameraitembox .cameraitem_des1 {
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen16 .megabook_desbox .megabook_desboxl .cameraitembox .cameraitem_des2 {
    padding-top: .625vw;
    font-size: 1.0938vw;
    line-height: 1.3125vw;
    font-weight: 400;
    color: #fff
}

.screen16 .megabook_desbox .megabook_desboxr {
    width: 49.6875vw
}

.screen17 {
    padding-bottom: 25vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column
}

.screen17 .megabook_tit {
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen17 .megabook_des {
    margin-top: 2.3438vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.screen17 .megabook_des .megabook_desinner {
    width: 74vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff;
    font-family: 'Regular'
}

.screen17 .megabook_desbox {
    margin-top: 13vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.screen17 .megabook_desbox .megabook_desboxinner {
    width: 50%;
    display: flex;
    flex-direction: column
}

.screen17 .megabook_desbox .megabook_desboxinner .megabook_desboxtit {
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen17 .megabook_desbox .megabook_desboxinner:first-child {
    text-align: right
}

.screen17 .megabook_desbox .megabook_desboxinner:first-child .megabook_desboxtit {
    padding-right: 2.0833vw
}

.screen17 .megabook_desbox .megabook_desboxinner:last-child {
    text-align: left
}

.screen17 .megabook_desbox .megabook_desboxinner:last-child .megabook_desboxtit {
    padding-left: 3vw
}

.screen17 .megabook_desbox .imgboxl {
    position: relative;
    width: 50vw;
    height: 8.359375vw
}

.screen17 .megabook_desbox .imgboxl span {
    font-size: 1.4453vw;
    font-weight: 400;
    font-family: 'Regular';
    position: absolute;
    color: #fff
}

.screen17 .megabook_desbox .imgboxl span.tech1 {
    left: 20.5vw;
    top: -3.5vw
}

.screen17 .megabook_desbox .imgboxl span.tech1::after {
    content: '';
    width: 2px;
    height: 4vw;
    position: absolute;
    left: 50%;
    top: 100%;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxl span.tech2 {
    left: 27vw;
    top: -5.5vw
}

.screen17 .megabook_desbox .imgboxl span.tech2::after {
    content: '';
    width: 2px;
    height: 6vw;
    position: absolute;
    left: 50%;
    top: 100%;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxl span.tech3 {
    left: 31.5vw;
    top: 10vw
}

.screen17 .megabook_desbox .imgboxl span.tech3::after {
    content: '';
    width: 2px;
    height: 5vw;
    position: absolute;
    left: 50%;
    top: -5vw;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxr {
    position: relative;
    width: 50vw;
    height: 8.359375vw
}

.screen17 .megabook_desbox .imgboxr span {
    font-size: 1.4453vw;
    font-weight: 400;
    font-family: 'Regular';
    position: absolute;
    color: #fff;
    text-align: center
}

.screen17 .megabook_desbox .imgboxr span.tech1 {
    left: 7vw;
    top: 12vw
}

.screen17 .megabook_desbox .imgboxr span.tech1::after {
    content: '';
    width: 2px;
    height: 8vw;
    position: absolute;
    left: 50%;
    top: -8vw;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxr span.tech2 {
    left: 12.5vw;
    top: -7vw
}

.screen17 .megabook_desbox .imgboxr span.tech2::after {
    content: '';
    width: 2px;
    height: 8vw;
    position: absolute;
    left: 50%;
    top: 100%;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxr span.tech3 {
    left: 20.4vw;
    top: 10vw
}

.screen17 .megabook_desbox .imgboxr span.tech3::after {
    content: '';
    width: 2px;
    height: 5vw;
    position: absolute;
    left: 50%;
    top: -5vw;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxr span.tech4 {
    left: 23vw;
    top: -5vw
}

.screen17 .megabook_desbox .imgboxr span.tech4::after {
    content: '';
    width: 2px;
    height: 5vw;
    position: absolute;
    left: 50%;
    top: 100%;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxr span.tech5 {
    left: 29vw;
    top: 10vw
}

.screen17 .megabook_desbox .imgboxr span.tech5::after {
    content: '';
    width: 2px;
    height: 5vw;
    position: absolute;
    left: 50%;
    top: -5vw;
    background-color: #fff
}

.screen17 .megabook_desbox .imgboxr span.tech6 {
    left: 1vw;
    top: 8vw
}

.screen17 .megabook_desbox .imgboxr span.tech6::after {
    content: '';
    width: 2px;
    height: 4vw;
    position: absolute;
    left: 50%;
    top: -4vw;
    background-color: #fff
}

.screen18 {
    padding-bottom: 12.5vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center
}

.screen18 .megabook_tit {
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen18 .megabook_des {
    margin-top: 2.3438vw;
    width: 71.4375vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen18 .imgbox {
    margin-top: 4.6875vw;
    width: 96.875vw
}

.screen18 .speeditembox {
    margin-top: 4.6875vw;
    display: flex;
    flex-direction: column
}

.screen18 .speeditembox .speeditem {
    display: flex;
    align-items: center
}

.screen18 .speeditembox .speeditem span {
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen18 .speeditembox .speeditem .speed_wifi {
    margin-right: 1.25vw
}

.screen18 .speeditembox .speeditem .speed_num {
    margin-left: 1.25vw
}

.screen18 .speeditembox .speeditem .speediteminner {
    border-radius: .625vw;
    height: .625vw;
    background-image: linear-gradient(to right, #296fd5, #5890e4)
}

.screen18 .speeditembox .speeditem .speediteminner1 {
    width: 27.5781vw
}

.screen18 .speeditembox .speeditem .speediteminner2 {
    width: 40.5469vw
}

.screen18 .speeditembox .speeditem:last-child {
    margin-top: 1.5625vw
}

.screen18 .lastspeed_des {
    width: 80%;
    margin-top: 2.3438vw;
    font-size: 1.0156vw;
    line-height: 1.2188vw;
    font-weight: 400;
    color: #333
}

.screen19 {
    padding-bottom: 12.5vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.screen19 .megabook_tit {
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen19 .megabook_des {
    margin-top: 2.3438vw;
    width: 52.0703vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen19 .megabook_itemboxs {
    margin-top: 3.125vw;
    width: 73.4375vw;
    height: 27.2656vw;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.screen19 .megabook_itemboxs .imgbox {
    width: 23.4375vw;
    position: relative
}

.screen19 .megabook_itemboxs .imgbox .megabook_imgdes {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 1.5625vw
}

.screen19 .megabook_itemboxs .imgbox .megabook_imgdes .megabook_imgtitf {
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen19 .megabook_itemboxs .imgbox .megabook_imgdes .megabook_imgtits {
    margin-top: 1.0938vw;
    font-size: 1.0938vw;
    line-height: 1.3125vw;
    font-weight: 400;
    color: #fff
}

/* .screen20 {
    padding-bottom: 12.5vw;
    height: fit-content;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.screen20 .megabook_tit {
    text-align: center;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
}

.screen20 .megabook_des {
    margin-top: 2.3438vw;
    width: 73.4766vw;
    text-align: center;
    font-size: 1.4453vw;
    line-height: 1.7344vw;
    font-weight: 400;
    color: #fff
}

.screen20 .megabook_itemboxs {
    margin-top: 4.6875vw;
    width: 73.4375vw;
    height: 23.9063vw;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.screen20 .megabook_itemboxs .imgbox {
    width: 23.4375vw;
    position: relative
}

.screen20 .megabook_itemboxs .imgbox .megabook_imgdes {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 1.2781vw
}

.screen20 .megabook_itemboxs .imgbox .megabook_imgdes .megabook_imgtitf {
    font-size: 1.875vw;
    line-height: 2.25vw;
    font-weight: 600;
    font-family: 'Semibold';
    color: #fff
} */
.screen20,.screen21{
    img{
        width: 100%;
    }
    .tit{
        font-size: 3.2813vw;
        font-weight: 600;
        font-family: 'Semibold';
        line-height: 100%;
        color: #000000;
    }
    .subtitle{
        font-size: 1.4063vw;
        font-weight: 400;
        font-family: 'Regular';
        line-height: 1.7344vw;
        color: #000000;
    }
    .text{
        font-weight: 400;
        font-size: .7031vw;
        line-height: 100%;
        font-family: 'Regular';
        color: #000000;
    }
}
.screen22{
    img{
        width: 100%;
    }
    .tit{
        font-size: 3.2813vw;
        font-weight: 600;
        font-family: 'Semibold';
        line-height: 100%;
        color: #FFFFFF;
    }
    .subtitle{
        font-size: 2.3438vw;
        font-weight: 600;
        font-family: 'Semibold';
        line-height: 100%;
        color: #FFFFFF;
    }
    .text{
        font-size: 1.4063vw;
        font-weight: 400;
        line-height: 1.7344vw;
        color: #FFFFFF;
        font-family: 'Regular';
    }
}
.screen20{
    .tit{
        position: absolute;
        left: 11.7188vw;
        top: 15.8984vw;
    }
    .content{
        position: absolute;
        left: 11.7188vw;
        top: 25.1172vw;
        display: flex;
        flex-direction: column;
        gap: 1.7578vw;
    }
}
.screen21{
    .content{
        position: absolute;
        left: 11.7188vw;
        top: 17.6172vw;
        display: flex;
        flex-direction: column;
        gap: 1.3281vw;
    }
    .text{
        position: absolute;
        text-align: right;
        bottom: 3.9063vw;
        right: 4.6875vw;
    }
}
.screen22{
    padding-bottom: 2.3438vw;
    .content{
        position: absolute;
        left: 11.7188vw;
        top: 19.2188vw;
        display: flex;
        flex-direction: column;
        gap: 1.0938vw;
    }
    .text{
        position: absolute;
        left: 11.7188vw;
        top: 28.6328vw;
    }
}
.screen23 {
    height: fit-content
}

.screen23 .imgbox {
    position: relative
}

.screen23 .imgbox .tit {
    position: absolute;
    top: 5vw;
    left: 10vw;
    font-size: 3.3594vw;
    line-height: 4.0313vw;
    color: #000;
    font-weight: 600;
    font-family: 'Semibold'
}

.screen22 {
    height: fit-content
}

@media screen and (max-width:1080px) {
    .data-megabook_pc {
        display: none
    }

    .data-megabook_m {
        display: block
    }

    .tips {
        font-size: 1.111vw;
        font-weight: 400;
        line-height: 1.333vw;
        text-align: right;
        opacity: .4
    }

    .screen1m {
        height: fit-content
    }

    .screen1m .megabook_imgbox {
        width: 100%
    }

    .screen1m .megabook_imgbox .megabook_img {
        width: 100%
    }

    .screen1m .megabook_desbox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 5.5556vw
    }

    .screen1m .megabook_desbox .megabook_brandimg {
        display: flex;
        align-items: start;
        gap: 2.593vw;
        justify-content: center
    }

    .screen1m .megabook_desbox .megabook_brandimg .k15logo {
        width: 45.741vw;
        height: 11.852vw
    }

    .screen1m .megabook_desbox .amdbrand {
        width: 12.037vw;
        height: 3.704vw
    }

    .screen1m .megabook_desbox .megabook_des1 {
        color: #1a1a1a;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 600;
        font-family: 'Semibold';
        margin-top: 2.2222vw
    }

    .screen1m .megabook_desbox .megabook_des2 {
        margin-top: 5.556vw;
        display: flex
    }

    .screen1m .megabook_desbox .megabook_des2 .megabook_desinner {
        color: #1a1a1a;
        display: flex;
        align-items: center;
        font-size: 2.593vw;
        font-weight: 400;
        line-height: 3.111vw
    }

    .screen1m .megabook_desbox .megabook_des2 .megabook_desinner:not(:last-child)::after {
        display: block;
        content: '';
        border-radius: 1px;
        width: 1px;
        height: 100%;
        margin: 0 1vw;
        background-image: linear-gradient(to bottom, #c1c5cb, #000, #c1c5cb)
    }

    .screen2m {
        background-color: #f5f5f5;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: 154.074vw
    }

    .screen2m .disclaimers {
        position: absolute;
        bottom: 35vw;
        left: 2.3148vw;
        display: flex;
        flex-direction: column
    }

    .screen2m .disclaimers span {
        font-size: 2.6vw;
        font-family: 'Semibold'
    }

    .screen2m .overview {
        width: 88.8889vw;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.852vw
    }

    .screen2m .overview .imgbox {
        position: relative
    }

    .screen2m .overview .overview1 {
        grid-column: span 2;
        height: 28.148vw
    }

    .screen2m .overview .overview1 ._15_logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 1.481vw;
        width: 26.543vw;
        height: 5.185vw
    }

    .screen2m .overview .overview2 {
        grid-column: span 2;
        height: 28.148vw
    }

    .screen2m .overview .overview2 div {
        position: absolute;
        left: 0;
        right: 0;
        top: 1.481vw;
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .screen2m .overview .overview2 div span {
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview3 {
        grid-column: span 2;
        height: 18.5185vw
    }

    .screen2m .overview .overview3 span {
        position: absolute;
        font-weight: 600;
        font-size: 1.852vw;
        line-height: 100%;
        text-align: center
    }

    .screen2m .overview .overview3 span:nth-child(2) {
        font-family: 'Semibold';
        font-weight: 600;
        font-size: 2.222vw;
        line-height: 100%;
        text-align: center;
        top: 1.852vw;
        left: 0;
        right: 0
    }

    .screen2m .overview .overview3 span:nth-child(3) {
        left: 2.593vw
    }

    .screen2m .overview .overview3 span:nth-child(4) {
        left: 17.5vw
    }

    .screen2m .overview .overview3 span:nth-child(5) {
        left: 35.37vw
    }

    .screen2m .overview .overview4 {
        grid-column: span 1;
        height: 18.5185vw
    }

    .screen2m .overview .overview4 span {
        top: 1.481vw;
        position: absolute;
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        text-align: center;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview5 {
        grid-column: span 1;
        height: 18.5185vw
    }

    .screen2m .overview .overview5 span {
        top: 1.481vw;
        position: absolute;
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        text-align: center;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview6 {
        grid-column: span 2;
        height: 29.6296vw
    }

    .screen2m .overview .overview6 div {
        position: absolute;
        left: 2.3148vw;
        top: 2vw;
        display: flex;
        flex-direction: column
    }

    .screen2m .overview .overview6 div span {
        font-size: 1.852vw;
        font-weight: 600;
        line-height: 2.222vw
    }

    .screen2m .overview .overview6 div span.tit {
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview6 div span.titmargin {
        margin-top: 2.037vw
    }

    .screen2m .overview .overview7 {
        grid-column: span 2;
        height: 29.6296vw
    }

    .screen2m .overview .overview7 .oneleaptit {
        position: absolute;
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        text-align: left;
        top: 1.852vw;
        left: 1.852vw;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview7 .oneleapdes {
        position: absolute;
        right: 1.852vw;
        display: flex;
        flex-direction: column;
        text-align: right;
        top: 1.852vw
    }

    .screen2m .overview .overview7 .oneleapdes span {
        font-size: 2.037vw;
        font-weight: 600;
        line-height: 2.444vw;
        text-align: right
    }

    .screen2m .overview .overview7 .oneleap_other {
        position: absolute;
        left: 2vw;
        bottom: .5vw;
        font-size: .9vw;
        line-height: 1.2;
        color: #fff
    }

    .screen2m .overview .overview8 {
        grid-column: span 2;
        height: 22.222vw
    }

    .screen2m .overview .overview8 div {
        position: absolute;
        top: 1.852vw;
        left: 1.481vw;
        text-align: center;
        display: flex;
        flex-direction: column
    }

    .screen2m .overview .overview8 div span:first-child {
        font-size: 3vw;
        font-weight: 700;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview8 div span:last-child {
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        text-align: left;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview9 {
        grid-column: span 2;
        height: 22.222vw
    }

    .screen2m .overview .overview9 span {
        position: absolute;
        top: 1.852vw;
        font-size: 2.222vw;
        font-weight: 600;
        line-height: 2.667vw;
        text-align: center;
        font-family: 'Semibold'
    }

    .screen2m .overview .overview10 {
        grid-column: span 4;
        height: 22.222vw;
        display: grid;
        grid-template-columns: 20.833vw repeat(3, 1fr);
        gap: 1.852vw
    }

    .screen2m .overview .overview10 .imgbox>div,
    .screen2m .overview .overview10 .imgbox>span {
        position: absolute;
        top: 1.481vw;
        left: 0;
        right: 0;
        text-align: center;
        font-family: 'Semibold';
        font-weight: 600;
        font-size: 2.222vw
    }

    .screen2m .overview .overview10 .imgbox .span1 {
        top: 8.333vw;
        font-weight: 600;
        font-size: 1.852vw;
        font-family: 'HurmeGeometricSans_No3_4_Regular'
    }

    .screen2m .tips {
        position: absolute;
        bottom: .37vw;
        right: 3.333vw;
        font-size: .46875vw
    }

    .screen2m .tipsSet2 {
        font-size: 1.667vw;
        font-weight: 400;
        line-height: 2vw;
        text-align: right;
        color: #666;
        position: relative;
        margin-top: 2.963vw;
        right: 5.556vw;
        bottom: unset;
        opacity: 1;
        width: 100%
    }

    .screen3m {
        height: fit-content;
        padding: 16.6667vw 0;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen3m .megabook_tit {
        z-index: 2;
        padding: 0 5.5556vw;
        color: #fff;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen3m .imgbox {
        margin-top: 5.5556vw;
        width: 100%;
        position: relative
    }

    .screen3m .megabook_des {
        z-index: 2;
        margin-top: 5.5556vw;
        padding: 0 5.5556vw;
        color: #fff;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400
    }

    .screen4m {
        height: fit-content;
        padding: 12.963vw 0 29.63vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #000
    }

    .screen4m .megabook_container {
        display: flex;
        flex-direction: column
    }

    .screen4m .megabook_container .megabook_tit {
        padding: 0 5.5556vw;
        color: #fff;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen4m .megabook_container .megabook_des {
        padding: 0 5.5556vw;
        color: #fff;
        margin-top: 4.4444vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400
    }

    .screen4m .megabook_container .otherdes {
        padding: 1vw 5.5556vw;
        color: #666;
        margin-top: 2.963vw;
        font-size: 1.667vw;
        font-weight: 400;
        line-height: 2vw;
        text-align: right
    }

    .screen4m .megabook_container .megabook_containerbox {
        padding-left: 5.5556vw;
        margin-top: 3.7037vw;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .screen4m .megabook_container .megabook_containerbox .megabook_container_l {
        display: flex;
        flex-direction: column
    }

    .screen4m .megabook_container .megabook_containerbox .megabook_container_l .imgbox {
        width: 47.6852vw;
        height: 31.2963vw
    }

    .screen4m .megabook_container .megabook_containerbox .megabook_container_r {
        width: 53.9815vw
    }

    .screen4m .megabook_container .megabook_containerbox .megabook_container_r .imgbox {
        height: 57.4074vw
    }

    .screen5m {
        height: fit-content;
        padding: 0 0 16.6667vw 0;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen5m .imgbox {
        position: relative
    }

    .screen5m .imgbox .megabook_desbox {
        position: absolute;
        left: 5.5556vw;
        top: 3.7037vw;
        display: flex;
        flex-direction: column;
        color: #fff
    }

    .screen5m .imgbox .megabook_desbox .megabook_tit {
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen5m .imgbox .megabook_desbox .megabook_tit_s {
        font-size: 4.444vw;
        font-weight: 600;
        line-height: 5.333vw;
        text-align: left;
        margin-top: 51.6667vw
    }

    .screen5m .imgbox .megabook_desbox .megabook_des {
        margin-top: 2.963vw;
        font-size: 3.426vw;
        font-weight: 400;
        line-height: 4.111vw;
        text-align: left;
        width: 82.222vw
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes {
        margin-top: 4.4444vw;
        display: flex;
        align-items: center
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner {
        display: flex;
        flex-direction: column
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner:first-child .imgbox {
        width: 7.7778vw;
        height: 5.9259vw
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner:last-child {
        margin-left: 6.7593vw
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner:last-child .imgbox {
        width: 9.2593vw;
        height: 5.5556vw
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner .megabook_tech {
        margin-top: 2.2222vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400
    }

    .screen5m .imgbox .megabook_desbox .megabook_detaildes .megabook_detaildes_inner .megabook_tech span {
        font-size: 5.5556vw;
        line-height: 6.6667vw;
        font-weight: 700;
        font-family: 'Semibold'
    }

    .screen5m .imgbox .megabook_desbox .tips {
        opacity: 1;
        color: #666;
        margin: 2.963vw 5.556vw 0
    }

    .screen6m {
        height: fit-content;
        padding: 29.63vw 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #000
    }

    .screen6m .megabook_container {
        display: flex;
        flex-direction: column
    }

    .screen6m .megabook_container .megabook_tit {
        z-index: 2;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff;
        padding: 0 5.5556vw
    }

    .screen6m .megabook_container .megabook_container_l {
        padding: 0 5.5556vw;
        z-index: 2;
        display: flex;
        flex-direction: column;
        color: #fff
    }

    .screen6m .megabook_container .megabook_container_l .megabook_tit_s {
        font-size: 4.44vw;
        line-height: 5.3333vw;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen6m .megabook_container .megabook_container_l .megabook_des {
        margin-top: 2.963vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400
    }

    .screen6m .megabook_container .megabook_container_r {
        width: 100%
    }

    .screen6m .megabook_container .megabook_techbox {
        padding: 0 5.5556vw;
        margin-top: 3.7037vw;
        width: 100%;
        height: 16.6667vw;
        display: flex;
        justify-content: space-between
    }

    .screen6m .megabook_container .megabook_techbox .megabook_techitem {
        padding: 0 1.852vw;
        background-color: #1a1a1a;
        border-radius: 1.852vw;
        width: 28.3333vw;
        display: flex;
        align-items: center;
        gap: .8vw
    }

    .screen6m .megabook_container .megabook_techbox .megabook_techitem .imgbox {
        width: 6.7593vw;
        height: 6.7593vw
    }

    .screen6m .megabook_container .megabook_techbox .megabook_techitem .megabook_tech {
        text-align: center;
        font-size: 2.5vw;
        line-height: 3.1111vw;
        font-weight: 600;
        color: #fff;
        font-family: 'Semibold'
    }

    .screen6m .megabook_container .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
        width: 6.3889vw;
        height: 6.7593vw
    }

    .screen6m .megabook_container .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
        width: 6.7593vw;
        height: 5.9259vw
    }

    .screen6m .megabook_container .megabook_techbox .megabook_techitem:nth-child(3) .imgbox img {
        width: 6.7593vw;
        height: 6.7593vw
    }

    .screen6m .tips {
        opacity: 1;
        color: #666;
        margin: 2.963vw 5.556vw 0;
        bottom: 25.926vw
    }

    .screen8m {
        height: fit-content;
        padding-bottom: 29.6296vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #000
    }

    .screen8m .tips {
        bottom: 23.148vw;
        color: white;
        right: 5.5556vw
    }

    .screen8m ._35w {
        position: absolute;
        right: 5.5556vw;
        top: 14.578125vw;
        text-align: center
    }

    .screen8m ._35w>b {
        font-weight: 600;
        line-height: 100%;
        color: #7377fd;
        text-align: center;
        font-size: 11.111vw
    }

    .screen8m ._35w>p {
        font-weight: 400;
        font-size: 3.426vw;
        line-height: 100%;
        text-align: center;
        color: white
    }

    .screen8m .megabook_tit {
        color: #fff;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        padding: 0 5.5556vw
    }

    .screen8m .system_imgbox {
        margin-top: 5.5556vw
    }

    .screen8m .megabook_titbox {
        z-index: 2;
        margin-top: 5vw;
        padding: 0 5.5556vw
    }

    .screen8m .megabook_titbox .megabook_tits {
        color: #fff;
        font-size: 4.44vw;
        line-height: 5.3333vw;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen8m .megabook_titbox .megabook_tit_s {
        color: #fff;
        margin-top: 2.0833vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400
    }

    .screen8m .megabook_techbox {
        padding: 0 5.5556vw;
        width: 100%;
        height: 16.6667vw;
        margin-top: 3.7037vw;
        display: flex;
        justify-content: space-between
    }

    .screen8m .megabook_techbox .megabook_techitem {
        padding: 0 5.5556vw;
        background-color: #1a1a1a;
        border-radius: 2.7778vw;
        width: 43.5185vw;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .screen8m .megabook_techbox .megabook_techitem .imgbox {
        width: 7.4074vw;
        height: 7.4074vw
    }

    .screen8m .megabook_techbox .megabook_techitem .megabook_tech {
        font-size: 2.5926vw;
        line-height: 3.1111vw;
        font-weight: 600;
        color: #fff;
        font-family: 'Semibold';
        text-align: center
    }

    .screen8m .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
        width: 7.4074vw;
        height: 7.3148vw
    }

    .screen8m .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
        width: 7.4074vw;
        height: 7.3148vw
    }

    .screen10m {
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 5.5556vw 29.6296vw
    }

    .screen10m .megabook_tit {
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff;
        z-index: 3
    }

    .screen10m .megabook_desbox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .screen10m .megabook_desbox .megabook_desitem {
        margin-top: 3.7037vw;
        padding: 3.7037vw 5.5556vw 0 0;
        border-radius: 1vw;
        background-color: #2f2f2f;
        width: 100%;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .screen10m .megabook_desbox .megabook_desitem .imgbox {
        height: 100%;
        width: 50.1852vw;
        z-index: 1
    }

    .screen10m .megabook_desbox .megabook_desitem .imgbox .img {
        height: 100%
    }

    .screen10m .megabook_desbox .megabook_desitem .megabook_desitemr .megabook_desitem_tit {
        width: 100%;
        text-align: right;
        font-size: 4.4444vw;
        line-height: 5.3333vw;
        font-weight: 600;
        font-family: 'Semibold';
        z-index: 2
    }

    .screen10m .megabook_desbox .megabook_desitem .megabook_desitemr .megabook_desitem_des {
        margin-top: 2.2222vw;
        width: 100%;
        text-align: right;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        z-index: 2
    }

    .screen11m {
        height: fit-content;
        padding: 0 0 28.7963vw;
        background-color: #000;
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .screen11m .megabook_tit {
        z-index: 2;
        padding: 0 5.5556vw;
        width: 100%;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen11m .imgbox {
        margin-top: 3.7037vw;
        position: relative
    }

    .screen11m .imgbox .megabook_techs {
        top: 3.7037vw;
        position: absolute;
        padding: 0 21.019vw 0 22.13vw;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .screen11m .imgbox .megabook_techs span {
        background-image: linear-gradient(to bottom, #90b6eb, #fff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen11m .megabook_des {
        margin-top: 3.7037vw;
        padding: 0 5.5556vw;
        width: 100%;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen12m {
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column
    }

    .screen12m .k16video {
        margin-top: 3.7037vw
    }

    .screen12m .megabook_tit {
        padding: 0 5.5556vw;
        text-align: left;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen13m {
        height: fit-content;
        padding: .833vw 0 29.63vw;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen13m .megabook_tit {
        z-index: 2;
        padding: 0 5.5556vw;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen13m .imgbox {
        margin-top: 3.983vw
    }

    .screen13m .megabook_des {
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        padding: 0 5.5556vw;
        color: #fff
    }

    .screen14m {
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen14m .megabook_tit {
        padding: 0 5.5556vw;
        z-index: 2;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen14m .megabook_desbox {
        margin-top: 4.8148vw
    }

    .screen14m .megabook_des {
        width: 82.685vw;
        padding: 0 5.5556vw;
        z-index: 2;
        margin-top: 4.0741vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen14m .megabook_techbox {
        padding: 0 5.5556vw;
        margin-top: 3.7037vw;
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .screen14m .megabook_techbox .megabook_techitem {
        padding: 0 1.852vw;
        background-color: #191919;
        border-radius: 1.3889vw;
        width: 28.3333vw;
        height: 16.6667vw;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .screen14m .megabook_techbox .megabook_techitem .imgbox {
        width: 7.7778vw;
        height: 7.7778vw
    }

    .screen14m .megabook_techbox .megabook_techitem .megabook_tech {
        text-align: center;
        font-size: 2.5926vw;
        line-height: 3.1111vw;
        font-weight: 600;
        color: #fff;
        font-family: 'Semibold'
    }

    .screen14m .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
        width: 7.4074vw;
        height: 5.6481vw
    }

    .screen14m .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
        width: 7.7778vw;
        height: 5.1852vw
    }

    .screen14m .megabook_techbox .megabook_techitem:nth-child(3) .imgbox img {
        width: 7.7778vw
    }

    .screen15m {
        height: fit-content;
        padding: 29.6296vw 0;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen15m .megabook_tit {
        padding: 0 5.5556vw;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen15m .techitem_imgbox {
        margin-top: 9.2593vw;
        position: relative
    }

    .screen15m .techitem_imgbox .megabook_icon {
        position: absolute;
        bottom: 5.5556vw;
        right: 5.5556vw;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .screen15m .techitem_imgbox .megabook_icon .imgbox {
        width: 12vw;
        height: 12vw
    }

    .screen15m .techitem_imgbox .megabook_icon .imgbox img {
        width: 100%;
        height: 100%
    }

    .screen15m .techitem_imgbox .megabook_icon .des {
        margin-left: 1vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff
    }

    .screen15m .techitem_imgbox .megabook_icon .des span:first-child {
        font-family: 'Semibold';
        font-weight: 700;
        font-size: 6vw
    }

    .screen15m .techitem_imgbox .megabook_icon .des span:last-child {
        font-weight: 400;
        font-size: 2.4vw
    }

    .screen15m .megabook_des {
        padding: 0 5.5556vw;
        margin-top: 3.7037vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen15m .megabook_techbox {
        margin-top: 3.7037vw;
        padding: 0 5.5556vw;
        height: 16.6667vw;
        display: flex;
        justify-content: space-between
    }

    .screen15m .megabook_techbox .megabook_techitem {
        padding: 0 2.7778vw;
        background-color: #1a1a1a;
        border-radius: 1.3889vw;
        width: 28.3333vw;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .screen15m .megabook_techbox .megabook_techitem .imgbox {
        width: 8.4259vw;
        height: 8.4259vw
    }

    .screen15m .megabook_techbox .megabook_techitem .megabook_tech {
        font-size: 2.5926vw;
        line-height: 3.1111vw;
        font-weight: 600;
        color: #fff;
        font-family: 'Semibold';
        text-align: center
    }

    .screen15m .megabook_techbox .megabook_techitem:nth-child(1) .imgbox img {
        width: 5.9259vw;
        height: 5.9259vw
    }

    .screen15m .megabook_techbox .megabook_techitem:nth-child(2) .imgbox img {
        width: 8.4259vw;
        height: 8.4259vw
    }

    .screen15m .megabook_techbox .megabook_techitem:nth-child(3) .imgbox img {
        width: 6.8519vw;
        height: 6.8519vw
    }

    .screen15m_add1 {
        height: fit-content;
        background-color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0 29.6296vw 0
    }

    .screen15m_add1 .imgbox {
        position: relative
    }

    .screen15m_add1 .imgbox .megabook_tit {
        position: absolute;
        color: #fff;
        font-size: 7vw;
        font-family: 'Semibold'
    }

    .screen15m_add2 {
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column;
        padding: 0 0 29.6296vw 0
    }

    .screen15m_add2 .megabook_tit {
        padding: 0 5.5556vw;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen15m_add2 .megabook_des {
        padding: 0 5.5556vw;
        margin-top: 3.7037vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen15m_add2 .desbox {
        margin-top: 4vw;
        width: 100%;
        padding: 0 5.5556vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .screen15m_add2 .desbox .desitem {
        width: 100%;
        position: relative;
        text-align: center
    }

    .screen15m_add2 .desbox .desitem:not(:last-child) {
        margin-bottom: 4vw
    }

    .screen15m_add2 .desbox .desitem img {
        width: 100%
    }

    .screen15m_add2 .desbox .desitem span {
        top: 5vw;
        left: 0;
        width: 100%;
        position: absolute;
        font-weight: 600;
        font-size: 4vw;
        font-family: 'Semibold';
        color: #fff
    }

    .screen15m_add3 {
        height: fit-content;
        background-color: #000;
        padding: 0 0 29.6296vw 0
    }

    .screen15m_add3 .swiper-button-prev,
    .screen15m_add3 .swiper-rtl .swiper-button-next {
        left: 10vw;
        padding: 1.5vw;
        border-radius: 1.5vw;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .screen15m_add3 .swiper-button-prev:after,
    .screen15m_add3 .swiper-rtl .swiper-button-next:after {
        font-size: 3vw
    }

    .screen15m_add3 .swiper-button-next:hover:after,
    .screen15m_add3 .swiper-button-prev:hover:after {
        color: #fff !important
    }

    .screen15m_add3 .swiper-button-next,
    .screen15m_add3 .swiper-rtl .swiper-button-prev {
        right: 10vw;
        padding: 1.5vw;
        border-radius: 1.5vw;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .screen15m_add3 .swiper-button-next:after,
    .screen15m_add3 .swiper-rtl .swiper-button-prev:after {
        font-size: 3vw
    }

    .screen15m_add3 .megabook_img {
        position: relative;
        width: 100%
    }

    .screen15m_add3 .megabook_img .megabook_tit {
        position: absolute;
        top: 4vw;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        font-size: 6vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen15m_add3 .megabook_img .megabook_tit img {
        width: 6vw;
        margin-right: 3vw
    }

    .screen15m_add3 .megabook_img img {
        width: 100%
    }

    .screen15m_add3 .megabook_des {
        background-color: #000;
        padding: 0 5.5556vw;
        margin-top: 3.7037vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen16m {
        padding: 0 5.5556vw 29.6296vw;
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen16m .megabook_tit {
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen16m .megabook_desboxr {
        margin-top: 3.7037vw
    }

    .screen16m .megabook_des {
        margin-top: 3.7037vw;
        font-size: 4.4444vw;
        line-height: 5.3333vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen16m .megabook_desbox {
        margin-top: 3.7037vw
    }

    .screen16m .megabook_desbox .megabook_desboxl {
        display: flex;
        flex-direction: column;
        height: fit-content
    }

    .screen16m .megabook_desbox .megabook_desboxl .cameraitembox:not(:last-child) {
        margin-bottom: 2.963vw
    }

    .screen16m .megabook_desbox .megabook_desboxl .cameraitembox .cameraitem_des1 {
        font-size: 2.5926vw;
        line-height: 3.1111vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen16m .megabook_desbox .megabook_desboxl .cameraitembox .cameraitem_des2 {
        padding-top: 1.1111vw;
        font-size: 2.5926vw;
        line-height: 3.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen17m {
        padding: 0 0 29.6296vw;
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen17m .megabook_tit {
        padding-left: 5.5556vw;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen17m .megabook_desbox {
        margin-top: 3.7037vw;
        display: flex;
        flex-direction: column
    }

    .screen17m .megabook_desbox .megabook_desboxinner {
        display: flex;
        flex-direction: column
    }

    .screen17m .megabook_desbox .megabook_desboxinner .megabook_desboxtit {
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl {
        position: relative;
        margin: 13vw 0
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span {
        font-size: 2.5926vw;
        font-weight: 400;
        font-family: 'Regular';
        position: absolute;
        color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech1 {
        right: 48vw;
        top: -10vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech1::after {
        content: '';
        width: .2vw;
        height: 10vw;
        position: absolute;
        left: 50%;
        top: 100%;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech2 {
        right: 35vw;
        top: -14vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech2::after {
        content: '';
        width: .2vw;
        height: 14vw;
        position: absolute;
        left: 50%;
        top: 100%;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech3 {
        right: 18.6vw;
        bottom: -10vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech3::after {
        content: '';
        width: .2vw;
        height: 12vw;
        position: absolute;
        left: 50%;
        top: -12vw;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxl span.tech4 {
        right: 8vw;
        top: 17vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr {
        position: relative;
        margin: 13vw 0
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span {
        font-size: 2.5926vw;
        font-weight: 400;
        font-family: 'Regular';
        position: absolute;
        color: #fff;
        text-align: center
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech1 {
        left: 18.5vw;
        top: 20vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech1::after {
        content: '';
        width: .2vw;
        height: 10vw;
        position: absolute;
        left: 50%;
        top: -10vw;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech2 {
        left: 29vw;
        top: -6vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech2::after {
        content: '';
        width: .2vw;
        height: 8vw;
        position: absolute;
        left: 50%;
        top: 100%;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech3 {
        left: 43vw;
        top: 20vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech3::after {
        content: '';
        width: .2vw;
        height: 10vw;
        position: absolute;
        left: 50%;
        top: -10vw;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech4 {
        left: 48vw;
        top: -10vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech4::after {
        content: '';
        width: .2vw;
        height: 8vw;
        position: absolute;
        left: 50%;
        top: 100%;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech5 {
        left: 58.8vw;
        top: 20vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech5::after {
        content: '';
        width: .2vw;
        height: 10vw;
        position: absolute;
        left: 50%;
        top: -10vw;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech6 {
        left: 8vw;
        top: -13vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner .imgboxr span.tech6::after {
        content: '';
        width: .2vw;
        height: 10vw;
        position: absolute;
        left: 50%;
        top: 9vw;
        background-color: #fff
    }

    .screen17m .megabook_desbox .megabook_desboxinner:first-child {
        text-align: right
    }

    .screen17m .megabook_desbox .megabook_desboxinner:first-child .megabook_desboxtit {
        padding-right: 5vw
    }

    .screen17m .megabook_desbox .megabook_desboxinner:last-child {
        text-align: left
    }

    .screen17m .megabook_desbox .megabook_desboxinner:last-child .megabook_desboxtit {
        padding-left: 14vw
    }

    .screen17m .megabook_des {
        margin-top: 3.7037vw;
        padding: 0 5.5556vw
    }

    .screen17m .megabook_des .megabook_desinner {
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff;
        font-family: 'Regular'
    }

    .screen18m {
        padding: 0 0 29.6296vw;
        height: fit-content;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen18m .megabook_tit {
        padding: 0 5.5556vw;
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen18m .imgbox {
        margin-top: 3.7037vw
    }

    .screen18m .megabook_des {
        padding: 0 5.5556vw;
        margin-top: 3.7037vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen18m .speeditembox {
        padding: 0 0 0 5.5556vw;
        margin-top: 5.5556vw;
        display: flex;
        flex-direction: column
    }

    .screen18m .speeditembox .speeditem {
        display: flex;
        align-items: center
    }

    .screen18m .speeditembox .speeditem span {
        font-size: 2.5926vw;
        line-height: 3.1111vw;
        font-weight: 400;
        color: #fff
    }

    .screen18m .speeditembox .speeditem .speed_wifi {
        margin-right: 2.2222vw
    }

    .screen18m .speeditembox .speeditem .speed_num {
        margin-left: 2.2222vw
    }

    .screen18m .speeditembox .speeditem .speediteminner {
        border-radius: .9259vw;
        height: 1.1111vw;
        background-image: linear-gradient(to right, #296fd5, #5890e4)
    }

    .screen18m .speeditembox .speeditem .speediteminner1 {
        width: 29.6296vw
    }

    .screen18m .speeditembox .speeditem .speediteminner2 {
        width: 45.2778vw
    }

    .screen18m .speeditembox .speeditem:last-child {
        margin-top: 2.963vw
    }

    .screen18m .lastspeed_des {
        padding: 0 5.5556vw;
        margin-top: 5.5556vw;
        font-size: 1.852vw;
        line-height: 2.2222vw;
        font-weight: 400;
        color: #333
    }

    .screen19m {
        height: fit-content;
        padding: 0 5.5556vw 29.6296vw;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen19m .megabook_tit {
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen19m .megabook_itemboxs {
        margin-top: 3.7037vw;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.852vw
    }

    .screen19m .megabook_itemboxs .imgboxf {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column: span 1
    }

    .screen19m .megabook_itemboxs .imgboxf .imgbox {
        position: relative
    }

    .screen19m .megabook_itemboxs .imgboxf .imgbox .megabook_imgdes {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 2vw
    }

    .screen19m .megabook_itemboxs .imgboxf .imgbox .megabook_imgdes .megabook_imgtitf {
        font-size: 2.2vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff;
        text-align: center
    }

    .screen19m .megabook_itemboxs .imgboxf .imgbox .megabook_imgdes .megabook_imgtits {
        text-align: center;
        margin-top: .2vw;
        font-size: 2vw;
        font-weight: 400;
        color: #fff
    }

    .screen19m .megabook_des {
        margin-top: 3.7037vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    }

    /* .screen20m {
        height: fit-content;
        padding: 0 5.5556vw 29.6296vw;
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .screen20m .megabook_tit {
        font-size: 6.6667vw;
        line-height: 8vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen20m .megabook_itemboxs {
        margin-top: 3.7037vw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.852vw
    }

    .screen20m .megabook_itemboxs .imgboxf {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .screen20m .megabook_itemboxs .imgboxf:nth-child(1) {
        grid-column: span 2
    }

    .screen20m .megabook_itemboxs .imgboxf .imgbox {
        width: 43.5185vw;
        position: relative
    }

    .screen20m .megabook_itemboxs .imgboxf .imgbox .megabook_imgdes {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 3.7037vw
    }

    .screen20m .megabook_itemboxs .imgboxf .imgbox .megabook_imgdes .megabook_imgtitf {
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 600;
        font-family: 'Semibold';
        color: #fff
    }

    .screen20m .megabook_des {
        margin-top: 3.7037vw;
        font-size: 3.4259vw;
        line-height: 4.1111vw;
        font-weight: 400;
        color: #fff
    } */
    .screen20m,.screen21m{
        img{
            width: 100%;
        }
        .tit{
            font-size: 6.6667vw;
            font-weight: 600;
            font-family: 'Semibold';
            line-height: 100%;
            color: #FFFFFF;
        }
        .subtitle{
            font-size: 3.4259vw;
            font-family: 'Regular';
            font-weight: 400;
            line-height: 4.1111vw;
            color: #FFFFFF;
        }
        .text{
            font-size: 1.6667vw;
            font-weight: 400;
            font-family: 'Regular';
            line-height: 100%;
            color: #FFFFFF;
        }
    }
    .screen22m{
        img{
            width: 100%;
        }
        .tit{
            font-size: 6.6667vw;
            font-weight: 600;
            font-family: 'Semibold';
            line-height: 100%;
            color: #FFFFFF;
        }
        .subtitle{
            font-size: 4.8148vw;
            font-weight: 600;
            font-family: 'Semibold';
            line-height: 100%;
            color: #FFFFFF;
        }
        .text{
            font-size: 3.4259vw;
            font-family: 'Regular';
            font-weight: 400;
            line-height: 4.1111vw;
            color: #FFFFFF;
        }
    }
    .screen20m{
        .tit{
            padding: 0 0 5.5556vw 5.5556vw;
        }
        .content{
            display: flex;
            flex-direction: column;
            gap: 5.5556vw;
            padding: 3.7037vw 5.5556vw 0 5.5556vw;
            .text{
                text-align: right;
            }
        }
    }
    .screen21m{
        padding:29.6296vw 0 29.6296vw 0;
        .tit{
            padding: 0 0 5.5556vw 5.7407vw;
        }
        .content{
            padding: 3.7037vw 5.5556vw 0 5.5556vw;
            display: flex;
            flex-direction: column;
            gap: 5.5556vw;
            .text{
                text-align: right;
            }
        }
    }
    .screen22m{
        padding-bottom: 29.6296vw;
        .content{
            padding: 0 0 5.5556vw 5.5556vw;
            display: flex;
            flex-direction: column;
            gap: 3.7037vw;
        }
        .text{
            padding: 5.5556vw 5.5556vw 0 5.5556vw;
        }
    }
    .screen23m {
        height: fit-content
    }

    .screen23m .imgbox {
        position: relative
    }

    .screen23m .imgbox .tit {
        position: absolute;
        top: 6vw;
        left: 5.5556vw;
        font-size: 5vw;
        color: #000;
        font-weight: 600;
        font-family: 'Semibold'
    }

    .screen22m {
        height: fit-content
    }
}